/* ============================================================
   1. COLORI E TIPOGRAFIA BASE
   ------------------------------------------------------------
   - Imposta i colori principali del sito
   - Rimuove trasformazioni indesiderate dai titoli
   ============================================================ */

body {
  background-color: #fdfdfc;
}

p { color: #000; }

h1, h2, h3, .entry-title {
  text-transform: none !important;
  color: #75663f !important;
}

a:hover {
  color: #75663f;
  text-decoration: underline;
}

/* Nasconde le stelline di Trustindex */
.ti-stars { display: none !important; }



.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a: active {
    text-decoration: underline !important;
}
.current-menu-item > a {
  text-decoration: underline;
}

.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
    text-decoration: underline;
}

.wplp_outside {
    text-align: center;
}

.gt_switcher_wrapper { margin-top:20px; margin-right:20px!important;
}

/* My css */
.swiper-button-prev {
  left: -5px!important;
  z-index: 5 !important;
  display: block !important;
  position: absolute !important;
}
.swiper-button-next {
  right: -5px !important;
  
  display: block !important;
  position: absolute !important;
}

div#wplp_widget_15364 {
    padding: 0 20px !important;
    overflow: hidden;
}

.ti-widget.ti-goog .ti-rating-text .nowrap {
position: absolute;
left: -9999px;
}

.wpcu_block_title {
    font-weight: bold;
    font-size: 66px;
    color: #75663f;
}

.insideframe {
    border: 0px solid #000000;
    padding: 0px 0px 68px;
	  text-align: center;
    min-height: 337px;
}   

.wplp_container.default a.title {
    font-family: MyriadPro-bold;
	  font-size: 1.6em;
    line-height: 28px;
	  padding: 0px 0px 22px;
    color: #75663f;
    text-align: center;
    max-width: 100%;
}

img.swiper-slide-image
{
 height: 400px;
 justify-content: center;
 object-fit: cover;
 object-position: center center;
 overflow: hidden;
 margin: 0 auto;
}

.elementor-button-text {
    font-weight: bold;
    font-size: 26px;
    color: #75663f;
}
.rael-button.rael-round, a.button.rael-round, button.rael-round, input[type=button].rael-round
{
   border-radius: 15px;
}
.button.metform-btn, button.metform-btn:not(.toggle) {
background-color: #75663f;
}
.mf-input-file-upload-label {
background-color: #75663f;
}

.entry-title,
h1.entry-title,
.single-post h1,
.post-title {
    text-transform: none !important;
}

.entry-content,
.entry-content p,
.entry-content span,
.entry-content li {
    color: #75663f !important;
}

#submit,
input[type="submit"].submit {
    background: #75663f !important;   /* colore sfondo visibile */
    color: #fff !important;        /* colore testo visibile */
    border: 1px solid #75663f !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    position: relative !important;
    left: auto !important;
    pointer-events: auto !important;
    transition: none !important;   /* evita effetti strani */
}

/* Stato hover coerente */
#submit:hover,
input[type="submit"].submit:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}



/* ============================================================
   2. LAYOUT GENERALE DEI POST (TEMA)
   ------------------------------------------------------------
   - Applica un contenitore centrale uniforme
   - Garantisce leggibilità e coerenza tra articoli
   ============================================================ */

.single-post .entry-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  color: #75663f;
  font-family: Sans-serif;
  line-height: 1.65;
}

/* Mobile: padding laterale per evitare testo attaccato ai bordi */
@media (max-width: 767px) {
  .single-post .entry-content {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}



/* ============================================================
   3. IMMAGINI NEL CONTENUTO
   ------------------------------------------------------------
   - Rende le immagini fluide e con bordi arrotondati
   - Gestisce gli allineamenti classici WP
   ============================================================ */

.single-post .entry-content img {
  border-radius: 8px;
  margin: 25px 0;
  max-width: 100%;
  height: auto;
}

/* Allineamenti desktop */
.single-post .entry-content img.alignleft,
.single-post .entry-content figure.alignleft {
  margin: 0 20px 20px 0 !important;
}

.single-post .entry-content img.alignright,
.single-post .entry-content figure.alignright {
  margin: 0 0 20px 20px !important;
}

/* Mobile: elimina float e centra le immagini */
@media (max-width: 768px) {
  .single-post .entry-content img.alignleft,
  .single-post .entry-content img.alignright,
  .single-post .entry-content figure.alignleft,
  .single-post .entry-content figure.alignright {
    float: none !important;
    margin: 20px auto !important;
    display: block;
  }
}



/* ============================================================
   4. TITOLI E TESTO NEL CONTENUTO
   ------------------------------------------------------------
   - Uniforma tipografia tra articoli Elementor e tema
   ============================================================ */

.single-post h1.entry-title {
  font-size: 42px !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
  font-weight: 700;
  color: #111;
}

.single-post .entry-content h2 {
  font-size: 24px;
  margin: 40px 0 15px;
  font-weight: 700;
  color: #75663f;
}

.single-post .entry-content h3 {
  font-size: 20px;
  margin: 30px 0 12px;
  font-weight: 600;
  color: #75663f;
}



/* ============================================================
   5. LISTE
   ------------------------------------------------------------
   - Migliora leggibilità di UL e OL
   ============================================================ */

.single-post .entry-content ul,
.single-post .entry-content ol {
  margin-left: 25px;
  margin-bottom: 25px;
  line-height: 1.6;
}



/* ============================================================
   6. FORM COMMENTI
   ------------------------------------------------------------
   - Stile coerente con il resto del sito
   - Ottimizzato per mobile
   ============================================================ */

.single-post #respond.comment-respond {
  max-width: 900px;
  margin: 30px auto !important;
  padding: 30px;
  background: #f7f7f7;
  border-radius: 10px;
}

.single-post #respond label {
  font-weight: 600;
}

.single-post #respond textarea,
.single-post #respond input[type="text"],
.single-post #respond input[type="email"],
.single-post #respond input[type="url"] {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 12px;
  background: #f7f7f7;
}

.single-post #respond input[type="submit"] {
  background: #b30000;
  color: #fff;
  padding: 12px 25px;
  border-radius: 6px;
  font-weight: 600;
  border: none;
  cursor: pointer;
}

.single-post #respond input[type="submit"]:hover {
  background: #ff0000;
}

/* Mobile: form a tutta larghezza */
@media (max-width: 768px) {
  .single-post #respond.comment-respond {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 20px 0 !important;
  }
}



/* ============================================================
   7. FEATURED IMAGE INTERNA
   ------------------------------------------------------------
   - Nasconde l’immagine in evidenza dentro il contenuto
   - Mantiene solo quella in alto (tema)
   ============================================================ */

.single-post .post-thumbnail {
  display: none !important;
}



/* ============================================================
   8. ELEMENTOR — FIX NON DISTRUTTIVO
   ------------------------------------------------------------
   - Applica il reset SOLO ai post Elementor veri
   - Evita di rompere i post “ibridi” convertiti da Elementor
   - Mantiene layout coerente senza schiacciare il mobile
   ============================================================ */

body.elementor-editor-active .elementor-section,
body.elementor-editor-active .elementor-container,
body.elementor-editor-active .elementor-column,
body.elementor-editor-active .elementor-widget-wrap {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

}
/* Fix per post ibridi (contenuto Elementor convertito) */
.single-post .elementor,
.single-post .elementor-section,
.single-post .elementor-container,
.single-post .elementor-column,
.single-post .elementor-widget-wrap {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}

/* Mobile: margini più morbidi */
@media (max-width: 767px) {
  .single-post .elementor,
  .single-post .elementor-section,
  .single-post .elementor-container,
  .single-post .elementor-column,
  .single-post .elementor-widget-wrap {
      padding-left: 16px;
      padding-right: 16px;
  }
}
/* ============================================================
   MOBILE FIX – Testo, titoli e margini
   ============================================================ */
@media (max-width: 767px) {

  /* Margini laterali del contenuto */
  .single-post .entry-content,
  .single-post .elementor,
  .single-post .elementor-section,
  .single-post .elementor-container,
  .single-post .elementor-column,
  .single-post .elementor-widget-wrap {
      padding-left: 16px !important;
      padding-right: 16px !important;
      box-sizing: border-box !important;
  }

  /* Testo del corpo più piccolo */
  .single-post .entry-content p,
  .single-post .entry-content li {
      font-size: 15px !important;
      line-height: 1.55 !important;
  }

  /* Titolo H1 più proporzionato */
  .single-post h1.entry-title {
      font-size: 28px !important;
      line-height: 1.25 !important;
  }

  /* Sottotitoli */
  .single-post .entry-content h2 {
      font-size: 20px !important;
  }

  .single-post .entry-content h3 {
      font-size: 18px !important;
  }
}
/* ============================================================
   MOBILE FIX – Titoli Elementor nei post ibridi
   ============================================================ */
@media (max-width: 767px) {

  /* Titolo principale Elementor */
  .single-post .elementor-heading-title {
      font-size: 26px !important;
      line-height: 1.25 !important;
      margin-bottom: 15px !important;
  }

  /* Testo del corpo */
  .single-post .entry-content p,
  .single-post .entry-content li {
      font-size: 16px !important;
      line-height: 1.55 !important;
  }
}
/* ============================================================
   MOBILE PERFECT PACK – Ottimizzazione completa mobile
   ============================================================ */
@media (max-width: 767px) {

  /* --------------------------------------------
     1. Margini laterali (tema + Elementor ibrido)
     -------------------------------------------- */
  .single-post .entry-content,
  .single-post .elementor,
  .single-post .elementor-section,
  .single-post .elementor-container,
  .single-post .elementor-column,
  .single-post .elementor-widget-wrap {
      padding-left: 16px !important;
      padding-right: 16px !important;
      box-sizing: border-box !important;
  }

  /* --------------------------------------------
     2. Titolo principale (tema + Elementor)
     -------------------------------------------- */
  body.single-post h1.entry-title,
  body.single-post .elementor-heading-title {
      font-size: 26px !important;
      line-height: 1.25 !important;
      margin-bottom: 15px !important;
      word-break: break-word;
  }

  /* --------------------------------------------
     3. Sottotitoli (H2, H3)
     -------------------------------------------- */
  .single-post .entry-content h2,
  .single-post .elementor-widget-heading h2.elementor-heading-title {
      font-size: 20px !important;
      line-height: 1.3 !important;
      margin-top: 30px !important;
      margin-bottom: 12px !important;
  }

  .single-post .entry-content h3,
  .single-post .elementor-widget-heading h3.elementor-heading-title {
      font-size: 18px !important;
      line-height: 1.3 !important;
      margin-top: 25px !important;
      margin-bottom: 10px !important;
  }

  /* --------------------------------------------
     4. Testo del corpo (tema + Elementor)
     -------------------------------------------- */
  .single-post .entry-content p,
  .single-post .entry-content li,
  .single-post .elementor p,
  .single-post .elementor-widget-container p,
  .single-post .elementor-text-editor p,
  .single-post .elementor ul li,
  .single-post .elementor ol li {
      font-size: 16px !important;
      line-height: 1.55 !important;
  }

  /* --------------------------------------------
     5. Immagini nel contenuto
     -------------------------------------------- */
  .single-post .entry-content img {
      margin: 20px 0 !important;
      border-radius: 8px;
      max-width: 100%;
      height: auto;
  }

  /* --------------------------------------------
     6. Pulsanti Elementor (se presenti)
     -------------------------------------------- */
  .single-post .elementor-button {
      padding: 10px 18px !important;
      font-size: 15px !important;
      border-radius: 6px !important;
  }

  /* --------------------------------------------
     7. Spaziature generali
     -------------------------------------------- */
  .single-post .entry-content > * {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}
/* ============================================================
   MOBILE FIX – Post Elementor puri
   ============================================================ */
@media (max-width: 767px) {

  /* Contenitore Elementor */
  .single-post .elementor,
  .single-post .elementor-section,
  .single-post .elementor-container,
  .single-post .elementor-column,
  .single-post .elementor-widget-wrap {
      padding-left: 16px !important;
      padding-right: 16px !important;
      box-sizing: border-box !important;
  }

  /* Titoli Elementor */
  .single-post .elementor-widget-heading .elementor-heading-title {
      font-size: 26px !important;
      line-height: 1.25 !important;
      margin-bottom: 15px !important;
  }

  /* Paragrafi Elementor */
  .single-post .elementor-widget-text-editor p {
      font-size: 15px !important;
      line-height: 1.55 !important;
  }

  /* Liste Elementor */
  .single-post .elementor-widget-text-editor ul li,
  .single-post .elementor-widget-text-editor ol li {
      font-size: 15px !important;
      line-height: 1.55 !important;
  }

  /* Immagini Elementor */
  .single-post .elementor img {
      max-width: 100% !important;
      height: auto !important;
      margin: 20px 0 !important;
      border-radius: 8px;
  }
}

/* ============================================================
   COMMENT FORM WIDTH FIX – Allarga il contenitore principale
   ============================================================ */

	/* Contenitore esterno del form commenti */
.single-post #comments.comments-area,
.single-post .comments-area,
.single-post .entry-content-wrap.entry {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Contenitore del form vero e proprio */
.single-post #respond.comment-respond,
.single-post .comment-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Campi input e textarea */
.single-post .comment-form textarea,
.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"],
.single-post .comment-form input[type="url"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#comments h2.comments-title {
    font-size: 22px !important;
}