/*
Theme Name: PROBAR CLAUDE
Theme URI: https://www.attrezzaturabarman.it/
Description: Tema child di Astra per ProBar (attrezzaturabarman.it).
Author: Performize
Author URI: https://performize.it/
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: probar
*/

/* Gli stili personalizzati del tema child vanno qui sotto. */

/* =============================================================================
   SFONDO DEL SITO - nero pieno
   -----------------------------------------------------------------------------
   Prima qui viveva body-bg-free-img.jpg: un'immagine dimostrativa arrivata
   col template nel 2018 (1920x1280, cartella uploads), montata con
   background-attachment: fixed.

   Perche' e' stata tolta:
   1. FLUIDITA'. Uno sfondo "fixed" obbliga il browser a ridipingere il fondo
      a ogni fotogramma di scorrimento. Misurato dal vivo su questa home:
      9 fotogrammi oltre i 32 ms (il peggiore a 72) contro ZERO col fondo
      piatto. Su un telefono, in una pagina catalogo lunga, si sente.
   2. LEGGIBILITA'. Il contrasto si calcola su un fondo uniforme: una trama
      screziata lo rende imprevedibile, e il fondo scuro un costo di lettura
      ce l'ha gia'.
   3. COERENZA. Le miniature prodotto sono in letterbox bianco: su un campo
      screziato i loro bordi fanno rumore, sul nero pieno sembrano oggetti
      appoggiati. La sezione showroom era gia' #0a0a0a: ora tutto il sito
      parla la stessa lingua.

   Perche' #0a0a0a e non #000: il nero assoluto con testo bianco produce
   alone e vibrazione, soprattutto sugli OLED. Il quasi-nero e' gia' il
   colore dei pannelli del tema, quindi i pannelli possono stare un gradino
   sopra e leggersi come sollevati.

   PER TORNARE INDIETRO: basta cancellare questo blocco. L'impostazione
   originale vive ancora nel Customizer di Astra e torna da sola.
   ============================================================================= */
body,
.ast-separate-container {
	background-image: none !important;
	background-color: #0a0a0a !important;
	background-attachment: scroll !important;
}

/* =============================================================================
   INTESTAZIONE - la navigazione non poggia mai su una fotografia
   -----------------------------------------------------------------------------
   La banda del logo era gia' nera (.ast-above-header); la riga del menu e
   quella della ricerca erano invece TRASPARENTI, sospese sopra l'immagine
   della hero. Il contrasto del testo bianco dipendeva quindi da cosa
   passava sotto, e cambiava da pagina a pagina.

   Misurato sulla home campionando i pixel sotto ogni voce (soglia di
   legge: 4,5):
       Attrezzatura Bar 18,06 - Bicchieri 13,67 - Banconi 15,62
       Barista Coffee    1,81 (illeggibile)
       Libri sui Cocktail 3,23 (insufficiente)
       Offerte WOW      10,53
   Le due voci sopra la camicia bianca del barista sparivano. E sarebbe
   tornato a succedere a ogni cambio di immagine, su ogni pagina: un
   difetto che non si puo' tenere sotto controllo.

   Un menu e' uno strumento di lavoro, non un elemento decorativo: chi
   entra deve trovare la categoria in un secondo, spesso col telefono in
   mano dietro al banco. Quindi fondo pieno, contrasto 18 ovunque e per
   sempre.

   LA RICERCA RESTA SULLA FOTO, DI PROPOSITO. Il suo campo e' una scatola
   bianca piena: si legge da sola su qualunque sfondo, non ha bisogno di
   una barra sotto. Cosi' il blocco nero si ferma al menu, l'immagine
   respira e si tiene un pezzo dell'effetto immersivo. Fondo pieno solo
   dove il testo e' nudo: e' li' che serve.

   PER TORNARE INDIETRO: cancellare questo blocco.
   ============================================================================= */
.site-header .main-header-bar {
	background-color: #0a0a0a !important;
}

/* =============================================================================
   INTESTAZIONE - allineare le pagine interne alla home
   -----------------------------------------------------------------------------
   Astra usa DUE loghi: quello "transparent-custom-logo" (home, intestazione
   sovrapposta all'immagine) e quello normale (tutte le altre pagine). Il
   secondo usciva a 300px contro i circa 130 della home: oltre a essere
   sproporzionato, occupava la colonna sinistra della griglia e spingeva la
   riga della ricerca 15px oltre il bordo destro, creando la barra di
   scorrimento orizzontale e il riquadro che "usciva male".
   Misurato: scrollWidth 1455 su viewport 1440 -> con il logo a 190px
   scende a 1433, niente sbordo.
   ============================================================================= */
.site-header .custom-logo-link:not(.transparent-custom-logo) img.custom-logo {
	max-width: 190px !important;
	width: auto !important;
	height: auto !important;
}

.site-header .ast-builder-grid-row-has-sides {
	max-width: 100% !important;
}

/* =============================================================================
   PAGINE CATEGORIA - la striscia grigia sopra l'immagine
   -----------------------------------------------------------------------------
   Il contenitore del contenuto (.ast-woocommerce-container) ha un fondo
   #141516, un gradino sopra il nero della pagina, e un padding superiore di
   1,5em. L'immagine di intestazione della categoria e' a tutta larghezza e
   parte SOTTO quel padding: il risultato era una banda grigia di 22px sul
   telefono e 25px sul desktop, incastrata tra la barra di ricerca e la foto.
   Non si leggeva come una scelta, si leggeva come un pezzo fuori posto.

   Si toglie solo il padding, e solo dove c'e' davvero la hero (:has): cosi'
   la foto tocca l'intestazione e le pagine senza immagine tengono il loro
   respiro in alto.
   ============================================================================= */
body.tax-product_cat .ast-woocommerce-container:has(.pb-cat-hero) {
	padding-top: 0 !important;
}