/* WordPress-only additions (loaded after header.css) */

/* Cabecera Theme Builder por encima del contenido (submenús no tapados por Woo/Divi) */
body .et-l--header {
  position: relative;
  z-index: var(--driva-header-z-sticky, 100000);
}

/*
 * Tipografía fija al prototipo (menus/2.html + header.css): Divi y el tema
 * suelen pisar tamaños/pesos en enlaces, botones e inputs del módulo Código.
 */
.driva-header-scope {
  font-family: var(
    --driva-font,
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif
  ) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: var(--driva-text, #1a1a1a) !important;
  -webkit-font-smoothing: antialiased;
}

.driva-header-scope .driva-header,
.driva-header-scope .driva-header button,
.driva-header-scope .driva-header input,
.driva-header-scope .driva-header a {
  font-family: inherit !important;
}

.driva-header-scope .driva-header__top-link,
.driva-header-scope .driva-header__top-link .driva-header__top-link-text,
.driva-header-scope .driva-header__top-link .driva-nav__l1-label {
  font-size: var(--driva-header-link-size, 14px) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.driva-header-scope .driva-header__top-link .driva-nav__l1-label .ph,
.driva-header-scope .driva-header__top-link-icon .ph {
  font-size: 1.15em !important;
  line-height: 1 !important;
}

.driva-header-scope .driva-header__top-link--ofertas,
.driva-header-scope
  #driva-top-links
  > li:nth-child(1)
  > .driva-header__top-link,
.driva-header-scope
  .driva-header__top-link--ofertas
  .driva-header__top-link-text,
.driva-header-scope
  #driva-top-links
  > li:nth-child(1)
  > .driva-header__top-link
  .driva-header__top-link-text {
  color: var(--driva-top-ofertas-text, #422006) !important;
}

.driva-header-scope .driva-header__top-link--nuevos,
.driva-header-scope
  #driva-top-links
  > li:nth-child(2)
  > .driva-header__top-link,
.driva-header-scope
  .driva-header__top-link--nuevos
  .driva-header__top-link-text,
.driva-header-scope
  #driva-top-links
  > li:nth-child(2)
  > .driva-header__top-link
  .driva-header__top-link-text {
  color: var(--driva-top-nuevos-text, #052e16) !important;
}

.driva-header-scope .driva-header__account .driva-nav__l1-label .ph {
  font-size: 1.15em !important;
  line-height: 1 !important;
}

.driva-header-scope .driva-nav__l1-label .ph {
  font-size: 1.15em !important;
  line-height: 1 !important;
}

.driva-header-scope .driva-cat-btn,
.driva-header-scope .driva-cat-btn__text {
  font-family: inherit !important;
  font-size: var(--driva-header-link-size, 14px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.driva-header-scope .driva-header__account,
.driva-header-scope .driva-header__account .driva-header__account-text,
.driva-header-scope .driva-header__account .driva-nav__l1-label {
  font-size: var(--driva-header-link-size, 14px) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.driva-header-scope .driva-header__search {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.driva-header-scope .driva-nav__link,
.driva-header-scope .driva-nav__trigger {
  font-family: inherit !important;
  font-size: var(--driva-nav-font-size, 14px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.driva-header-scope .driva-nav__trigger-text,
.driva-header-scope .driva-nav__link-text {
  font-size: inherit !important;
  font-weight: 500 !important;
  line-height: inherit !important;
}

.driva-header-scope .driva-nav__sublink {
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.driva-header-scope .driva-nav__nested-trigger,
.driva-header-scope .driva-nav__nested-trigger-text {
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.driva-header-scope .driva-nav__nested-link {
  font-family: inherit !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.driva-header-scope .driva-drawer__section-toggle,
.driva-header-scope .driva-drawer__section-title {
  font-family: inherit !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.driva-header-scope .driva-header__cart-badge {
  font-family: inherit !important;
  font-size: 0.5rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.driva-header-scope #driva-category-nav.driva-nav__list,
.driva-header-scope ul#driva-category-nav {
  padding: 0 !important;
}

/* Evitar franja gris detrás del header solo-shortcode */
.driva-header-scope--wp {
  background: transparent;
}

.driva-header-scope .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Compat: salida antigua de WP con .custom-logo-link */
.driva-header-scope .driva-header__logo .custom-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 4px;
  line-height: 0;
}

.driva-header-scope .driva-header__logo .custom-logo-link img.custom-logo,
.driva-header-scope .driva-header__logo .custom-logo-link img.driva-header__logo-img {
  display: block;
  height: clamp(1.875rem, 3.8vw, 2.25rem);
  width: auto;
}

.driva-header-scope a.driva-header__icon-btn {
  text-decoration: none;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
}

/* FiboSearch dentro del slot del header */
.driva-header-scope .driva-header__search-wrap {
  flex: 1 1 auto;
  min-width: 0;
}

.driva-header-scope .driva-header__search-box--fibosearch {
  width: 100%;
  max-width: 100%;
  /* Sin borde/fondo del prototipo: solo el contorno de FiboSearch (Pirx). */
  border: none;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.driva-header-scope .driva-header__search-box--fibosearch:focus-within {
  border: none;
  box-shadow: none;
  outline: none;
}

.driva-header-scope .driva-header__search-box--fibosearch label.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.driva-header-scope .driva-header__search-box--fibosearch .dgwt-wcas-search-wrapp {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.driva-header-scope
  .driva-header__search-box--fibosearch
  .dgwt-wcas-search-form
  .dgwt-wcas-sf-wrapp {
  width: 100% !important;
}

.driva-header-scope
  .driva-header__search-box--fibosearch
  input.dgwt-wcas-search-input {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  border-radius: 8px !important;
  min-height: 2.5rem;
}

.driva-header-scope
  .driva-header__search-box--fibosearch
  .dgwt-wcas-search-form
  .dgwt-wcas-sf-wrapp
  button.dgwt-wcas-search-submit {
  border-radius: 0 8px 8px 0 !important;
}

/* Buscador Divi duplicado que inyecta Fibo en footer (header propio activo) */
#wcas-divi-search {
  display: none !important;
}

/* Overlay móvil Fibo por encima del header Driva */
.dgwt-wcas-overlay-mobile,
.dgwt-wcas-darkoverl-mounted {
  z-index: calc(var(--driva-header-z-sticky, 100000) + 2) !important;
}
