/**
 * Astra Theme Overrides — Full-Width Landing Pages
 *
 * Removes Astra's default container constraints and replicates Astra's
 * transparent header so that custom landing pages render edge-to-edge with
 * the header overlaying the hero.
 *
 * This file is ONLY loaded by our landing page templates (page-biolock.php,
 * page-cto-on-demand.php, page-libro-reclamaciones.php), so the selectors
 * do NOT need to be scoped to a body class — file-level inclusion IS the scope.
 *
 * @package Astra Child
 * @since   1.0.0
 */

/* --- Container breakout -------------------------------------------------- */
.site-content > .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.entry-content {
  margin: 0 !important;
  padding: 0 !important;
}

.site .site-content #primary {
  padding: 0 !important;
  margin: 0 !important;
}

.hentry {
  margin: 0 !important;
}

/* --- Transparent header: layout ------------------------------------------ */
#masthead {
  position: absolute !important;
  left: 0;
  right: 0;
  z-index: 999;
}

.main-header-bar,
.ast-primary-header-bar {
  background: transparent !important;
  border-bottom: none !important;
}

/* --- Transparent header: menu colors (desktop) --------------------------- */
/* Main menu links — white on transparent background */
.ast-builder-menu .main-header-menu,
.ast-builder-menu .main-header-menu .menu-link,
[CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link,
.main-header-menu .menu-link,
.ast-masthead-custom-menu-items,
.ast-masthead-custom-menu-items a,
.ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle {
  color: #FFFFFF !important;
}

/* Menu background — fully transparent */
.ast-builder-menu .main-header-menu,
.main-header-menu .menu-link {
  background-color: transparent !important;
}

/* Hover & active states */
.ast-builder-menu .main-header-menu .menu-item:hover > .menu-link,
.ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle,
.ast-builder-menu .main-header-menu .focus > .menu-link,
.ast-builder-menu .main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link,
[CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link,
[CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link,
.main-header-menu .menu-item:hover > .menu-link,
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-ancestor > .menu-link {
  color: #FFFFFF !important;
}

/* Site title & description */
.site-title a,
.site-title a:focus,
.site-title a:hover,
.site-title a:visited,
.site-header .site-description {
  color: #FFFFFF !important;
}

/* Search icon */
.ast-header-search .astra-search-icon,
.ast-header-search .search-field::placeholder,
.ast-header-search .ast-icon {
  color: #FFFFFF !important;
}

/* --- Transparent header: submenu colors ---------------------------------- */
/* Submenu background — solid white */
.ast-builder-menu .main-header-menu .menu-item .sub-menu,
.main-header-menu .menu-item .sub-menu {
  background-color: #FFFFFF !important;
}

/* Submenu links — dark text */
.ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link,
.main-header-menu .menu-item .sub-menu .menu-link {
  color: #364151 !important;
  background: none !important;
}

/* Submenu hover — brand blue */
.ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link,
.ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .menu-link,
.main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link {
  color: #0067FF !important;
}

/* --- Transparent header: above/below header bars ------------------------- */
.ast-above-header,
.ast-above-header.ast-above-header-bar,
.ast-below-header,
.ast-below-header.ast-below-header-bar {
  background-image: none !important;
  background-color: transparent !important;
}