/* CC Suite — Fix per il tema Gunslinger di crippaecanali.it.
   Correzioni di layout che non si possono fare dai pannelli del tema/Elementor. */

/* 1) L'header è bianco opaco ma il tema lo posiziona SOPRA il contenuto (body.header_position_over):
      la prima riga di ogni pagina (es. il sottotitolo rosso "CONTATTACI") finiva nascosta sotto l'header.
      Rimesso in flusso normale, il contenuto parte sempre sotto l'header, a qualunque altezza.
      La home resta com'è (hero a tutta pagina sotto l'header). */
body.header_position_over:not(.frontpage) header.top_panel{position:relative!important;}

/* 2) Doppio header tra 768 e 1279px (iPhone orizzontale, iPad): la riga desktop è nascosta solo
      su mobile (<768) e quella mobile è nascosta solo da notebook (>=1280) in su, quindi in mezzo
      comparivano entrambe. In quella fascia vince la riga mobile. */
@media (min-width:768px) and (max-width:1279px){
	.top_panel .sc_layouts_row.sc_layouts_hide_on_mobile:not(.sc_layouts_hide_on_tablet){display:none!important;}
}

/* 3) Mobile: widget FAQ (sinistra), filtri (centro) e "torna su" (destra) sulla stessa linea.
      Il bottone .ccf-fab arriva da uno snippet inline (non da CC Suite) ed era una barra a tutta
      larghezza sopra a tutto: diventa una chip centrata, sotto al pannello FAQ aperto (z-index).
      Il "torna su" è 50px a 15px dal fondo: la chip alta 40px sta a 20px per avere lo stesso asse. */
@media (max-width:768px){
	body .ccf-fab{left:50%;right:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:7999;height:40px;padding:0 18px;gap:8px;border-radius:999px;font-size:0;letter-spacing:0;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 6px 18px rgba(0,0,0,.22);}
	body .ccf-fab svg{width:16px;height:16px;}
	body .ccf-fab::after{content:"Filtri";font-size:18px;letter-spacing:1.5px;line-height:1;}
	body .trx_addons_scroll_to_top.show{bottom:calc(15px + env(safe-area-inset-bottom,0px));}
}

/* 4) Chi siamo, blocco "1990 — Una storia nata dalla passione": su mobile le due colonne
      (spaziatore 33% + testo 66%) non si impilano e il paragrafo restava stretto e spostato a destra. */
@media (max-width:767px){
	.page-id-39 .elementor-element-4d6480be > .elementor-container > .elementor-column{width:100%!important;}
}