/*
Theme Name: Ton Horizon
Theme URI: https://www.tonhorizon.fr
Author: Amandine Rousseaux
Author URI: https://www.tonhorizon.fr
Description: Theme sur mesure pour Ton Horizon, site d'orientation vers le commerce. Le contenu principal (accueil, outils, fiches) est genere par front-page.php. Ce fichier gere le style du blog WordPress natif.
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietaire
Text Domain: tonhorizon
*/

/* Ce fichier n'est utilise que pour le blog WordPress natif (articles, archives).
   La page d'accueil et l'outil interactif ont leur propre CSS complet dans front-page.php. */

:root{
  --th-navy:#101B2D;
  --th-blue:#1D4ED8;
  --th-paper:#F5F3EE;
  --th-white:#FFFFFF;
  --th-text:#16202B;
  --th-muted:#5B6572;
  --th-border:rgba(16,27,45,0.12);
}

*{box-sizing:border-box}
body{margin:0;font-family:'Inter',sans-serif;color:var(--th-text);background:var(--th-white);line-height:1.7}
a{color:var(--th-blue)}
img{max-width:100%;height:auto;display:block}

.th-nav{background:var(--th-white);border-bottom:1px solid var(--th-border);padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
.th-nav-logo{font-family:'Fraunces',serif;font-weight:800;font-size:18px;color:var(--th-blue);text-decoration:none;letter-spacing:-0.5px}
.th-nav-logo span{color:var(--th-text)}
.th-nav-links a{color:var(--th-muted);text-decoration:none;font-size:13px;font-weight:500;margin-left:24px}
.th-nav-links a:hover{color:var(--th-blue)}

.th-container{max-width:1100px;margin:0 auto;padding:56px 24px}
.th-container-narrow{max-width:760px;margin:0 auto;padding:56px 24px}

.th-blog-eyebrow{font-size:11px;font-weight:600;color:var(--th-blue);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:14px}
.th-blog-title{font-family:'Fraunces',serif;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.15;letter-spacing:-0.02em;margin:0 0 16px}
.th-blog-sub{font-size:15px;color:var(--th-muted);max-width:640px;margin-bottom:32px}
.th-blog-meta{font-size:13px;color:var(--th-muted);margin-bottom:40px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.th-blog-meta .th-dot{opacity:0.5}

/* Filtres de categories sur l'archive */
.th-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.th-filter{display:inline-block;padding:9px 18px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;color:var(--th-text);background:var(--th-paper);border:1px solid transparent;transition:all 0.15s}
.th-filter:hover{border-color:var(--th-border)}
.th-filter.active{background:var(--th-navy);color:#fff}

/* Grille de cartes (archive) */
.th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:900px){.th-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.th-grid{grid-template-columns:1fr}}

.th-card{text-decoration:none;color:inherit;display:block}
.th-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--th-paper);border-radius:4px;margin-bottom:16px}
.th-card-img.th-noimg{display:flex;align-items:center;justify-content:center;color:var(--th-muted);font-size:12px}
.th-card-cat{display:inline-block;background:var(--th-navy);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:20px;margin-bottom:12px}
.th-card h2{font-family:'Fraunces',serif;font-size:19px;font-weight:600;line-height:1.3;margin:0 0 8px;color:var(--th-text)}
.th-card:hover h2{color:var(--th-blue)}
.th-card-excerpt{font-size:13px;color:var(--th-muted);line-height:1.6;margin-bottom:8px}
.th-card-foot{font-size:11.5px;color:var(--th-muted)}

/* Article seul */
.th-single-header{max-width:820px;margin:0 auto;padding:56px 24px 0;text-align:left}
.th-single-img{max-width:1100px;margin:32px auto;padding:0 24px}
.th-single-img img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:6px}
.th-single-layout{max-width:1100px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
@media(max-width:860px){.th-single-layout{grid-template-columns:1fr}}

.th-post-content h2{font-family:'Fraunces',serif;font-size:24px;font-weight:600;margin-top:40px;margin-bottom:14px;color:var(--th-navy)}
.th-post-content h3{font-family:'Fraunces',serif;font-size:19px;font-weight:600;margin-top:28px;margin-bottom:10px;color:var(--th-navy)}
.th-post-content p{font-size:16px;color:var(--th-text);margin-bottom:20px}
.th-post-content ul,.th-post-content ol{font-size:16px;margin-bottom:20px;padding-left:22px}
.th-post-content li{margin-bottom:8px}
.th-post-content table{width:100%;border-collapse:collapse;margin-bottom:24px;font-size:14px}
.th-post-content th,.th-post-content td{border:1px solid var(--th-border);padding:10px 12px;text-align:left}
.th-post-content th{background:var(--th-paper);font-weight:600}
.th-post-content a{text-decoration:underline}
.th-post-content img{border-radius:6px;margin:16px 0}
.th-post-content blockquote{border-left:3px solid var(--th-blue);padding-left:18px;margin:24px 0;color:var(--th-muted);font-style:italic}

/* Carte laterale (sidebar) */
.th-sidebar{position:sticky;top:24px}
.th-cta-card{background:var(--th-paper);border-top:3px solid var(--th-blue);padding:28px;text-align:left;margin-bottom:24px}
.th-cta-card h3{font-family:'Fraunces',serif;font-size:19px;font-weight:600;margin:0 0 10px;color:var(--th-navy)}
.th-cta-card p{font-size:13.5px;color:var(--th-muted);margin-bottom:18px;line-height:1.6}
.th-cta-btn{display:inline-block;background:var(--th-blue);color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:11px 20px;border-radius:3px}
.th-cta-btn:hover{background:#12308F}
.th-cta-btn.outline{background:transparent;color:var(--th-navy);border:1px solid var(--th-navy)}

.th-archive-empty{font-size:15px;color:var(--th-muted)}

.th-footer{background:var(--th-paper);padding:32px;text-align:center;margin-top:60px}
.th-footer a{color:var(--th-muted);font-size:12px;margin:0 10px;text-decoration:none}

.th-back-link{display:inline-block;margin-bottom:24px;font-size:13px;color:var(--th-blue);text-decoration:none}

.th-pagination{margin-top:32px;display:flex;gap:10px}
.th-pagination a,.th-pagination span{padding:8px 14px;border:1px solid var(--th-border);border-radius:4px;text-decoration:none;color:var(--th-text);font-size:13px}
.th-pagination .current{background:var(--th-navy);color:#fff;border-color:var(--th-navy)}