/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

:root {
    --blanco: #FFFFFF;
    --negro: #000000;
    --principal: #006338;
    --secundario: #4A7B30;
    --rojo: #C02B0A;
    --sombreado: #AAAAAA;
}

/* FORMULARIO DE LA OFICINA DE TURISMO */
.flex-other-option .gchoice:last-of-type {
    display: inline-flex !important;
    align-items: center;
}

.flex-other-option .gchoice:last-of-type .gchoice_other_control {
    margin-left: 20px;
}

/* GENERALES */
.gform_wrapper .gfield_checkbox input[type="checkbox"],
.gform_wrapper .gfield_radio input[type="radio"],
.gform_wrapper .gfield_radio input[type="radio"]:disabled+label,
.gform_wrapper .gfield_checkbox input[type="checkbox"]:disabled+label,
.gfield_list_icons,
.gfield_list_header {
    display: none !important;
}

.gfield_list_6_cell1,
.gfield_list_7_cell1,
.gfield_list_8_cell1,
.gfield_list_9_cell1 {
    max-width: 32%;
}

.ginput_container_textarea textarea {
    resize: none;
}

.ginput_container input[type="select-one"]:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.ui-datepicker-title select:focus,
.ui-datepicker-calendar .ui-state-default:focus,
.ginput_container.ginput_complex input:focus,
.ginput_container input:focus,
.ginput_container_textarea textarea:focus,
.ginput_container_email input:focus,
.ginput_container_phone input:focus,
.ginput_container_number input:focus,
.ginput_container_list input:focus,
.gform_button:focus,
.focus .ts-control {
    outline: 0 !important;
    box-shadow: 0 0 0 0.09rem rgba(74, 123, 48, 0.5) !important;
    outline-color: var(--secundario) !important;
    border-radius: 5px !important;
}

.gfield_select {
    border-bottom: 2px solid var(--principal) !important;
}

.ts-control {
    background-color: #fafafa !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 16px;
}

.gform_wrapper .gfield_label {
    font-size: 18px;
    margin-top: 0 !important;
}

.gform_wrapper .gfield_label .gfield_required,
.gform_required_legend .gfield_required,
.gfield_validation_message {
    font-size: 18px;
    color: var(--rojo) !important;
}

.gform_button {
    border-width: 2px !important;
    font-weight: bold !important;
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    border: 2px solid var(--principal);
    color: var(--principal);
    background-color: #fafafa;
    cursor: pointer;
    border-radius: 5px;
    margin: 5px;
    transition: all 0.3s ease-in-out;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked+label,
.gform_wrapper .gfield_radio input[type="radio"]:checked+label {
    background-color: var(--principal);
    border-color: var(--principal);
    border-radius: 5px;
    color: var(--blanco);
    box-shadow: -1px 2px 8px 0 var(--sombreado);
}

.gform_wrapper .gfield_radio input[type="text"]:disabled {
    transition: all 0.1s ease-in-out;
    opacity: 0.25;
    background-color: var(--blanco);
}

/* Estilos generales para los toasts */
.toast_success,
.toast_warning,
.toast_error {
    font-weight: bold;
    border-radius: 8px !important;
    color: #fff;
}

/* Estilo para éxito */
.toast_success {
    background: linear-gradient(to right, #28a745, #218838) !important;
}

/* Estilo para advertencia */
.toast_warning {
    background: linear-gradient(to right, #ffc107, #d39e00) !important;
}

/* Estilo para error */
.toast_error {
    background: linear-gradient(to right, #dc3545, #bd2130) !important;
}

.ui-datepicker {
    border-radius: 10px !important;
    box-shadow: 0 4px 10px var(--sombreado);
    padding: 0 !important;
}

.ui-datepicker-header {
    background-color: var(--blanco);
    border-radius: 10px 10px 0 0 !important;
    border-bottom: 2px solid var(--principal);
    padding: 10px 5px !important;
}

.ui-datepicker-header .ui-datepicker-title select {
    box-shadow: none !important;
    color: var(--principal) !important;
    border: 0 !important;
}

.ui-datepicker-header .ui-datepicker-prev::before,
.ui-datepicker-header .ui-datepicker-next::before {
    color: var(--principal) !important;
}

.ui-datepicker-calendar {
    margin: 0 !important;
    border-radius: 0 0 10px 10px !important;
}

.ui-datepicker-calendar th {
    color: var(--negro) !important;
    font-weight: bold !important;
    text-align: center !important;
}

.ui-datepicker-calendar th::before {
    padding: 10px !important;
}

.ui-datepicker-calendar th span {
    top: calc(15%) !important;
}

.ui-datepicker-calendar td {
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.ui-datepicker-calendar .ui-state-default {
    display: block;
    text-decoration: none;
    color: var(--negro);
    font-size: 16px;
    padding: 8px;
    border-radius: 5px;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: var(--principal) !important;
    color: var(--blanco);
    font-weight: bold;
    box-shadow: inset 0 0 5px var(--sombreado);
}