/* ═══════════════════════════════════════════════════════════════
   Visitas Guiadas — Child-Theme Overrides
   Overrides visuales del plugin adaptados a la identidad Balerdi.
   Este archivo se encola DESPUÉS de public.css del plugin.
═══════════════════════════════════════════════════════════════ */

/* ── Variables: adaptar paleta del plugin a la marca ─────────── */
:root {
    /* MARCA */
    --c-brand-dk:   var(--pralinea);
    --c-brand-lt:   #FDF3E3;

    /* ESTADOS FUNCIONALES */
    --c-green:      #2D6A4F;
    --c-green-lt:   #E8F5EE;
    --c-amber:      var(--lizudazken);
    --c-amber-lt:   #FFF4E0;
    --c-red:        #C0392B;
    --c-red-lt:     #FDECEA;

    /* TEXTO */
    --c-text:       var(--iluna);
    --c-text-2:     var(--argia);
    --c-text-3:     #9C876A;

    /* BORDES Y FONDOS */
    --c-border:     #D9CEBD;
    --c-bg:         var(--argia);
    --c-white:      #ffffff;

    /* FORMA */
    --radius:       20px;
    --radius-lg:    20px;

    /* SOMBRAS (tono cálido) */
    --shadow:       0 2px 8px  rgba(65, 39, 18, .08);
    --shadow-md:    0 6px 20px rgba(65, 39, 18, .12);
    --shadow-lg:    0 16px 48px rgba(65, 39, 18, .18);

    /* TRANSICIÓN */
    --transition:   all .18s cubic-bezier(.4, 0, .2, 1);
}

/* ── Dark mode: dentro de .bisitak-erreserba (fondo oscuro) ──── */
.bisitak-erreserba {
    --c-bg:         rgba(251, 251, 242, 0.07);
    --c-white:      rgba(251, 251, 242, 0.10);
    --c-text:       var(--argia);
    --c-text-2:     var(--iluna);
    --c-text-3:     rgba(251, 251, 242, 0.45);
    --c-border:     rgba(251, 251, 242, 0.15);
    --c-brand-lt:   rgba(250, 205, 47, 0.15);
    --c-green-lt:   rgba(45, 106, 79, 0.30);
    --c-amber-lt:   rgba(192, 128, 10, 0.30);
    --c-red-lt:     rgba(192, 57, 43, 0.30);
    --shadow:       0 2px 8px  rgba(0, 0, 0, 0.25);
    --shadow-md:    0 6px 20px rgba(0, 0, 0, 0.35);
    --shadow-lg:    0 16px 48px rgba(0, 0, 0, 0.45);
}

/* Inputs y selects dentro del bloque oscuro */
.bisitak-erreserba .vg-input,
.bisitak-erreserba input,
.bisitak-erreserba select,
.bisitak-erreserba textarea {
    background: rgba(251, 251, 242, 0.12) !important;
    border-color: rgba(251, 251, 242, 0.35) !important;
    color: var(--argia) !important;
}

.bisitak-erreserba .vg-input::placeholder,
.bisitak-erreserba input::placeholder,
.bisitak-erreserba textarea::placeholder {
    color: rgba(251, 251, 242, 0.55) !important;
    opacity: 1 !important;
}

.bisitak-erreserba .vg-label,
.bisitak-erreserba label {
    color: rgba(251, 251, 242, 0.7) !important;
}

.bisitak-erreserba .vg-intro {
    border-color: rgba(251, 251, 242, 0.2) !important;
    color: var(--argia) !important;
}

.bisitak-erreserba .vg-selection-badge {
    background: rgba(250, 205, 47, 0.15) !important;
    border-color: var(--milaudazken) !important;
    color: var(--milaudazken) !important;
}

/* ── Componentes del plugin ──────────────────────────────────── */
.vg-stepper__label {
    font-family: 'Textua';
}

.vg-stepper__dot {
    font-family: 'Tituluak';
    line-height: 1;
}

.vg-tier-extra {
    flex-basis: 100%;
    margin-top: 6px;
}

.vg-tier-row {
    flex-wrap: wrap;
}

.vg-step2-header {
    background: var(--c-bg);
}

.vg-session {
    background: var(--c-brand);
}

.vg-session__name,
.vg-session__day,
.vg-session__month {
    font-family: 'Tituluak';
    text-transform: uppercase;
}

.vg-coupon__btn {
    color: var(--c-brand);
}

.vg-order-summary__line {
    color: var(--argia);
}

.vg-label {
    color: var(--iluna) !important;
    font-family: 'Textua' !important;
}

.vg-panel {
    font-family: 'Textua';
}

.vg-intro {
    border-radius: 15px;
    border: 2px solid var(--c-brand);
    background: transparent;
    color: var(--c-brand);
    font-size: 18px;
}

.vg-pill,
.vg-session__time {
    font-family: 'Textua' !important;
}

.vg-selection-badge {
    border: 2px solid var(--c-brand);
    color: var(--c-brand);
    background: var(--argia);
}

.vg-input {
    font-family: 'Textua' !important;
    line-height: 100% !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(65, 39, 18, 0.35) !important;
    color: var(--iluna) !important;
    border-radius: 15px !important;
}
.vg-input::placeholder {
    color: rgba(65, 39, 18, 0.55) !important;
    opacity: 1 !important;
}

.bisitak-page {
    padding: 0 !important;
}