/* 
Theme Name: Hello Elementor 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 */

@media(max-width:767px){
  body.mlx-popup-open header,
  body.mlx-popup-open .elementor-location-header,
  body.mlx-popup-open [data-elementor-type="header"]{
    display:none !important;
  }
}

.by-beddy-bar-ui__container[_ngcontent-ng-c1748940830] {
  background-color: #f3efe6 !important;
}

[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
  background-color: #a8813a !important;
}

/* ===== WPML language switcher (voce menu Elementor) — stile pill ===== */

/* voce principale (lingua corrente, con freccia) */
li.wpml-ls-item > a.elementor-item.has-submenu {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(250,250,248,.10) !important;
  color: #FAFAF8 !important;
  fill: #FAFAF8 !important;
  font-family: "Raleway", Sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 1px solid rgba(250,250,248,.42) !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  line-height: 1;
  transition: background-color .25s ease, border-color .25s ease;
}

li.wpml-ls-item > a.elementor-item.has-submenu:hover {
  background-color: rgba(250,250,248,.20) !important;
  border-color: rgba(250,250,248,.70) !important;
}

/* freccetta a discesa: stesso colore del testo */
li.wpml-ls-item > a.elementor-item .sub-arrow svg,
li.wpml-ls-item > a.elementor-item .e-font-icon-svg {
  fill: #FAFAF8 !important;
  width: 10px;
  height: 10px;
}

/* bandiera nella voce principale */
li.wpml-ls-item > a.elementor-item .wpml-ls-flag {
  width: 20px;
  height: auto;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
}

/* ===== tendina delle altre lingue ===== */
.sub-menu.elementor-nav-menu--dropdown {
  background-color: #382B1F !important;
  border: 1px solid rgba(250,250,248,.42) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  overflow: hidden;
  margin-top: 8px !important;
  min-width: auto !important;
}

/* singola voce lingua nella tendina */
.sub-menu.elementor-nav-menu--dropdown li.wpml-ls-item > a.elementor-sub-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  transition: background-color .2s ease;
}

.sub-menu.elementor-nav-menu--dropdown li.wpml-ls-item > a.elementor-sub-item:hover {
  background-color: rgba(250,250,248,.14) !important;
}

/* bandiera nelle voci della tendina */
.sub-menu.elementor-nav-menu--dropdown .wpml-ls-flag {
  width: 22px;
  height: auto;
  border-radius: 3px;
  display: block;
}

li.wpml-ls-item > a.elementor-item[aria-expanded="true"] .sub-arrow svg {
  transform: rotate(180deg);
  transition: transform .25s ease;
}

/* ===== WPML switcher legacy orizzontale — UN solo pill con tutte le bandiere ===== */

/* reset contenitore esterno */
.wpml-ls-legacy-list-horizontal {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

/* il PILL unico è la <ul>: sfondo, bordo e raggio qui */
.wpml-ls-legacy-list-horizontal > ul {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  padding: 8px 14px !important;                 /* spessore della pill */
  list-style: none !important;
  background-color: rgba(250,250,248,.10) !important;
  border: 1px solid rgba(250,250,248,.42) !important;
  border-radius: 999px !important;
}

.wpml-ls-legacy-list-horizontal li.wpml-ls-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* i singoli link: nessuno sfondo/bordo, solo la bandiera cliccabile */
.wpml-ls-legacy-list-horizontal a.wpml-ls-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  padding: 6px !important;
  border-radius: 999px !important;              /* alone tondo all'hover */
  line-height: 1;
  text-decoration: none !important;
  transition: background-color .2s ease, opacity .2s ease;
}

/* hover: leggero alone attorno alla bandiera */
.wpml-ls-legacy-list-horizontal a.wpml-ls-link:hover {
  background-color: rgba(250,250,248,.16) !important;
}

/* lingua attiva evidenziata (alone + piena opacità) */
.wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a.wpml-ls-link {
  background-color: rgba(250,250,248,.22) !important;
}

/* bandiere uniformi; le non-attive un filo attenuate */
.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
  width: 22px;
  height: auto;
  border-radius: 3px;
  display: block;
  opacity: .78;
  transition: opacity .2s ease;
}
.wpml-ls-legacy-list-horizontal a.wpml-ls-link:hover .wpml-ls-flag,
.wpml-ls-legacy-list-horizontal li.wpml-ls-current-language .wpml-ls-flag {
  opacity: 1;
}

.bk-logo {
  border-radius: 10px !important;
}