/*
Theme Name:  Astra Child. Child for Astra
Theme URI:  https://bykern.fr
Description:  Theme to support tutsplus tutorial. Child theme for the Astra.
Author:  Batman
Textdomain:  batman
Author URI:  https://bykern.fr
Template:  astra
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Self-hosted fonts (Fase 2 perf)
   File .woff2 in /fonts/. font-display: swap evita il render-blocking:
   il testo è subito visibile col font di sistema e viene sostituito (swap)
   appena il woff2 è pronto. Niente FOIT (testo invisibile).
   ========================================================================== */

/* --- Roboto --- */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/roboto-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/roboto-700.woff2') format('woff2');
}

/* --- Roboto Slab --- */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/roboto-slab-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/roboto-slab-700.woff2') format('woff2');
}

/* --- Montserrat (usato dal configuratore) --- */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/montserrat-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/montserrat-700.woff2') format('woff2');
}

:root {
  --bk-black:        #1C1C1C;  /* nero base, header/footer */
  --bk-gray:         #333333;  /* superfici scure */
  --bk-amber:        #E8801A;  /* CTA primario */
  --bk-amber-hover:  #C25E0A;  /* hover CTA primario */
  --bk-chrome:       #D6D9DC;  /* CTA secondari / bordi */
  --bk-light:        #F4F4F2;  /* sezioni chiare alterne */
  --bk-text-on-amber:#2C1602;  /* testo scuro sopra l'ambra */
}

/* CTA primario */
.wp-block-button.is-style-primary .wp-block-button__link,
.ast-custom-button {
  background-color: var(--bk-amber) !important;
  color: var(--bk-text-on-amber) !important;
  border: none;
  transition: background-color .2s ease;
}
.wp-block-button.is-style-primary .wp-block-button__link:hover,
.ast-custom-button:hover {
  background-color: var(--bk-amber-hover) !important;
}

/* Bottone "Aggiungi al carrello" — primario ambra */
.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button {
  background-color: var(--bk-amber) !important;
  color: var(--bk-text-on-amber) !important;
  border: none !important;
  transition: background-color .2s ease;
}

.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover {
  background-color: var(--bk-amber-hover) !important;
}