/* =========================================================
   ROOTLABS SITE SHELL — HEADER DEFAULT
   Consume los controles del panel:
   --rlss-logo-width
   --rlss-mobile-logo-width
   --rlss-header-padding-scale
   --rlss-mobile-header-padding-scale
   ========================================================= */

.rlss-layout--default {
  --rlss-default-logo-width: min(var(--rlss-logo-width, 190px), 34vw);
  --rlss-default-mobile-logo-width: min(var(--rlss-mobile-logo-width, 130px), 46vw);
}

/* INICIO: ESCRITORIO */
.rlss-layout--default .rlss-layout__breakpoint--desktop {
  align-items: center;
  grid-template-columns:
    var(--rlss-default-logo-width)
    minmax(240px, 1fr)
    auto;
  column-gap: clamp(18px, 2.2vw, 40px);
  padding-top: calc(14px * var(--rlss-header-padding-scale, 1));
  padding-bottom: calc(14px * var(--rlss-header-padding-scale, 1));
}

.rlss-layout--default .rlss-layout__breakpoint--desktop .rlss-region {
  align-items: center;
  min-width: 0;
  min-height: 0;
}

/* INICIO: LOGO DE ESCRITORIO */
.rlss-layout--default .rlss-region--brand {
  display: flex;
  width: var(--rlss-default-logo-width);
  min-width: 0;
  align-items: center;
}

.rlss-layout--default .rlss-region--brand .rlss-component--logo,
.rlss-layout--default .rlss-region--brand .rlss-logo,
.rlss-layout--default .rlss-region--brand .rlss-logo__link {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
}

.rlss-layout--default .rlss-region--brand .rlss-logo__image,
.rlss-layout--default .rlss-region--brand .custom-logo {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: left center;
}

/* INICIO: NAVEGACIÓN */
.rlss-layout--default .rlss-region--navigation {
  min-width: 0;
  justify-content: center;
}

.rlss-layout--default .rlss-region--navigation .rlss-component {
  min-width: 0;
}

/* INICIO: ACCIONES */
.rlss-layout--default .rlss-region--actions {
  min-width: 0;
  justify-content: flex-end;
}

.rlss-layout--default .rlss-region--actions .rlss-search {
  width: clamp(190px, 16vw, 300px);
  max-width: 100%;
}

/* INICIO: PROMOCIÓN */
.rlss-layout--default .rlss-region--promo {
  grid-column: 1 / -1;
}

/* INICIO: MÓVIL */
.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-region--main {
  position: relative;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding-top: calc(12px * var(--rlss-mobile-header-padding-scale, 1));
  padding-bottom: calc(12px * var(--rlss-mobile-header-padding-scale, 1));
}

.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-region--secondary {
  width: 100%;
  padding-block: 0 14px;
}

.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-region--secondary .rlss-search {
  width: 100%;
  max-width: none;
}

/* INICIO: LOGO MÓVIL */
.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-component--logo,
.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-component--logo .rlss-logo,
.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-component--logo .rlss-logo__link {
  display: flex;
  width: var(--rlss-default-mobile-logo-width);
  max-width: var(--rlss-default-mobile-logo-width);
  align-items: center;
  justify-content: center;
}

.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-component--logo .rlss-logo__image,
.rlss-layout--default .rlss-layout__breakpoint--mobile .rlss-component--logo .custom-logo {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  object-fit: contain;
}

/* INICIO: CENTRADO REAL DEL LOGO MÓVIL */
.rlss-layout--default.rlss-layout--mobile-logo-centered
.rlss-layout__breakpoint--mobile
.rlss-region--main
.rlss-component--logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.rlss-layout--default.rlss-layout--mobile-logo-centered
.rlss-layout__breakpoint--mobile
.rlss-region--main
.rlss-component--logo
.rlss-logo,
.rlss-layout--default.rlss-layout--mobile-logo-centered
.rlss-layout__breakpoint--mobile
.rlss-region--main
.rlss-component--logo
.rlss-logo__link {
  width: 100%;
  pointer-events: auto;
}

.rlss-layout--default.rlss-layout--mobile-logo-centered
.rlss-layout__breakpoint--mobile
.rlss-region--main
.rlss-component--mobile-toggle,
.rlss-layout--default.rlss-layout--mobile-logo-centered
.rlss-layout__breakpoint--mobile
.rlss-region--main
.rlss-component--cart {
  position: relative;
  z-index: 3;
}

/* INICIO: ACTIVACIÓN DE ESCRITORIO */
@media (min-width: 960px) {
  .rlss-layout--default .rlss-layout__breakpoint--desktop {
    display: grid;
  }
}