/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ==========================================================================
   Gardasee.tours — override variabili Tourfic/Hotelic
   Incollare in: Bricks → Impostazioni → Custom CSS  (oppure functions/style.css del child theme)
   Serve perché i componenti del plugin Tourfic (card tour, widget booking,
   filtri, form di prenotazione) leggono le --tf-* e NON la palette di Bricks.
   ========================================================================== */

/* Selettore :root:root (specificità 0,2,0) e non :root — serve a vincere
   sulle --tf-* dichiarate dal plugin Tourfic anche se il suo CSS viene
   caricato DOPO questo file. Non toccare. */
:root:root{

  /* ---------- Token Laghi Tours (sorgente unica) ---------- */
  --c-bg:            #FFFFFF;
  --c-bg-alt:        #F4FAFC;
  --c-heading:       #03045E;
  --c-text:          #334155;
  --c-text-muted:    #64748B;
  --c-link:          #0077B6;
  --c-link-hover:    #023E8A;
  --c-cta:           #00B4D8;
  --c-cta-hover:     #0096C7;
  --c-cta-text:      #03045E;
  --c-border:        #D9EEF5;
  --c-border-strong: #64748B;
  --c-accent:        #0B3D2E;
  --c-warm:          #FB8500;
  --c-success:       #0F7B4F;
  --c-warning:       #B45309;
  --c-error:         #B91C1C;
  --c-focus:         #00B4D8;
  --c-disabled-bg:   #E2E8F0;
  --c-disabled-text: #94A3B8;
  --c-overlay:       rgba(3,4,94,.55);
  --shadow-card:     0 2px 12px rgba(3,4,94,.08);

  /* ---------- Rimappatura Tourfic ---------- */
  --tf-primary:             var(--c-link);         /* era #b58e53 — oro */
  --tf-brand-dark:          var(--c-link-hover);   /* era #917242 */
  --tf-brand-lite:          var(--c-bg-alt);       /* era #faeedc */
  --tf-text-paragraph:      var(--c-text);         /* era #595349 */
  --tf-text-heading:        var(--c-heading);      /* era #99948d — grigio, più chiaro del corpo */
  --tf-text-lite:           var(--c-bg-alt);       /* era #fdf9f3 */
  --tf-border-default:      var(--c-border-strong);/* era #5f4216 — marrone scuro */
  --tf-border-lite:         var(--c-border);       /* era #eee2d1 */
  --tf-filling-foreground:  var(--c-bg-alt);       /* era #fdf9f3 */
  --tf-filling-background:  var(--c-bg);           /* invariato */
  --tf-links-color:         var(--c-link);         /* era #b58e53 */
  --tf-color-white:         #FFFFFF;               /* invariato */
  --tf-box-shadow-color:    #EBEBF2;               /* era #e0e8ee */
}

/* ==========================================================================
   Regole di accessibilità — non rimuovere
   ========================================================================== */

/* CTA primaria: aqua SEMPRE con label navy (bianco su aqua = 2,5:1 → fail WCAG) */
.tf-btn--cta,
.brxe-button.cta-primaria,
.tf_booking_form button[type="submit"]{
  background: var(--c-cta);
  color: var(--c-cta-text);
  border: 0;
  font-weight: 700;
}
.tf-btn--cta:hover,
.brxe-button.cta-primaria:hover,
.tf_booking_form button[type="submit"]:hover{
  background: var(--c-cta-hover);
  color: var(--c-cta-text);
}

/* Se serve testo bianco, il bottone deve essere blu (4,9:1) — non aqua */
.tf-btn--solid{
  background: var(--c-link);
  color: #FFFFFF;
}
.tf-btn--solid:hover{ background: var(--c-link-hover); }

/* Accento caldo: prezzi, stelle, badge. Mai testo bianco sopra. */
.tf-price, .tf-rating, .tf-review-star, .tf-badge--bestseller{
  color: var(--c-warm);
}
.tf-badge--bestseller{
  background: var(--c-warm);
  color: var(--c-heading);
}

/* Badge premium / private tour */
.tf-badge--premium{
  background: var(--c-accent);
  color: #FFFFFF;
}

/* Stati */
.tf-available, .tf-status--confirmed{ color: var(--c-success); }
.tf-last-seats, .tf-status--warning{  color: var(--c-warning); }
.tf-soldout, .tf-error, .tf-form-error{ color: var(--c-error); }

/* Focus da tastiera — obbligatorio (accessibilità EU) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline: 3px solid var(--c-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Overlay hero sopra le foto del lago: senza, l'H1 bianco è illeggibile */
.hero-lago::before,
.tf-hero-overlay{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--c-overlay);
  pointer-events: none;
}

/* Card tour */
.tf-card, .tf-tour-item{
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  box-shadow: var(--shadow-card);
}

/* Stato disabilitato (date non prenotabili nel calendario) */
.tf-disabled, button:disabled, .tf-datepicker .disabled{
  background: var(--c-disabled-bg);
  color: var(--c-disabled-text);
  cursor: not-allowed;
}


/* ==========================================================================
   Travelfic "Design 2/3" widget — override colori Hotelic hardcoded
   Il plugin travelfic-toolkit (style.css) scrive a mano #595349/#faeedc/#b58e53
   su classi .tft-*-design__two/three: NON passano dalle variabili, quindi
   vanno sovrascritti qui. Mappa Hotelic -> Gardasee. (26/07/2026)
   ========================================================================== */
.tft-btn_gray{background:#03045E !important;}
.tft-footer-design__two{background-color:#334155 !important;color:#F4FAFC !important;}
.tft-footer-design__two a{color:#F4FAFC !important;}
.tft-footer-design__two .tft-grid ul li{color:#F4FAFC !important;}
.tft-footer-bottom__two{border-top:0.5px solid #03045E !important;}
.tft-header-design__two .tft-top-header{background:#334155 !important;}
.tft-header-design__two .tft-menus-section .tft-flex .tft-menu ul.sub-menu{background:#F4FAFC !important;}
.tft-header-design__two .tft-menus-section.tft-header-mobile .tft-mobile-main-menu .tft-site-navigation{background-color:#F4FAFC !important;}
.tft-header-design__two .tft-menus-section.tft-header-mobile .tft-mobile-main-menu .tft-site-navigation ul li ul{background-color:#F4FAFC !important;}
.tft-hero-design__two .tft-hero-content #tf-booking-search-tabs .tf-booking-form-tab-mobile select[name=tf-booking-form-tab-select]{color:#F4FAFC !important;}
.tft-subscribe p label input[type=email]{background-color:#F4FAFC !important;}
.tft-popular-hotels-design__two .tft-destination-slider .slick-dots li button{background:#F4FAFC !important;}
.tft-latest-posts-design__two{background:#F4FAFC !important;}
.tft-team-design__two .tft-team-members .slick-dots li button{background:#F4FAFC !important;}
.tft-testimonials-design__two .tft-testimonials-sliders .tft-testimonials-slides .tft-single-testimonial{background-color:#F4FAFC !important;}
.tft-testimonials-design__three .container .tft-testimonials-content .tft-testimonials-sliders .slick-dots li button{background:#F4FAFC !important;}

/* Header: hamburger mobile visibile su barra nav bianca (26/07/2026) */
.bricks-mobile-menu-toggle{ color:#03045E !important; }

/* Rimuove l'highlight arancio/rosa (rgba(255,107,0,.1)) dietro i titoli sezione Tourfic — layout pulito (26/07/2026) */
.tft-heading-content h2.tft-title-shape::after,
.tft-section-wrapper .tft-section-title h2::after,
.tft-title-shape::after{ display:none !important; }


/* ==========================================================================
   Tipografia Manrope — font unico sito (Swiss/Scandinavian) 26/07/2026
   ========================================================================== */
:root{ --font-manrope:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
body, button, input, select, textarea,
h1,h2,h3,h4,h5,h6,
[class^="tft-"], [class*=" tft-"], [class^="tf-"], [class*=" tf-"],
.brxe-heading, .brxe-text, .brxe-button, .bricks-nav-menu, .bricks-nav-menu a{
  font-family: var(--font-manrope) !important;
}
/* Gerarchia titoli */
h1,h2,h3,h4,h5,h6{ line-height:1.15; }
h1{ font-weight:800; letter-spacing:-0.02em; }
h2{ font-weight:700; letter-spacing:-0.01em; }
h3{ font-weight:600; }
p{ line-height:1.7; }
.brxe-button, .tf-btn, button, [type="submit"]{ font-weight:600; }
.bricks-nav-menu a, nav a{ font-weight:500; }


/* ==========================================================================
   Rifiniture stile Apple / Swiss (26/07/2026)
   ========================================================================== */
/* 1 · Titoli: ExtraBold + tracking stretto */
h1{ font-weight:800 !important; letter-spacing:-0.03em !important; }
h2{ font-weight:700 !important; letter-spacing:-0.02em !important; }
h3{ font-weight:600 !important; letter-spacing:-0.01em !important; }

/* 2 · Pulsanti: angoli morbidi, niente ombre pesanti, hover pulito (escluso carrello .ins-*) */
.brxe-button, .bricks-button, .tf_btn, .tf-submit, .tft-btn, .tf-btn,
.wpcf7-submit, button[type="submit"], input[type="submit"]{
  border-radius:12px !important;
  box-shadow:none !important;
  font-weight:600 !important;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.brxe-button:hover, .tf_btn:hover, .tft-btn:hover, button[type="submit"]:hover{ transform:translateY(-1px); }

/* 3 · CTA principale: padding più ampio */
.tf_booking_form button[type="submit"], .tf-btn--cta, .brxe-button.cta-primaria,
#tf-booking-search-tabs button[type="submit"], .tf-search-btn{
  padding:0.95em 1.7em !important;
}

/* 4 · Card: ombra leggera + bordo sottile + angoli morbidi */
.tf-card, .tf-tour-item, .tft-card, .tft-single-testimonial, .tft-tour-card, .tf-single-tour{
  border-radius:14px !important;
  box-shadow:0 2px 14px rgba(3,4,94,.06) !important;
  border:1px solid #E9EEF3 !important;
}

/* 5 · Più aria tra le sezioni contenuto Tourfic */
.tft-popular-hotels-design__two, .tft-testimonials-design__two, .tft-latest-posts-design__two,
.tft-team-design__two, .tft-subscribe{
  padding-top:clamp(48px,5vw,88px) !important;
  padding-bottom:clamp(48px,5vw,88px) !important;
}