/**
Theme Name: Astra Child
Author: Studio Up Web
Description: Tema figlio di Astra per PhiBody Space Fitness.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: astra-child
Template: astra
*/

/*
 * Solo per le pagine NON fatte con Elementor (privacy, cookie, attivazione abbonamento, carrello, cassa, account):
 * stessi caratteri e colori della home. Header, footer e home sono di Elementor e hanno i loro stili:
 * per questo tutto è sotto body:not(.elementor-page) .site-content e senza !important.
 */
body { font-family: 'Space Grotesk', sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: #C8DD3F; color: #000; }

body:not(.elementor-page) .site-content { color: #000; }
body:not(.elementor-page) .site-content :is(h1, h2, h3, h4, h5, h6, .entry-title, .product_title, .woocommerce-loop-product__title) {
	font-family: 'Michroma', sans-serif;
	font-weight: 400;
	letter-spacing: .01em;
	text-transform: uppercase;
	color: #000;
	text-wrap: balance;
}
body:not(.elementor-page) .site-content .entry-title { font-size: clamp(20px, 5.6vw, 36px); line-height: 1.2; overflow-wrap: normal; word-break: normal; hyphens: manual; }
body:not(.elementor-page) .site-content h2 { font-size: clamp(18px, 4.6vw, 28px); }
body:not(.elementor-page) .site-content h3 { font-size: clamp(16px, 4vw, 22px); }
body:not(.elementor-page) .site-content a { color: #000; }
body:not(.elementor-page) .site-content a:hover { color: #707070; }

/* Pulsanti: verde acido con bordo nero, nero al passaggio */
body:not(.elementor-page) .site-content :is(.button, button[type="submit"], input[type="submit"], .wp-block-button__link, .wc-block-components-button:not(.is-link)) {
	background: #C8DD3F;
	color: #000;
	border: 1.5px solid #000;
	border-radius: 2px;
	font-weight: 600;
}
body:not(.elementor-page) .site-content :is(.button, button[type="submit"], input[type="submit"], .wp-block-button__link, .wc-block-components-button:not(.is-link)):hover {
	background: #000;
	color: #fff;
}

/* Campi dei moduli e della cassa */
body:not(.elementor-page) .site-content :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea) {
	border: 1px solid #000;
	border-radius: 2px;
}
body:not(.elementor-page) .site-content :is(input, select, textarea):focus { outline: 2px solid #C8DD3F; outline-offset: 1px; }