/*
Theme Name: TravelsBike
Theme URI: 
Author: UAU estudio
Author URI: 
Description: WordPress theme, built on Ollie (for BravoBike Travel Agency), designed to showcase bike tours, destinations with a responsive layout.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ollie
Text Domain: travelsbike
Tags: 
*/


/* Bloquea que se mueva en horizontal en mobile toda la web */
html, body {
  overflow-x: hidden;
 /* touch-action: pan-y;  permite scroll vertical pero bloquea pan horizontal, aunque evita que se pueda agrandar en mobile */ 
}



/* HEADER TRANSPARENTE EN LA HOME */
body.home .site-header {
    position: absolute;
    width: 100%;
    z-index: 10;
}

body.home .site-header > .wp-block-group {
    background-color: transparent !important;
}


a.nounderline {text-decoration: none !important;}


/* HEADER MENU SELECTOR IDIOMAS en mobile*/
@media (max-width: 781px) {
    .site-header > .wp-block-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .site-header .header-main-row {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box;
    }
    .site-header .top-menu .custom-translate-wrapper {
        order: 1;
    }

    .site-header .top-menu .wp-block-navigation {
        order: 2;
    }

}
/* 1. Quitar HOVER underline MENU HEADER */
.menu-header {
    --wp--custom--typography--text-decoration: none !important;
}

.menu-header .wp-block-navigation-item__content:hover {
    text-decoration: none !important;
}
.menu-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: #f5f5f5 !important;
}

/* Header */







/* 1. BUTTONS */

/* Valores por defecto de los links en los titles y botones */
.wp-block-post-title a:hover,
.wp-block-post-title a:focus, .wp-block-button a:hover, a.cta-offer:hover {
  text-decoration: none !important;
}

.wp-block-button.is-style-button-azul a, .wp-block-button.is-style-button-amarillo a, .wp-block-button.is-style-button-blanco a {
    transition: background-color 0.3s ease, color 0.3s ease;
}
 .is-style-button-azul a:hover {
    background-color: var(--wp--preset--color--secondary)   !important; 
}
.is-style-wp-block-button__link {color:#000}


 .is-style-button-amarillo a, .is-style-button-blanco a{
color: var(--wp--preset--color--black)   !important; }

 .is-style-button-amarillo a:hover {
    background-color: var(--wp--preset--color--white)   !important; 

}
.is-style-button-blanco a:hover {
    background-color: var(--wp--preset--color--secondary)   !important; 

}



/* 1. TOURS QUERY */
.cardTour{
 grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)) !important;;
 justify-content: center  !important;
}
@media (max-width: 782px) {
  .cardTour {
    grid-template-columns: repeat(auto-fit, minmax(90%, 1fr)) !important;
  }
}


/* El enlace dentro del título se expande a toda la .card */
.card-link a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; /* Lo pone por encima de fotos y textos */
}


/* 1. OTROS CARDS */
/* El contenedor de la tarjeta */
.card {
    position: relative !important;
}


/* Opcional: Efecto visual al pasar el ratón por cualquier parte de la tarjeta */
.card:hover {
    cursor: pointer;
    /* Aquí puedes añadir un ligero cambio de sombra o escala si quieres */
}
.card-link a {
    text-decoration: none !important;
}



/* FORMULARIO */

/* Bloquea el campo formulario para que el usuario no lo borre */
.autofill-tour-title input {
    pointer-events: none !important;
    background-color: #f5f5f5 !important;
    color: #666 !important;
    cursor: not-allowed;
}


.forminator-ui {
    font-family: inherit !important;
    background-color:#1e73be !important;
    border-radius: 16px !important;
    background-color:var(--wp--preset--color--primary) !important;
    
    color: #000 !important;
    padding:20px !important;
    font-size: var(--wp--preset--font-size--small) !important;     
 } 


 .forminator-subtitle,
 .forminator-button,
 .forminator-label,
 .forminator-input,
 .forminator-textarea,
 .forminator-select,
 .select2-search__field,
 .forminator-select__placeholder,
 .forminator-error-message {
    font-size: var(--wp--preset--font-size--x-small) !important;
    font-family: inherit !important;
 }


.forminator-title { 
    font-size: var(--wp--preset--font-size--x-small) !important;
    color: var(--wp--preset--color--white) !important;
}

.forminator-subtitle { 
    font-size: var(--wp--preset--font-size-x-small) !important;
    color: var(--wp--preset--color--white) !important;
}

.forminator-label { 
    font-weight: var(--wp--custom--font-weight--medium) !important;
    color: var(--wp--preset--color--white) !important;

}
 .forminator-input, .forminator-textarea, .select2-search__field {
     border-radius: 8px !important;
     background-color:var(--wp--preset--color--background) !important;
     color: var(--wp--preset--color--body-text)  !important;
     border:0px solid var(--wp--preset--color--background) !important;
}

.forminator-select{ 
    background-color: var(--wp--preset--color--background) !important;
border:0 !important;
     border-radius: 8px !important;
}


.forminator-select-dropdown {
    background-color: var(--wp--preset--color--background) !important;

}
.select2-results__option {
    background-color: var(--wp--preset--color--background) !important;  
    font-size: var(--wp--preset--font-size--x-small) !important;
}

.select2-results__option--selected{
    background-color: var(--wp--preset--color--destacado-suave) !important;
color: var(--wp--preset--color--body-text)  !important;


}
.select2-results__option--highlighted {
    background-color:var(--wp--preset--color--destacado) !important;
outline:0 !important;

}
.select2-selection__rendered{
    background-color: var(--wp--preset--color--background) !important;
 color: var(--wp--preset--color--body-text)  !important;
    font-size: var(--wp--preset--font-size--x-small) !important;
}

.ui-datepicker-calendar {
    background-color: var(--wp--preset--color--background) !important;  
    border-radius: 16px !important;

}
.ui-datepicker-header {
   background-color:#1e73be !important;
}
.ui-datepicker-header .ui-corner-all  {
   background-color:#1e73be !important;

}
.ui-datepicker-title select {
border:0 !important;
    border-radius: 10px !important;

}
.forminator-radio-bullet, span.forminator-checkbox-box{
    border-color: #fff !important;
     background-color:var(--wp--preset--color--background) !important;
}

 .forminator-checkbox__wrapper {
align-items: flex-end !important;

}

.forminator-radio-label, .forminator-checkbox-label, .forminator-description, .forminator-checkbox__label {
     color:var(--wp--preset--color--white) !important;
}


.forminator-error-message {
    font-size: var(--wp--preset--font-size--x-small) !important;
    font-weight:600 !important;
  line-height: normal !important;
}

.forminator-button {
font-weight:600 !important;
padding: 15px !important;
     border-radius: 16px !important;
}
span.forminator-required {    color:var(--wp--preset--color--destacado) !important;}

.forminator-input::placeholder,
.forminator-textarea::placeholder {
    color: var(--wp--preset--color--body-text) !important;
    opacity: 1 !important; /* importante para que no se vea “lavado” */
}

/* Compatibilidad navegadores */
.forminator-input::-webkit-input-placeholder,
.forminator-textarea::-webkit-input-placeholder {
    color: var(--wp--preset--color--body-text) !important;
}


.forminator-checkbox__wrapper {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    column-gap: 8px !important;
}
.forminator-consent__label {
    color: var(--wp--preset--color--white) !important;

}
.bolder > .forminator-label {
    font-weight: var(--wp--custom--font-weight--bold) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
    padding-top: 15px !important;
}

.forminator-input::placeholder,
.forminator-select::placeholder,
.forminator-textarea::placeholder {
   color: #A4ACB8  !important;
    font-size: 0.8rem  !important;
}

.forminator-input:-ms-input-placeholder,
.forminator-textarea:-ms-input-placeholder {
   color: #A4ACB8  !important;
    font-size: 0.8rem  !important;

}

.select2-selection__rendered{
    font-size: 0.8rem  !important;
}




.select2-results__option--highlighted {
    background-color:#E0E9F2  !important;
}

.resaltado .forminator-description {
        color: #FFD54F  !important;
}

body.forminator-hustle-dropdown-fix .forminator-select.forminator-select-dropdown-container--open,
.select2-container.forminator-select-dropdown-container--open {
    margin-top: 0px !important;
}