/*
Theme Name: Enfold Child
Description: Child Theme for Enfold - Optimizado e Integrado 2025
Version: 1.6
Template: enfold
*/

/* 1. VARIABLES Y GENERAL */
html {
  --ob-primary-50: #f9f9ed; --ob-primary-100: #f0eed1; --ob-primary-200: #e2dda6;
  --ob-primary-300: #d0c674; --ob-primary-400: #c2af4d; --ob-primary-500: #b39c3f;
  --ob-primary-600: #987c34; --ob-primary-700: #7b5e2d; --ob-primary-800: #684e2b;
  --ob-primary-900: #5a4229; --ob-primary-950: #332315;
  --ob-widget-bg: transparent;
}

.lang-item-it, .lang-item-fr { display: none !important; }
#header_main { padding-bottom: 10px; }
.template-page.content.av-content-full.alpha.units { z-index: 0 !important; }
#sub_menu1 { z-index: 1 !important; }
.responsive #top #wrap_all .av-burger-menu-main { z-index: 1001 !important; }

/* Ajustes de jerarquía por página */
.page-id-145 #av_section_1.active-no-transparency { z-index: 2 !important; position: relative !important; }
.page-id-2327 .header-scrolled, .page-id-2330 .header-scrolled { display: none !important; }

/* 2. ATAJOS Y ESTRUCTURAS (OPTIMIZADO) */
.mayuscula * { text-transform: uppercase !important; }
.minuscula * { text-transform: none !important; }
.negrita * { font-weight: bolder !important; }
.letter0 * { letter-spacing: 0em !important; }
.letter05 * { letter-spacing: .2em !important; }
.letter1 * { letter-spacing: 1em !important; }

.maxwidth, .maxwidth * { width: 100% !important; }
.espacio { min-height: 100px !important; padding: 0 !important; margin: 0 !important; }
.sube100 { margin-top: -100px !important; }
.vacio { background: none !important; }

/* Generador de anchos máximos */
.max50 { max-width: 50px !important; } .max75 { max-width: 75px !important; }
.max100 { max-width: 100px !important; } .max150 { max-width: 150px !important; }
.max200 { max-width: 200px !important; } .max250 { max-width: 250px !important; }
.max300 { max-width: 300px !important; } .max400 { max-width: 400px !important; }
.max500 { max-width: 500px !important; } .max600 { max-width: 600px !important; }
.max700 { max-width: 700px !important; } .max800 { max-width: 800px !important; }
.max900 { max-width: 900px !important; }



/* ============================================================
   4. SECCIÓN PROTEGIDA: BOTONES DE RESERVAS (MÓVIL Y FOOTER)
   ============================================================ */


.gb-button--booking-mobile {
    background-color: var(--ob-primary-600);
    padding-block: .25rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    color: #fff;
}
.gb-button--booking-mobile:hover { background-color: var(--ob-primary-700); }

/* Menú hamburguesa y Botón en 1024px */
@media only screen and (max-width: 1024px) {
  .responsive #top .menu.av-main-nav .menu-item { display: none !important; }
  .responsive #top #wrap_all .av-burger-menu-main { display: block !important; }
}

@media (min-width: 1025px) {
    nav:not(.is_stuck) .ac-widget { display: none; }
}

.botondereservascel {
    width: 85% !important; position: fixed; bottom: 10px; left: 7.5%; text-align: center; z-index: 9999;
}
.botondereservascel .gb-button {
    width: 100%; min-width: 250px !important; background: #987C34; border: 0; padding: 10px 30px; border-radius: 5px; color: #fff;
}

/* Z-index Main Mobile */
@media (max-width: 425px) {
    #main.all_colors { z-index: 999 !important; position: relative !important; }
    .av-burger-overlay-active.av-burger-overlay-active-delayed #main.all_colors,
    .container.av-section-cont-open { z-index: 0 !important; }
}

@media (max-width:767px) {
    .sinfondoencel, .sinfondoencel * { background-image: none !important; }
    .onlydesktop { display: none !important; visibility: hidden !important; }
    .av-section-color-overlay { display: none !important; }
    .onlymobile { display: none !important; visibility: hidden !important; }
    .booking-form-container { border-radius: 20px !important; max-width: 100% !important; flex-direction: column !important; padding: 20px !important; gap: 10px !important; }
    .booking-form-container > button, .booking-form-container > input, .booking-fechas, .booking-ocupacion { width: 100% !important; min-width: unset !important; margin-bottom: 5px !important; }
    .flatpickr-calendar { width: 320px !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) !important; }
}