/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* --------------- form: */ 
.elementor-labels-above .elementor-field-group > label {
    padding-bottom: 9px;
    font-weight: bold;
    font-size: 14px;
}
.elementor-field-group .elementor-field:not(.elementor-select-wrapper) {
    padding: 10px;
}
.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    flex-basis: 100%;
    display: flex;
    gap: 10px;
}
.elementor-field-group-privacy span label {
    font-weight: 600;
    font-size: 14px;
}
.elementor-field-group-privacy span input {

}



/* ========================================================== */
/* Personalizzazione precedente: Bordo 2px Blu e Check Grande */
/* ========================================================== */

/* 1. Nasconde il checkbox nativo */
.elementor-field-option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 2. Disegna la casella visiva (il bordo blu) */
.elementor-field-option label::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #0760A8;
  border-radius: 4px;
  margin-right: 10px;
  flex-shrink: 0;
  /* IMPORTANTE: position: relative è essenziale se posizioni il ::after SU QUESTO ELEMENTO.
     Nel codice corretto che segue, lo posizioniamo sul LABEL per semplicità, ma se
     vuoi usarlo qui, devi spostare il selettore ::after. */
  position: relative; 
  transition: all 0.2s;
  vertical-align: middle;
}

/* 3. Disegna il segno di spunta (il check più grande) - SELETTORE CORRETTO! */
/* Applichiamo ::after direttamente alla LABEL */
.elementor-field-option label::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 31px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: translate(-50%, -50%) rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s;
}

/* 4. STATO: Quando il checkbox nativo è selezionato */
.elementor-field-option input[type="checkbox"]:checked + label::before {
  background-color: #007bff; 
  border-color: #007bff; 
}

/* SELETTORE CORRETTO! Rende visibile l'::after sulla LABEL */
.elementor-field-option input[type="checkbox"]:checked + label::after { 
  opacity: 1; 
}

.elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper~.elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper~.elementor-swiper-button svg {
    fill: var(--arrow-normal-color,hsla(0,0%,93%,.9)) !important;
    height: 1em;
    width: 1em;
}



.swiper footer .elementor-slideshow__title {
	display: none !important;
}