/*
  Theme Name: Asli Child
  Template: asli
  Description: This is a child theme of Asli, used for codebase customizations
  Author: Artem Semkin
  Version: 1.3.7
*/

/* ============== UTILITY FONTS ============== */
.font-tenor { font-family: 'Tenor Sans', sans-serif; font-weight: 400; font-style: normal; color: #0B2027; }
.font-italiana { font-family: 'Italiana', serif; font-weight: 400; font-style: italic; color: #F1967E; }

/* ============== SECONDO PULSANTE Backgrounds Slider ============== */
.asli-child-buttons-row { display: flex !important; flex-wrap: wrap; gap: 3rem !important; align-items: center; justify-content: center; }
.asli-child-buttons-row > * { margin: 0 !important; }
@media (max-width: 991px) {
  .asli-child-buttons-row { flex-direction: column; align-items: center; gap: 1rem !important; }
}

/* ============== SERVICES WIDGET dual-font ============== */
.elementor-widget-asli-widget-services .typography-heading,
.elementor-widget-asli-widget-services .typography-heading * {
  font-family: 'Tenor Sans', sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
}
.elementor-widget-asli-widget-services .ital {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #fde9db !important;
  letter-spacing: 0 !important;
  display: inline-block;
  line-height: 0.95;
  vertical-align: baseline;
  margin-left: 0.1em;
}
/* Fix lingue tradotte (GTranslate): Google inietta <font> dentro .ital, che cosi'
   eredita 'Tenor Sans !important' da '.typography-heading *' e perde l'Italiana.
   Rinforziamo font Italiana + corsivo sui DISCENDENTI di .ital (i <font> di Google),
   con specificita' piu' alta del blocco Tenor. Vale per tutte le lingue tradotte. */
.elementor-widget-asli-widget-services .typography-heading .ital,
.elementor-widget-asli-widget-services .typography-heading .ital * {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.d-block { display: block !important; }

/* ============================================================
   PRENOTA LA TUA estate — PRIMO heading widget (id 51d96d4)
   BG cream → estate salmon #F1967E
   Specificita' alta per battere Elementor inline CSS.
   ============================================================ */
body .elementor-20714 .elementor-element.elementor-element-51d96d4 .elementor-heading-title .ital,
body .elementor-element.elementor-element-51d96d4 .elementor-heading-title .ital {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #fde9db !important;
  font-size: 1.2em !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline !important;
  vertical-align: baseline !important;
}

/* ============================================================
   PRENOTA LA TUA estate — SECONDO heading widget (id f88d473)
   BG salmon → estate cream #fde9db
   ============================================================ */
body .elementor-20714 .elementor-element.elementor-element-f88d473 .elementor-heading-title .ital,
body .elementor-element.elementor-element-f88d473 .elementor-heading-title .ital {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #F1967E !important;
  font-size: 1.2em !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline !important;
  vertical-align: baseline !important;
}

/* ============================================================
   PRENOTA LA TUA estate — 2 classi DEDICATE e ISOLATE
   Non condividono nulla con .ital del resto del sito.
   Modificare una NON puo' toccare l'altra.
   ============================================================ */

/* Primo titolo (heading 51d96d4, BG cream) — bulletproof */
.ital-prenota-1,
span.ital-prenota-1,
h2 .ital-prenota-1,
.elementor-heading-title .ital-prenota-1 {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #fde9db !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block !important;
  font-size: 1.4em !important;
}

/* Secondo titolo (heading f88d473, BG salmon) — bulletproof */
.ital-prenota-2,
span.ital-prenota-2,
h2 .ital-prenota-2,
.elementor-heading-title .ital-prenota-2 {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #F1967E !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block !important;
  font-size: 1.4em !important;
}

/* ============================================================
   FOOTER (template 16619) — titoli a doppio font
   La parola in font Italiana (salmon) si rimpicciolisce come
   la parte in Tenor Sans. Vale SOLO per il footer.
   ============================================================ */
body .elementor-16619 .elementor-heading-title .ital {
  font-family: 'Italiana', serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: #F1967E !important;       /* salmon = secondo colore */
  font-size: 1.2em !important;     /* +20% rispetto al Tenor Sans (Heading 6) */
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: inline !important;
  vertical-align: baseline !important;
}