/* HAPAG PINOY · 5 temas sacados del local. Cada uno transmite una emoción distinta.
   calido = hogar y calidez (por defecto) · fiesta = alegría · gubat = calma · noche = emoción nocturna · lola = nostalgia */

/* ---------- FIESTA DE COLORES · alegría y energía (los discos del techo) ---------- */
[data-theme=fiesta]{--wood:#139aa0;--wood-d:#0b6c71;--wood-l:#5cc8cc;--plank:#fffdf6;--plank-2:#fff3d6;--ink:#1d1b2b;--muted:#5b5670;
  --green:#e0393e;--leaf:#16a34a;--sun:#ffc21a;--hibiscus:#ef3b5d;--teal:#139aa0;--orange:#ff8a1f}
[data-theme=fiesta] body{background-color:var(--plank);background-image:
  radial-gradient(circle at 6% 8%,rgba(19,154,160,.16) 0 46px,transparent 47px),radial-gradient(circle at 92% 18%,rgba(255,194,26,.22) 0 38px,transparent 39px),
  radial-gradient(circle at 80% 70%,rgba(239,59,93,.14) 0 52px,transparent 53px),radial-gradient(circle at 18% 82%,rgba(255,138,31,.16) 0 34px,transparent 35px);background-attachment:fixed}
[data-theme=fiesta] .wood{background:linear-gradient(100deg,#139aa0,#16a3a3 40%,#ffc21a 41%,#ffc21a 55%,#ef3b5d 56%,#ef3b5d 72%,#ff8a1f 73%)}
[data-theme=fiesta] .dots::before{opacity:1}
[data-theme=fiesta] .hero::after{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(29,27,43,.55))}
[data-theme=fiesta] .card,[data-theme=fiesta] .dish{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#139aa0,#ffc21a,#ef3b5d) border-box}
[data-theme=fiesta] .title h2,[data-theme=fiesta] h1{letter-spacing:.01em;text-shadow:3px 3px 0 rgba(255,194,26,.45)}
[data-theme=fiesta] .btn{box-shadow:0 5px 0 rgba(0,0,0,.18)}
[data-theme=fiesta] .quote-band,[data-theme=fiesta] .quote-card{background:linear-gradient(90deg,#ef3b5d,#ff8a1f)}

/* ---------- GUBAT TROPICAL · calma y frescura (plantas colgantes y bambú) ---------- */
[data-theme=gubat]{--wood:#2f6b45;--wood-d:#1f4a30;--wood-l:#8fbf3a;--plank:#f2f7ee;--plank-2:#e3eedb;--ink:#173024;--muted:#4f6b5a;
  --green:#1f5a3c;--leaf:#3f8f4e;--sun:#d8c25a;--hibiscus:#d9534f;--teal:#2c8c7d;--orange:#c7863b}
[data-theme=gubat] body{background-image:repeating-linear-gradient(90deg,transparent 0 70px,rgba(63,143,78,.06) 70px 74px)}
[data-theme=gubat] .wood{background:linear-gradient(180deg,#2f6b45,#1f4a30);background-image:repeating-linear-gradient(90deg,rgba(143,191,58,.25) 0 6px,transparent 6px 40px),linear-gradient(180deg,#2f6b45,#1f4a30)}
[data-theme=gubat] .dots::before{background:radial-gradient(ellipse at 10% 0,rgba(143,191,58,.6) 0 40px,transparent 41px),radial-gradient(ellipse at 50% 0,rgba(63,143,78,.6) 0 34px,transparent 35px),radial-gradient(ellipse at 88% 0,rgba(143,191,58,.5) 0 46px,transparent 47px)}
[data-theme=gubat] .hero::after{background:linear-gradient(180deg,rgba(23,48,36,.1),rgba(23,48,36,.78))}
[data-theme=gubat] .card,[data-theme=gubat] .dish{border-radius:26px 26px 26px 6px;border:1px solid #cfe0c4}
[data-theme=gubat] h1,[data-theme=gubat] h2{font-weight:600;letter-spacing:.02em}
[data-theme=gubat] .btn{border-radius:14px}
[data-theme=gubat] .quote-band,[data-theme=gubat] .quote-card{background:linear-gradient(135deg,#1f4a30,#2c8c7d)}

/* ---------- PULUTAN NIGHTS · noche, emoción y ganas de salir (crispy pata y cerveza fría) ---------- */
[data-theme=noche]{--wood:#2a1a10;--wood-d:#120b06;--wood-l:#f6c21a;--plank:#140e0a;--plank-2:#1f1610;--ink:#f8efe2;--muted:#c9b59c;
  --green:#e8b21a;--leaf:#2fbf71;--sun:#ffd23f;--hibiscus:#ff3d3d;--teal:#19c3c9;--orange:#ff8a1f;--shadow:0 10px 30px rgba(0,0,0,.5)}
[data-theme=noche] body{background-color:#140e0a;background-image:radial-gradient(circle at 50% -10%,rgba(255,61,61,.18),transparent 55%),repeating-linear-gradient(180deg,transparent 0 46px,rgba(255,255,255,.03) 46px 48px)}
[data-theme=noche] .wood{background:#0d0806;border-bottom:3px solid var(--sun);box-shadow:0 0 18px rgba(255,210,63,.35)}
[data-theme=noche] .dots::before{opacity:.25}
[data-theme=noche] .card,[data-theme=noche] .dish,[data-theme=noche] .panel,[data-theme=noche] .kpi,[data-theme=noche] .modal,[data-theme=noche] .mail-item,
[data-theme=noche] table.list,[data-theme=noche] .qr-card,[data-theme=noche] .ticket{background:#241911;color:var(--ink);border-color:#3a2a1d}
[data-theme=noche] .list th{background:#2f2117;color:var(--ink)}[data-theme=noche] .list td{border-color:#3a2a1d}
[data-theme=noche] input,[data-theme=noche] select,[data-theme=noche] textarea{background:#1b130d;color:var(--ink);border-color:#4a3726}
[data-theme=noche] .tab{background:#1b130d;color:var(--sun);border-color:var(--sun)}[data-theme=noche] .tab[aria-selected=true]{background:var(--sun);color:#140e0a}
[data-theme=noche] .price{color:var(--sun);text-shadow:0 0 10px rgba(255,210,63,.5)}
[data-theme=noche] h1,[data-theme=noche] h2{color:#fff;text-shadow:0 0 14px rgba(255,61,61,.55)}
[data-theme=noche] a{color:var(--sun)}
[data-theme=noche] .btn-red{background:#ff3d3d;box-shadow:0 0 16px rgba(255,61,61,.55)}
[data-theme=noche] .btn-sun{box-shadow:0 0 16px rgba(255,210,63,.5)}
[data-theme=noche] .section.alt{background:#1a120c}
[data-theme=noche] .plan{background-color:#2a1d14}
[data-theme=noche] .notice{background:#2f2414;border-color:#5a4520;color:#ffe9a8}
[data-theme=noche] .quote-band,[data-theme=noche] .quote-card{background:#0d0806;border-top:2px solid var(--hibiscus);border-bottom:2px solid var(--hibiscus)}
[data-theme=noche] .hero::after{background:linear-gradient(180deg,rgba(13,8,6,.35),rgba(13,8,6,.9))}

/* ---------- KUSINA NI LOLA · nostalgia y ternura (porcelana azul y blanca de las salsas) ---------- */
[data-theme=lola]{--wood:#1d3f8a;--wood-d:#132b61;--wood-l:#9bb3e6;--plank:#f8f6f0;--plank-2:#eaeef7;--ink:#1d2540;--muted:#5d6687;
  --green:#1d3f8a;--leaf:#4a7a5a;--sun:#e7b94c;--hibiscus:#b8342f;--teal:#3a6fb0;--orange:#c9783a;--title:Georgia,"Times New Roman",serif}
[data-theme=lola] body{background-color:#f8f6f0;background-image:radial-gradient(circle at 20px 20px,rgba(29,63,138,.08) 0 6px,transparent 7px),radial-gradient(circle at 60px 60px,rgba(29,63,138,.06) 0 10px,transparent 11px);background-size:80px 80px}
[data-theme=lola] .wood{background:#1d3f8a;background-image:radial-gradient(circle at 16px 16px,rgba(255,255,255,.18) 0 5px,transparent 6px),radial-gradient(circle at 48px 40px,rgba(255,255,255,.12) 0 9px,transparent 10px),repeating-radial-gradient(circle at 32px 32px,transparent 0 14px,rgba(255,255,255,.07) 14px 16px);background-size:64px 64px}
[data-theme=lola] .dots::before{opacity:0}
[data-theme=lola] .card,[data-theme=lola] .dish{border:2px solid #1d3f8a;box-shadow:6px 6px 0 rgba(29,63,138,.15)}
[data-theme=lola] .photo,[data-theme=lola] .hero-bg{filter:sepia(.25) saturate(.9)}
[data-theme=lola] h1,[data-theme=lola] h2,[data-theme=lola] h3{font-style:italic}
[data-theme=lola] .btn{border-radius:8px}
[data-theme=lola] .quote-band,[data-theme=lola] .quote-card{background:#1d3f8a}
[data-theme=lola] .hero::after{background:linear-gradient(180deg,rgba(29,37,64,.15),rgba(29,37,64,.75))}

/* ---------- selector de temas (panel) y eventos (web) ---------- */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:12px 0 24px}
.theme-card{border-radius:16px;padding:10px;background:#fff;color:#1d1b2b;box-shadow:var(--shadow);border:3px solid transparent;display:flex;flex-direction:column;gap:6px}
.theme-card.on{border-color:var(--orange)}
.theme-card img{width:100%;height:110px;object-fit:cover;border-radius:10px}
.theme-card span{font-size:.82rem;opacity:.75}
.th-sw{display:flex;gap:4px}.th-sw i{flex:1;height:14px;border-radius:4px}
.th-calido .th-sw i:nth-child(1){background:#b8743a}.th-calido .th-sw i:nth-child(2){background:#f7f1e6}.th-calido .th-sw i:nth-child(3){background:#1f5a3c}.th-calido .th-sw i:nth-child(4){background:#e0393e}
.th-fiesta .th-sw i:nth-child(1){background:#139aa0}.th-fiesta .th-sw i:nth-child(2){background:#ffc21a}.th-fiesta .th-sw i:nth-child(3){background:#ef3b5d}.th-fiesta .th-sw i:nth-child(4){background:#ff8a1f}
.th-gubat .th-sw i:nth-child(1){background:#1f4a30}.th-gubat .th-sw i:nth-child(2){background:#8fbf3a}.th-gubat .th-sw i:nth-child(3){background:#f2f7ee}.th-gubat .th-sw i:nth-child(4){background:#2c8c7d}
.th-noche .th-sw i:nth-child(1){background:#140e0a}.th-noche .th-sw i:nth-child(2){background:#ffd23f}.th-noche .th-sw i:nth-child(3){background:#ff3d3d}.th-noche .th-sw i:nth-child(4){background:#241911}
.th-lola .th-sw i:nth-child(1){background:#1d3f8a}.th-lola .th-sw i:nth-child(2){background:#f8f6f0}.th-lola .th-sw i:nth-child(3){background:#b8342f}.th-lola .th-sw i:nth-child(4){background:#e7b94c}
.event .ev-img{width:100%;height:190px;object-fit:cover}
.ev-date{font-weight:800;color:var(--hibiscus);text-transform:capitalize;margin:0 0 4px}
.ev-row{display:grid;grid-template-columns:110px 1fr;gap:12px}.ev-thumb{width:110px;height:110px;object-fit:cover;border-radius:10px}
[data-theme=noche] .btn-sun,[data-theme=noche] .st-reservada,[data-theme=noche] .menu .btn-book{color:#140e0a}
[data-theme=noche] .tag{background:#3a2a1d;color:var(--sun)}
[data-theme=noche] .lead,[data-theme=noche] .small{color:var(--muted)}
[data-theme=noche] .menu-day{background:#241911;border:1px solid var(--sun)}
[data-theme=noche] .theme-card{background:#fff;color:#1d1b2b}