/*
Theme Name: Blocksy Child Theme
Theme URI: https://creativethemes.com/blocksy/
Description: Un tema figlio personalizzato per Blocksy.
Author: Marco
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child
*/

/* Inizia a scrivere il tuo CSS personalizzato qui */

/* LINK TESTUALI */
.entry-content a:not(.wp-block-button__link):not(.ct-button) {
    color: #0073aa;
    text-decoration: none !important;
    transition: color 0.3s ease;
}


/* Hover solo per i link nel testo */
.entry-content a:not(.wp-block-button__link):not(.ct-button):hover {
    color: #bc1700;
}

/* Annulla la sottolineatura forzata da Blocksy su tutti i link di tipo 2 */
[data-link=type-2] {
    --theme-text-decoration: none !important;
}


/* Ripristina il tuo colore personalizzato e assicura l'assenza di underline */
.entry-content a:not(.wp-block-button__link):not(.ct-button) {
    color: #0073aa !important;
    text-decoration: none !important;
    --theme-text-decoration: none !important;
}


/* LINK FOOTER */

.ct-footer a {
    text-decoration: underline !important;
    color:black;
}



/*Pulsante call to action*/

.wp-block-button.is-style-fill .wp-block-button__link {
    font-weight: 700;
}

.btn-globale a.wp-block-button__link, 
.wp-block-button.btn-globale .wp-block-button__link {
    box-shadow: 4px 4px 0px #4a0900 !important;
    background-color:#e67e22;
    border-radius: 50px;
    
}


/* Forza il testo dei pulsanti a rimanere bianco e aggiunge un piccolo effetto */
.ct-button, .wp-block-button__link {
    color: #ffffff !important; /* Testo bianco di base */
    transition: all 0.3s ease;
    font-weight: 700 !important;
}

.ct-button:hover, .wp-block-button__link:hover {
    background-color: #e67e22 !important;
    color: #ffffff !important;            /* Il testo RESTA bianco */
    transform: translateY(-2px);          
    box-shadow: 0 5px 15px rgba(188, 23, 0, 0.4); 
}

/* QUERY LOOP NELLA PAGINA BLOG */
/* Stato normale */
/* Applica lo stile sia al Query Loop che agli Ultimi Articoli */
.entry-content .wp-block-post-title a:not(.wp-block-button__link):not(.ct-button),
.entry-content .wp-block-latest-posts__post-title:not(.wp-block-button__link):not(.ct-button) {
    color: #3A3A3A !important;
    text-decoration: none !important;
    transition: color 0.4s ease-in-out !important;
}

/* Effetto Hover Rosso per entrambi */
.entry-content .wp-block-post-title a:not(.wp-block-button__link):not(.ct-button):hover,
.entry-content .wp-block-latest-posts__post-title:not(.wp-block-button__link):not(.ct-button):hover {
    color: #bc1700 !important;
}


/* IMMAGINI ARROTONDATE in tutto il sito */
img {
    border-radius: 12px; /* Cambia il valore in base al raggio desiderato */
    overflow: hidden;
}

/* Opzionale: evita di arrotondare icone o loghi piccoli se necessario */
.site-logo img, .wp-block-site-logo img {
    border-radius: 0;
}


/* COPERTINA per dispositivi mobili (sotto i 768px) */
@media (max-width: 768px) {
    .copertina-mobile {
        min-height: 250px !important; /* Regola l'altezza come preferisci */
    }
}	



/* HOME PAGE */

.page-id-567 .contenuto-home,
.page-id-678 .contenuto-corso
 {
    max-width: 800px;
  
 
}


.box-guide  {

font-family: var(--theme-font-family);
  font-size: var(--theme-font-size);
  font-weight: var(--theme-font-weight);
  font-style: var(--theme-font-style, inherit);
  line-height: var(--theme-line-height);
  letter-spacing: var(--theme-letter-spacing);
  text-transform: var(--theme-text-transform);
}

.box-guide-titolo {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important; /* Rimosso 'px' */
    color: #3a3a3a !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
    transition: all .2s cubic-bezier(.42,0,.58,1);
}


/* STILI SALES LETTER */
.foglio-sales-letter {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35); 
    margin-top: 0px !important;
    margin-bottom: 50px !important;
    border: 1px solid #e0e0e0;
}

.page-id-5713 .box-contenuti-corso,
.page-id-5577 .box-contenuti-corso,
.page-id-4963 .box-contenuti-corso,
.page-id-5162 .box-contenuti-corso
 {
    max-width: 600px;
    margin: 40px auto !important;
    padding: 30px !important;
   border-radius: 2px;
  box-shadow: 0 0 10px #bdbdbd; 
}

.page-id-5713 .box-contenuti-corso h3,
.page-id-5577 .box-contenuti-corso h3,
.page-id-4963 .box-contenuti-corso h3,
.page-id-5162 .box-contenuti-corso h3
 {
   font-size: 20px; 
	text-align: center;
}

.page-id-5713 .box-garanzia h2,
.page-id-5577 .box-garanzia h2,
.page-id-4963 .box-garanzia h2,
.page-id-5162 .box-garanzia h2
 {
   font-size: 30px; 
	text-align: left;
	color: #3a3a3a;
}

.page-id-5713 .box-offerta-giallo,
.page-id-5577 .box-offerta-giallo,
.page-id-4963 .box-offerta-giallo,
.page-id-5162 .box-offerta-giallo
 {
    background-color: #fff9c4 !important;
    max-width: 630px;
    margin: 40px auto !important;
    padding: 30px !important;
    border: 2px dashed #b40000; 
}

.page-id-5713 .box-form-bianco,
.page-id-5577 .box-form-bianco,
.page-id-4963 .box-form-bianco,
.page-id-5162 .box-form-bianco
 {
    background-color: #ffffff !important;
    max-width: 550px;
    margin: 20px auto !important;
    padding-top: 0px !important;
    padding-left:5px !important;
    padding-right:5px !important;
    padding-bottom:20px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.page-id-5713 .final-price,
.page-id-5577 .final-price,
.page-id-4963 .final-price,
.page-id-5162 .final-price
 {
    color: #e64536 !important;
    font-size: 36pt !important;
    font-weight: 800 !important; 
    font-style: italic !important;
    line-height: 1.2 !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0px;
}

.page-id-5713 .foglio-sales-letter,
.page-id-5577 .foglio-sales-letter,
.page-id-4963 .foglio-sales-letter,
.page-id-5162 .foglio-sales-letter
 {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 50px !important;
    padding-bottom: 30px !important;
    box-sizing: border-box;
}

.page-id-5713 h1,
.page-id-5577 h1,
.page-id-4963 h1,
.page-id-5162 h1
 { font-size: clamp(20px, 3.5vw, 30px); }

/* Intestazioni H2 - Da 30px a 20px */
.page-id-5713 h2,
.page-id-5577 h2,
.page-id-4963 h2,
.page-id-5162 h2 {
    /* Minimo alzato a 24px, valore centrale leggermente aumentato a 4.5vw */
    font-size: clamp(24px, 4.5vw, 30px);
    color: #bc1700;
    text-align: center;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2;
}


/* Intestazioni H3 - Da 20px a 17px */
.page-id-5713 h3,
.page-id-5577 h3,
.page-id-4963 h3,
.page-id-5162 h3 {
    /* Il minimo è 17px per mantenere un'ottima leggibilità */
    font-size: clamp(17px, 2.5vw, 20px);
}


.intro-red {
  /* Font fluido: Min 22px, Ideale 4vw, Max 35px */
 font-size: clamp(26px, 5vw, 35px) !important;
  font-weight: bold;
  color: #bc1700;
  letter-spacing: -1px;
  text-align: center;
  /* Line-height leggermente aumentato per leggibilità su mobile */
  line-height: 1.2; 
}

.intro2-red {
    font-size: 30px !important;
    font-weight: bold;
    color: #bc1700;
    letter-spacing: -1px;
    text-align: center;
    line-height: 1.1em;
}

.intro-black {
  /* Min 20px, scala fluida, Max 25px */
  font-size: clamp(20px, 3.5vw, 25px) !important;
  color: #000000;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  /* Interlinea aumentata per dare più respiro */
  line-height: 1.5; 
  letter-spacing: -0.5px;
}




.page-id-5713 ul.lista-check,
.page-id-5577 ul.lista-check,
.page-id-4963 ul.lista-check,
.page-id-5162 ul.lista-check
 {
    list-style: none !important;
    padding-left: 1.5em !important;
}

.page-id-5713 ul.lista-check li,
.page-id-5577 ul.lista-check li,
.page-id-4963 ul.lista-check li,
.page-id-5162 ul.lista-check li
 {
    position: relative;
    margin-bottom: 15px;
    line-height: 1.4;
}

.page-id-5713 ul.lista-check li::before,
.page-id-5577 ul.lista-check li::before,
.page-id-4963 ul.lista-check li::before,
.page-id-5162 ul.lista-check li::before
 {
    content: "";
    position: absolute;
    left: -1.5em;
    top: 0.2em;
    width: 20px;
    height: 20px;
    background-image: url('https://riflessologiaplantare.biz/img/v-check3.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.page-id-5713,
.page-id-5577,
.page-id-4963,
.page-id-5162
 {
    background-color: #ffffff !important;
    --theme-normal-container-max-width: 800px !important;
    --theme-narrow-container-max-width: 800px !important;
}





/* ============================================================
   OTTIMIZZAZIONE MOBILE FINALE (Sotto i 768px)
   ============================================================ */
@media (max-width: 768px) {
    /* 1. Reset Sfondo e Foglio */
    
        .page-id-5713 {
        background-color: #ffffff !important;
    }

    .page-id-5577 {
        background-color: #ffffff !important;
    }
	
	  .page-id-4963 {
        background-color: #ffffff !important;
    }
	
.page-id-5162 {
        background-color: #ffffff !important;
    }


.page-id-5713 .box-form-bianco,
.page-id-5577 .box-form-bianco,
.page-id-4963 .box-form-bianco,
.page-id-5162 .box-form-bianco
 {
    background-color: #ffffff !important;
    max-width: 100%;
  
}


	
.page-id-5713 .foglio-sales-letter,
.page-id-5577 .foglio-sales-letter,
.page-id-4963 .foglio-sales-letter,
.page-id-5162 .foglio-sales-letter
 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 30px !important;
        box-shadow: none !important;
        border: none !important;
        margin-bottom: 0px !important;
    }

    /* 2. Forza i contenitori Blocksy a larghezza piena */
    .page-id-5713 [data-layout=boxed], .page-id-5577 .ct-container, .page-id-5577 .entry-content {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

   .page-id-5713 [data-layout=boxed], .page-id-5713 .ct-container, .page-id-5713 .entry-content {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

 
   .page-id-5577 [data-layout=boxed], .page-id-5577 .ct-container, .page-id-5577 .entry-content {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

.page-id-4963 [data-layout=boxed], .page-id-4963 .ct-container, .page-id-4963 .entry-content {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }	

	.page-id-5162 [data-layout=boxed], .page-id-5162 .ct-container, .page-id-5162 .entry-content {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }	
	
    /* 3. IL BOX GIALLO: Qui risolviamo il problema del bordo mangiato */
.page-id-5713 .box-offerta-giallo,
.page-id-5577 .box-offerta-giallo,
.page-id-4963 .box-offerta-giallo,
.page-id-5162 .box-offerta-giallo
 {
        max-width: none !important; /* Annulla i tuoi 630px su mobile */
        margin-left: -15px !important;  /* "Esce" a sinistra per toccare il bordo del telefono */
        margin-right: -15px !important; /* "Esce" a destra per toccare il bordo del telefono */
        width: calc(100% + 30px) !important; /* Compensa i margini negativi */
        
        /* Stile estetico per mobile */
        
        border-radius: 0 !important;
        padding: 30px 20px !important;
    }

    /* 4. Altri box rimangono puliti nel padding del foglio */
    
        .page-id-5713 .box-contenuti-corso,
    .page-id-5713 .box-form-bianco {       
    padding: 20px 20px !important; /* Aumentato da 2px a 20px */
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

        
}

    
    .page-id-5577 .box-contenuti-corso,
    .page-id-5577 .box-form-bianco {       
    padding: 20px 20px !important; /* Aumentato da 2px a 20px */
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

        
}

	.page-id-4963 .box-contenuti-corso,
    .page-id-4963 .box-form-bianco {
        padding: 20px 20px !important; /* Aumentato da 2px a 20px */
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
 
        }

	.page-id-5162 .box-contenuti-corso,
    .page-id-5162 .box-form-bianco {
        max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px !important; /* Questo mette 20px uniformi ovunque */
    }
	
	
    /* 5. Testi */
    .final-price { font-size: 28pt !important; }
    .intro2-red { font-size: 24px !important; }
	

	
	
}

 /* FLEX SMART PER I BONUS IN SOLUZIONI PRONTE */


.flex-smart {
  display: flex;
  align-items: center; /* Allinea verticalmente al centro */
  gap: 15px;
  flex-wrap: nowrap; /* Impedisce al titolo di saltare sotto su desktop */
}

.flex-smart h3 {
  margin: 0 !important;
  flex: 1; /* Forza il titolo a prendersi tutto lo spazio rimasto senza saltare giù */
}

@media (max-width: 600px) {
  .flex-smart {
    flex-wrap: wrap; /* Solo su mobile permettiamo di andare a capo */
    justify-content: center;
    text-align: center;
  }
  
  .flex-smart h3 {
    flex: none; /* Su mobile annulliamo il comportamento "occupa tutto lo spazio" */
    width: 100%; /* Così va sotto l'immagine e si centra */
  }
}




/* Box offerta giallo solo per Mobile (schermi fino a 767px) */
@media (max-width: 767px) {
    .page-id-5713 .box-offerta-giallo, 
    .page-id-5577 .box-offerta-giallo, 
    .page-id-4963 .box-offerta-giallo, 
    .page-id-5162 .box-offerta-giallo {
        padding: 30px 0px !important;
    }
}




/*SIDEBAR CON SCROLL INTEGRATO */

/* RESET E STICKY SIDEBAR */
@media (min-width: 992px) {
    aside#sidebar {
        position: -webkit-sticky !important; 
        position: sticky !important;
        top: 20px !important;
        max-height: calc(100vh - 40px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block !important;
        
        /* --- SUPPORTO FIREFOX --- */
        scrollbar-width: thin; /* Rende la barra sottile */
        scrollbar-color: #e0e0e0 transparent; /* Grigio chiaro per la thumb, trasparente per il track */
        
        /* Evita spostamenti del layout quando appare lo scroll */
        scrollbar-gutter: stable; 
    }

    /* --- STILE CHROME/EDGE/SAFARI --- */
    aside#sidebar::-webkit-scrollbar {
        width: 6px !important;
    }

    aside#sidebar::-webkit-scrollbar-button {
        display: none !important;
    }

    aside#sidebar::-webkit-scrollbar-track {
        background: transparent !important;
    }

    aside#sidebar::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.1) !important;
        border-radius: 10px !important;
    }

    aside#sidebar::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }
}


@media (max-width: 680px) {
    /* 1. Rimuove il float dal contenitore figure */
    .wp-block-image.alignleft, 
    .wp-block-image.alignright,
    figure.alignleft,
    figure.alignright {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Forza l'immagine interna a essere larga quanto lo schermo */
    .wp-block-image.alignleft img, 
    .wp-block-image.alignright img,
    figure.alignleft img,
    figure.alignright img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}




/* GESTIONE POPUP MAKER */

/* Regola il modulo solo quando si trova dentro il popup */
#contenitore-target-popup .sidebar-newsletter-box {
    max-width: 350px !important; /* Stringe il modulo */
    margin: 0 auto !important;   /* Lo centra */
    padding: 10px;
}


/* Su mobile, lasciamo che occupi più spazio per leggibilità */
@media (max-width: 480px) {
    #contenitore-target-popup .sidebar-newsletter-box {
        max-width: 100% !important;
    }
}
/* Rimuove spazi inutili dal contenitore del popup */
.pum-content {
    padding: 10px !important; /* Riduce il margine interno predefinito di Popup Maker */
}

/* Rimuove margini extra dal nostro contenitore traslocato */
#contenitore-target-popup {
    margin: 0 !important;
    padding: 0 !important;
}

/* Opzionale: se l'immagine ha ancora troppo spazio sopra */
.sidebar-newsletter-box {
    margin-top: 0 !important;
    padding-top: 5px !important;
}




/* ACCORDION */

/* 1. CONTENITORE ESTERNO */
.rank-math-faq-item {
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.rank-math-faq-item:hover {
    border-color: #bbbbbb;
}

/* 2. DOMANDA (TITOLO) - Usiamo l'ID per sicurezza e pulizia */
#rank-math-faq .rank-math-question {
    background-color: #f9f9f9;
    padding: 17px 56px 17px 12px !important;
    margin: 0 !important;
    cursor: pointer;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* 3. RISPOSTA (CONTENUTO) */
#rank-math-faq .rank-math-answer {
    padding: 15px 12px !important;
    font-size: 1rem !important; /* Questo eredita la base del sito */
    line-height: 1.6 !important;
    color: inherit !important;
    border-top: 1px solid #eee;
}

/* 4. PARAGRAFI INTERNI ALLA RISPOSTA (I tuoi 17px) */
#rank-math-faq .rank-math-answer p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
}

/* 5. ICONA + */
.rank-math-question:after {
    content: '+';
    font-size: 1.5rem;
    color: #666;
}