/* ============================================================
 * Paydea — gradiente della home su tutte le pagine secondarie
 * Attivo con body.pd-grad (vedi tk-paydea-gradiente.php).
 * Stesso gradiente del body della home; il contenuto resta in
 * card bianche, quello "nudo" (titoli, paragrafi, chip) passa
 * in bianco. Ordine di caricamento: dopo paydea-wouuu.
 * ============================================================ */
/* Specificità alta di proposito: il tema ha
   body:not(.home):not(.page-template-front-page){background-color:#f1f1f1!important} (0,2,1) */
body.pd-grad.pd-grad.pd-grad {
    /* fissato allo schermo come la home (stirato su tutta la pagina in alto restava solo il blu scuro) */
    background: #101439 linear-gradient(135deg, #101439 0%, #2b1f7a 35%, #513dc4 62%, #26becc 100%) center / cover no-repeat fixed !important;
    color: #fff;
}
/* Le sezioni Elementor con fondo piatto chiaro lasciano passare il gradiente
   (le immagini di sfondo e le fasce con gradiente proprio restano) */
body.pd-grad .elementor-top-section:not(.pd-invito) { background-color: transparent !important; }

body.pd-grad #wrapper,
body.pd-grad .site,
body.pd-grad .content-area,
body.pd-grad .site-container,
body.pd-grad .content-container,
body.pd-grad #primary,
body.pd-grad article.entry,
body.pd-grad .entry.content-bg,
body.pd-grad .single-entry,
body.pd-grad .elementor-section.pd-hero,
body.pd-grad .page-title-wrap,
body.pd-grad .entry-hero,
body.pd-grad .site-middle-footer-wrap::before {
    background: transparent !important;
    box-shadow: none !important;
}
/* Fascia titolo del tema / banner titolo pd-hero: niente fondo scuro
   (si confonderebbe col gradiente), solo testo bianco e un po' d'aria */
body.pd-grad .elementor-section.pd-hero::after { display: none; }
body.pd-grad .elementor-section.pd-hero { padding-top: 56px; padding-bottom: 20px; }

/* ── Testi fuori dalle card → bianco ───────────────────────── */
body.pd-grad .entry-content,
body.pd-grad .entry-content > p,
body.pd-grad .entry-content > ul > li,
body.pd-grad .entry-content .elementor-heading-title,
body.pd-grad .entry-content .elementor-widget-text-editor,
body.pd-grad .entry-content h1,
body.pd-grad .entry-content h2,
body.pd-grad .entry-content h3,
body.pd-grad .entry-hero h1,
body.pd-grad .entry-hero .entry-title,
body.pd-grad .page-title,
body.pd-grad .entry-title,
body.pd-grad .pd-titolo-sezione .elementor-heading-title,
body.pd-grad .pd-invito-titolo .elementor-heading-title,
body.pd-grad .tkms-offerte-title,
body.pd-grad .tkpo-title,
body.pd-grad .tkms-shops-title,
body.pd-grad .tk-pch-archivio h1,
body.pd-grad .tk-pch-archivio h2 {
    color: #fff !important;
}
body.pd-grad .entry-content > p:first-of-type { color: rgba(255,255,255,.9); }
body.pd-grad .pd-occhiello div { color: #70d0cc !important; }
body.pd-grad .entry-content ul > li::before { background: #70d0cc; }
body.pd-grad .entry-content > p a,
body.pd-grad .entry-content > ul a,
body.pd-grad .elementor-widget-text-editor a:not(.elementor-button):not(.button) { color: #a5f3fc; }

/* ── Card: dentro resta il testo scuro ─────────────────────── */
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap,
body.pd-grad .paydea-faq__voce,
body.pd-grad .pd-modulo,
body.pd-grad .pd-modulo *,
body.pd-grad .tkms-shop-card,
body.pd-grad .tkms-cc-card-label,
body.pd-grad ul.products li.product,
body.pd-grad .tkpo-card,
body.pd-grad .tk-pcard,
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap p,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap p,
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap .elementor-widget-text-editor,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap .elementor-widget-text-editor {
    color: #374151 !important;
}
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap .elementor-heading-title,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap .elementor-heading-title,
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap h2,
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap h3,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap h2,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap h3,
body.pd-grad .paydea-faq__domanda,
body.pd-grad .pd-modulo label {
    color: #1f2937;
}
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap,
body.pd-grad .paydea-faq__voce,
body.pd-grad .pd-modulo {
    background: #fff !important;
    border-color: rgba(255,255,255,.6);
    box-shadow: 0 14px 40px rgba(8, 6, 40, .28);
}
/* Scheda in evidenza con il bordo colorato (pd-scheda) */
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap { border-left-color: #70d0cc; }

/* ── Barre filtro / chip (offerte, coupon, negozi) ─────────── */
body.pd-grad .tkpo-fbar,
body.pd-grad .tkpo-filter-bar,
body.pd-grad .tkms-offers-fbar,
body.pd-grad .tkms-shops-filter,
body.pd-grad .tkms-shops-fbar,
body.pd-grad .tkms-shops-filters,
body.pd-grad .tk-pch-cat-filter-wrap,
body.pd-grad .tk-pch-filters {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 16px;
    box-shadow: none !important;
}
body.pd-grad .tkms-shops-filter > span,
body.pd-grad .tkms-shops-fbar > span,
body.pd-grad .tkms-shops-fbar label,
body.pd-grad .tkms-shops-filter label,
body.pd-grad .tkpo-fbar-label { color: #fff !important; }
/* Riquadri "nessun risultato" chiari → vetro */
body.pd-grad .tkpo-empty,
body.pd-grad .tkms-offers-empty,
body.pd-grad .tk-pch-empty,
body.pd-grad .tkms-empty {
    background: rgba(255,255,255,.08) !important;
    border: 1px dashed rgba(255,255,255,.35) !important;
    color: rgba(255,255,255,.85) !important;
}
/* Vetrina: ricerca e ordinamento su fondo scuro */
body.pd-grad .tkv-toolbar input,
body.pd-grad .tkv-toolbar select,
body.pd-grad .tkms-vetrina-toolbar input,
body.pd-grad .tkms-vetrina-toolbar select {
    background: rgba(255,255,255,.95) !important;
    border-color: transparent !important;
}

/* ── Invito finale: resta la fascia teal→viola, con i bordi arrotondati */
body.pd-grad .elementor-section.pd-invito { border-radius: 24px; overflow: hidden; margin: 0 auto 40px; }

/* ── Breadcrumb e meta ─────────────────────────────────────── */
body.pd-grad .tk-breadcrumbs,
body.pd-grad .breadcrumbs,
body.pd-grad .woocommerce-breadcrumb,
body.pd-grad .entry-meta { color: rgba(255,255,255,.8); }
body.pd-grad .tk-breadcrumbs a,
body.pd-grad .breadcrumbs a,
body.pd-grad .woocommerce-breadcrumb a { color: #fff; }

/* ── 404 / ricerca / archivio blog: testi bianchi, card articoli bianche */
body.pd-grad .entry-summary,
body.pd-grad .archive-description,
body.pd-grad .page-header { color: #fff; }
body.pd-grad .content-wrap article.entry.loop-entry,
body.pd-grad article.post.loop-entry { background: #fff; border-radius: 16px; color: #374151; box-shadow: 0 14px 40px rgba(8,6,40,.28); }

/* Filo di separazione prima del piede: in trasparenza sul gradiente */
body.pd-grad .site-middle-footer-wrap { border-top: 1px solid rgba(255,255,255,.12); }

@media (max-width: 782px) {
    body.pd-grad .elementor-section.pd-hero { padding-top: 32px; }
}

/* ── Chip dei filtri (coupon, offerte, negozi): testo scuro su pillola bianca,
   bianco solo sulla pillola attiva (segnalato: "i font non si leggono") */
body.pd-grad .tk-pch-chip,
body.pd-grad .tk-pch-cat-filter a,
body.pd-grad .tkpo-fbar a,
body.pd-grad .tkpo-fbar button,
body.pd-grad .tkpo-fbar-scroll a,
body.pd-grad .tkms-shops-fbar a,
body.pd-grad .tkms-shops-filter a,
body.pd-grad .tkms-shops-filter button,
body.pd-grad .tkms-cat-chip,
body.pd-grad .tkms-offers-chip {
    color: #1f2937 !important;
}
body.pd-grad .tk-pch-chip.active,
body.pd-grad .tk-pch-chip.is-active,
body.pd-grad .tk-pch-cat-filter a.active,
body.pd-grad .tkpo-fbar a.active,
body.pd-grad .tkpo-fbar .active,
body.pd-grad .tkms-shops-filter .active,
body.pd-grad .tkms-shops-fbar .active,
body.pd-grad .tkms-cat-chip.active {
    color: #fff !important;
}

/* ── Padding e margini: niente fasce a filo del bordo, aria fra le sezioni ──
   Le sezioni "stretch" di Elementor hanno width/left inline (JS): si annullano. */
body.pd-grad .elementor-section.pd-invito,
body.pd-grad .elementor-section.pd-invito.elementor-section-stretched {
    width: auto !important;
    left: 0 !important;
    max-width: 1240px;
    margin: 40px auto 56px !important;
    border-radius: 24px;
    overflow: hidden;
}
body.pd-grad .elementor-section.pd-scheda,
body.pd-grad .elementor-section.pd-passaggi,
body.pd-grad .elementor-section.pd-sezione-figura,
body.pd-grad .elementor-section.pd-sezione-modulo { margin-bottom: 24px; }
body.pd-grad .elementor-section.pd-sezione-modulo { padding-bottom: 48px; }
/* Le pagine con shortcode (coupon, offerte, negozi, vetrina): aria sotto prima del piede */
body.pd-grad .entry-content > .elementor:last-child,
body.pd-grad .entry-content > .elementor-shortcode:last-child,
body.pd-grad .entry-content > div:last-child { padding-bottom: 40px; }
body.pd-grad .site-middle-footer-wrap { margin-top: 0; }
@media (max-width: 1300px) {
    body.pd-grad .elementor-section.pd-invito,
    body.pd-grad .elementor-section.pd-invito.elementor-section-stretched { margin-left: 24px !important; margin-right: 24px !important; }
}
@media (max-width: 782px) {
    body.pd-grad .elementor-section.pd-invito,
    body.pd-grad .elementor-section.pd-invito.elementor-section-stretched { margin: 24px 16px 40px !important; border-radius: 18px; }
    body.pd-grad .elementor-top-section > .elementor-container { padding-left: 16px; padding-right: 16px; }
    body.pd-grad .elementor-section.pd-hero > .elementor-container { padding-left: 16px; padding-right: 16px; }
}

/* ── Titoli dentro le card numerate/schede: scuri con priorità (sopra c'è il bianco !important) */
body.pd-grad .pd-passaggi .pd-passo-titolo .elementor-heading-title,
body.pd-grad .pd-passaggi .elementor-column > .elementor-widget-wrap .elementor-heading-title,
body.pd-grad .pd-scheda .elementor-column > .elementor-widget-wrap .elementor-heading-title,
body.pd-grad .pd-scheda-titolo .elementor-heading-title { color: #1f2937 !important; }
body.pd-grad .pd-passaggi .pd-numero .elementor-heading-title { color: #fff !important; }
/* Sottotitolo della sezione modulo ("Parliamone"): fuori card → bianco */
body.pd-grad .pd-sezione-modulo .pd-scheda-testo,
body.pd-grad .pd-sezione-modulo .pd-scheda-testo p { color: rgba(255,255,255,.9) !important; }
/* Tasto del modulo (tk-forms): stessa pillola teal dei bottoni della pagina */
body.pd-grad .pd-modulo input[type="submit"],
body.pd-grad .pd-modulo button[type="submit"],
body.pd-grad .pd-modulo .tk-forms-submit,
body.pd-grad .pd-modulo .tkf-submit,
body.pd-grad .pd-modulo button.tk-form-submit {
    background: linear-gradient(135deg, #5dd5b8 0%, #2fb593 100%) !important;
    color: #06281f !important;
    font-weight: 800 !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 14px 34px !important;
    min-width: 160px;
    box-shadow: 0 10px 26px rgba(47, 181, 147, .34) !important;
    transition: transform .18s ease, box-shadow .18s ease;
}
body.pd-grad .pd-modulo input[type="submit"]:hover,
body.pd-grad .pd-modulo button[type="submit"]:hover,
body.pd-grad .pd-modulo .tk-forms-submit:hover,
body.pd-grad .pd-modulo button.tk-form-submit:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(47, 181, 147, .42) !important; }
body.pd-grad .pd-modulo input:not([type="submit"]):not([type="checkbox"]),
body.pd-grad .pd-modulo textarea,
body.pd-grad .pd-modulo select { border-radius: 10px !important; border-color: #e2e8f0 !important; }
body.pd-grad .pd-modulo input:focus, body.pd-grad .pd-modulo textarea:focus { border-color: #2fb593 !important; box-shadow: 0 0 0 3px rgba(93,213,184,.28) !important; outline: 0; }

/* Barra filtri (offerte/coupon): riquadro stretto attorno alle pillole, niente vuoto sotto */
body.pd-grad .tkpo-fbar { padding: 12px 14px !important; display: flex; align-items: center; }
body.pd-grad .tkpo-fbar .tkpch-hscroll-wrap { margin-bottom: 0 !important; flex: 1 1 auto; min-width: 0; }
body.pd-grad .tkpo-fbar-scroll { padding-top: 2px !important; padding-bottom: 2px !important; }
@media (max-width: 782px) {
    body.pd-grad .tkpo-fbar { padding: 10px !important; border-radius: 14px; }
    body.pd-grad .tkpo-fbar-scroll a, body.pd-grad .tkpo-fbar-scroll button, body.pd-grad .tk-pch-chip { font-size: 13px !important; padding: 6px 12px !important; }
}

/* Nome delle aziende partner sotto il logo: bianco sul viola */
body .tkms-cc.tk-pch-brands .tkms-cc-card-label,
html body .tkms-cc.tk-pch-brands .tkms-cc-card-label,
body .tk-pch-brands .tk-pch-brand-name { color: #fff !important; text-shadow: 0 2px 10px rgba(8,6,40,.45); }

/* ── Pagine categoria (blocchi Gutenberg a fondo pieno) ── */
body.pd-grad .entry-content > .wp-block-group.has-background { background: transparent !important; padding-top: 40px !important; padding-bottom: 24px !important; }
body.pd-grad .entry-content > .wp-block-group .wp-block-heading,
body.pd-grad .entry-content > .wp-block-group h2 { color: #fff !important; font-weight: 800 !important; }
body.pd-grad .entry-content > .wp-block-group .wp-block-heading::after { content: ""; display: block; width: 56px; height: 4px; border-radius: 4px; margin: 12px auto 0; background: linear-gradient(90deg,#a78bfa,#5eead4); }
body.pd-grad .tkms-dir-empty, body.pd-grad .tkms-sc-empty, body.pd-grad [class*="tkms"][class*="empty"] {
    background: rgba(255,255,255,.08) !important; border: 1px dashed rgba(255,255,255,.35) !important; border-radius: 18px !important; color: rgba(255,255,255,.85) !important; }
body.pd-grad [class*="tkms"][class*="empty"] * { color: rgba(255,255,255,.85) !important; }

/* ── Minisiti: scheda prodotto e negozio sul gradiente ── */
body.pd-grad.single-product .site-main, body.pd-grad.single-product #primary, body.pd-grad.single-product .content-container,
body.pd-grad.woocommerce .site-main, body.pd-grad .woocommerce-products-header { background: transparent !important; }
body.pd-grad.single-product .woocommerce-breadcrumb, body.pd-grad.single-product .woocommerce-breadcrumb a,
body.pd-grad .woocommerce-products-header__title, body.pd-grad.woocommerce .page-title,
body.pd-grad.single-product section.related > h2, body.pd-grad.single-product section.upsells > h2,
body.pd-grad .woocommerce-result-count { color: #fff !important; }
body.pd-grad.single-product .summary.entry-summary, body.pd-grad.single-product .woocommerce-tabs .panel { box-shadow: 0 24px 50px rgba(8,6,40,.35) !important; }
body.pd-grad.single-product .woocommerce-tabs { box-shadow: none !important; background: transparent !important; }
body.pd-grad.single-product .woocommerce-product-gallery img { box-shadow: 0 24px 50px rgba(8,6,40,.4); }
body.pd-grad .woocommerce-ordering select { background-color: #fff !important; border-radius: 10px; }

/* Pagine di testo (non Elementor) in card bianca: testo scuro leggibile */
body.pd-grad.page:not(.elementor-page) .entry-content,
body.pd-grad.page:not(.elementor-page) .entry-content p,
body.pd-grad.page:not(.elementor-page) .entry-content li,
body.pd-grad.page:not(.elementor-page) .entry-content td { color: #334155 !important; }
body.pd-grad.page:not(.elementor-page) .entry-content h2,
body.pd-grad.page:not(.elementor-page) .entry-content h3,
body.pd-grad.page:not(.elementor-page) .entry-content h4 { color: #2b1f7a !important; }
body.pd-grad.page:not(.elementor-page) .entry-content p a:not(.button), body.pd-grad.page:not(.elementor-page) .entry-content li a:not(.button):not([class*="btn"]), body.pd-grad.page:not(.elementor-page) .entry-content td a { color: #7c3aed !important; }
body.pd-grad.page:not(.elementor-page) .entry-content ul > li::before { background: #7c3aed; }

/* Stessa larghezza per fascia titolo, contenuto e footer (1240px) */
body.pd-grad .entry-hero-container-inner,
body.pd-grad.page:not(.elementor-page) article.single-entry > .entry-content-wrap { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }
body.pd-grad.page:not(.elementor-page) article.single-entry > .entry-content-wrap { width: 100% !important; padding-left: 56px !important; padding-right: 56px !important; }
@media (max-width: 1300px) { body.pd-grad .entry-hero-container-inner, body.pd-grad.page:not(.elementor-page) article.single-entry > .entry-content-wrap { max-width: calc(100% - 32px) !important; } }
@media (max-width: 782px) { body.pd-grad.page:not(.elementor-page) article.single-entry > .entry-content-wrap { padding-left: 20px !important; padding-right: 20px !important; } }

/* Galleria video aziendali: niente riquadro grigio, card in vetro */
body.pd-grad .elementor-widget-wrap.elementor-element-populated:has(.tk-vid-az-cta) { background: transparent !important; }
body.pd-grad .elementor-widget-wrap:has(.tk-vid-az-cta) .elementor-heading-title { color: #fff !important; }
body.pd-grad .tk-vid-az-cta { background: linear-gradient(135deg,#7c3aed,#4f46e5 60%,#26becc) !important; font-weight: 700; }
body.pd-grad .tk-vid-az-cta * { color: #fff !important; }
body.pd-grad .elementor-widget-container:has(> .tk-vid-az-wrap), body.pd-grad .elementor-widget-container:has(.tk-vid-az-cta) { background: transparent !important; }

/* Negozi in Evidenza: niente riquadro grigio */
body.pd-grad .elementor-widget-wrap.elementor-element-populated:has(.tkms-dir-filters), body.pd-grad .elementor-widget-wrap.elementor-element-populated:has(.tkms-sc) { background: transparent !important; }

/* TK-SCHEDE-PRODOTTO: testi scuri nei riquadri bianchi Descrizione e Recensioni della scheda prodotto
   (la regola .entry-content qui sopra li faceva bianchi su bianco) */
html body.pd-grad .woocommerce-Tabs-panel,html body.pd-grad .woocommerce-Tabs-panel p,html body.pd-grad .woocommerce-Tabs-panel li,html body.pd-grad .woocommerce-Tabs-panel td,html body.pd-grad .woocommerce-Tabs-panel th,html body.pd-grad .woocommerce-Tabs-panel .tkwr-content{color:#2d3748!important}
html body.pd-grad .woocommerce-Tabs-panel h1,html body.pd-grad .woocommerce-Tabs-panel h2,html body.pd-grad .woocommerce-Tabs-panel h3,html body.pd-grad .woocommerce-Tabs-panel h4,html body.pd-grad .woocommerce-Tabs-panel strong,html body.pd-grad .woocommerce-Tabs-panel b,html body.pd-grad .woocommerce-Tabs-panel .tkwr-author{color:#0f172a!important}
html body.pd-grad .woocommerce-Tabs-panel .tkwr-date{color:#64748b!important}
html body.pd-grad .woocommerce-product-details__short-description,html body.pd-grad .woocommerce-product-details__short-description p,html body.pd-grad .woocommerce-product-details__short-description li{color:#2d3748!important}

/* Carrello, cassa e account (con il gradiente dalla 1.4.0): dentro le card bianche il testo torna scuro
   (il body bianco veniva ereditato da titoli come «Riepilogo Carrello» e «Totale carrello») */
body.pd-grad .woocommerce-cart-form,
body.pd-grad .cart-collaterals .cart_totals,
body.pd-grad .woocommerce-checkout .col2-set,
body.pd-grad .woocommerce-checkout #order_review,
body.pd-grad .woocommerce-checkout #order_review_heading,
body.pd-grad .woocommerce-MyAccount-content,
body.pd-grad .woocommerce-MyAccount-navigation { color: #0f172a; }
/* titoli dentro le card del carrello (la regola dei testi in .entry-content li faceva bianchi) */
body.pd-grad.woocommerce-cart .cart-summary h2,
body.pd-grad.woocommerce-cart .cart_totals > h2,
body.pd-grad .cart_totals h3,
body.pd-grad .woocommerce-checkout #order_review h3:not(#order_review_heading) { color: #0f172a !important; }
/* cassa: le due colonne più vicine (la colonna dei dati aveva 32px di vuoto a destra) */
body.pd-grad.woocommerce-checkout #customer_details { padding: 0 !important; }
body.pd-grad.woocommerce-checkout form.checkout { column-gap: 22px !important; }
/* multicarrello (pagina carrello dell hub): testi della fascia viola in bianco */
body.pd-grad .tkmc .tkmc-hero-txt h2.tkmc-title { color: #fff !important; }
body.pd-grad.page:not(.elementor-page) .entry-content .tkmc .tkmc-hero-txt p { color: rgba(255,255,255,.9) !important; }
body.pd-grad.page:not(.elementor-page) .entry-content .tkmc .tkmc-hero-txt p strong { color: #5eead4 !important; }
