/* Poke Bowl - cabecera y pie propios, en todas las páginas (28/10/2026). Selectores con id para que el tema no los toque. */
#pbi-cab, #pbi-pie {
  --crema: #f6f1e7; --arena: #ecdfc8; --verde: #d9e7d3; --tinta: #14241c; --gris: #55605a; --rojo: #e8372c; --linea: #ddd3c1;
  font: 400 16px/1.5 "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--tinta);
  -webkit-font-smoothing: antialiased; text-align: left;
}
#pbi-cab *, #pbi-pie *, #pbi-cab *::before, #pbi-pie *::before, #pbi-cab *::after, #pbi-pie *::after { box-sizing: border-box; }
#pbi-cab a, #pbi-pie a { color: inherit; text-decoration: none; }
#pbi-cab img, #pbi-pie img { display: block; max-width: 100%; height: auto; }
#pbi-cab a:focus-visible, #pbi-cab button:focus-visible, #pbi-pie a:focus-visible { outline: 3px solid var(--rojo); outline-offset: 3px; }

/* Lo del tema que sustituimos */
body.tienda-cab #masthead, body.tienda-cab #meanmenu, body.tienda-cab #header-area-space, body.tienda-cab #page > footer { display: none !important; }

/* Titular de las páginas interiores (del tema): mismo estilo que la portada, sin tomate ni papel rasgado */
body.tienda-cab .entry-banner { background: #f6f1e7 none !important; padding: 48px 0 34px !important; margin: 0 !important; min-height: 0 !important; text-align: left !important; border-bottom: 1px solid #ddd3c1; }
body.tienda-cab .entry-banner::before, body.tienda-cab .entry-banner::after, body.tienda-cab .entry-banner .container::before, body.tienda-cab .entry-banner .container::after { display: none !important; content: none !important; }
body.tienda-cab .entry-banner .container { max-width: 1320px; padding: 0 24px; }
body.tienda-cab .entry-banner .entry-banner-content { padding: 0 !important; text-align: left !important; }
body.tienda-cab .entry-banner .entry-title { margin: 0 0 8px !important; font: 500 clamp(34px, 5vw, 60px)/1.02 "Instrument Sans", system-ui, sans-serif !important; letter-spacing: -.035em !important; color: #14241c !important; text-transform: none !important; }
body.tienda-cab .entry-banner .breadcrumb-area, body.tienda-cab .entry-banner .entry-breadcrumb { margin: 0 !important; padding: 0 !important; font: 600 12px/1.4 "Instrument Sans", system-ui, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; color: #55605a !important; justify-content: flex-start !important; }
body.tienda-cab .entry-banner .entry-breadcrumb a, body.tienda-cab .entry-banner .entry-breadcrumb span { color: #55605a !important; }
body.tienda-cab .entry-banner .entry-breadcrumb .current-item { color: #14241c !important; }
@media (max-width: 900px) { body.tienda-cab .entry-banner { padding: 30px 0 22px !important; } body.tienda-cab .entry-banner .container { padding: 0 16px; } }

/* Cabecera */
#pbi-cab { position: sticky; top: 0; z-index: 9000; background: rgba(246,241,231,.96); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--linea); }
body.admin-bar #pbi-cab { top: 32px; }
#pbi-cab .pbi-cab-in { max-width: 1320px; margin: 0 auto; padding: 8px 24px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }
#pbi-cab .pbi-nav { display: flex; gap: 26px; margin: 0; padding: 0; }
#pbi-cab .pbi-nav a { font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--tinta); }
#pbi-cab .pbi-nav a:hover, #pbi-cab .pbi-nav a[aria-current="page"] { color: var(--rojo); }
#pbi-cab .pbi-nav-tel { display: none; }
#pbi-cab .pbi-logo img { width: 59px; height: 80px; object-fit: contain; }
#pbi-cab .pbi-acc { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
#pbi-cab .pbi-carrito { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--tinta); }
#pbi-cab .pbi-carrito:hover { background: var(--arena); }
#pbi-cab .pbi-carrito svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#pbi-cab .pbi-num { position: absolute; top: 2px; right: 0; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--rojo); color: #fff; font-size: 11.5px; font-weight: 700; line-height: 19px; text-align: center; }
#pbi-cab .pbi-num[hidden] { display: none; }
#pbi-cab .pbi-btn { display: inline-flex; align-items: center; padding: 10px 20px; border-radius: 999px; background: var(--tinta); color: #fff; font-weight: 600; font-size: 15px; letter-spacing: .02em; text-transform: uppercase; line-height: 1.2; white-space: nowrap; transition: background .15s; }
#pbi-cab .pbi-btn:hover { background: var(--rojo); color: #fff; }
#pbi-cab .pbi-hamb { display: none; width: 42px; height: 42px; border: 0; border-radius: 0; background: none; padding: 10px 9px; margin: 0; cursor: pointer; box-shadow: none; }
#pbi-cab .pbi-hamb span { display: block; height: 2px; background: var(--tinta); border-radius: 2px; margin: 5px 0; transition: transform .2s, opacity .2s; }

/* Pie */
#pbi-pie { background: var(--verde); }
#pbi-pie .pbi-pie-in { max-width: 1320px; margin: 0 auto; padding: 56px 24px 32px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
#pbi-pie h2 { margin: 0 0 14px; font-size: 13px; font-weight: 600; line-height: 1.3; font-family: inherit; letter-spacing: .12em; text-transform: uppercase; color: var(--tinta); }
#pbi-pie ul { list-style: none; margin: 0; padding: 0; }
#pbi-pie li { margin: 0 0 8px; padding: 0; list-style: none; }
#pbi-pie li::before { display: none; }
#pbi-pie a, #pbi-pie p { font-size: 15px; color: var(--tinta); }
#pbi-pie a:hover { text-decoration: underline; }
#pbi-pie p { margin: 0 0 12px; }
#pbi-pie .pbi-pie-marca img { width: 74px; height: 100px; object-fit: contain; margin-bottom: 14px; }
#pbi-pie .pbi-pie-copy { max-width: 1320px; margin: 0 auto; padding: 18px 24px 28px; border-top: 1px solid rgba(20,36,28,.15); font-size: 13px; color: var(--gris); }

@media (max-width: 900px) {
  body.admin-bar #pbi-cab { top: 0; }
  #pbi-cab .pbi-cab-in { grid-template-columns: auto 1fr; padding: 6px 16px; }
  #pbi-cab .pbi-logo { order: -1; }
  #pbi-cab .pbi-logo img { width: 44px; height: 60px; }
  #pbi-cab .pbi-hamb { display: block; }
  #pbi-cab .pbi-nav { position: fixed; left: 0; right: 0; top: 73px; flex-direction: column; gap: 0; padding: 8px 16px 24px; background: var(--crema);
    border-bottom: 1px solid var(--linea); box-shadow: 0 18px 30px rgba(0,0,0,.08); transform: translateY(-10px); opacity: 0; visibility: hidden; transition: .2s; }
  #pbi-cab.pbi-abierto .pbi-nav { transform: none; opacity: 1; visibility: visible; }
  #pbi-cab .pbi-nav a { padding: 16px 0; font-size: 20px; border-bottom: 1px solid var(--linea); letter-spacing: .02em; }
  #pbi-cab .pbi-nav-tel { display: block; border-bottom: 0; font-size: 16px; color: var(--gris); }
  #pbi-cab.pbi-abierto .pbi-hamb span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  #pbi-cab.pbi-abierto .pbi-hamb span:nth-child(2) { opacity: 0; }
  #pbi-cab.pbi-abierto .pbi-hamb span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  #pbi-cab .pbi-acc { gap: 6px; }
  #pbi-pie .pbi-pie-in { grid-template-columns: 1fr 1fr; padding: 44px 20px 24px; }
  #pbi-pie .pbi-pie-marca { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { #pbi-cab * { transition: none !important; } }
