/* ===================================================================
   1. ESTILOS PARA DESCRIPCIONES DE ALOJAMIENTOS (MotoPress MPHB)
   =================================================================== */
.mphb-accommodation-description p {
    margin-bottom: 15px;
    line-height: 1.6;
}

.mphb-accommodation-description ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

/* ===================================================================
   2. CONFIGURACIÓN GLOBAL Y FONDO BLANCO
   =================================================================== */
body,
.wp-site-blocks,
.site {
    background-color: #ffffff !important;
}

/* Truco para limpiar textos huérfanos fuera de bloques de WordPress */
body {
    font-size: 0 !important;
    overflow-x: hidden !important;
}
body * {
    font-size: initial;
}

/* ===================================================================
   3. VIDEO DEL HERO A PANTALLA COMPLETA
   =================================================================== */
.wp-block-cover video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.wp-block-cover {
    height: 100vh !important;
}

/* ===================================================================
   4. OCULTAR ELEMENTOS NATIVOS Y CRÉDITOS
   =================================================================== */
/* Ocultar el título de la página de inicio */
.home .entry-title {
    display: none !important;
}

/* Ocultar texto de créditos de WordPress en el pie de página */
.site-info, 
.site-credits, 
.footer-credits, 
.site-generator {
    display: none !important;
}

/* ===================================================================
   5. CONFIGURACIÓN ESPECÍFICA PÁGINA DE CONTACTO (ID 36)
   =================================================================== */
/* Ocultar únicamente el título de la página de contacto para evitar duplicidades */
.page-id-36 .entry-title, 
.page-id-36 .wp-block-post-title,
.page-id-36 h1.entry-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* Reducir el espacio superior en la página de contacto para acercarlo al menú */
.page-id-36 .site-content,
.page-id-36 .entry-content,
.page-id-36 .content-area,
.page-id-36 .vkh-site-wrapper {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

/* ===================================================================
   6. ESTILOS PARA ENLACES PERSONALIZADOS
   =================================================================== */
a.titulo-enlace-grande {
    font-size: 32px !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* ===================================================================
   7. MENÚ DE IDIOMAS (WPML) - FORZAR VERTICAL Y EVITAR FILA
   =================================================================== */
.wp-block-navigation__container .wpml-ls-static-item,
.main-navigation .wpml-ls-menu-item {
    display: inline-flex !important;
    align-items: center;
}

.wpml-ls-sub-menu li::before,
.wpml-ls-legacy-list-horizontal li::before {
    content: none !important;
}

/* Contenedor principal del idioma */
li.menu-item-language, 
li.wpml-ls-menu-item {
  position: relative !important;
}

/* Forzar que la caja del submenú sea vertical y esté oculta por defecto */
li.menu-item-language ul.sub-menu,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu,
li.menu-item-language .wpml-ls-sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  background: #ffffff !important;
  box-shadow: 0px 10px 25px rgba(0,0,0,0.15) !important;
  border-radius: 6px;
  padding: 8px 0 !important;
  list-style: none !important;
  z-index: 99999 !important;
  margin: 0 !important;
  min-width: 170px !important;
  flex-direction: column !important;
}

/* Mostrar el submenú en bloque vertical al pasar el ratón */
li.menu-item-language:hover ul.sub-menu,
li.wpml-ls-menu-item:hover ul.wpml-ls-sub-menu,
li.menu-item-language:hover .wpml-ls-sub-menu {
  display: flex !important;
  flex-direction: column !important;
}

/* Asegurar que cada elemento de la lista ocupe su propia línea */
li.menu-item-language ul.sub-menu li,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu li,
.wpml-ls-sub-menu li {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
}

/* Estilo de los enlaces internos para que se apilen bien */
li.menu-item-language ul.sub-menu li a,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu li a,
.wpml-ls-sub-menu a {
  color: #2c3e50 !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.9rem;
  background: transparent !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Efecto hover */
li.menu-item-language ul.sub-menu li a:hover,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu li a:hover,
.wpml-ls-sub-menu a:hover {
  background-color: #f8f9fa !important;
  color: #d99b79 !important;
}
/* Eliminar guiones y forzar despliegue limpio nativo de WPML */
.wpml-ls-legacy-list-horizontal .wpml-ls-item:before,
.wpml-ls-sub-menu li:before {
  content: "" !important;
  display: none !important;
}
/* ===================================================================
   AJUSTE FINAL PARA MENÚ DE IDIOMAS AL PRINCIPIO (IZQUIERDA)
   =================================================================== */

/* Ocultar la lista horizontal que aparece suelta abajo */
.wpml-ls-legacy-list-horizontal {
  display: none !important;
}

/* Forzar que el desplegable baje ordenado desde la izquierda */
li.menu-item-language ul.sub-menu,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  background: #ffffff !important;
  box-shadow: 0px 10px 25px rgba(0,0,0,0.15) !important;
  border-radius: 6px;
  padding: 8px 0 !important;
  list-style: none !important;
  z-index: 99999 !important;
  margin: 0 !important;
  min-width: 170px !important;
}

/* Mostrar el submenú en columna al pasar el ratón */
li.menu-item-language:hover ul.sub-menu,
li.wpml-ls-menu-item:hover ul.wpml-ls-sub-menu {
  display: block !important;
}

/* Apilar los idiomas verticalmente dentro de la caja */
li.menu-item-language ul.sub-menu li,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu li {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
}

/* Estilo limpio para los enlaces del desplegable */
li.menu-item-language ul.sub-menu li a,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu li a {
  color: #2c3e50 !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 0.9rem;
  background: transparent !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Efecto hover */
li.menu-item-language ul.sub-menu li a:hover,
li.wpml-ls-menu-item ul.wpml-ls-sub-menu li a:hover {
  background-color: #f8f9fa !important;
  color: #d99b79 !important;
}
[class*="getyourguide"] {
    display: none !important;
}