/* 
 Theme Name:   DAKEN
 Theme URI:    https://www.daken.it/
 Description:  https://www.daken.it/
 Author:       https://www.daken.it/
 Author URI:   https://www.daken.it/
 Template:     hello-elementor
 Version:      1.0.26
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/* Hero archivi prodotto: il box grigio (.bgopaco) si allarga quando il testo
   (titolo o paragrafo) non ci sta, invece di lasciarlo sbordare. */
@media (min-width: 768px) {
  .tax-product_cat .bgopaco {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    max-width: 94% !important;
  }
  .tax-product_cat .bgopaco .elementor-widget-heading + .elementor-widget-heading,
  .tax-product_cat .bgopaco .elementor-widget-text-editor {
    width: min-content !important;
    min-width: 100% !important;
    padding-left: 3px;
    padding-right: 3px;
  }
}

/* Titoli con parole lunghe (es. tedesco): spezzale invece di sbordare su mobile */
@media (max-width: 767px) {
  h1, h2, h3, .elementor-heading-title {
    overflow-wrap: break-word;
    hyphens: auto;
  }
}

/* Pagine senza Elementor (Account, Rimborso, Privacy...): spazio sotto l'header fisso */
body:not(.elementor-page) main.site-main {
  padding-top: 150px;
}
@media (max-width: 767px) {
  body:not(.elementor-page) main.site-main {
    padding-top: 110px;
  }
}

/* Il contenitore del mega menu chiuso allarga la pagina su mobile: niente scroll orizzontale */
@media (max-width: 1024px) {
  body {
    overflow-x: clip;
  }
}

/* Il bottone Contatti dell'header non deve mai andare a capo */
[data-elementor-type="header"] .elementor-button {
  white-space: nowrap;
}

/* Form: la riga della checkbox privacy non deve toccare il bordo su mobile */
@media (max-width: 767px) {
  .elementor-field-type-acceptance {
    padding-left: 12px !important;
  }
}

/* Archivi categorie: i link del menu laterale atterrano su #products.
   Margine per non finire sotto l'header sticky e atterraggio diretto
   senza animazione di scroll. */
html {
  scroll-behavior: auto !important;
}
#products {
  scroll-margin-top: 150px;
}
/* Singola news: qualunque immagine nel corpo dell'articolo ha i bordi
   stondati come l'immagine in evidenza. */
body.single-post .elementor-widget-theme-post-content img {
  border-radius: 30px;
}
/* Link nei testi (corpo news e blocchi testo) color rosso Daken.
   Volutamente NON globale su tutti gli <a>: forzarlo dal kit colorava
   anche i testi dei pulsanti (rosso su rosso). */
.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a {
  color: #EE3A33;
}/* Mega menu Prodotti (desktop): centrato sotto la pillola dell'header
   (che e' centrata nel viewport) e largo quanto la pillola, con piu'
   respiro interno. JetMenu lo posiziona via JS rispetto alla voce di menu:
   il fixed lo sgancia e lo centra sempre. */
@media (min-width: 1025px) {
  .jet-mega-menu .jet-mega-menu-item > .jet-mega-menu-mega-container {
    position: fixed !important;
    top: 95px !important;
    left: 50% !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    width: min(1350px, calc(100vw - 40px)) !important;
  }
  .jet-mega-menu .jet-mega-menu-item > .jet-mega-menu-mega-container > .jet-mega-menu-mega-container__inner {
    transform: none !important;
    margin: 50px 0 0 !important;
    width: 100% !important;
    padding: 35px 45px !important;
  }
}
/* Filtro "applicazioni consigliate" nella fascia sfumata degli archivi
   prodotto: pill nere orizzontali stile Daken, attiva/hover rossa. */
.elementor-element-f11a9c1 .jet-filter-label {
  color: #FFFFFF;
  font-family: Panton, sans-serif;
  font-size: 17px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 18px;
}
.elementor-element-f11a9c1 .jet-color-image-list-wrapper fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  border: 0;
}
.elementor-element-f11a9c1 .jet-color-image-list__row {
  margin: 0;
}
.elementor-element-f11a9c1 .jet-color-image-list__button {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1E1E1E;
  color: #FFFFFF;
  border-radius: 25px;
  padding: 9px 22px;
  font-family: Panton, sans-serif;
  font-size: 15px;
  cursor: pointer;
  transition: background .2s;
}
.elementor-element-f11a9c1 .jet-color-image-list__decorator {
  display: block;
}
.elementor-element-f11a9c1 .jet-color-image-list__image img {
  width: 34px;
  height: auto;
  display: block;
}
.elementor-element-f11a9c1 .jet-color-image-list__input:checked + .jet-color-image-list__button,
.elementor-element-f11a9c1 .jet-color-image-list__button:hover {
  background: #EE3A33;
}
/* Filtro applicazioni: niente bordo verde JSF sull'icona selezionata */
.elementor-element-f11a9c1 .jet-color-image-list__image,
.elementor-element-f11a9c1 .jet-color-image-list__input:checked ~ .jet-color-image-list__button .jet-color-image-list__image {
  border: 0 !important;
  box-shadow: none !important;
}

/* Messaggio "nessun prodotto" dei listing JetEngine */
.jet-listing-not-found {
  font-family: Panton, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #1E1E1E;
  text-align: center;
  padding: 60px 20px;
}

/* Header su telefoni stretti (es. Galaxy S25, 360px): il gruppo a destra
   (lente, selettore lingua, bottone Contatti) andava a capo e il bottone
   finiva sotto la bandierina. Logo piu' piccolo, selettore lingua senza
   larghezza fissa e bottone compatto: tutto su una riga in ogni lingua. */
@media (max-width: 767px) {
  /* pillola: gap 20px e padding larghi mangiano spazio ai 360px */
  [data-elementor-type="header"] .elementor-element-1affe19 {
    gap: 10px !important;
    padding-left: 10px !important;
    padding-right: 12px !important;
  }
  [data-elementor-type="header"] .elementor-element-f376fb2 {
    flex-shrink: 0;
  }
  [data-elementor-type="header"] .elementor-element-f376fb2 img {
    width: 95px !important;
  }
  [data-elementor-type="header"] .elementor-element-da431f5 {
    flex-shrink: 0;
    width: auto !important; /* il contenitore era 50px fissi, basta l'icona */
  }
  [data-elementor-type="header"] .elementor-element-47c4662 {
    flex-shrink: 0;
  }
  [data-elementor-type="header"] .elementor-element-41ac82c {
    width: auto !important;
    max-width: none !important;
  }
  /* il dropdown WPML di suo e' largo il 100%: deve stare largo quanto la bandierina */
  [data-elementor-type="header"] .elementor-element-41ac82c .wpml-ls-legacy-dropdown {
    width: auto !important;
  }
  /* con il contenitore auto la bandierina collasserebbe a 0: larghezza fissa */
  [data-elementor-type="header"] .elementor-element-41ac82c .wpml-ls-flag {
    width: 18px !important;
    max-width: none !important;
  }
  /* ancora del selettore: solo bandierina + freccetta, senza spazio morto */
  [data-elementor-type="header"] .elementor-element-41ac82c .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding: 5px 18px 5px 6px !important;
  }
  [data-elementor-type="header"] .elementor-element-41ac82c {
    flex-shrink: 0;
  }
  [data-elementor-type="header"] .elementor-element-6c46c34 {
    flex-wrap: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    flex-grow: 1 !important;
    gap: 4px !important;
    justify-content: flex-end !important;
  }
  [data-elementor-type="header"] .elementor-element-6a1a19e .elementor-button {
    font-size: 12px !important;
    padding: 7px 10px !important;
  }
}

/* Filtro "applicazioni consigliate" su mobile: le pill restano su una riga
   sola e si scorrono in orizzontale invece di andare a capo. */
@media (max-width: 767px) {
  /* il contenitore ha align-items:center: senza questo il widget si allarga
     quanto il contenuto e la riga sborda invece di scorrere */
  .elementor-element-f11a9c1 {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }
  .elementor-element-f11a9c1 .jet-color-image-list-wrapper fieldset {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    /* i fieldset di default non scendono sotto la larghezza del contenuto */
    min-inline-size: 0;
    /* annulla il padding 20px del contenitore: si scorre da bordo a bordo */
    margin: 0 -20px;
    padding: 2px 20px;
    scrollbar-width: none;
  }
  .elementor-element-f11a9c1 .jet-color-image-list-wrapper fieldset::-webkit-scrollbar {
    display: none;
  }
  .elementor-element-f11a9c1 .jet-color-image-list__row {
    flex: 0 0 auto;
  }
}

/* Pagine protette da password (Cataloghi): il modulo e' quello nativo di
   WordPress, non passa da Elementor, quindi va staccato dall'header fisso
   e vestito come il resto del sito. */
main.site-main.post-password-required {
  padding: 190px 20px 90px;
}
@media (max-width: 767px) {
  main.site-main.post-password-required {
    padding: 140px 20px 60px;
  }
}
.post-password-form {
  max-width: 520px;
  margin: 0 auto;
  padding: 35px 30px;
  border: 1px solid #E0E0E0;
  border-radius: 30px;
  background: #FFFFFF;
  font-family: Panton, sans-serif;
  color: #1E1E1E;
  text-align: center;
}
.post-password-form p {
  /* il kit rende i paragrafi flex: qui servono in colonna */
  display: block;
  margin: 0 0 18px;
  font-weight: 300;
}
.post-password-form p:empty {
  display: none;
}
.post-password-form p:last-child {
  margin-bottom: 0;
}
.post-password-form label {
  display: block;
  font-size: 15px;
}
.post-password-form input[type="password"] {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 12px 18px;
  border: 1px solid #D5D5D5;
  border-radius: 25px;
  font-family: inherit;
  font-size: 15px;
}
.post-password-form input[type="submit"] {
  margin-top: 18px;
  padding: 12px 34px;
  border: 0;
  border-radius: 25px;
  background: #EE3A33;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 15px;
  cursor: pointer;
  transition: background .2s;
}
.post-password-form input[type="submit"]:hover {
  background: #1E1E1E;
}