/**
* Theme Name: Bella Beauty Child
* Description: This is a child theme of Bella Beauty.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: bella-beauty
* Version: 1.0.3
* Tested up to: 6.6
* Requires PHP: 7.4
* License:
* License URI:
* Text Domain: bella-beauty-child
* Copyright: cmsmasters 2025 / All Rights Reserved
*/

/* Centro Keiron - Header desktop adjustments
   Scope: solo header Elementor/CMSMasters template 148 (homepage).
   Causa del wrap: larghezze fisse impostate in Elementor (logo 25%, menu 50%, azioni 20%)
   + menu Karla 14px/2px: le 6 voci richiedono ~860px, il 50% ne offre 600-760px sotto i 1600px.
   Tablet/mobile (<=1024px): invariati, resta il comportamento del tema (menu nascosto + offcanvas).
   1025-1279px: stesso schema del tablet (offcanvas), vedi blocco dedicato in fondo.
   ------------------------------------------------------------------------- */
@media (min-width: 1025px) {
	/* Logo e azioni a larghezza naturale, il menu prende lo spazio restante */
	header.elementor-148 .elementor-element.elementor-element-71195b5e {
		width: auto;
		flex: 0 0 auto;
	}
	header.elementor-148 .elementor-element.elementor-element-4438df88 {
		width: auto;
		flex: 1 1 auto;
		min-width: 0;
	}
	header.elementor-148 .elementor-element.elementor-element-61d841f1 {
		--width: auto;
		flex: 0 0 auto;
	}
	/* Nessuna voce spezzata su due righe ("TRATTAMENTI LASER", ...) */
	header.elementor-148 .elementor-element.elementor-element-4438df88 .elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal > ul > li > a {
		white-space: nowrap;
	}
}

@media (min-width: 1280px) {
	/* Menu su una sola riga, spaziatura uniforme con gap al posto dei margini per voce */
	header.elementor-148 .elementor-element.elementor-element-4438df88 .elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal .elementor-widget-cmsmasters-nav-menu__container-inner {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		gap: clamp(12px, 1.25vw, 26px);
		margin-left: 0;
		margin-right: 0;
	}
	header.elementor-148 .elementor-element.elementor-element-4438df88 .elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal .elementor-widget-cmsmasters-nav-menu__container-inner > li {
		flex: 0 0 auto;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Tipografia leggermente compattata solo dove lo spazio non basta (>=1600px: valori del tema) */
@media (min-width: 1280px) and (max-width: 1439px) {
	header.elementor-148 .elementor-element.elementor-element-4438df88 .elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal > ul > li > a {
		font-size: 12px;
		letter-spacing: 1.5px;
	}
}
@media (min-width: 1440px) and (max-width: 1599px) {
	header.elementor-148 .elementor-element.elementor-element-4438df88 .elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal > ul > li > a {
		font-size: 13px;
	}
}
/* 1025-1279px: il menu completo non entra senza comprimere il testo -> come su tablet:
   menu desktop nascosto, trigger offcanvas visibile (Elementor lo nasconde su desktop),
   logo, ricerca e Prenota ora restano. Breakpoint Elementor globali non modificati. */
@media (min-width: 1025px) and (max-width: 1279px) {
	header.elementor-148 .elementor-element.elementor-element-4438df88 {
		display: none;
	}
	header.elementor-148 .elementor-element.elementor-element-628627a9 {
		display: block;
	}
}
/* /Centro Keiron - Header desktop adjustments */

/* Centro Keiron - Sticky header resize fallback: CMSMasters may retain an inline width after the viewport expands. */
@media (min-width: 1025px) {
  header.elementor-148 .elementor-element-23a355d5.cmsmasters-sticky-active {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}