/*
Theme Name: Strspir Child
Template: innov
Author: Innov WP
Description: Innov Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
*/

@import url('https://fonts.googleapis.com/css2?family=Forum&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* ============================================================
   BLOCCO ANTI‑SILLABAZIONE (vale per tutto il sito, anche mobile)
   ============================================================ */

html, body, p, span, a, li, h1, h2, h3, h4, h5, h6, div {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Theme customization starts here
-------------------------------------------------------------- */

/*------------ common css ------------*/
.single-content h1.elementor-heading-title,
.single-content h2.elementor-heading-title,
.single-content h3.elementor-heading-title,
.single-content h4.elementor-heading-title,
.single-content h5.elementor-heading-title,
.single-content h6.elementor-heading-title {
    margin: 0;
}

textarea:focus {
    box-shadow: none;
    color: var(--global-palette3);
}

.wp-block-search .wp-block-search__input,
.wp-block-search .wp-block-search__input:focus,
body .wp-block-search .wp-block-search__button,
.wp-block-search .wp-block-search__button:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    box-shadow: none;
}

input[type="submit"] {
    border-radius: 0px;
}

textarea {
    color: var(--global-palette3);
}

/* footer */
.site-footer-section .widget-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* archive page read more icon*/
body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .googly-svg-iconset {
    display: none;
}

/* archive content left sidebar */
body .wp-block-latest-posts__list li,
body.search-results.content-style-unboxed .site .post-thumbnail,
body.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
.wp-block-latest-posts.wp-block-latest-posts__list {
    margin: 0;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    color: var(--global-palette2);
}

#secondary .woocommerce.widget_product_categories>ul li,
.widget .tagcloud a,
.widget li,
#secondary .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,
.wp-block-tag-cloud .tag-cloud-link {
    padding-block: 6px;
}

/*------------ end common css ------------*/

/* -------------------- ----> elementor design css <---- -------------------- */

/* customizing Helmets */
.flipster--flat .flipster__item--past .ue-flip-item-content,
.flipster--flat .flipster__item--future .ue-flip-item-content {
    opacity: 0;
}

/* Blog area css */
.blog .loop-entry .entry-header .entry-title,
.blog-section .uc_post_title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 380px;
}

/* newsletter section */
.newsletter-form {
    position: relative;
    width: 100%;
    display: inline-block;
}

.newsletter-form .sub-email {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
}

.newsletter-form input[type="email"],
input[type="text"],
.newsletter-form input[type="email"],
input[type="text"]:focus {
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 8px;
    color: var(--global-palette3);
    box-shadow: none;
    width: 100%;
    display: block;
}

.mc4wp-form .newsletter-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0;
    background-color: transparent;
    background-image: url(./assets/image/send.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 50px;
    padding: 0;
    border: none;
}

@media (max-width: 576px) {
    .newsletter-form {
        width: 100%;
    }
}

/* archive search left sidebar */
.wp-block-search .wp-block-search__input {
    border: none;
    padding: 0.6em 0.5em;
    color: #000000;
    border: 1px solid var(--global-palette6);
}

input[type="search"]:focus {
    color: #000000;
}

body .wp-block-search .wp-block-search__button {
    color: var(--global-palette3);
    background: var(--global-palette1);
    border-radius: 0;
}

/* archive page read more */
body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .post-more-link {
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: underline;
    font-weight: 500;
    color: var(--global-palette1);
}

/* input radius */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    border-radius: 0;
}

/* blog icon */
body .loop-entry .entry-content-wrap .entry-footer .more-link-wrap .innov-svg-iconset {
    display: none;
}

body .elementor-183 .elementor-element.elementor-element-d3af341 {
    width: 100%;
}

/* img hover-radius */
.in-section .image-hover-redius.elementor-widget-image {
    float: none;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

.in-section .image-hover-redius.elementor-widget-image:after,
.in-section .image-hover-redius.elementor-widget-image::before {
    position: absolute;
    content: '';
    z-index: 1;
    background: rgba(255, 255, 255, .2);
    transition: all 0.7s ease-in-out;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0);
    display: block;
    border-radius: 200px 200px 0 0;
}

.in-section:hover .image-hover-redius.elementor-widget-image::after {
    width: 100%;
    height: 0;
    top: 50%;
    background: rgba(255, 255, 255, 0.1);
    bottom: 50%;
}

.in-section:hover .image-hover-redius.elementor-widget-image::before {
    width: 0;
    height: 100%;
    left: 50%;
    background: rgba(255, 255, 255, 0.1);
    right: 50%;
}

@media (max-width: 1024px) {
    .in-section .image-hover-redius.elementor-widget-image {
        width: auto;
    }
    .in-section .image-hover-redius>.elementor-widget-wrap {
        display: flex;
        justify-content: center;
    }
}

/* img hover */
.in-section .image-hover.elementor-widget-image {
    float: none;
    display: flex;
    background-color: transparent;
    overflow: hidden;
}

.in-section .image-hover.elementor-widget-image:after,
.in-section .image-hover.elementor-widget-image::before {
    position: absolute;
    content: '';
    z-index: 1;
    background: rgba(255, 255, 255, .2);
    transition: all 0.7s ease-in-out;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0);
    display: block;
}

.in-section:hover .image-hover.elementor-widget-image::after {
    width: 100%;
    height: 0;
    top: 50%;
    background: rgba(255, 255, 255, 0.1);
    bottom: 50%;
}

.in-section:hover .image-hover.elementor-widget-image::before {
    width: 0;
    height: 100%;
    left: 50%;
    background: rgba(255, 255, 255, 0.1);
    right: 50%;
}

@media (max-width: 1024px) {
    .in-section .image-hover.elementor-widget-image {
        width: auto;
    }
    .in-section .image-hover>.elementor-widget-wrap {
        display: flex;
        justify-content: center;
    }
}

/* slider img spin */
.spin-hover img {
    transition: 0.70s;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.spin-hover img:hover {
    transition: 0.70s;
    transform: rotate(360deg);
}

/* ============================================================
   INDICE A‑Z AUTORI — VERSIONE NORMALE E STABILE
   ============================================================ */

.indice-az {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin: 40px auto;
    padding: 0 20px;
    max-width: 100%;
    overflow: visible;
}

.lettera-az,
.lettera-az-disabled {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: inherit;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.lettera-az:hover {
    opacity: 0.6;
}

.lettera-az-disabled {
    opacity: 0.25;
    pointer-events: none;
}

/* Mobile */
@media (max-width: 600px) {
    .lettera-az,
    .lettera-az-disabled {
        font-size: 1.6rem;
    }
    .indice-az {
        gap: 14px;
    }
}
/* TAB autore */
.yikes-custom-woo-tab-title-autore {
    display: none !important;
}
#tab-autore,
#tab-autore * {
    color: #ffffff !important;
}

/* Sezione "Il tuo ordine" – testo bianco */
.woocommerce-checkout-review-order,
.woocommerce-checkout-review-order * {
    color: #ffffff !important;
}

/* Tabella ordine – sfondo nero */
.woocommerce-checkout-review-order-table {
    background-color: #000000 !important;
}

/* Celle della tabella – testo bianco */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    color: #ffffff !important;
}

/* Totale evidenziato – testo bianco */
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
    color: #ffffff !important;
}
/* Sezione Dettagli di Fatturazione – testo bianco */
.woocommerce-billing-fields,
.woocommerce-billing-fields * {
    color: #ffffff !important;
}

/* Label dei campi */
.woocommerce-billing-fields label {
    color: #ffffff !important;
}

/* Placeholder dei campi */
.woocommerce-billing-fields input::placeholder,
.woocommerce-billing-fields textarea::placeholder {
    color: #ffffff !important;
    opacity: 0.7;
}

/* Testo dentro i campi */
.woocommerce-billing-fields input,
.woocommerce-billing-fields textarea,
.woocommerce-billing-fields select {
    color: #ffffff !important;
}

/* Icone o frecce dei select */
.woocommerce-billing-fields select {
    background-color: #000000 !important;
    color: #ffffff !important;
}
/* Box informativo "Hai un codice promozionale?" */
.woocommerce-info {
    background-color: #000000 !important; /* sfondo nero */
    color: #ffffff !important; /* testo bianco */
    border-color: #ffffff !important; /* bordo bianco */
}

/* Link "Fai clic qui per inserire il tuo codice promozionale" */
.woocommerce-info a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Form che appare dopo il click */
.checkout_coupon,
.checkout_coupon * {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Input del coupon */
.checkout_coupon input.input-text {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/* Placeholder del campo coupon */
.checkout_coupon input.input-text::placeholder {
    color: #ffffff !important;
    opacity: 0.7;
}

/* Bottone "Applica coupon" */
.checkout_coupon button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
}
/* Spazio tra il testo e il link del codice promozionale */
.woocommerce-info a {
    margin-left: 8px; /* aumenta se vuoi più spazio */
    display: inline-block;
}
/* Mobile: il link va a capo */
@media (max-width: 768px) {
    .woocommerce-info a {
        display: block !important;
        margin-left: 0 !important;
        margin-top: 6px !important; /* piccolo spazio sopra */
    }
}
/* Campi del checkout: sfondo bianco + testo nero */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
}

/* Placeholder nero */
.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder {
    color: #000000 !important;
    opacity: 0.7;
}

/* Opzioni del select */
.woocommerce form .form-row select option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Label dei campi */
.woocommerce form .form-row label {
    color: #ffffff !important; /* Se vuoi anche le label nere, dimmelo */
}
/* Pulsanti principali del carrello e checkout */
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce a.checkout-button,
.woocommerce button.button,
.woocommerce button.button.alt {
    background-color: #000000 !important; /* nero */
    color: #ffffff !important;            /* bianco */
    border: 1px solid #000000 !important;
    padding: 12px 20px !important;
    text-transform: uppercase;
}

/* Hover: invertiamo i colori */
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover {
    background-color: #ffffff !important; /* bianco */
    color: #000000 !important;            /* nero */
    border-color: #ffffff !important;
}
/* Pulsante EFFETTUA ORDINE – bianco con testo nero */
.woocommerce-checkout #place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout button.button#place_order {
    background-color: #ffffff !important; /* sfondo bianco */
    color: #000000 !important;            /* testo nero */
    border: 1px solid #ffffff !important;
    padding: 14px 22px !important;
    text-transform: uppercase;
}

/* Hover invertito: nero con testo bianco */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button#place_order:hover,
.woocommerce-checkout button.button#place_order:hover {
    background-color: #000000 !important; /* sfondo nero */
    color: #ffffff !important;            /* testo bianco */
    border-color: #000000 !important;
}
/* Contenitore principale dei metodi di pagamento */
#payment,
#payment .payment_methods,
#payment .wc_payment_methods,
#payment .wc_payment_method,
#payment .payment_method,
#payment .payment_box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Stripe / WooCommerce Payments / Apple Pay / Google Pay */
.payment_method_stripe,
.payment_method_woocommerce_payments,
.payment_method_wcpay,
.payment_method_paypal,
.payment_method_cod,
.payment_method_bacs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Box descrizione metodo di pagamento */
#payment .payment_box {
    background: transparent !important;
    color: #ffffff !important;
}

/* Testi dei metodi di pagamento */
#payment ul.payment_methods li label,
#payment ul.payment_methods li {
    background: transparent !important;
    color: #ffffff !important;
}

/* Icone carte */
#payment img {
    background: transparent !important;
}
/* Pulsante PROCEDI CON L'ORDINE */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #ffffff !important; /* bianco */
    color: #000000 !important;            /* nero */
    border: 1px solid #ffffff !important;
    padding: 14px 24px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hover invertito */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #000000 !important; /* nero */
    color: #ffffff !important;            /* bianco */
    border-color: #000000 !important;
}
/* AGGIORNA CARRELLO – bianco con testo nero */
.woocommerce-cart .actions .button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    padding: 14px 24px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Centra il testo verticalmente e orizzontalmente */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Rimuove eventuali stili del tema */
    line-height: normal !important;
}

/* Hover invertito */
.woocommerce-cart .actions .button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
/* Sposta AGGIORNA CARRELLO a destra */
.woocommerce-cart .actions .button {
    float: right !important;
    margin-top: 10px !important;
    margin-right: 0 !important;

    /* Stile bianco/nero che hai scelto */
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    padding: 14px 24px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Centra il testo */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover invertito */
.woocommerce-cart .actions .button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
/* APPLICA CODICE PROMOZIONALE – bianco con testo nero */
.woocommerce-cart .coupon .button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    padding: 14px 24px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Centra il testo */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Rimuove stili del tema */
    line-height: normal !important;
}

/* Hover invertito */
.woocommerce-cart .coupon .button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
/* Sostituisce "Cart Summary" con "Riepilogo Carrello" */
.cart-summary h2:before {
    content: "Riepilogo Carrello";
    color: #ffffff;
    font-size: 35px;
    text-transform: uppercase;
    display: block;
}

/* Nasconde il testo originale */
.cart-summary h2 {
    font-size: 0 !important;
    line-height: 0 !important;
}
/* Aggiunge spazio sotto il titolo Riepilogo Carrello */
.cart-summary h2 {
    margin-bottom: 35px !important; /* puoi aumentare o diminuire */
}
/* Titolo prodotto bianco */
.woocommerce-cart .product-name a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover rosso */
.woocommerce-cart .product-name a:hover {
    color: #ff0000 !important;
}
/* Testo "Codice promozionale" bianco */
.woocommerce-cart .coupon label {
    color: #ffffff !important;
}

/* Campo di inserimento: testo bianco, bordo bianco */
.woocommerce-cart .coupon input.input-text {
    color: #ffffff !important;          /* testo bianco */
    border: 1px solid #ffffff !important;
    background-color: transparent !important; /* sfondo trasparente */
}

/* Placeholder bianco */
.woocommerce-cart .coupon input.input-text::placeholder {
    color: #ffffff !important;
    opacity: 0.7;
}
@media (max-width: 768px) {

    /* Nasconde il testo originale del bottone */
    .woocommerce-cart .coupon .button {
        font-size: 0 !important;
        color: #000000 !important; /* testo nero */
        background-color: #ffffff !important; /* bottone bianco */
        border-color: #ffffff !important;
    }

    /* Inserisce il testo "APPLICA" */
    .woocommerce-cart .coupon .button::after {
        content: "APPLICA";
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #000000 !important; /* testo nero */
    }

    /* Hover invertito: sfondo nero, testo bianco */
    .woocommerce-cart .coupon .button:hover {
        background-color: #000000 !important;
        border-color: #000000 !important;
    }

    .woocommerce-cart .coupon .button:hover::after {
        color: #ffffff !important; /* testo bianco */
    }
}
/* Stile base del tasto AGGIUNGI AL CARRELLO su tutte le pagine prodotto */
.woocommerce div.product form.cart .button,
.single_add_to_cart_button,
.add_to_cart_button,
.product .button {
    background-color: #ffffff !important; /* bottone bianco */
    color: #000000 !important;            /* testo nero */
    border-color: #ffffff !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

/* Hover invertito */
.woocommerce div.product form.cart .button:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.product .button:hover {
    background-color: #000000 !important; /* sfondo nero */
    border-color: #000000 !important;
    color: #ffffff !important;            /* testo bianco */
}
@media (max-width: 768px) {

    /* Nasconde il testo originale del bottone */
    .single_add_to_cart_button,
    .woocommerce div.product form.cart .button {
        font-size: 0 !important;
        background-color: #ffffff !important; /* bottone bianco */
        color: #000000 !important;            /* testo nero */
        border-color: #ffffff !important;
        padding: 12px 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
    }

    /* Inserisce il testo "AGGIUNGI" */
    .single_add_to_cart_button::after,
    .woocommerce div.product form.cart .button::after {
        content: "AGGIUNGI";
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #000000 !important;
    }

    /* Hover invertito */
    .single_add_to_cart_button:hover,
    .woocommerce div.product form.cart .button:hover {
        background-color: #000000 !important;
        border-color: #000000 !important;
    }

    .single_add_to_cart_button:hover::after,
    .woocommerce div.product form.cart .button:hover::after {
        color: #ffffff !important;
    }
}
/* Bordo del pallino */
.woocommerce-checkout .wc_payment_method input[type="radio"] + label::before {
    border-color: #ff0000 !important;
}

/* Pallino quando selezionato */
.woocommerce-checkout .wc_payment_method input[type="radio"]:checked + label::before {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 1px #ff0000 !important;