/* La Doña · 2027 skin. Layered on top of the Panel8 storefront; remove the mu-plugin to revert. */
:root{
  --ld-ink:#2a140d;--ld-ink-2:#5b4036;--ld-muted:#8a7468;
  --ld-chili:#c6361f;--ld-chili-2:#e2602b;--ld-gold:#f1b94a;--ld-gold-2:#ffd98a;
  --ld-cream:#fff8ef;--ld-sand:#f6e6d3;--ld-line:#ecd9c6;--ld-choco:#2a120b;--ld-choco-2:#4a1f15;
  --ld-glass:rgba(255,250,243,.78);--ld-shadow:0 18px 50px rgba(74,31,21,.14);
  --ld-ease:cubic-bezier(.22,1,.36,1);--ld-spring:cubic-bezier(.34,1.56,.64,1);
}
html{scroll-behavior:smooth}
body.p8ld-site{
  background:
    radial-gradient(900px 520px at 105% -8%,#ffe1c2 0,transparent 62%),
    radial-gradient(760px 520px at -12% 18%,#ffd8cc 0,transparent 58%),
    radial-gradient(700px 600px at 50% 112%,#fff0c9 0,transparent 60%),
    var(--ld-cream)!important;
  color:var(--ld-ink);-webkit-tap-highlight-color:transparent;
}
body.p8ld-site ::selection{background:var(--ld-chili);color:#fff}

/* ---------- top bar ---------- */
.ld-topbar{position:sticky;top:0;z-index:9990;display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 14px;padding:10px 12px;border:1px solid rgba(236,217,198,.9);border-radius:22px;
  background:var(--ld-glass);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 10px 30px rgba(74,31,21,.08)}
.ld-topbar .p8ld-app-brand{margin:0!important}
.ld-topbar .p8ld-app-brand img{width:44px!important;height:44px!important;border-radius:14px!important;transition:transform .5s var(--ld-spring)}
.ld-topbar .p8ld-app-brand:hover img{transform:rotate(-6deg) scale(1.06)}
.ld-actions{display:flex;align-items:center;gap:8px}
.ld-iconbtn{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ld-line);border-radius:15px;background:#fff;color:var(--ld-ink);cursor:pointer;transition:transform .25s var(--ld-spring),box-shadow .25s,background .25s}
.ld-iconbtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(74,31,21,.14)}
.ld-iconbtn:active{transform:scale(.92)}
.ld-iconbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ld-iconbtn .ld-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:linear-gradient(135deg,var(--ld-chili),var(--ld-chili-2));color:#fff;font:800 11px/19px system-ui;text-align:center;border:2px solid #fff;transform:scale(0);transition:transform .4s var(--ld-spring)}
.ld-iconbtn .ld-badge.on{transform:scale(1)}
.ld-iconbtn.ring svg{animation:ld-ring 1s var(--ld-ease)}
@keyframes ld-ring{0%{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}100%{transform:rotate(0)}}
@media(min-width:1100px){.ld-topbar{margin-bottom:18px}}

/* ---------- desktop toolbar ---------- */
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
  body.p8ld-site .ld-desktop-toolbar{border-radius:24px!important;border:1px solid rgba(236,217,198,.9)!important;background:var(--ld-glass)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  body.p8ld-site .ld-desktop-toolbar nav a{transition:background .25s,color .25s,transform .25s var(--ld-spring)}
  body.p8ld-site .ld-desktop-toolbar nav a:hover{transform:translateY(-1px)}
  body.p8ld-site .ld-desktop-toolbar nav a.is-active{background:linear-gradient(135deg,var(--ld-choco-2),var(--ld-choco))!important;box-shadow:0 8px 20px rgba(42,18,11,.28)}
  body.p8ld-site .ld-desktop-toolbar .ld-join-button{background:linear-gradient(135deg,var(--ld-gold-2),var(--ld-gold))!important;border:0!important;color:#4a1f15!important;box-shadow:0 8px 20px rgba(241,185,74,.4)}
}

/* ---------- floating dock (mobile / tablet) ---------- */
@media(max-width:1099px){
  body.p8ld-site{padding-bottom:104px!important}
  body.p8ld-site .p8ld-mobile-nav{
    position:fixed!important;z-index:99990!important;left:50%!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:min(calc(100% - 24px),520px)!important;transform:translateX(-50%)!important;
    display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:stretch;min-height:68px!important;padding:6px!important;gap:0!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;
    background:linear-gradient(160deg,rgba(54,24,16,.92),rgba(30,12,8,.94))!important;
    -webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);
    box-shadow:0 22px 50px rgba(30,12,8,.45),0 0 0 1px rgba(241,185,74,.08) inset!important;isolation:isolate;
    animation:ld-dock-in .7s var(--ld-ease) both}
  @keyframes ld-dock-in{from{transform:translate(-50%,120%);opacity:0}to{transform:translate(-50%,0);opacity:1}}
  body.p8ld-site .p8ld-mobile-nav::before{content:'';position:absolute;z-index:-1;top:6px;bottom:6px;left:0;width:var(--ld-w,20%);transform:translateX(var(--ld-x,0));
    border-radius:22px;background:linear-gradient(135deg,var(--ld-chili),var(--ld-chili-2) 60%,var(--ld-gold));
    box-shadow:0 8px 24px rgba(226,96,43,.55);transition:transform .55s var(--ld-spring),width .55s var(--ld-spring)}
  body.p8ld-site .p8ld-mobile-nav a{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    background:transparent!important;color:rgba(255,235,220,.62)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.02em;border-radius:22px!important;
    transition:color .3s,transform .3s var(--ld-spring)}
  body.p8ld-site .p8ld-mobile-nav a:active{transform:scale(.9)}
  body.p8ld-site .p8ld-mobile-nav a.is-active,body.p8ld-site .p8ld-mobile-nav a:focus-visible{background:transparent!important;color:#fff!important}
  body.p8ld-site .p8ld-mobile-nav a.is-active .p8ld-nav-icon{transform:translateY(-2px) scale(1.12)}
  body.p8ld-site .p8ld-mobile-nav .p8ld-nav-icon{position:relative;display:grid;place-items:center;transition:transform .45s var(--ld-spring)}
  body.p8ld-site .p8ld-mobile-nav .p8ld-nav-icon svg{width:23px;height:23px}
  body.p8ld-site .p8ld-mobile-nav a[data-p8ld-cart-link].has-items{background:transparent!important;color:#fff!important}
  body.p8ld-site .p8ld-mobile-nav [data-p8ld-cart-count]{position:absolute!important;top:-7px!important;right:-11px!important;min-width:18px;height:18px;padding:0 5px;border-radius:99px;
    background:var(--ld-gold)!important;color:#3a1710!important;font:900 10.5px/18px system-ui!important;text-align:center;border:2px solid #2a120b;animation:ld-pop .5s var(--ld-spring)}
  @keyframes ld-pop{0%{transform:scale(0)}100%{transform:scale(1)}}
  body.p8ld-site .p8ld-cart-callout{border-radius:20px!important;background:linear-gradient(135deg,#fff,#fff3e3)!important;color:var(--ld-ink)!important;box-shadow:0 18px 40px rgba(42,18,11,.25)!important;border:1px solid var(--ld-line)!important}
}

/* ---------- cookie banner: brand colors, compact sheet ---------- */
.surecookie-public-banner{border-radius:24px!important;border:1px solid var(--ld-line)!important;background:rgba(255,251,246,.97)!important;
  box-shadow:0 24px 60px rgba(42,18,11,.28)!important;color:var(--ld-ink)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.surecookie-public-banner .surecookie-btn-base{border-radius:14px!important;font-weight:800!important;min-height:46px;transition:transform .2s var(--ld-spring),box-shadow .2s!important}
.surecookie-public-banner .surecookie-btn-base:active{transform:scale(.96)}
.surecookie-public-banner .surecookie-accept-all-btn,.surecookie-public-banner .surecookie-accept-btn{background:linear-gradient(135deg,var(--ld-chili),var(--ld-chili-2))!important;border:0!important;color:#fff!important;box-shadow:0 10px 22px rgba(198,54,31,.3)}
.surecookie-public-banner .surecookie-decline-btn{background:var(--ld-sand)!important;border:0!important;color:var(--ld-ink-2)!important}
.surecookie-public-banner .surecookie-preferences-btn{background:#fff!important;border:1px solid var(--ld-line)!important;color:var(--ld-ink)!important}
@media(max-width:640px){
  .surecookie-public-banner-wrapper .surecookie-public-banner{left:10px!important;right:10px!important;bottom:92px!important;width:auto!important;max-width:none!important;padding:16px!important}
  .surecookie-public-banner .surecookie-buttons-mobile,.surecookie-public-banner .surecookie-banner-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .surecookie-public-banner .surecookie-banner-description{font-size:14px!important;line-height:1.45!important}
}

/* ---------- surfaces, buttons, inputs ---------- */
body.p8ld-site .p8ld-hero,body.p8ld-site .p8ld-phone-access,body.p8ld-site .p8ld-rewards-summary,body.p8ld-site .p8ld-account-card,body.p8ld-site .p8ld-reward-card,body.p8ld-site .p8ld-welcome,body.p8ld-site .p8ld-visit-card{
  border-radius:28px!important}
body.p8ld-site .p8ld-phone-access{background:var(--ld-glass)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(236,217,198,.9)!important;box-shadow:var(--ld-shadow)!important}
body.p8ld-site .p8ld-register-submit,body.p8ld-site .p8ld-hero-primary,body.p8ld-site .p8ld-start-order,body.p8ld-site .p8ld-account-save,body.p8ld-site .p8ld-redeem,body.p8ld-site .p8ld-phone-form button[type=submit]{
  background:linear-gradient(135deg,var(--ld-chili),var(--ld-chili-2))!important;color:#fff!important;border:0!important;border-radius:16px!important;font-weight:850!important;
  box-shadow:0 14px 30px rgba(198,54,31,.32)!important;transition:transform .25s var(--ld-spring),box-shadow .25s,filter .25s!important}
body.p8ld-site .p8ld-register-submit:hover,body.p8ld-site .p8ld-hero-primary:hover,body.p8ld-site .p8ld-redeem:hover{transform:translateY(-2px);filter:saturate(1.1);box-shadow:0 18px 36px rgba(198,54,31,.4)!important}
body.p8ld-site .p8ld-register-submit:active,body.p8ld-site .p8ld-hero-primary:active,body.p8ld-site .p8ld-redeem:active{transform:scale(.97)}
body.p8ld-site .p8ld-start-join,body.p8ld-site [data-p8ld-start-join]{background:linear-gradient(135deg,var(--ld-gold-2),var(--ld-gold))!important;color:#4a1f15!important;border:0!important;border-radius:16px!important;font-weight:850!important}
body.p8ld-site .p8ld-phone-form input,body.p8ld-site .p8ld-register-form input,body.p8ld-site .p8ld-account-form input,body.p8ld-site .p8ld-password-form input{
  min-height:54px;border:1.5px solid var(--ld-line)!important;border-radius:16px!important;background:#fff!important;font-size:16px!important;transition:border-color .2s,box-shadow .2s,transform .2s}
body.p8ld-site .p8ld-phone-form input:focus,body.p8ld-site .p8ld-register-form input:focus,body.p8ld-site .p8ld-account-form input:focus,body.p8ld-site .p8ld-password-form input:focus{
  outline:0;border-color:var(--ld-chili)!important;box-shadow:0 0 0 4px rgba(198,54,31,.14)!important}

/* ---------- rewards ---------- */
body.p8ld-site .p8ld-page-hero{position:relative;overflow:hidden;border-radius:30px!important;
  background:radial-gradient(600px 300px at 90% -20%,rgba(241,185,74,.35),transparent 60%),linear-gradient(135deg,#3a150e,#7a2a18 70%,#a83a1c)!important;
  box-shadow:0 26px 60px rgba(74,31,21,.35)!important}
body.p8ld-site .p8ld-page-hero::after{content:'';position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,217,138,.16) 80%,transparent 90%);animation:ld-spin 14s linear infinite;pointer-events:none}
@keyframes ld-spin{to{transform:rotate(360deg)}}
body.p8ld-site .p8ld-rewards-summary{position:relative;overflow:hidden;background:linear-gradient(150deg,#fffaf2,#fff0dc)!important;border:1px solid var(--ld-line)!important;box-shadow:var(--ld-shadow)!important}
body.p8ld-site .p8ld-progress{height:14px!important;border-radius:99px!important;background:#f1e2cf!important;overflow:hidden;box-shadow:inset 0 2px 5px rgba(74,31,21,.12)}
body.p8ld-site .p8ld-progress > *,body.p8ld-site .p8ld-progress::before{border-radius:99px!important}
body.p8ld-site .p8ld-progress > span,body.p8ld-site .p8ld-progress > div,body.p8ld-site .p8ld-progress > i{
  background:linear-gradient(90deg,var(--ld-chili),var(--ld-chili-2),var(--ld-gold))!important;background-size:200% 100%;animation:ld-shimmer 2.8s linear infinite;box-shadow:0 0 18px rgba(226,96,43,.55)}
@keyframes ld-shimmer{to{background-position:-200% 0}}
body.p8ld-site .p8ld-reward-card{background:#fff!important;border:1px solid var(--ld-line)!important;box-shadow:0 10px 28px rgba(74,31,21,.08)!important;overflow:hidden;transition:transform .35s var(--ld-spring),box-shadow .35s}
body.p8ld-site .p8ld-reward-card:hover{transform:translateY(-4px) rotate(-.3deg);box-shadow:0 20px 44px rgba(74,31,21,.16)!important}
body.p8ld-site .p8ld-reward-card:active{transform:scale(.985)}
body.p8ld-site .p8ld-reward-lock{backdrop-filter:blur(2px)}
body.p8ld-site .p8ld-history-list > *{border-radius:16px;transition:background .2s}
body.p8ld-site .p8ld-history-list > *:hover{background:#fff4e6}
body.p8ld-site .p8ld-empty-state{border:2px dashed var(--ld-line)!important;border-radius:24px!important;background:rgba(255,255,255,.55)!important}

/* ---------- account ---------- */
body.p8ld-site .p8ld-account-card{background:#fff!important;border:1px solid var(--ld-line)!important;box-shadow:var(--ld-shadow)!important}
body.p8ld-site .p8ld-account-avatar{background:linear-gradient(135deg,var(--ld-gold-2),var(--ld-gold))!important;color:#4a1f15!important;box-shadow:0 10px 24px rgba(241,185,74,.45);animation:ld-float 5s ease-in-out infinite}
@keyframes ld-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* ---------- menu cards ---------- */
body.p8ld-site .wpc-food-tab-wrapper .wpc-single-food-item,body.p8ld-site .wpc-food-menu-item{border-radius:22px!important;transition:transform .3s var(--ld-spring),box-shadow .3s}
body.p8ld-site .wpc-food-tab-wrapper .wpc-single-food-item:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(74,31,21,.12)}
body.p8ld-site .wpc-food-tab-wrapper .wpc-add-to-cart .p8-wpc-add{background:linear-gradient(135deg,var(--ld-chili),var(--ld-chili-2))!important;border:0!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(198,54,31,.28);transition:transform .2s var(--ld-spring)!important}
body.p8ld-site .wpc-food-tab-wrapper .wpc-add-to-cart .p8-wpc-add:active{transform:scale(.94)}

/* ---------- reveal on scroll ---------- */
.ld-reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .7s var(--ld-ease),transform .7s var(--ld-ease)}
.ld-reveal.ld-in{opacity:1;transform:none}

/* ---------- toasts ---------- */
.ld-toasts{position:fixed;z-index:100000;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);width:min(calc(100% - 24px),420px);display:grid;gap:10px;pointer-events:none}
.ld-toast{pointer-events:auto;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:22px;color:#fff;
  background:linear-gradient(150deg,rgba(54,24,16,.96),rgba(30,12,8,.97));box-shadow:0 20px 44px rgba(30,12,8,.4);border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:ld-toast-in .6s var(--ld-spring) both;cursor:pointer;position:relative;overflow:hidden}
.ld-toast.out{animation:ld-toast-out .4s var(--ld-ease) forwards}
@keyframes ld-toast-in{from{transform:translateY(-130%) scale(.9);opacity:0}to{transform:none;opacity:1}}
@keyframes ld-toast-out{to{transform:translateY(-130%) scale(.92);opacity:0}}
.ld-toast .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--ld-chili),var(--ld-chili-2));font-size:22px}
.ld-toast.reward .ic{background:linear-gradient(135deg,var(--ld-gold-2),var(--ld-gold))}
.ld-toast b{display:block;font-size:15px;line-height:1.2}.ld-toast span.tx{display:block;font-size:13px;color:#e9cdb8;margin-top:2px;line-height:1.3}
.ld-toast .x{border:0;background:transparent;color:#cfae98;font-size:20px;line-height:1;cursor:pointer;padding:6px}
.ld-toast::after{content:'';position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ld-chili-2),var(--ld-gold));animation:ld-timer var(--ld-t,5s) linear forwards}
@keyframes ld-timer{from{width:100%}to{width:0}}
body.p8ld-site .p8ld-app-toast{border-radius:20px!important;background:linear-gradient(150deg,rgba(54,24,16,.96),rgba(30,12,8,.97))!important;color:#fff!important;box-shadow:0 20px 44px rgba(30,12,8,.4)!important}

/* ---------- notification center ---------- */
.ld-sheet-layer{position:fixed;inset:0;z-index:100001;background:rgba(30,12,8,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .35s}
.ld-sheet-layer.open{opacity:1;pointer-events:auto}
.ld-sheet{position:absolute;left:50%;bottom:0;width:min(100%,520px);max-height:84vh;max-height:84dvh;display:flex;flex-direction:column;transform:translate(-50%,100%);transition:transform .55s var(--ld-ease);
  background:var(--ld-cream);border-radius:30px 30px 0 0;box-shadow:0 -20px 60px rgba(30,12,8,.35);padding-bottom:env(safe-area-inset-bottom)}
.ld-sheet-layer.open .ld-sheet{transform:translate(-50%,0)}
@media(min-width:760px){.ld-sheet{bottom:auto;top:84px;left:auto;right:max(24px,calc((100vw - 1176px)/2));transform:translate(0,-12px);border-radius:28px;opacity:0;transition:transform .45s var(--ld-ease),opacity .3s}.ld-sheet-layer.open .ld-sheet{transform:none;opacity:1}}
.ld-sheet-grip{width:44px;height:5px;border-radius:9px;background:#dcc7b3;margin:10px auto 0}
.ld-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 8px}
.ld-sheet-head h3{margin:0;font:700 22px Georgia,serif;color:var(--ld-ink)}
.ld-sheet-head button{border:0;background:var(--ld-sand);color:var(--ld-ink-2);font-weight:800;border-radius:12px;padding:8px 12px;cursor:pointer}
.ld-sheet-body{overflow:auto;padding:4px 14px 18px;display:grid;gap:10px;-webkit-overflow-scrolling:touch}
.ld-note{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--ld-line);cursor:pointer;position:relative;
  transition:transform .25s var(--ld-spring),box-shadow .25s;animation:ld-note-in .5s var(--ld-ease) both}
.ld-note:active{transform:scale(.98)}
.ld-note:hover{box-shadow:0 12px 28px rgba(74,31,21,.1)}
@keyframes ld-note-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ld-note .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--ld-sand);font-size:23px}
.ld-note.promo .ic{background:linear-gradient(135deg,#ffe0c9,#ffc9a8)}.ld-note.reward .ic{background:linear-gradient(135deg,var(--ld-gold-2),var(--ld-gold))}.ld-note.alert .ic{background:#ffd9d4}
.ld-note b{display:block;font-size:15.5px;color:var(--ld-ink)}.ld-note p{margin:2px 0 0;font-size:14px;color:var(--ld-ink-2);line-height:1.4}
.ld-note small{display:block;margin-top:6px;color:var(--ld-muted);font-size:12px}
.ld-note.unread::before{content:'';position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--ld-chili);box-shadow:0 0 0 4px rgba(198,54,31,.15);animation:ld-pulse 1.8s infinite}
@keyframes ld-pulse{0%{box-shadow:0 0 0 0 rgba(198,54,31,.45)}100%{box-shadow:0 0 0 10px rgba(198,54,31,0)}}
.ld-empty{text-align:center;padding:34px 18px;color:var(--ld-muted)}.ld-empty .big{font-size:44px}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .ld-reveal{opacity:1;transform:none}
}

/* ---------- fixes ---------- */
.ld-topbar{width:100%;box-sizing:border-box}
body.p8ld-site .p8ld-phone-field{border:1.5px solid var(--ld-line)!important;border-radius:16px!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}
body.p8ld-site .p8ld-phone-field:focus-within{border-color:var(--ld-chili)!important;box-shadow:0 0 0 4px rgba(198,54,31,.14)!important}
body.p8ld-site .p8ld-phone-field input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:50px!important;outline:0!important}