/*
Theme Name: Zero Complexe
Template: astra
Version: 1.1
*/

:root{--dark:#203C2E;--green:#4A7C59;--salmon:#E6A57A;--beige:#F7F3EE}

/* Force vertical stack */
#primary,.site-content,.ast-container,.ast-plain-container{display:block!important}

/* Header */
.site-header,.ast-primary-header-bar{background:var(--beige)!important;padding:12px 0}
.custom-logo{max-height:70px;border-radius:50%;display:block;margin:0 auto}
.custom-logo{opacity:0;height:0;overflow:hidden}
.site-title,.ast-site-title-wrap{display:none!important}

/* Prevent double menu */
@media(min-width:922px){#ast-mobile-header{display:none!important}}
@media(max-width:921px){#ast-desktop-header{display:none!important}}

/* Hero */
.zc-hero{background:url('/wp-content/uploads/zc/hero.webp') center/cover no-repeat;min-height:500px;display:flex;align-items:center;padding:60px 0}
.zc-hero-content{max-width:500px;margin-left:5%}
.zc-hero h1{font-size:44px;color:var(--dark);line-height:1.1;margin:0 0 12px}
.zc-hero h1 span{color:var(--salmon);font-style:italic}
.zc-hero p{color:#555;font-size:15px;margin-bottom:20px}
.zc-hero-cta{background:var(--salmon);color:#fff;padding:12px 24px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block}

/* Layout */
.site-section{padding:60px 0}
.site-container{width:min(100% - 40px,1200px);margin:0 auto}
.zc-section-title{font-size:28px;color:var(--dark);text-align:center;margin-bottom:8px}

/* Categories */
.zc-themes-section{background:var(--beige)}
.zc-themes-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.zc-theme-card{flex:1 1 240px;max-width:280px;background:#fff;border-radius:16px;overflow:hidden;display:block}
.zc-theme-card-img{height:160px}
.zc-theme-card-body{padding:20px}
.zc-theme-card-body h3{font-size:18px;color:var(--dark)}

/* Articles */
.zc-articles-section{background:var(--beige)}
.zc-articles-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.zc-article-card{flex:1 1 280px;max-width:340px;background:#fff;border-radius:10px;overflow:hidden;position:relative}
.zc-article-card-img{height:180px;background-size:cover;background-position:center}
.zc-article-badge{position:absolute;top:12px;left:12px;background:var(--dark);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.zc-article-card-body{padding:20px}
.zc-article-card-body h4{font-size:16px;color:var(--dark);margin-bottom:8px}
.zc-article-card-body p{font-size:13px;color:#666}
.zc-cta-center{text-align:center;margin-top:32px}
.zc-btn-outline{border:2px solid var(--dark);color:var(--dark);padding:10px 24px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;display:inline-block}

/* Newsletter */
.zc-newsletter-section{background:var(--dark);padding:60px 0;text-align:center;color:#fff}
.zc-newsletter-section h2{font-size:24px;margin-bottom:8px}
.zc-newsletter-section p{color:rgba(255,255,255,0.7);margin-bottom:20px}
.zc-form{display:inline-flex;background:rgba(255,255,255,0.1);border-radius:100px;padding:4px;border:1px solid rgba(255,255,255,0.2)}
.zc-form input[type="email"]{background:transparent;border:none;color:#fff;padding:10px 20px;font-size:14px;outline:none;min-width:240px}
.zc-form input::placeholder{color:rgba(255,255,255,0.5)}
.zc-form button{background:var(--salmon);color:#fff;border:none;padding:10px 20px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}
.zc-newsletter-section small{display:block;color:rgba(255,255,255,0.5);font-size:12px;margin-top:12px}

/* Footer */
.zc-footer{background:var(--dark);color:rgba(255,255,255,0.8);padding:60px 0 20px;font-size:13px}
.zc-footer-grid{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}
.zc-footer-col{flex:1 1 160px}
.zc-footer-col:first-child{flex:2 1 300px}
.zc-footer-logo img{max-height:60px;border-radius:50%;margin-bottom:12px}
.zc-footer-col h4{color:#fff;font-size:13px;text-transform:uppercase;margin-bottom:16px}
.zc-footer-col ul{list-style:none;padding:0;margin:0}
.zc-footer-col li{margin-bottom:8px}
.zc-footer-col a{color:rgba(255,255,255,0.7)}
.zc-footer-bottom{border-top:1px solid rgba(255,255,255,0.15);padding-top:20px;text-align:center;color:rgba(255,255,255,0.5)}

/* Mobile */
@media(max-width:768px){
.custom-logo{max-height:50px}
.zc-hero{min-height:350px;text-align:center;padding:40px 0}
.zc-hero-content{margin:0 auto}
.zc-hero h1{font-size:28px}
.zc-form{flex-direction:column;border-radius:16px;width:100%;max-width:300px}
.zc-form input{min-width:auto;width:100%}
.zc-form button{width:100%}
}