/* 
Theme Name: Savis Theme Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


:root {
  --primary-color: #0C6032;
  --secondary-color: #D01320;
  --tertiary-color: #204030;
  --muted-color: #bababa;
  --primary-color-dark: color-mix(in srgb, var(--primary-color) 85%, black);
  --secondary-color-dark: color-mix(in srgb, var(--secondary-color) 85%, black);
  --tertiary-color-dark: color-mix(in srgb, var(--tertiary-color) 85%, black);
}
.primary-text {
	color:  var(--primary-color)!important;
}
.secondary-text {
	color:  var(--secondary-color)!important;
}
.tertiary-text {
	color:  var(--tertiary-color)!important;
}
.wpcf7-form label {
	font-size: 16px;
	width: 100%;
	
	.wpcf7-list-item-label {
		font-size: 14px;
		line-height: 19px;
	}
	
	input:not([type="checkbox"]), textarea {
		margin-top: 4px;
		border-color: #9B9B9B;
		border-radius: 5px;
		width: 100%;
	}	
	
}
.product-tab .e-n-tabs-heading {
    border-right: 1px solid #bababa;

    .e-n-tab-title {
        border-bottom: 1px solid #bababa;

        &:first-of-type {
			border-radius: 10px 0 0 0;
        }
    }
}
.prod-list .elementor-widget-loop-grid .elementor-grid {
	grid-column-gap: var(--grid-column-gap, 0px);
	    grid-row-gap: var(--grid-row-gap, 0px);
}
.prod-list .e-loop-item:not(:last-child) {
	 border-bottom: 1px solid #bababa;
}
.prod-list .e-loop-item {
	padding: 20px 0;
	 &:first-of-type {
		 padding-top: 0;}
}
.forminator-ui input,
.forminator-ui textarea {
    border-color: var(--muted-color)!important;
    border-radius: 4px!important;
}

.forminator-ui input {
    height: 50px!important;
}

.forminator-ui .forminator-button-submit {
    background: var(--secondary-color);
    border-radius: 50px!important;
    color: #fff;
    padding: 12px 24px!important;
}

.forminator-ui .forminator-button-submit:hover,
.forminator-ui .forminator-button-submit:active,
.forminator-ui .forminator-button-submit:focus {
    background: var(--primary-color);
    box-shadow: none!important;
}

.prod-list > .elementor-widget {
	    max-height: 350px;
	    overflow-x: hidden;
	    overflow-y: scroll;
}
.prod-list > .elementor-widget::-webkit-scrollbar {
  width: 7px;
}

.prod-list > .elementor-widget::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}

.prod-list > .elementor-widget::-webkit-scrollbar-thumb {
  background: #d01320;
  border-radius: 3px;
}

/**
 * ACCESSIBILITÀ
 */

/* Footer (elementor-element-9495df7): lo sfondo scuro si è perso durante
   l'importazione su staging (in produzione è rgb(33,33,33)) — senza,
   il testo bianco del footer ("Seguici" e altri) risulta invisibile su
   sfondo bianco. Ripristiniamo lo sfondo originale. */
.elementor-location-footer .elementor-element-9495df7 {
	background-color: rgb(33, 33, 33);
}

/* Indicatore di focus da tastiera: il tema toglie l'outline di default del
   browser e non lo sostituisce con nulla, rendendo impossibile capire dove
   si trova il focus navigando con Tab (WCAG 2.4.7). Lo ripristiniamo su
   tutti gli elementi interattivi. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.elementor-icon:focus-visible,
[tabindex]:focus-visible {
	outline: 2.5px solid var(--secondary-color);
	outline-offset: 2px;
}

/* Link del footer (Privacy Policy, Cookie Policy, Dichiarazione di
   accessibilità, indirizzi): stesso colore bianco del testo circostante,
   quindi la sottolineatura era l'unico modo per riconoscerli. Su richiesta
   togliamo la sottolineatura permanente, ma per restare conformi (WCAG
   1.4.1) diamo loro un colore leggermente diverso dal testo e ripristiniamo
   la sottolineatura al passaggio del mouse e al focus da tastiera. */
.elementor-location-footer .elementor-widget-text-editor a {
	/* Non il --muted-color generico (#bababa): contro il testo bianco del
	   footer dà solo 1,94:1 di contrasto, sotto il 3:1 richiesto quando un
	   link non è sottolineato (WCAG 1.4.1). Questo grigio più scuro dà
	   ~3,2:1 col testo bianco e resta comunque leggibile (~5:1) sullo
	   sfondo scuro del footer. */
	color: #949494 !important;
	text-decoration: none !important;
}
.elementor-location-footer .elementor-widget-text-editor a:hover,
.elementor-location-footer .elementor-widget-text-editor a:focus-visible {
	text-decoration: underline !important;
}

/* I link dentro ai paragrafi di testo (widget "Editor di testo" di
   Elementor) si distinguono dal testo circostante solo per il colore
   rosso, senza altro segnale visivo (WCAG 1.4.1: uso del colore).
   Aggiungiamo la sottolineatura solo ai link "in linea" nel testo,
   non ai bottoni o alle card interamente cliccabili. */
.elementor-widget-text-editor p a,
.forminator-consent__label a {
	text-decoration: underline;
}