/* ======= Vars ======= */
:root{
  --header-ctl-h:42px;
  --bkpk-green-600:#165a3a;
  --bkpk-green-700:#0f3d2e;
  --bkpk-stone-900:#111;
}

/* ======= Header base ======= */
.bkpk-header{
  position:sticky; top:0; z-index:3000; background:#fff;
}
.bkpk-header--clean .container{
  display:block; padding:.9rem max(20px, env(safe-area-inset-left), env(safe-area-inset-right));
}

/* ======= Fila superior (desktop) ======= */
.bkpk-clean__top{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:nowrap;
}
.bkpk-logo{ flex:0 0 auto; }
.bkpk-logo img{ height:40px; width:auto; display:block; }

/* ======= Buscador ======= */
.bkpk-search{
  flex:1 1 520px; max-width:580px; height:var(--header-ctl-h);
  display:flex; align-items:center; margin-inline:1rem;
  background:#fff; border:1px solid #d8d8d8; border-radius:.6rem; overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.03); box-sizing:border-box;
}
.bkpk-search__input{ flex:1; height:100%; padding:0 .95rem; border:0; background:transparent; font-size:.95rem; color:var(--bkpk-stone-900); outline:none; }
.bkpk-search__input::placeholder{ color:#9aa0a6; }
.bkpk-search__btn{
  height:100%; min-width:46px; border:0; border-left:1px solid rgba(0,0,0,.06);
  background:var(--bkpk-green-600); color:#fff; display:inline-flex; align-items:center; justify-content:center; border-radius:0 .6rem .6rem 0;
}
.bkpk-search__btn:hover{ background:var(--bkpk-green-700); }

/* ======= CTA ======= */
.bkpk-header__cta .btn{
  height:var(--header-ctl-h); padding:0 1.1rem; border-radius:.6rem;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--bkpk-green-600); color:#fff; border:0; font-weight:700; text-decoration:none;
}

/* ======= Menú horizontal (desktop) ======= */
.bkpk-clean__nav{ margin-top:.65rem; }
.bkpk-clean__menu{ display:flex; justify-content:center; gap:clamp(.9rem,1.6vw,2rem); margin:0; padding:0; list-style:none; white-space:nowrap; }
.bkpk-clean__menu a{ font-weight:700; color:var(--bkpk-stone-900); text-decoration:none; position:relative; }
.bkpk-clean__menu a:hover::after{ content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:currentColor; }

/* ======= Drawer y hamburguesa ======= */
.bkpk-nav-toggle{
  display:none; /* se muestra en móvil */
  width:42px; height:42px; background:#fff; border:1px solid #d8d8d8; border-radius:.6rem;
  align-items:center; justify-content:center; cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.bkpk-nav-toggle svg{ pointer-events:none; }

.bkpk-drawer{
  position:fixed; top:0; right:0; bottom:0; width:min(85vw,360px); background:#fff;
  transform:translateX(105%); visibility:hidden; opacity:0;
  transition:transform .25s ease, opacity .2s ease, visibility .2s; z-index:3000;
  padding:16px; box-shadow:-8px 0 24px rgba(0,0,0,.12);
  display:flex; flex-direction:column; box-sizing:border-box; will-change:transform,opacity;
}
.bkpk-drawer.is-open{ transform:translateX(0); visibility:visible; opacity:1; }
.bkpk-drawer__header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.bkpk-drawer__close{ background:transparent; border:0; font-size:22px; line-height:1; padding:6px; cursor:pointer; }
.bkpk-drawer__menu{ list-style:none; margin:0; padding:0; display:grid; gap:.85rem; }
.bkpk-drawer__menu a{ color:#111; font-weight:600; text-decoration:none; }
.bkpk-drawer__cta{ margin-top:10px; }
.bkpk-drawer__backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:2990; }
.bkpk-drawer__backdrop[hidden]{ display:none !important; }

/* ======= Desktop tweaks ======= */
@media (min-width:769px){
  .bkpk-header__cta{ display:flex; align-items:center; margin-top:-6px; }
  .bkpk-header__cta .btn{ line-height:1; }
}

/* ======= Móvil ======= */
@media (max-width:768px){
  :root{ --header-ctl-h:40px; }

  .bkpk-header--clean .container{ padding:.6rem max(20px, env(safe-area-inset-left), env(safe-area-inset-right)); }

  /* Layout: logo | . | CTA | burger   /   search abajo */
  .bkpk-clean__top{
    display:grid !important;
    grid-template-columns:auto 1fr auto auto !important;
    grid-template-areas:
      "logo . cta burger"
      "search search search search" !important;
    align-items:center; column-gap:12px; row-gap:10px;
  }
  .bkpk-clean__top > .bkpk-logo{        grid-area:logo !important; margin:0 !important; }
  .bkpk-clean__top > .bkpk-header__cta{ grid-area:cta  !important; justify-self:end !important; margin:0 !important; display:flex !important; }
  .bkpk-clean__top > .bkpk-nav-toggle{  grid-area:burger !important; justify-self:end !important; display:inline-flex !important; width:var(--header-ctl-h); height:var(--header-ctl-h); }
  .bkpk-clean__top > .bkpk-search{      grid-area:search !important; margin:0 !important; height:var(--header-ctl-h); max-width:100% !important; }

  /* Oculta el nav horizontal en móvil */
  .bkpk-clean__nav{ display:none !important; }
}

/* ======= Seguridad (no overflow-x) ======= */
html, body{ max-width:100%; overflow-x:hidden; }

/* ======= Matar header/menú duplicado de abajo ======= */
/* Fallback del plugin */
.bkpk-subheader, .bkpk-menu{ display:none !important; }
/* Cualquier header/nav del tema que quede DESPUÉS del nuestro */
.bkpk-header ~ header,
.bkpk-header ~ .site-header,
.bkpk-header ~ #masthead,
.bkpk-header ~ .main-header,
.bkpk-header ~ .header,
.bkpk-header ~ .elementor-location-header,
.bkpk-header ~ nav[role="navigation"],
.bkpk-header ~ .navigation,
.bkpk-header ~ .navbar{
  display:none !important;
}
/* Por si el tema envuelve el header en un div */
.bkpk-header + div > header,
.bkpk-header + div > .site-header,
.bkpk-header + div > #masthead{
  display:none !important;
}
header.wp-block-template-part[aria-label*="Cabecera"] { display:none !important; }
/* Quita el bloque de galería/imagen principal del producto en el single */
.single-product .woocommerce-product-gallery {
  display: none !important;
}
/* Si te queda una columna vacía, ensancha el resumen a 100% */
.single-product div.product .summary {
  float: none !important;
  width: 100% !important;
}
/* === Ajuste quirúrgico: SOLO en páginas internas (no .home) === */
@media (max-width: 768px){

  /* 1) Limita el fix a tipos de página comunes */
  body.page   .bkpk-clean__top,
  body.single .bkpk-clean__top,
  body.archive .bkpk-clean__top,
  body.search .bkpk-clean__top,
  body.error404 .bkpk-clean__top{
    position: relative !important;
  }

  /* 2) Ancla la hamburguesa arriba-derecha dentro de la fila superior */
  body.page   .bkpk-clean__top .bkpk-nav-toggle,
  body.single .bkpk-clean__top .bkpk-nav-toggle,
  body.archive .bkpk-clean__top .bkpk-nav-toggle,
  body.search .bkpk-clean__top .bkpk-nav-toggle,
  body.error404 .bkpk-clean__top .bkpk-nav-toggle{
    position: absolute !important;
    top: 8px;                 /* ↑ ajústalo si la quieres más alta/baja */
    right: 0;                 /* se alinea al borde del container top */
    display: inline-flex !important;
    width: var(--header-ctl-h);
    height: var(--header-ctl-h);
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    z-index: 10001;
  }

  /* 3) Reserva espacio para que TIENDA no choque con la hamburguesa */
  body.page   .bkpk-header__cta,
  body.single .bkpk-header__cta,
  body.archive .bkpk-header__cta,
  body.search .bkpk-header__cta,
  body.error404 .bkpk-header__cta{
    margin-right: 56px !important; /* = ancho del botón + margen */
  }

  /* 4) El buscador abajo a 100% en estas mismas vistas */
  body.page   .bkpk-search,
  body.single .bkpk-search,
  body.archive .bkpk-search,
  body.search .bkpk-search,
  body.error404 .bkpk-search{
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Seguridad: el header siempre por encima de héroes/sliders */
.bkpk-header{ z-index: 10000 !important; }