/*
Theme Name: Couvreur Hérault 1.1.8
Theme URI: https://couvreur-herault.com
Author: IDEAXE - M. Bersali
Author URI: https://ideaxe.net
Description: Thème dédié à l'annuaire couvreur-herault.com, conçu pour le plugin « Couvreur Hérault - Annuaire ». Header, footer et charte aux couleurs du logo.
Version: 1.1.8
License: GPL-2.0-or-later
Text Domain: couvreur-herault
*/

:root{
	--navy:#1f2a33;
	--terra:#b85433;
	--terra-dark:#9d4527;
	--tan:#c4a585;
	--bg:#f8f4ef;
	--border:#e7ddd3;
	--text:#26303a;
	--radius:12px;
	--container:1100px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff;}
a{color:var(--terra);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}
h1,h2,h3{color:var(--navy);line-height:1.25;}

.container{max-width:var(--container);margin:0 auto;padding:0 16px;}

/* Boutons */
.btn{display:inline-block;background:var(--terra);color:#fff;border:0;border-radius:8px;padding:11px 20px;font-weight:700;cursor:pointer;text-decoration:none;}
.btn:hover{background:var(--terra-dark);text-decoration:none;color:#fff;}
.btn-ghost{background:transparent;border:2px solid var(--terra);color:var(--terra);}

/* En-tête */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;}
.site-brand{display:flex;align-items:center;gap:8px;}
.site-brand a{display:inline-flex;align-items:center;}
.site-logo,.custom-logo{max-height:56px;width:auto;}
.main-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;align-items:center;}
.main-nav a{color:var(--navy);font-weight:600;}
.main-nav a:hover{color:var(--terra);text-decoration:none;}
.header-cta{display:flex;align-items:center;gap:14px;}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;font-size:1.6rem;color:var(--navy);}

/* Contenu */
.page-wrap{max-width:var(--container);margin:0 auto;padding:32px 16px 64px;}
.page-wrap h1{font-size:2rem;margin:0 0 18px;}
.page-wrap h2{margin:28px 0 12px;border-left:4px solid var(--terra);padding-left:12px;}
.page-wrap ul{padding-left:1.2em;}
.page-wrap .btn{margin:6px 0;}

/* Pied de page */
.site-footer{background:var(--navy);color:#d4ccc2;margin-top:48px;}
.site-footer .container{padding-top:40px;padding-bottom:24px;}
.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;}
.site-footer h3{color:#fff;font-size:1rem;margin:0 0 12px;}
.site-footer ul{list-style:none;margin:0;padding:0;}
.site-footer li{margin-bottom:6px;}
.site-footer a{color:#d4ccc2;}
.site-footer a:hover{color:var(--tan);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:.85rem;color:#a99e90;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

@media(max-width:782px){
	.nav-toggle{display:block;}
	.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);}
	.main-nav.open{display:block;}
	.main-nav ul{flex-direction:column;gap:0;padding:8px 16px;}
	.main-nav li{padding:10px 0;border-bottom:1px solid var(--border);}
	.site-header .container{position:relative;}
	.page-wrap h1{font-size:1.6rem;}
}

/* Bandeau d'accueil */
.home-hero{background:var(--bg);padding:64px 0;text-align:center;border-bottom:1px solid var(--border);}
.home-hero.has-img{background-size:cover;background-position:center;color:#fff;}
.home-hero.has-img h1{color:#fff;}
.home-hero h1{font-size:2.4rem;margin:0 0 12px;}
.home-hero p{font-size:1.15rem;margin:0 0 22px;}
.home-hero.has-img p{color:#f3ece4;}
@media(max-width:782px){.home-hero{padding:44px 0;}.home-hero h1{font-size:1.7rem;}}

.footer-version{opacity:.7;}

/* Bandeau de recherche accueil */
.home-search{background:var(--bg);padding:56px 0;text-align:center;border-bottom:1px solid var(--border);}
.home-search h1{font-size:2.2rem;margin:0 0 10px;}
.home-search p{font-size:1.1rem;margin:0 0 22px;color:#4a5b58;}
.home-search .cha-search,.home-hero-search .cha-search{max-width:760px;margin:0 auto;text-align:left;}
.home-hero-search{margin-top:20px;}
@media(max-width:782px){.home-search{padding:40px 0;}.home-search h1{font-size:1.6rem;}}