/*
Theme Name: TerrAgree (test de conversion)
Theme URI: https://terragree.com/
Author: Maison TerrAgree
Description: Thème de test, converti à la main depuis l'export Claude Design (Accueil.dc.html) pour évaluer la faisabilité d'une conversion HTML vers WordPress. Une seule page (l'accueil) est convertie ; les 149 autres pages ne le sont pas encore.
Version: 0.1-test
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: terragree
*/

*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{margin:0;background:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:#1A1A1A}
a{color:#007D70;text-decoration:none}
a:hover{color:#16201C}
img{max-width:100%}
summary::-webkit-details-marker{display:none}
summary::marker{content:''}
details[open] .plus{transform:rotate(45deg)}
.nav-sub{display:none}
.nav-item:hover .nav-sub,.nav-item:has(:focus-visible) .nav-sub{display:flex}

/* Bandeau hero (accueil) : diaporama à 4 univers, piloté par [data-slide] sur .hero */
.hero-fond{opacity:0;pointer-events:none;transition:opacity .9s ease}
.hero-fond[data-i="0"]{opacity:1;pointer-events:auto}
.hero[data-slide="1"] .hero-fond[data-i="0"],.hero[data-slide="2"] .hero-fond[data-i="0"],.hero[data-slide="3"] .hero-fond[data-i="0"]{opacity:0;pointer-events:none}
.hero[data-slide="1"] .hero-fond[data-i="1"],.hero[data-slide="2"] .hero-fond[data-i="2"],.hero[data-slide="3"] .hero-fond[data-i="3"]{opacity:1;pointer-events:auto}
.hero-slide{opacity:0;pointer-events:none;transition:opacity .7s ease}
.hero-slide[data-i="0"]{opacity:1;pointer-events:auto}
.hero[data-slide="1"] .hero-slide[data-i="0"],.hero[data-slide="2"] .hero-slide[data-i="0"],.hero[data-slide="3"] .hero-slide[data-i="0"]{opacity:0;pointer-events:none}
.hero[data-slide="1"] .hero-slide[data-i="1"],.hero[data-slide="2"] .hero-slide[data-i="2"],.hero[data-slide="3"] .hero-slide[data-i="3"]{opacity:1;pointer-events:auto}
.hero-tab{color:rgba(255,255,255,.6);border-style:solid;border-color:rgba(255,255,255,.2);border-width:0 2px 0 0;transition:color .4s ease,border-color .4s ease}
.hero-tab:hover{color:#fff}
.hero-tab[data-i="0"]{color:#fff;border-right-color:#B9974E}
.hero[data-slide="1"] .hero-tab[data-i="0"],.hero[data-slide="2"] .hero-tab[data-i="0"],.hero[data-slide="3"] .hero-tab[data-i="0"]{color:rgba(255,255,255,.6);border-right-color:rgba(255,255,255,.2)}
.hero[data-slide="1"] .hero-tab[data-i="1"],.hero[data-slide="2"] .hero-tab[data-i="2"],.hero[data-slide="3"] .hero-tab[data-i="3"]{color:#fff;border-right-color:#B9974E}

/* image-slot d'origine remplacé par de simples <img class="tg-photo">, cover + coins arrondis */
.tg-photo-wrap{position:relative;overflow:hidden}
.tg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Corps des fiches département / massif : contenu HTML géré par
   l'éditeur WordPress (the_content), wpautop désactivé. */
.tg-departement-body,.tg-massif-body{color:#3A423D;font-size:19px;line-height:1.8}
.tg-departement-body h2,.tg-massif-body h2{margin:clamp(40px,4.6vw,72px) 0 0;padding-bottom:16px;border-bottom:1px solid #E2E6E2;scroll-margin-top:96px;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(25px,2.8vw,36px);line-height:1.16;color:#16201C}
.tg-departement-body>h2:first-child,.tg-massif-body>h2:first-child{margin-top:0}
.tg-departement-body h3,.tg-massif-body h3{margin:clamp(28px,3vw,40px) 0 0;scroll-margin-top:96px;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(20px,2vw,25px);line-height:1.25;color:#16201C}
.tg-departement-body p,.tg-massif-body p{margin:18px 0 0;max-width:70ch}
.tg-departement-body h2+p,.tg-massif-body h2+p{margin-top:24px;font-size:19px}
.tg-departement-body p.source,.tg-massif-body p.source{font-size:15.5px;font-style:italic;color:#5C655F}
.tg-departement-body strong,.tg-massif-body strong{font-weight:600;color:#16201C}
.tg-departement-body table,.tg-massif-body table{width:100%;max-width:70ch;margin:clamp(24px,2.6vw,34px) 0 0;border-collapse:collapse}
.tg-departement-body caption,.tg-massif-body caption{caption-side:top;text-align:left;padding-bottom:14px;font-size:15.5px;line-height:1.6;color:#5C655F}
.tg-departement-body th,.tg-massif-body th{text-align:right;padding:0 18px 12px 0;border-bottom:1px solid #16201C;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5C655F}
.tg-departement-body th:first-child,.tg-massif-body th:first-child{text-align:left}
.tg-departement-body td,.tg-massif-body td{padding:14px 18px 14px 0;border-bottom:1px solid #E2E6E2;font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:500;color:#16201C;text-align:right;white-space:nowrap}
.tg-departement-body td:first-child,.tg-massif-body td:first-child{font-family:inherit;font-size:17px;font-weight:400;color:#3A423D;text-align:left;white-space:normal}
.tg-departement-body dl,.tg-massif-body dl{margin:clamp(24px,2.6vw,34px) 0 0;max-width:70ch;display:flex;flex-direction:column;border-top:1px solid #E2E6E2}
.tg-departement-body dt,.tg-massif-body dt{margin-top:20px;font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:#16201C}
.tg-departement-body dd,.tg-massif-body dd{margin:7px 0 20px;padding-bottom:20px;border-bottom:1px solid #E2E6E2;font-size:17.5px;line-height:1.7}
.tg-departement-body details,.tg-massif-body details{border-top:1px solid #E2E6E2;margin-top:0}
.tg-departement-body summary,.tg-massif-body summary{list-style:none;cursor:pointer;padding:22px 0;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.3;color:#16201C}
.tg-departement-body details p,.tg-massif-body details p{margin:0 0 24px;padding-right:40px;max-width:74ch;font-size:18px}
/* Fiches "Essences forestières" : une colonne, pas de tableau chiffre-clé
   à droite comme départements/massifs, mais des tableaux descriptifs
   (libellé à gauche, description à droite, tous deux alignés à gauche)
   et des figures avec légende. */
.tg-essence-body{color:#3A423D;font-size:18.5px;line-height:1.8}
.tg-essence-body h2{margin:clamp(44px,5vw,76px) 0 0;padding-bottom:16px;border-bottom:1px solid #E2E6E2;scroll-margin-top:96px;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(25px,2.8vw,36px);line-height:1.16;color:#16201C}
.tg-essence-body>h2:first-child{margin-top:0}
.tg-essence-body h3{margin:clamp(30px,3.4vw,44px) 0 0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(20px,2vw,25px);line-height:1.25;color:#16201C}
.tg-essence-body p{margin:18px 0 0;max-width:70ch}
.tg-essence-body p.tg-chapo{margin-top:22px;padding-left:22px;border-left:2px solid #B9974E;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:20px;line-height:1.6;color:#16201C}
.tg-essence-body p.tg-encart{padding:14px 18px;background:#F4F6F4;font-size:16.5px;line-height:1.65;color:#5C655F}
.tg-essence-body p.tg-encart strong{font-weight:700;color:#16201C}
.tg-essence-body strong{font-weight:600;color:#16201C}
.tg-essence-body figure{margin:clamp(28px,3vw,40px) 0 0}
.tg-essence-body figure img{display:block;width:100%;height:auto;background:#fff;border-top:1px solid #B9974E}
.tg-essence-body figcaption{margin-top:10px;font-size:14px;line-height:1.6;color:#5C655F}
.tg-essence-body table{width:100%;max-width:70ch;margin:clamp(28px,3vw,40px) 0 0;border-collapse:collapse}
.tg-essence-body caption{text-align:left;padding-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#7D6122}
.tg-essence-body thead th{padding:12px 16px 12px 0;text-align:left;vertical-align:bottom;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5C655F;border-bottom:1px solid #16201C}
.tg-essence-body tbody th{padding:13px 16px 13px 0;vertical-align:top;font-size:17px;line-height:1.55;font-weight:600;color:#16201C;text-align:left;border-bottom:1px solid #E2E6E2}
.tg-essence-body tbody td{padding:13px 16px 13px 0;vertical-align:top;font-size:17px;line-height:1.55;color:#3A423D;text-align:left;border-bottom:1px solid #E2E6E2}
.tg-essence-body ul.tg-sources{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;max-width:70ch}
.tg-essence-body ul.tg-sources li{padding-left:22px;border-left:1px solid #E2E6E2;font-size:18.5px;line-height:1.75}
.tg-essence-body ul:not(.tg-sources),.tg-essence-body ol{margin:18px 0 0;padding-left:22px;max-width:70ch}
.tg-essence-body li{margin-top:8px;line-height:1.75}
.tg-essence-body details{border-top:1px solid #E2E6E2;margin-top:0}
.tg-essence-body summary{list-style:none;cursor:pointer;padding:22px 0;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.3;color:#16201C}
.tg-essence-body details p{margin:0 0 24px;padding-right:40px;max-width:74ch;font-size:18px}
.tg-essence-body blockquote{margin:clamp(28px,3vw,40px) 0 0;padding-left:22px;border-left:2px solid #B9974E;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;line-height:1.6;color:#16201C}
.tg-btn-dark{display:inline-block;background:#16201C;color:#fff;padding:16px 30px;font-size:14.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.tg-btn-dark:hover{background:#B9974E;color:#16201C}
.tg-btn-outline{display:inline-block;border:1px solid #16201C;color:#16201C;padding:14px 26px;font-size:13.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.tg-btn-outline:hover{background:#16201C;color:#fff}
#biens{margin:clamp(44px,5vw,76px) 0 0;scroll-margin-top:96px;border-top:3px solid #007D70;border-right:1px solid #E2E6E2;border-bottom:1px solid #E2E6E2;border-left:1px solid #E2E6E2;padding:clamp(26px,3vw,38px) clamp(22px,2.6vw,34px)}
#biens h2{margin-top:0!important;padding-bottom:0!important;border-bottom:0!important;font-size:clamp(23px,2.4vw,31px)!important}