/* =========================================================
   AJUSTE FINAL AXG - NEGRO ARRIBA + MENÚ COLOR LOGO
   Pegar al final de todo el CSS
   ========================================================= */

:root {
    --axg-black: #202425;
    --axg-logo-bg: #04566c;
    --axg-logo-bg-dark: #03485a;
    --axg-gold: #c9a227;
    --axg-white: #ffffff;
}

/* =========================================================
   1. BARRA SUPERIOR NEGRA
   teléfonos, email, asesor de viaje y redes
   ========================================================= */

body .ast-above-header-bar,
body .ast-above-header-wrap,
body .site-above-header-wrap,
body .ast-above-header-bar .ast-container,
body .ast-above-header-bar .ast-builder-grid-row,
body .ast-above-header-bar .site-header-section,
body .ast-above-header-bar .ast-builder-layout-element,
body .ast-above-header-bar .ast-header-html,
body .ast-above-header-bar .ast-builder-social-element,
body .ast-above-header-bar .ast-builder-social-icons {
    background: var(--axg-black) !important;
    background-color: var(--axg-black) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Texto de la barra superior */
body .ast-above-header-bar,
body .ast-above-header-bar a,
body .ast-above-header-bar span,
body .ast-above-header-bar p,
body .ast-above-header-bar div,
body .ast-above-header-bar .ast-builder-html-element,
body .ast-above-header-bar .ast-header-custom-item {
    color: var(--axg-white) !important;
}

/* Íconos dorados barra superior */
body .ast-above-header-bar i,
body .ast-above-header-bar svg,
body .ast-above-header-bar .fa,
body .ast-above-header-bar .fab,
body .ast-above-header-bar .fas,
body .ast-above-header-bar .ahfb-svg-iconset svg {
    color: var(--axg-gold) !important;
    fill: var(--axg-gold) !important;
}

/* =========================================================
   2. MENÚ Y HEADER PRINCIPAL MISMO COLOR DEL LOGO
   ========================================================= */

body .ast-primary-header-bar,
body .ast-primary-header,
body .ast-main-header-wrap,
body .main-header-bar,
body .site-primary-header-wrap,
body .ast-below-header-bar,
body .ast-below-header-wrap,
body .site-below-header-wrap,
body .ast-primary-header-bar .ast-container,
body .ast-primary-header-bar .ast-builder-grid-row,
body .ast-primary-header-bar .site-header-section,
body .ast-primary-header-bar .ast-builder-layout-element,
body .ast-below-header-bar .ast-container,
body .ast-below-header-bar .ast-builder-grid-row,
body .ast-below-header-bar .site-header-section,
body .ast-below-header-bar .ast-builder-layout-element {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
    border-bottom: 2px solid var(--axg-gold) !important;
    box-shadow: none !important;
}

/* =========================================================
   3. ÁREA DEL LOGO MISMO COLOR
   ========================================================= */

body .site-branding,
body .ast-site-identity,
body .site-logo-img,
body .custom-logo-link,
body .ast-logo-title-inline,
body .ast-site-title-wrap,
body .elementor-widget-theme-site-logo,
body .elementor-widget-image {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Imagen del logo */
body .custom-logo-link img,
body .site-logo-img img,
body .ast-site-identity img,
body .elementor-widget-theme-site-logo img,
body .elementor-widget-image img {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    border: none !important;
    box-shadow: none !important;
}

/* =========================================================
   4. MENÚ ELEMENTOR MISMO COLOR DEL LOGO
   ========================================================= */

body .elementor-element-45a5462e,
body .elementor-element-45a5462e .elementor-widget-container,
body .elementor-element-45a5462e .elementor-nav-menu__container,
body .elementor-element-45a5462e nav,
body .elementor-element-45a5462e ul,
body .elementor-element-45a5462e li,
body .elementor-element-45a5462e .elementor-nav-menu {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Links del menú */
body .elementor-element-45a5462e .elementor-item,
body .elementor-element-45a5462e .elementor-item.menu-link,
body .elementor-element-45a5462e a {
    color: var(--axg-white) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-decoration: none !important;
}

/* Hover y activo */
body .elementor-element-45a5462e .elementor-item:hover,
body .elementor-element-45a5462e .elementor-item:focus,
body .elementor-element-45a5462e .elementor-item-active,
body .elementor-element-45a5462e .current-menu-item > a,
body .elementor-element-45a5462e .current_page_item > a {
    color: var(--axg-gold) !important;
}

/* Línea inferior activa */
body .elementor-element-45a5462e .e--pointer-underline .elementor-item:after,
body .elementor-element-45a5462e .elementor-item:after {
    background: var(--axg-gold) !important;
}

/* Flecha Tours */
body .elementor-element-45a5462e .sub-arrow,
body .elementor-element-45a5462e .sub-arrow i,
body .elementor-element-45a5462e .sub-arrow svg {
    color: var(--axg-white) !important;
    fill: var(--axg-white) !important;
}

body .elementor-element-45a5462e .elementor-item:hover .sub-arrow,
body .elementor-element-45a5462e .elementor-item:hover .sub-arrow i,
body .elementor-element-45a5462e .elementor-item:hover .sub-arrow svg {
    color: var(--axg-gold) !important;
    fill: var(--axg-gold) !important;
}

/* =========================================================
   5. SUBMENÚ
   ========================================================= */

body .elementor-element-45a5462e .elementor-nav-menu--dropdown,
body .elementor-element-45a5462e .elementor-nav-menu--dropdown ul,
body .elementor-element-45a5462e .elementor-nav-menu--dropdown li {
    background: var(--axg-logo-bg-dark) !important;
    background-color: var(--axg-logo-bg-dark) !important;
    background-image: none !important;
    border-top: 2px solid var(--axg-gold) !important;
}

body .elementor-element-45a5462e .elementor-sub-item {
    color: var(--axg-white) !important;
    background: var(--axg-logo-bg-dark) !important;
}

body .elementor-element-45a5462e .elementor-sub-item:hover,
body .elementor-element-45a5462e .elementor-sub-item:focus {
    color: var(--axg-gold) !important;
    background: var(--axg-black) !important;
}
/* =========================================================
   AJUSTE FINAL - FONDO DEL ÁREA DEL LOGO
   ========================================================= */

:root {
    --axg-logo-bg: #04566c;
}

/* Fila principal del logo + menú */
body .ast-primary-header-bar,
body .ast-primary-header-bar .ast-container,
body .ast-primary-header-bar .ast-builder-grid-row,
body .ast-primary-header-bar .site-header-section,
body .ast-primary-header-bar .site-header-primary-section-left,
body .ast-primary-header-bar .site-header-primary-section-center,
body .ast-primary-header-bar .site-header-primary-section-right,
body .ast-primary-header-bar .ast-builder-layout-element {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
}

/* Contenedor del logo */
body .site-branding,
body .ast-site-identity,
body .site-logo-img,
body .custom-logo-link,
body .ast-logo-title-inline,
body .ast-site-title-wrap {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Si el logo está dentro de Elementor */
body .elementor-location-header .elementor-widget-image,
body .elementor-location-header .elementor-widget-image .elementor-widget-container,
body .elementor-location-header .elementor-widget-theme-site-logo,
body .elementor-location-header .elementor-widget-theme-site-logo .elementor-widget-container {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
}

/* Primera columna de la fila del menú en Elementor */
body .elementor-location-header section:nth-of-type(2),
body .elementor-location-header section:nth-of-type(2) .elementor-container,
body .elementor-location-header section:nth-of-type(2) .elementor-column,
body .elementor-location-header section:nth-of-type(2) .elementor-widget-wrap,
body .elementor-location-header section:nth-of-type(2) .elementor-element-populated {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
}

/* Elementor containers nuevos */
body .elementor-location-header > .e-con:nth-child(2),
body .elementor-location-header > .e-con:nth-child(2) > .e-con-inner,
body .elementor-location-header > .e-con:nth-child(2) .e-con,
body .elementor-location-header > .e-con:nth-child(2) .elementor-element {
    background: var(--axg-logo-bg) !important;
    background-color: var(--axg-logo-bg) !important;
    background-image: none !important;
}

/* ============================================================
 *    PRECIO DEL TOUR EN ZONA DE COMPRA (WooCommerce Bookings)
 *    Corrige texto invisible: el precio heredaba el color de texto
 *    claro del tema sobre un fondo gris claro del plugin.
 *    Aplica a TODOS los tours (clase compartida por el plugin).
 * ============================================================ */
.wc-bookings-booking-form .wc-bookings-booking-cost {
	    color: var(--axg-black) !important;
	    font-weight: 600 !important;
}

}