/*
Theme Name: Charles Frey
Theme URI: https://charles-frey.fr
Author: Maison Charles Frey
Description: Thème sur mesure pour le Domaine Charles Frey, vins biodynamiques d'Alsace.
Version: 1.0
License: Proprietary
Text Domain: charles-frey
*/

*{margin:0;padding:0;box-sizing:border-box}
p{text-align:justify}
body{font-family:Georgia,'Times New Roman',serif;background:#faf8f4;color:#1a1612}

/* NAV */
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 36px;background:#fff;border-bottom:0.5px solid #e8e0d0;position:sticky;top:0;z-index:100}
.nav-links,.nav-right{display:flex;align-items:center;flex:1;justify-content:space-around}
.nav a{font-family:Georgia,'Times New Roman',serif;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:#7a6e62;text-decoration:none}
.nav a:hover{color:#9a7c3c}
.logo{text-align:center}
.logo-sub{font-family:'Helvetica Neue',sans-serif;font-size:8px;letter-spacing:0.42em;text-transform:uppercase;color:#9a7c3c;margin-top:3px;text-align:center}
.btn-cart{border:0.5px solid #c8b88a;padding:7px 16px;font-family:'Helvetica Neue',sans-serif;font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:#9a7c3c;background:transparent;cursor:pointer}
.dropdown{position:relative}
.dropdown-toggle{font-family:Georgia,'Times New Roman',serif;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:#7a6e62;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;gap:4px}
.dropdown-toggle::after{content:'▾';font-size:8px;color:#c8b88a}
.dropdown-toggle:hover{color:#9a7c3c}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:0.5px solid #e8e0d0;border-top:2px solid #9a7c3c;min-width:200px;z-index:300;padding:8px 0;box-shadow:0 4px 16px rgba(0,0,0,0.08)}
.dropdown-menu.open{display:block}
.dropdown-menu a{display:block;font-family:Georgia,'Times New Roman',serif;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#7a6e62;text-decoration:none;padding:12px 20px}
.dropdown-menu a:hover{color:#9a7c3c;background:#faf8f4}
.lang-switcher{display:flex;align-items:center;gap:6px}
.lang-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:0.4;padding:2px;transition:opacity 0.2s}
.lang-btn.active{opacity:1}
.lang-sep{color:#e8e0d0;font-size:10px}

/* ÉLÉMENTS COMMUNS */
.eyebrow{font-family:'Helvetica Neue',sans-serif;font-size:9px;letter-spacing:0.35em;text-transform:uppercase;color:#9a7c3c;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:16px}
.eyebrow::before,.eyebrow::after{content:'';width:36px;height:0.5px;background:#c8b88a;opacity:0.6;display:block}
.sec-tag{font-family:'Helvetica Neue',sans-serif;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:#9a7c3c;margin-bottom:16px;display:block}
.rule{width:28px;height:0.5px;background:#c8b88a;margin:20px 0}
.page-header{background:#fff;padding:80px 52px 64px;text-align:center;border-bottom:0.5px solid #e8e0d0}
.page-header h1{font-size:54px;font-weight:400;letter-spacing:0.03em;color:#1a1612;margin-bottom:16px}
.page-header h1 em{font-style:italic;color:#9a7c3c}
.page-header p{font-family:'Helvetica Neue',sans-serif;font-size:13px;color:#7a6e62;line-height:1.9;max-width:520px;margin:0 auto;text-align:center}

/* BOUTONS */
.btn-prim{background:#9a7c3c;color:#fff;border:none;padding:14px 32px;font-family:'Helvetica Neue',sans-serif;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;font-weight:400;min-width:220px;text-align:center;position:relative;overflow:hidden;transition:color 0.3s ease}
.btn-prim::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.15);transform:translateX(-101%);transition:transform 0.35s ease}
.btn-prim:hover::before{transform:translateX(0)}
.btn-sec{background:transparent;color:#9a7c3c;border:0.5px solid #c8b88a;padding:14px 32px;font-family:'Helvetica Neue',sans-serif;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;font-weight:400;min-width:220px;text-align:center;position:relative;overflow:hidden;transition:color 0.3s ease,background 0.3s ease;z-index:0}
.btn-sec::before{content:'';position:absolute;inset:0;background:#9a7c3c;transform:translateX(-101%);transition:transform 0.35s ease;z-index:0}
.btn-sec:hover{color:#fff}
.btn-sec:hover::before{transform:translateX(0)}

/* FOOTER */
.footer{background:#111009;padding:36px 52px;display:flex;justify-content:space-between;align-items:center;border-top:0.5px solid #1e1c14}
.footer-logo{color:rgba(232,224,208,0.35);font-size:12px;letter-spacing:0.28em;text-transform:uppercase}
.footer-logo span{display:block;font-family:'Helvetica Neue',sans-serif;font-size:9px;color:rgba(232,224,208,0.18);margin-top:5px;letter-spacing:0.15em;text-align:left}
.footer-links{display:flex;gap:24px}
.footer-links a{font-family:'Helvetica Neue',sans-serif;font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:rgba(232,224,208,0.18);text-decoration:none}

/* HOVER ZOOM */
.ph img,.sig-ph img,.cuvee-visuel img,.terroir-visuel img,.heberg-visuel img,.full-ph img,.gal-ph img{transition:transform 0.6s ease}
.ph:hover img,.sig-ph:hover img,.cuvee-visuel:hover img,.terroir-visuel:hover img,.heberg-visuel:hover img,.full-ph:hover img,.gal-ph:hover img{transform:scale(1.04)}

/* ANIMATIONS SCROLL */
.fade-in{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:1024px){
  .nav{padding:14px 24px}
  .page-header{padding:56px 32px 44px}
}
@media(max-width:768px){
  .nav{flex-direction:column;gap:12px;padding:16px 20px}
  .nav-links,.nav-right{width:100%;justify-content:center;flex-wrap:wrap;gap:16px}
  .page-header{padding:56px 24px 44px}
  .page-header h1{font-size:30px}
  .footer{flex-direction:column;gap:20px;text-align:center;padding:32px 24px}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:16px}
  .btn-prim,.btn-sec{width:100%;max-width:280px;text-align:center}
}
/* MENU HAMBURGER - desktop masqué */
.menu-toggle { display: none; }
@media (max-width:768px){

    /* MENU HAMBURGER */
    .menu-toggle {
        display:block;
        cursor:pointer;
        font-size:22px;
        background:none;
        border:none;
        color:#1a1612;
        padding:8px 16px;
        order:-1;
    }
    .nav {
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:center;
    }
.nav-links, .nav-right {
    display:none;
    flex-direction:column;
    width:100%;
    text-align:center;
    padding:8px 0;
    gap:8px;
}

    /* CARDS BLOG */
    .article-card, .post-card, .actualite-card {
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
    }
    .article-card img, .post-card img, .actualite-card img {
        width:100% !important;
        height:220px !important;
        object-fit:cover !important;
    }
/* CHRONOLOGIE */
.tl-grid {
    grid-template-columns:1fr !important;
    overflow-x:hidden !important;
}
.tl-item {
    border-right:none !important;
    border-bottom:1px solid rgba(154,124,60,0.3) !important;
    padding:20px 16px !important;
    width:100% !important;
}

    /* TEXTE */
    p { text-align:left; }
	/* CARDS ACTUALITES */
.actu-card {
    flex-direction:column !important;
    min-width:85vw !important;
    max-width:85vw !important;
}
.actu-header {
    flex-direction:column !important;
    align-items:flex-start !important;
}
.carte-img {
    width:100% !important;
    min-height:200px !important;
}
.carte-txt {
    width:100% !important;
}
}