/* Tequilas — NEON NOIR recolor layer.
   Loads AFTER tequilas.css + vibrant.css + menucards.css.
   Structure, layout and UX untouched; colors only.
   Palette: Neon Pink #FE49DB, Royal Blue #3B69E6, Pelorous #40ABBB,
   Glossy Gold #F9E87C, deep plum grounds #150C28 / #1b1030 / #241a3d. */

:root{
  --mb-rule:rgba(255,247,239,.14);
  --mb-panel:#241a3d;
  --mb-text:#FFF7EF;
  --mb-muted:rgba(255,247,239,.70);
  --mb-warm:rgba(255,247,239,.55);
  --mb-leader:rgba(255,247,239,.22);
  --cream:#150C28;
  --cream2:#1b1030;
  --white:#241a3d;
  --ink:#150C28;
  --panel:#241a3d;
  --base:#241a3d;
  --bone:#FFF7EF;
  --bone-dim:rgba(255,247,239,.66);
  --line:rgba(255,247,239,.12);
}

html,body{background:#150C28}
body{color:#FFF7EF}
/* grunge tooth reads as light on a dark ground, not a multiply smudge */
body::after{mix-blend-mode:soft-light!important;opacity:.5!important;filter:none!important}

/* ---------- site chrome ---------- */
.nav{background:linear-gradient(180deg,rgba(21,12,40,.92),rgba(21,12,40,.72))!important;
  box-shadow:0 2px 0 rgba(254,73,219,.45),0 16px 40px -22px rgba(0,0,0,.9)!important;
  backdrop-filter:blur(14px)}
.nav.scrolled{background:rgba(21,12,40,.95)!important}
.nav-links{background:transparent}
@media(max-width:900px){.nav-links{background:#150C28}}
.nav-dd-panel{background:#211539;border-color:rgba(255,247,239,.14)}
.nav-dd-panel a{color:#FFF7EF}
footer{background:#1b1030!important}

/* ---------- board ---------- */
.mboard{background:#150C28}
.mrail{border-right-color:rgba(255,247,239,.12)}
.mrail-brand{border-bottom-color:rgba(255,247,239,.12);padding-bottom:18px;align-items:flex-start}
.mrail-brand b{color:#FFF7EF;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.mrail-brand i{color:#F9E87C;letter-spacing:.16em;margin-top:7px}
.mrail-brand:hover b{color:#FE49DB}
/* nav logo sits on a dark bar now — keep it legible */
.nav-logo img{filter:drop-shadow(0 3px 16px rgba(254,73,219,.45))}
.mrg h4{color:#FE49DB}
.mrg a{color:rgba(255,247,239,.86)}
.mrg a:hover{color:#F9E87C;background:rgba(254,73,219,.08)}
.mrg a.on{border-left-color:#FE49DB;background:rgba(254,73,219,.12);color:#FE49DB}
.mrg a .ct{color:rgba(255,247,239,.58)}
.mrg a.on .ct{color:#F9E87C}

/* ---------- utility bar ---------- */
.mutil{background:rgba(21,12,40,.96);backdrop-filter:blur(12px);border-bottom-color:rgba(255,247,239,.12)}
.msearch{background:#241a3d;border-color:rgba(255,247,239,.16)}
.msearch:focus-within{border-color:#FE49DB;box-shadow:0 0 0 3px rgba(254,73,219,.16)}
.msearch span{color:rgba(255,247,239,.55)}
.msearch input{color:#FFF7EF}
.msearch input::placeholder{color:rgba(255,247,239,.45)}
.mchip{color:rgba(255,247,239,.72);border-color:rgba(255,247,239,.18)}
.mchip:hover{border-color:#FE49DB;color:#fff}
.mchip[aria-pressed=true]{background:#FE49DB;border-color:#FE49DB;color:#fff;
  box-shadow:0 8px 22px -8px rgba(254,73,219,.7)}
.msurprise{color:#F9E87C;border-color:#F9E87C}
.msurprise:hover{background:#F9E87C;color:#1b1030}
.mfilter-toggle{background:#241a3d;border-color:rgba(255,247,239,.18);color:#F9E87C}
.mfilter-toggle[aria-expanded=true]{background:#FE49DB;border-color:#FE49DB;color:#fff}

/* ---------- switch ---------- */
.mswitch{background:#241a3d;border-color:rgba(255,247,239,.16)}
.mswitch a{color:rgba(255,247,239,.75)}
.mswitch a:hover{color:#F9E87C}
.mswitch a[aria-current=page]{background:#FE49DB;color:#fff;
  box-shadow:0 8px 22px -8px rgba(254,73,219,.7)}

/* ---------- section head ---------- */
.msec-ey{color:#F9E87C}
.msec-h{color:#FFF7EF;text-shadow:0 6px 40px rgba(10,4,24,.7)}
.msec-note{border-left-color:#FE49DB;color:rgba(255,247,239,.7)}
.mintro{color:rgba(255,247,239,.7)}
.mback{color:#40ABBB}
.mback:hover{color:#FE49DB}
.btn-order{background:#FE49DB;color:#fff;
  box-shadow:0 10px 28px -8px rgba(254,73,219,.55),0 0 0 1px rgba(254,73,219,.4)}
.btn-pdf{background:transparent;color:#FFF7EF;border-color:rgba(255,247,239,.42)}
.btn-pdf:hover{background:#FFF7EF;color:#150C28;filter:none}

/* ---------- cards ---------- */
.mcard{background:#241a3d;border-color:rgba(255,247,239,.12);
  box-shadow:0 18px 44px -26px rgba(0,0,0,.9)}
.mcard:hover{border-color:#FE49DB;
  box-shadow:0 0 0 2px #FE49DB,0 0 26px rgba(254,73,219,.5),0 28px 56px -26px rgba(0,0,0,.95)}
.mph{background:#1b1030}
.mcard .mc-n{color:#FFF7EF}
.mcard .mc-p{color:#F9E87C}
.mcard .mc-d{color:rgba(255,247,239,.6)}
.mfeat-cats .mcard{background:linear-gradient(150deg,#3B69E6,#241a3d 58%,#FE49DB)}
.mfeat-cats .mcard::after{background:linear-gradient(180deg,rgba(21,12,40,0) 34%,rgba(21,12,40,.92))}
.mfeat-cats .mcard .mc-n{color:#FFF7EF}
.mfeat-cats .mcard .mc-p{color:#F9E87C}
.mfeat-cats .mtile .mti{color:rgba(255,247,239,.3)}

/* ---------- item rows ---------- */
.mrow{border-top-color:rgba(255,247,239,.1)}
.mrow:hover .mr-name{color:#FE49DB}
.mr-name{color:#FFF7EF}
.mr-lead{border-bottom-color:rgba(255,247,239,.22)}
.mr-price{color:#F9E87C}
.mr-desc{color:rgba(255,247,239,.66)}
.mtag{color:rgba(255,247,239,.6);border-color:rgba(255,247,239,.22)}
.mnav{border-top-color:rgba(255,247,239,.18)}
.mnav a{color:#40ABBB}
.mnav a:hover{color:#FE49DB}

/* ---------- search results ---------- */
#mresults .rhead{color:#FFF7EF}
#mresults .rhead button{color:#FE49DB}
#mresults .rrow{border-top-color:rgba(255,247,239,.12)}
#mresults .rn{color:#FFF7EF}
#mresults .rrow:hover .rn{color:#FE49DB}
#mresults .rc{color:rgba(255,247,239,.55)}
#mresults .rp{color:#F9E87C}
#mresults .rempty{color:rgba(255,247,239,.66)}

/* ---------- item sheet ---------- */
#mscrim{background:rgba(10,5,22,.78);backdrop-filter:blur(6px)}
#msheet{background:#1b1030;border-left-color:rgba(255,247,239,.14)}
.sh-photo img{border-bottom:1px solid rgba(255,247,239,.1)}
.sh-ey{color:#FE49DB}
.sh-name{color:#FFF7EF}
.sh-var{background:#241a3d;border-color:rgba(255,247,239,.14);color:#FFF7EF}
.sh-var span:last-child{color:#F9E87C}
.sh-desc{color:rgba(255,247,239,.7)}
.sh-close{color:rgba(255,247,239,.55)}
.btn-red{background:#FE49DB;color:#fff;
  box-shadow:0 10px 28px -8px rgba(254,73,219,.55)}

/* ---------- gallery page ---------- */
.galmain{background:#150C28}
.gal-hero,.gal-mosaic .gtile{background:#1b1030}
.gal-mosaic .gtile{box-shadow:0 14px 34px -22px rgba(0,0,0,.9)}
.gal-mosaic .gtile:hover{box-shadow:0 0 0 3px #FE49DB,0 16px 40px -16px rgba(254,73,219,.55)}

/* nav "Online Ordering" button: label centered when it stacks full width in the phone menu */
.nav-links .nav-cta{justify-content:center;text-align:center}