/* ==========================================================================
   Con un albo si può — stile per i widget nativi di Elementor.
   base.css copre solo il markup del tema (header, card, bottoni…): questo
   file allinea alla palette/tipografia anche ciò che Elementor genera da sé
   (Heading, Text Editor, Icon List, Image, Tabs, Form), così il contenuto
   costruito in Elementor resta coerente col resto del sito.
   ========================================================================== */

.elementor-heading-title{
  font-family:var(--cuas-font-serif);
  color:var(--cuas-ink);
}

.elementor-widget-text-editor,
.elementor-text-editor p{
  color:var(--cuas-taupe-text);
  font-size:16px;
  line-height:1.68;
}

/* ---- Icon list (es. "In breve", elenchi puntati) ---- */
.elementor-icon-list-text{
  color:var(--cuas-taupe-text) !important;
  font-family:var(--cuas-font-sans);
  font-size:14.5px;
}
.elementor-icon-list-icon i,
.elementor-icon-list-icon svg{
  color:var(--cuas-red) !important;
  fill:var(--cuas-red) !important;
}
.elementor-icon-list-item{
  margin-bottom:8px;
}

/* ---- Immagini: angoli coerenti col resto del sito ---- */
.elementor-widget-image img,
.elementor-widget-image-box img{
  border-radius:var(--cuas-radius-card);
  display:block;
}

/* Foto ritratto in sidebar (es. Chi sono): altezza sotto controllo per non
   spingere in basso il contenuto successivo, indipendentemente dalla foto
   caricata. Applicala assegnando la classe CSS "cuas-photo-portrait" al
   widget Immagine da Elementor → Avanzate → Classi CSS. */
.cuas-photo-portrait img{
  width:100%;
  max-height:520px;
  object-fit:cover;
}

/* ---- Bottoni ---- */
.elementor-button{
  font-family:var(--cuas-font-sans) !important;
  font-weight:700 !important;
  border-radius:var(--cuas-radius-pill) !important;
  text-decoration:none !important;
}

/* ---- Tabs (Cosa faccio → Per i bambini) ---- */
.elementor-tabs .elementor-tab-title{
  font-family:var(--cuas-font-serif);
  color:var(--cuas-ink);
}
.elementor-tabs .elementor-tab-title.elementor-active{
  color:var(--cuas-red);
}
.elementor-tab-content{
  color:var(--cuas-taupe-text);
  font-size:16px;
  line-height:1.68;
}

/* ---- Form (Contatti) ---- */
.elementor-field-group .elementor-field{
  border-radius:8px;
}