/*
Theme Name: Maz'Events
Theme URI: https://mazevents.fr
Author: Ronan
Description: Maz'Events v2.7 — Thème autonome (sans GeneratePress). Bleu nuit, doré, slider titre en haut + image entière.
Version: 2.7
Text Domain: mazevents
*/

:root{
  --blue:#0C1A2B; --gold:#C9A227; --gold-dark:#B89522; --text:#e5e7eb; --muted:#94a3b8; --ring:rgba(229,231,235,.18);
  --title-bar:120px;
}
@media (max-width:768px){ :root{ --title-bar:80px; } }

*{box-sizing:border-box}
html,body{margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
body{background:var(--blue);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;}

/* Header */
.site-header{width:100%;background:var(--blue);border-bottom:1px solid var(--ring);position:relative;z-index:10}
.site-header .container{max-width:none;width:100%;margin:0;padding:0}
.site-header .inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 0;}
.branding{margin-left:0}
.custom-logo{max-height:80px;height:auto;width:auto}
.site-header .inner .site-nav{justify-self:center}
.site-nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.site-nav .menu a{color:var(--gold);padding:10px 12px;border-radius:999px;border:1px solid transparent;transition:all .2s ease}
.site-nav .menu a:hover{border-color:var(--gold-dark);background:rgba(201,162,39,.08)}
.burger{display:none;justify-self:end;background:none;border:1px solid var(--ring);
  color:var(--gold);padding:8px 10px;border-radius:10px;font-size:20px;line-height:1;cursor:pointer}
.mobile-drawer{display:none;position:fixed;inset:0;background:var(--blue);z-index:1000;padding:80px 24px 24px}
.mobile-drawer nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.mobile-drawer nav a{color:var(--gold);font-size:20px;padding:12px 14px;border-radius:12px;border:1px solid transparent}
.mobile-drawer nav a:hover{border-color:var(--gold-dark);background:rgba(201,162,39,.08)}

/* Slider */
.mze-slider{position:relative;width:100%;height:70vh;overflow:hidden}
@media (max-width:768px){ .mze-slider{height:50vh} }
.mze-slider .slider-viewport{position:relative;width:100%;height:100%}
.mze-slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.mze-slider .slide.is-active{opacity:1}
.mze-slider .title-bar{height:var(--title-bar);display:flex;align-items:center;justify-content:center;
  padding-top:15px;background:linear-gradient(180deg, rgba(12,26,43,.85) 0%, rgba(12,26,43,.55) 60%, rgba(12,26,43,0) 100%);z-index:2}
.mze-slider .title{font-family:"Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;color:var(--gold);
  font-size:clamp(22px,4.6vw,56px);margin:0;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.mze-slider .media{position:absolute;left:0;right:0;bottom:0;top:var(--title-bar);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#0C1A2B;animation:zoomSlow 12s linear forwards}
@keyframes zoomSlow{0%{transform:scale(1)}100%{transform:scale(1.02)}}
.mze-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.mze-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--gold);background:transparent;cursor:pointer;opacity:.9}
.mze-dot.is-active{background:var(--gold)}

/* Footer */
.site-footer{border-top:1px solid var(--ring);color:var(--muted);text-align:center;padding:24px 0}

@media (max-width:900px){ .custom-logo{max-height:72px} }
@media (max-width:768px){
  .site-header .inner{gap:10px;grid-template-columns:1fr auto 1fr;align-items:center}
  .custom-logo{max-height:55px !important}
  .site-nav{display:none}
  .burger{display:flex}
  .nav-open .mobile-drawer{display:block}
}


/* Toast (v14.0) */
.mze-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0b3d0b;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.3);z-index:9999;font-weight:600;opacity:0;transition:opacity .2s ease, transform .2s ease;}
.mze-toast.error{background:#6b1111;}
.mze-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}


/* Honeypot hidden field */
.mze-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;}
