/* === Tipo di base: leggibilità desktop & mobile === */

body{

  font-family: "Droid Serif", Georgia, serif;   /* garantirà l’uso del font */

  font-size: 16px;                              /* da 13px -> 16px */

  line-height: 1.65;                            /* buona leggibilità */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/* Paragrafi & testo “normale” */

p, .content p, .text_column p{

  font-size: 16px;

  line-height: 1.65;

  margin: 0 0 0.85em;

}







  @media (max-width: 767px) {

      p, .content p, .text_column p{

    font-size: 17px;

    line-height: 1.7;

  }



    /* 1) Copy generale (solo testo, NON i moduli/promo) */

    :where(p, li, .text_column, .content p, .content li, .cu_text_c) {

      font-size: clamp(16px, 3.8vw, 18px) !important;

      line-height: 1.6;

    }



    /* 2) Menu mobile: grandezze esplicite, niente inherit */

    .header_mobile .menu_main_nav>li>a,

    .header_mobile .menu_main_nav>li>ul a {

      font-size: 16px;

      /* tema = 12px → 16px */

      line-height: 24px;

      /* tema = 16px → 24px */

      padding: 14px 40px 14px 35px;

      text-transform: uppercase;

      /* lasciamo coerente al tema */

    }



    /* 3) Pulsante hamburger: icona + hit area ≥44px */

    .header_mobile .menu_button {

      font-size: 32px;

      /* tema = 26px */

      width: 44px;

      height: 44px;

      line-height: 44px;

    }



    /* 4) CTA e bottoni: tappabili ovunque */

    .sc_button,

    button,

    input[type="submit"],

    input[type="button"] {

      font-size: clamp(16px, 4.2vw, 18px) !important;

      min-height: 44px;

      padding: 12px 18px;

    }



    /* 5) Opt-out: non toccare i titoli della promo */

    .sc_promo .sc_title,

    .sc_promo .sc_title * {

      line-height: normal;

      /* evita l'ereditarietà da body */

    }



    /* 6) Button style */

    .button {

      padding: 14px 15px;

      font-size: 23px;

    }

  }



  /* 7) footer */

  .site_footer {

    background: #0f1520;

    color: #e8edf5;

    margin-top: 40px;

  }



  .site_footer .footer_inner {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

    gap: 24px;

    padding: 40px 16px;

    max-width: 1100px;

    margin: 0 auto;

  }



  .site_footer .f_title {

    font-size: clamp(16px, 3vw, 18px);

    margin: 0 0 10px;

    color: #FFF;

  }



  .site_footer .f_list {

    list-style: none;

    margin: 0;

    padding: 0;

  }



  .site_footer .f_list li {

    margin: 6px 0;

  }



  .site_footer .f_brand .claim {

    opacity: .85;

    max-width: 32ch;

  }



  .site_footer .f_socials a {

    display: inline-block;

    margin-right: 10px;

  }



  .site_footer .footer_copy {

    border-top: 1px solid rgba(255, 255, 255, .08);

    padding: 14px 0;

    color: #b8c2d6;

  }



  .site_footer .footer_copy .content_wrap {

    max-width: 1100px;

    margin: 0 auto;

    padding: 0 16px;

  }



  /* --- Spaziatura globale homepage --- */

  .content_wrap {

    max-width: 1170px;

    margin: 0 auto;

  }



  /* Blocco "Benvenuti / Palestra Gymnasium" */

  .sc_services_wrap {

    padding: 40px 0 10px;

  }



  .sc_services_title {

    margin: 6px 0 12px;

    letter-spacing: .02em;

  }



  .sc_services_descr {

    margin-top: 14px;

  }



  /* Riduci lo spazio bianco extra tra i blocchi */

  .post_item_single .post_content>section {

    margin-bottom: 40px;

  }



  @media (min-width: 1200px) {

    .post_item_single .post_content>section {

      margin-bottom: 32px;

    }

  }



  /* --- Grid base (tema usa columns_wrap / column-1_2) --- */

  .columns_wrap {

    display: flex;

    flex-wrap: wrap;

    gap: 0;

  }



  .column-1_2 {

    width: 100%;

  }



  @media (min-width: 992px) {

    .column-1_2 {

      width: 50%;

    }

  }



  /* --- Card azzurra sovrapposta --- */

  .custom_promo_services .sc_call_to_action_featured {

    position: relative;

  }



  .custom_promo_services .sc_call_to_action_featured img {

    display: block;

    width: 100%;

    height: auto;

  }



  .promo_overlay_card {

    position: relative;

  }



  @media (min-width: 992px) {

    .promo_overlay_card {

      /* sovrapponi sulla metà destra dell'immagine */

      margin-left: -120px;

      /* spingi sopra l’immagine */

      display: flex;

      align-items: center;

    }

  }



  .promo_overlay_inner {

    position: relative;

    background: #bfe8f7;

    /* azzurro */

    padding: 46px 56px;

    max-width: 420px;

    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);

  }



  .promo_overlay_inner .eyebrow {

    font-style: italic;

    opacity: .85;

    margin: 0 0 10px;

  }



  .promo_overlay_inner h2 {

    margin: 0;

    letter-spacing: .02em;

  }



  /* watermark “01” */

  .promo_overlay_inner::before {

    content: "01";

    position: absolute;

    right: 14px;

    bottom: -10px;

    font: 700 180px/1 'Montserrat', sans-serif;

    color: rgba(255, 255, 255, .25);

    pointer-events: none;

  }



  /* Mobile: niente overlap, card sotto l’immagine */

  @media (max-width: 991px) {

    .promo_overlay_card {

      margin-left: 0;

    }



    .promo_overlay_inner {

      margin-top: 16px;

    }

  }



  /* --- Spaziatura sezione orari --- */

  .sc_row.row .columns_wrap {

    align-items: center;

  }



  .sc_title_regular {

    letter-spacing: .08em;

  }



  /* Language switcher nella top bar */

  .top_panel_lang_switcher {

    position: absolute;

    right: 0;

    display: inline-flex;

    gap: 10px;

    font-size: 11px;

    text-transform: uppercase;

  }



  .top_panel_lang_switcher .lang_item {

    color: #444;

    text-decoration: none;

    font-weight: 600;

    opacity: 0.7;

    transition: color 0.2s, opacity 0.2s;

  }



  .top_panel_lang_switcher .lang_item:hover {

    opacity: 1;

    color: #6ecad6;

    /* azzurro del tema */

  }



  .top_panel_lang_switcher .lang_item.current-lang {

    color: #6ecad6;

    opacity: 1;

    border-bottom: 1px solid #6ecad6;

    padding-bottom: 1px;

  }



  .top_panel_middle .menu_main_nav_area {

    margin-right: 100px;

  }



  /* Mobile: niente overlap, card sotto l’immagine */

  @media (max-width: 767px) {

    .top_panel_lang_switcher {

      right: 20px;

    }

  }



  /* Banner con immagine + overlay azzurro */

  .top_panel_image.with_bg {

    position: relative;

    min-height: 320px;

    background-image: var(--hero);

    background-size: cover;

    background-position: center;

  }



  .top_panel_image.with_bg::after {

    content: "";

    position: absolute;

    inset: 0;

    background-color: rgba(110, 202, 214, 0.3);

    /* azzurro tema, 30% trasparente */

    z-index: 0;

  }



  .top_panel_image_header {

    position: relative;

    z-index: 1;

    padding: 70px 0 50px;

    text-align: center;

    color: #fff;

    /* testi in bianco sopra overlay */

  }



  .top_panel_image_header h1,

  .top_panel_image_header .breadcrumbs {

    color: #fff;

  }



  /* Mappa Google */

  .sc_googlemap {

    width: 100%;

    height: 460px;

    /* alza l’altezza */

    border: 0;

    display: block;

  }



  @media (min-width: 1200px) {

    .sc_googlemap {

      height: 560px;

    }

  }



  /* Banner titolo centrato */

  .top_panel_image_header {

    text-align: center;

  }



  /* Titolo sezione principale "PALESTRA GYMNASIUM" centrato */

  .sc_section .sc_section_title.sc_item_title {

    text-align: center;

  }



  /* Colonne: centra i tre heading "INDIRIZZO / ORARI APERTURA / CONTATTI" */

  .columns_wrap .sc_title.sc_title_regular {

    text-align: center;

  }



  /* Migliora spaziatura sotto il titolo principale della pagina contatti */

  .sc_section .sc_section_subtitle+.sc_section_title {

    margin-top: 8px;

  }



  /* === Contatti: allineamenti e spaziatura come nell'HTML originale === */

  /* Titolino azzurro e H2 centrati */

  .sc_section .sc_section_subtitle.sc_item_subtitle,

  .sc_section .sc_section_title.sc_item_title {

    text-align: center;

  }



  /* Paragrafi della griglia contatti centrati */

  .columns_wrap .sc_column_item p {

    text-align: center;

  }



  /* Griglia a 3 colonne con spazio orizzontale “aria” */

  .columns_wrap.sc_columns.columns_nofluid {

    display: flex;

    /* alcune skin lo perdono */

    flex-wrap: wrap;

    justify-content: center;

       /* respiro tra le colonne */

  }



  /* Ogni colonna si comporta come “card” centrata */

  .columns_wrap .column-1_3 {

    flex: 0 1 300px;

    /* larghezza “comoda” */

    max-width: 360px;

    text-align: center;

  }



  /* Un filo più di spazio sopra/sotto la sezione blocco */

  .sc_section.sc_section_block.cu_mrg_5 {

    margin-top: 20px;

    margin-bottom: 10px;

  }



  /* Mappa più grande (già avevamo delle regole, ma ribadiamo) */

  .sc_googlemap {

    width: 100%;

    height: 520px;

  }



  @media (min-width: 1200px) {

    .sc_googlemap {

      height: 560px;

    }

  }



  /* Assicura che le immagini delle slide abbiano dimensioni e che il wrapper non collassi: */

  .sc_slider.sc_slider_swiper,

  .sc_slider.sc_slider_swiper .slides,

  .sc_slider.sc_slider_swiper .swiper-wrapper,

  .sc_slider.sc_slider_swiper .swiper-slide {

    min-height: 320px;

    /* o 420px se preferisci, ma non 0 */

  }



  .sc_slider.sc_slider_swiper .swiper-slide img {

    display: block;

    width: 100%;

    height: auto;

  }



  /* mappa: stile base */

  .sc_googlemap {

    display: block;

    width: 100%;

    min-height: 340px;

    /* a piacere */

    border: 0;

  }



  /* su mobile l’iframe non cattura i click */

  @media (max-width: 1024px) {

    .sc_googlemap {

      pointer-events: none;

    }

  }



  /* assicurati che l’header mobile stia sopra a tutto */

  .header_mobile,

  .top_panel_wrap {

    position: relative;

    z-index: 10000;

  }

/* === Footer: tipografia allineata al resto (Open Sans + Montserrat) === */

.site_footer {

  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  font-size: 16px;

  line-height: 1.6;

  /* colori già settati nelle tue regole */

}



.site_footer .f_title {

  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  font-weight: 700;

  text-transform: none;           /* niente uppercase forzato */

  letter-spacing: 0.02em;

  font-size: clamp(17px, 1.6vw, 18px); /* leggermente più “titolo” del body */

  line-height: 1.4;

  margin: 0 0 10px;

}



.site_footer .f_list li,

.site_footer .f_brand .claim,

.site_footer .footer_copy p {

  font-family: inherit;           /* Open Sans */

  font-weight: 400;

  font-size: clamp(15px, 1.6vw, 16px);

  line-height: 1.6;

  margin: 6px 0;

}



/* Telefoni/email in lista: allinea icona + testo */

.site_footer .f_list a {

  display: inline-flex;

  align-items: center;

  gap: 6px;

}



/* Copyright più “small” ma leggibile */

.site_footer .footer_copy p {

  font-size: 14px;

  line-height: 1.6;

  color: #b8c2d6;

}



/* Social nel footer: dimensione icone coerente */

.site_footer .f_socials .social_icons [class^="icon-"],

.site_footer .f_socials .social_icons [class*=" icon-"] {

  font-size: 18px;

  line-height: 1;

}