/* ───────────────────────── Drimo — Pedidos & Localização ─────────────────────────
   Delivery como extensão da hospitalidade, no mesmo grade espresso + ouro.
   iFood usa seu vermelho apenas no botão (contraste pontual).
   ─────────────────────────────────────────────────────────────────── */

:root{
  --ifood:#EA1D2C;
  --ifood-deep:#c4121f;
  --wa:#25955a; /* verde discreto, só para o ícone do WhatsApp */
}

/* ═══════════════════════ SEÇÃO PEDIR ═══════════════════════ */
.order{
  position:relative;
  padding:clamp(80px,12vh,158px) var(--gutter);
  background:var(--espresso-deep);
  overflow:hidden;
  border-top:1px solid var(--line);
}
/* foto atmosférica ao fundo — presente, nunca barulhenta */
.order::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(36,24,16,.93), rgba(36,24,16,.97)),
    url("assets/cardapio/fraldinha.jpg") center 38%/cover no-repeat;
  filter:saturate(1.04);
}
.order::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(78% 60% at 50% 8%, rgba(200,134,29,.10), transparent 60%);
}
.order > .wrap{ position:relative; z-index:1; }

.order-head{ max-width:none; text-align:center; margin-bottom:clamp(46px,6vw,78px); }
.order-head .kicker{ display:block; margin-bottom:22px; }
.order-head h2{ margin:0 auto; }
.order-head .lede{ margin:24px auto 0; max-width:46ch; }

/* trilho de canais */
.order-rail{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,1.8vw,26px);
}
.ochan{
  position:relative; display:flex; flex-direction:column; align-items:flex-start;
  padding:clamp(30px,3vw,46px) clamp(26px,2.4vw,38px) clamp(28px,2.6vw,40px);
  border:1px solid var(--line);
  background:rgba(46,32,23,.42);
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  transition:border-color .5s var(--ease), background .5s var(--ease), transform .5s var(--ease);
  min-height:340px;
}
.ochan::before{
  content:""; position:absolute; top:0; left:0; width:100%; height:2px;
  background:var(--gold); transform:scaleX(0); transform-origin:left;
  transition:transform .55s var(--ease);
}
.ochan:hover{ border-color:var(--line-gold); background:rgba(46,32,23,.62); transform:translateY(-5px); }
.ochan:hover::before{ transform:scaleX(1); }

.ochan-no{
  position:absolute; top:clamp(22px,2.4vw,34px); right:clamp(24px,2.4vw,36px);
  font-family:var(--display); font-style:italic; font-size:30px; line-height:1;
  color:var(--cream-faint);
}

/* medalhão do ícone */
.ochan-ic{
  width:64px; height:64px; flex:none; margin-bottom:24px;
  display:grid; place-items:center; border-radius:50%;
  border:1px solid var(--line-gold);
  background:radial-gradient(120% 120% at 50% 18%, rgba(200,134,29,.14), rgba(46,32,23,.2));
  transition:border-color .5s var(--ease), background .5s var(--ease);
}
.ochan:hover .ochan-ic{ border-color:var(--gold); background:radial-gradient(120% 120% at 50% 18%, rgba(200,134,29,.22), rgba(46,32,23,.3)); }
.ochan-ic svg{ width:30px; height:30px; display:block; color:var(--gold-soft); }

.ochan h3{ font-size:clamp(28px,2.5vw,36px); margin:0; line-height:1.04; }
.ochan-role{
  font-size:11px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold-soft); margin-top:9px;
}
.ochan p{
  color:var(--cream-dim); font-size:14.5px; line-height:1.62;
  margin:16px 0 26px; max-width:34ch;
}

/* botão do canal — variação do .btn da casa, largura cheia no card */
.obtn{
  margin-top:auto; align-self:stretch; justify-content:center;
  display:inline-flex; align-items:center; gap:.7em;
  font-family:var(--body); font-size:12.5px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase;
  padding:1.1em 1.6em; cursor:pointer;
  border:1px solid var(--gold); color:var(--espresso-deep);
  background:var(--gold); position:relative; overflow:hidden;
  transition:background .45s var(--ease), color .45s var(--ease), border-color .45s var(--ease);
}
.obtn::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:var(--cream); transform:translateY(101%);
  transition:transform .45s var(--ease);
}
.obtn > *{ position:relative; z-index:1; }
.obtn:hover{ color:var(--espresso-deep); }
.obtn:hover::before{ transform:translateY(0); }
.obtn .arr{ transition:transform .45s var(--ease); }
.obtn:hover .arr{ transform:translateX(4px); }

/* WhatsApp — ouro suave outline (pedido direto), ícone verde no medalhão */
.ochan--wa .ochan-ic svg{ color:#5fce8e; }
.obtn-wa{ background:transparent; color:var(--cream); border-color:var(--line-gold); }
.obtn-wa::before{ background:var(--gold); }
.obtn-wa:hover{ color:var(--espresso-deep); border-color:var(--gold); }

/* iFood — vermelho da marca, só aqui */
.obtn-ifood{ background:var(--ifood); border-color:var(--ifood); color:#fff; }
.obtn-ifood::before{ background:var(--ifood-deep); }
.obtn-ifood:hover{ color:#fff; border-color:var(--ifood-deep); }
.obtn-ifood .ifw{ font-weight:700; letter-spacing:.01em; text-transform:lowercase; font-size:1.18em; }
.ochan--ifood .ochan-no{ color:rgba(234,29,44,.5); }

.order-meta{
  margin-top:clamp(34px,4vw,54px); text-align:center;
  font-size:11.5px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--cream-faint);
}
.order-meta::before, .order-meta::after{ content:""; }

/* ═══════════════════════ FAIXA DO MAPA ═══════════════════════ */
.mapband{ padding:0; position:relative; background:var(--espresso); }
.map-frame{ position:relative; min-height:clamp(420px,58vh,580px); overflow:hidden; }
.map-frame iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block;
  filter:sepia(.30) saturate(.92) contrast(1.04) brightness(.9) hue-rotate(-6deg);
}
/* vinheta quente sobre o mapa — não bloqueia interação */
.map-vig{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(36,24,16,.92) 0%, rgba(36,24,16,.5) 30%, rgba(36,24,16,0) 56%),
    radial-gradient(120% 120% at 50% 50%, transparent 58%, rgba(20,12,6,.6) 100%);
  mix-blend-mode:multiply;
}
.map-frame::after{
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  box-shadow:inset 0 0 0 1px var(--line-gold);
}
/* placa de endereço sobre o mapa */
.map-card{
  position:absolute; z-index:3; left:var(--gutter); top:50%; transform:translateY(-50%);
  max-width:380px; padding:clamp(30px,3vw,44px);
  background:rgba(36,24,16,.86);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid var(--line-gold);
}
.map-card .kicker{ display:block; margin-bottom:16px; }
.map-card h3{ font-size:clamp(28px,3vw,40px); margin:0 0 12px; line-height:1.05; }
.map-card p{ color:var(--cream-dim); font-size:15px; margin:0 0 26px; font-variant-numeric:oldstyle-nums; }
.map-card .btn{ width:100%; justify-content:center; }

/* ═══════════════════════ NAV — entrada delivery ═══════════════════════ */
.nav-links a.nav-pedir{ color:var(--gold-soft); }
.nav-links a.nav-pedir::after{ background:var(--gold); }

/* ═══════════════════════ RODAPÉ — coluna Pedidos ═══════════════════════ */
.footer .fcol .ifw{ font-weight:700; text-transform:lowercase; color:var(--ifood); }

/* ═══════════════════════ HERO — link delivery secundário ═══════════════════════ */
.hero .actions .order-link{ font-style:normal; }

/* ═══════════════════════ RESPONSIVO ═══════════════════════ */
@media (max-width:1000px){
  .order-rail{ grid-template-columns:1fr; gap:16px; }
  .ochan{ min-height:0; }
  .map-frame{ min-height:0; }
  .map-frame iframe{ position:relative; height:clamp(300px,42vh,420px); }
  .map-vig{ background:radial-gradient(120% 120% at 50% 50%, transparent 60%, rgba(20,12,6,.55) 100%); }
  .map-card{
    position:relative; left:auto; top:auto; transform:none; max-width:none;
    border-top:0; background:var(--espresso-deep);
  }
}
@media (max-width:560px){
  .ochan-no{ font-size:24px; }
}