/**
 * MA Media Events Theme — main.css v0.1.2
 * CSS fiel ao mockup v5 dark.
 * Tokens idênticos ao MA Masters / mockup.
 */

/* ── FONTES ─────────────────────────────────────────────────── */

@font-face {
  font-family: 'Horizon';
  src: url('../fonts/Horizon-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

/* ── TOKENS ─────────────────────────────────────────────────── */

:root {
  --bg:#090909;
  --s0:#0c0c0a;
  --s1:#0f0f0d;
  --s2:#141412;
  --s3:#1a1a18;
  --s4:#202020;
  --b1:#1c1c1a;
  --b2:#242422;
  --b3:#2e2e2c;
  --b4:#3a3a38;
  --g:#b8a07a;
  --g2:#d4b896;
  --g3:rgba(184,160,122,.1);
  --g4:rgba(184,160,122,.06);
  --t1:#f0efe8;
  --t2:#a0a090;
  --t3:#606058;
  --t4:#3a3a38;
  --t5:#242422;
  --r:10px;
  --r2:16px;
  --r3:24px;
  --rp:100px;
  --fh:'Horizon',sans-serif;
  --fb:'Inter',system-ui,sans-serif;
}

.mode-light {
  --bg:#f5f4f0;
  --s0:#efede8;
  --s1:#ffffff;
  --s2:#f0ede6;
  --s3:#e8e4dc;
  --s4:#ddd9d0;
  --b1:rgba(0,0,0,.07);
  --b2:rgba(0,0,0,.1);
  --b3:rgba(0,0,0,.15);
  --b4:rgba(0,0,0,.22);
  --t1:#0f0f0d;
  --t2:#2c2c28;
  --t3:#606058;
  --t4:#a0a090;
  --t5:#d0cfc8;
}

/* ── RESET BASE ─────────────────────────────────────────────── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;color-scheme:dark}
html body{background:var(--bg)!important;color:var(--t1);font-family:var(--fb);
  -webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}

/* Logo protegida — woocommerce-layout.css força height:auto em .woocommerce-page img
   com especificidade 0-1-1, o que anularia height:24px. Usamos !important. */
.mmet-logo-img {
  height: 24px !important;
  width: auto !important;
  max-width: none !important;
  display: block;
}
a{color:var(--g);text-decoration:none;transition:color .15s}
a:hover{color:var(--g2)}

/* ── TIPOGRAFIA ─────────────────────────────────────────────── */

h1{font-size:clamp(38px,5vw,62px);font-weight:300;line-height:1.05;
  color:var(--t1);letter-spacing:-2px}
h1 .h{font-family:var(--fh);font-weight:700;letter-spacing:.04em}
h1 em{font-style:normal;color:var(--g)}
h2{font-size:clamp(28px,4vw,38px);font-weight:300;line-height:1.1;
  color:var(--t1);letter-spacing:-.8px}
h2 em{font-style:normal;color:var(--g);font-family:var(--fh);font-weight:700;letter-spacing:.02em}
h2 .h{font-family:var(--fh);font-weight:700;letter-spacing:.04em}
h3{font-size:20px;font-weight:600;color:var(--t1);letter-spacing:-.3px}
p.lead{font-size:17px;color:var(--t3);line-height:1.75;font-weight:300}

/* ── LAYOUT ─────────────────────────────────────────────────── */

.mmet-container{max-width:1140px;margin:0 auto;padding:0 56px}
.mmet-container-narrow{max-width:780px;margin:0 auto;padding:0 56px}
.mmet-section-lbl{display:inline-block;font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin-bottom:12px}

/* ── NAVEGAÇÃO ──────────────────────────────────────────────── */

.mmet-header{height:60px;display:flex;align-items:center;justify-content:space-between;
  padding:0 56px;border-bottom:1px solid var(--b1);
  background:rgba(9,9,9,.95);backdrop-filter:blur(16px);
  position:sticky;top:0;z-index:100}

.mmet-nav{display:contents}
.mmet-nav-logo{flex-shrink:0}
.mmet-logo-img{height:24px;width:auto}
.mmet-logo-text{font-family:var(--fh);font-size:15px;font-weight:700;
  letter-spacing:.12em;color:var(--t1);text-transform:uppercase;text-decoration:none}

.mmet-nav-links{flex:1;display:flex;justify-content:center}
.mmet-nav-menu{display:flex;gap:28px;align-items:center;list-style:none}
.mmet-nav-menu a{color:var(--t3);font-size:13px;text-decoration:none;transition:color .15s}
.mmet-nav-menu a:hover,
.mmet-nav-menu .current-menu-item>a{color:var(--t1)}

.mmet-btn-nav-cta{background:var(--g);color:#000;padding:8px 20px;border-radius:8px;
  font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}
.mmet-btn-nav-cta:hover{background:var(--g2);color:#000}

.mmet-nav-toggle{display:none;flex-direction:column;gap:5px;
  background:transparent;border:none;cursor:pointer;padding:4px;margin-left:auto}
.mmet-nav-toggle span{display:block;width:22px;height:2px;background:var(--t1);
  transition:transform .2s,opacity .2s;border-radius:1px}

/* ── SECÇÕES DE EVENTO ──────────────────────────────────────── */

.mmet-event-section{padding:96px 56px;border-top:1px solid var(--b1)}
.mmet-event-section:first-child{border-top:none}

.mmet-section-head{text-align:center;max-width:680px;margin:0 auto 56px}
.mmet-section-head h2{font-size:clamp(28px,4vw,38px);font-weight:300;
  letter-spacing:-.8px;color:var(--t1);margin-bottom:16px}
.mmet-section-head h2 em{font-style:normal;color:var(--g);
  font-family:var(--fh);font-weight:700;letter-spacing:.02em}
.mmet-section-sub{font-size:16px;color:var(--t3);line-height:1.65;font-weight:300}

/* ── FAQ ────────────────────────────────────────────────────── */

.mmet-faq{max-width:780px;margin:0 auto}
.mmet-faq-item{background:var(--s2);border:1px solid var(--b2);border-radius:var(--r);
  margin-bottom:12px;overflow:hidden;transition:border-color .3s;cursor:pointer}
.mmet-faq-item:hover{border-color:var(--b3)}
.mmet-faq-q{padding:20px 24px;font-size:15px;font-weight:600;color:var(--t1);
  display:flex;justify-content:space-between;align-items:center;user-select:none}
.mmet-faq-q::after{content:"+";font-size:20px;color:var(--g);font-weight:300;
  transition:transform .3s}
.mmet-faq-item.is-open .mmet-faq-q::after{transform:rotate(45deg)}
.mmet-faq-a{padding:0 24px;max-height:0;overflow:hidden;
  transition:max-height .3s,padding .3s;font-size:14px;color:var(--t3);line-height:1.6}
.mmet-faq-item.is-open .mmet-faq-a{max-height:300px;padding:0 24px 20px}

/* ── ARQUIVO ────────────────────────────────────────────────── */

.mmet-archive-page{padding:64px 56px}
.mmet-archive-header{margin-bottom:48px}
.mmet-archive-header h1{font-size:clamp(32px,5vw,48px);margin-bottom:12px}
.mmet-archive-desc{font-size:16px;color:var(--t3);line-height:1.65}

/* ── RODAPÉ ─────────────────────────────────────────────────── */

.mmet-footer{background:var(--bg);border-top:1px solid var(--b1);padding:52px 56px}
.mmet-footer-nav{margin-bottom:28px}
.mmet-footer-menu{display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none}
.mmet-footer-menu a{font-size:12px;color:var(--t4);text-decoration:none;transition:color .15s}
.mmet-footer-menu a:hover{color:var(--t2)}
.mmet-footer-bottom{display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:8px;
  padding-top:28px;border-top:1px solid var(--b1)}
.mmet-copyright,.mmet-footer-note{font-size:11px;color:var(--t4)}

/* ── RESPONSIVE ─────────────────────────────────────────────── */

@media(max-width:960px){
  .mmet-header{padding:0 20px}
  .mmet-nav-links{display:none;position:absolute;top:60px;left:0;right:0;
    background:var(--bg);border-bottom:1px solid var(--b1);
    padding:20px;z-index:99}
  .mmet-nav-links.is-open{display:block}
  .mmet-nav-menu{flex-direction:column;align-items:flex-start;gap:16px}
  .mmet-nav-toggle{display:flex}
  .mmet-container,.mmet-container-narrow,.mmet-archive-page{padding:0 24px}
  .mmet-event-section{padding:64px 24px}
  .mmet-footer{padding:40px 24px}
}

/* ── WC fixes ───────────────────────────────────────────────── */

.woocommerce-Price-currencySymbol{
  font-family:var(--fb)!important}

/* ── PÁGINA DE EVENTOS ──────────────────────────────────────── */

.mmet-events-page { min-height: 60vh; }

.mmet-events-page-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 56px 80px;
}

.mmet-events-page-inner .mme.mme-upcoming {
  /* Quando o bloco está diretamente na página de eventos,
     garante espaçamento consistente */
  width: 100%;
}

@media(max-width:960px) {
  .mmet-events-page-inner { padding: 32px 20px 56px; }
}

/* ── CONTEÚDO LIVRE DO EVENTO (the_content) ─────────────────── */

.mmet-event-content {
  max-width: 780px;
  margin: 0 auto;
  padding: 64px 56px;
  border-top: 1px solid var(--b1);
}

.mmet-event-content p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--t2);
  margin-bottom: 20px;
  font-weight: 300;
}

.mmet-event-content h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--t1);
  letter-spacing: -.4px;
  margin: 36px 0 14px;
}

.mmet-event-content h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--t1);
  margin: 28px 0 10px;
}

.mmet-event-content ul,
.mmet-event-content ol {
  margin: 0 0 20px 24px;
  color: var(--t2);
  font-size: 15px;
  line-height: 1.75;
}

.mmet-event-content li { margin-bottom: 8px; }

.mmet-event-content ul li::marker { color: var(--g); }

.mmet-event-content strong { color: var(--t1); font-weight: 600; }

.mmet-event-content em { color: var(--t2); font-style: italic; }

.mmet-event-content a { color: var(--g); text-decoration: underline; }
.mmet-event-content a:hover { color: var(--g2); }

.mmet-event-content blockquote {
  border-left: 3px solid var(--g);
  margin: 28px 0;
  padding: 4px 0 4px 24px;
  color: var(--t3);
  font-size: 17px;
  font-style: italic;
  font-weight: 300;
}

@media(max-width:960px) {
  .mmet-event-content { padding: 48px 20px; }
}