/*
 Theme Name:   Scale In Vetroresina (GP)
 Theme URI:    https://www.scaleinvetroresina.com/
 Description:  Child theme GeneratePress - migrato da Storefront
 Author:       Scale In Vetroresina
 Author URI:   https://www.scaleinvetroresina.com/
 Template:     generatepress
 Version:      1.0.0
*/

/* =========================================================
   FONT CUSTOM (Open Sans self-hosted)
   ========================================================= */
@font-face {
	font-family: 'OpenSans-Bold';
	src: url('https://www.scaleinvetroresina.com/font/OpenSans-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'OpenSans-Light';
	src: url('https://www.scaleinvetroresina.com/font/OpenSans-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'OpenSans-Regular';
	src: url('https://www.scaleinvetroresina.com/font/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'OpenSans-SemiBold';
	src: url('https://www.scaleinvetroresina.com/font/OpenSans-SemiBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* =========================================================
   TIPOGRAFIA
   Nota: su GeneratePress i font/dimensioni si possono impostare
   anche da Customizer > Typography senza scrivere CSS.
   Questo blocco resta per compatibilita' 1:1 col vecchio sito;
   valutare in seguito se spostarlo nel Customizer.
   ========================================================= */
body,
button,
input,
select,
textarea {
	color: #43454b;
	font-family: 'OpenSans-Regular', sans-serif;
	line-height: 1.618;
	text-rendering: optimizeLegibility;
	font-weight: 400;
}

select {
	color: initial;
	font-family: 'OpenSans-Light', sans-serif;
	max-width: 100%;
}

h1 {
	font-size: 1.8em;
	line-height: 1.214;
	letter-spacing: 0;
	font-family: 'OpenSans-Regular', sans-serif;
	font-weight: 500;
}

h2 {
	font-size: 1.5em;
	line-height: 1.214;
	font-family: 'OpenSans-Light', sans-serif;
}

h3,
h4,
h5,
h6 {
	font-size: 1.5em;
	font-family: 'OpenSans-Light', sans-serif;
}

p {
	font-size: 1.3em;
	font-family: 'OpenSans-Light', sans-serif;
	text-align: justify;
}

/* =========================================================
   SHOP / ARCHIVIO PRODOTTI (colonne a 3)
   ========================================================= */
.columns-3 h2 {
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2px !important;
	font-family: 'OpenSans-Regular', sans-serif;
}

.columns-3 h3,
.columns-3 h4,
.columns-3 h5,
.columns-3 h6 {
	font-size: 1.3em;
	text-align: justify;
	margin-bottom: 2px !important;
}

.columns-3 .product-attributes {
	margin-bottom: 1em;
}

/* Titolo prodotto in archivio/shop
   Nota: valori uniti da due fonti che sul vecchio sito si sovrapponevano
   (style.css del child theme + CSS aggiuntivo del Customizer). Questa e'
   ora l'unica regola, niente piu' doppioni in conflitto. */
ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.41575em;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 1.5em;
}

/* =========================================================
   SFONDO E LINK
   Override esplicito: il Customizer (Colori > Sfondo) a volte
   non tocca il wrapper principale .site.grid-container.container.hfeed,
   quindi lo forziamo qui per essere sicuri sia sempre bianco.
   Stesso discorso per i link: grigio scuro invece del default.
   ========================================================= */

   
   body{
   background-color:#ffffff;
}
.site.grid-container.container.hfeed {
	background-color: #ffffff;
}

a {
	color: #6d6d6d;
}

a:hover,
a:focus {
	color: #333333;
}

/* =========================================================
   WOOCOMMERCE: badge sconto e prezzi
   ========================================================= */
.price ins {
	color: green;
}

.price del {
	color: red;
}

.columns-3 .price {
	font-size: 1.3em;
	font-weight: 300;
}

/* =========================================================
   NOTE MIGRAZIONE - Colori
   I colori generali (sfondo, intestazioni, testo, link, footer)
   NON sono in questo file: sono impostati nativamente dal
   Customizer di GeneratePress (Aspetto > Personalizza > Colori
   e Layout > Footer), niente CSS custom necessario per quelli.
   ========================================================= */

/* =========================================================
   NOTE MIGRAZIONE - Regole in sospeso (legate ai template PHP
   non ancora migrati). Le riattiviamo/adattiamo quando
   ricostruiamo i template su GeneratePress.

   Dal vecchio "CSS aggiuntivo" di Storefront:

   .page-template-template-homepage .entry-content,
   .page-template-template-homepage .entry-header {
       max-width: 100%;
   }
   -> Selettore legato al file template-homepage.php di Storefront.
      Su GP la classe body sara' diversa (dipende da come
      ricostruiremo la homepage), quindi per ora e' inerte.

   .storefront-full-width-content .woocommerce-tabs .panel {
       width: 100% !important;
   }
   -> ".storefront-full-width-content" e' una classe che Storefront
      aggiunge al <body> in certe condizioni di layout: su GP non
      esiste, va ricreata con l'equivalente GP quando serve.

   Rimosso rispetto al vecchio style.css (Storefront):
   - .storefront-full-width-content .content-area { ... }
   - .right-sidebar .content-area { ... }
   Erano regole di layout legate alla struttura/colonne di
   Storefront (float, margini in %). GeneratePress gestisce
   larghezza contenuto/sidebar dal Customizer (Layout > Sidebars),
   quindi non servono equivalenti CSS: vanno impostati da li'.
   ========================================================= */