/* 
Theme Name: Cronos
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Tema custom per Cronos
Author: Digiko
Author URI: https://digiko.it/
Template: hello-elementor
Version: 2.0.0
Text Domain: cronos
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 */

p {
    margin-block-end: 0;
}

#breadcrumbs {
	color:white;
}

.icon-box-archive .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
        margin-top: 12px;
}

.icon-box-archive ul {
    padding-left: 18px;
}

.icon-box-archive li {
    font-size: 18px;
}

/* Form */
.elementor-field-option {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px;
  flex-wrap: nowrap !important; /* EVITA l'andare a capo */
}

.elementor-field-option input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1.5px solid #333;
  background-color: #fff;
  cursor: pointer;
  margin: 0;
  position: relative;
  top: 0px; /* piccola correzione verticale per centrare */
  flex-shrink: 0;
}

.elementor-field-option input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 4.5px;
  width: 4px;
  height: 8px;
  border: solid #B71818;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.elementor-field-option label {	 
  font-size: 13px !important;
  line-height: 1.4em !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  color: #333;
}

.elementor-form .elementor-field-option label a {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: underline;
  color: currentColor;
  -webkit-font-smoothing: antialiased; /* aiuta la coerenza */
  -moz-osx-font-smoothing: grayscale;
}

/* 0) Specificità alta: lavora solo su questo form e questa select */
.elementor-form select#form-field-name {
  /* rimuove frecce native */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  /* reset di qualunque background messo dal tema */
  background: #fff !important;

  /* stile + chevron custom in UNA sola shorthand (vince su tutto) */
  background: #fff url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23333' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>") 
              no-repeat right 10px center / 14px !important;

  border: 1.5px solid #333;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.4em;
  padding: 8px 32px 8px 12px; /* spazio per la freccia */
  cursor: pointer;
}

/* IE/vecchi Edge */
#form-field-name::-ms-expand { display: none !important; }

/* 1) Elementor spesso aggiunge un caret via wrapper/pseudo-elementi: nascondili tutti */
.elementor-form .elementor-field-group .elementor-select-wrapper:after,
.elementor-form .elementor-field-group .elementor-select-wrapper i,
.elementor-form .elementor-field-group .select-caret-down-wrapper,
.elementor-form .elementor-field-group .eicon-caret-down,
.elementor-form .elementor-field-group i.eicon-caret-down {
  display: none !important;
  content: none !important;
}

/* 2) Se il tema appiccica un background alla select generica, spengilo */
.elementor-form .elementor-field-group select,
.elementor-form .elementor-field-textual {
  background-image: none !important;
}

/* (opz.) Focus con accento rosso */
.elementor-form select#form-field-name:focus {
  outline: none;
  border-color: #B71818;
  background: #fff url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23B71818' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>") 
              no-repeat right 10px center / 14px !important;
}