/*
 Theme Name:   Hello Child — Glow Up Yourself
 Theme URI:    https://glowupyourself.iaiaderose.com
 Description:  Child theme di Hello Elementor per l'ecosistema Iaia De Rose / Gestione Pagine SRL.
               Contiene: palette brand, font, fix SEO, redirect, schema markup base.
 Author:       Gestione Pagine SRL — Daniele Testa
 Author URI:   https://gestionepagine.it
 Template:     hello-elementor
 Version:      1.0.0
 License:      Private
 Text Domain:  hello-child
*/

/* ═══════════════════════════════════════════════════════════════════
   BRAND TOKENS — Ecosistema Glow Up Yourself / Iaia De Rose
   ═══════════════════════════════════════════════════════════════════ */
:root {
    --brand-bordeaux:      #92003b;
    --brand-bordeaux-deep: #6f1623;
    --brand-magenta:       #bf548f;
    --brand-oro:           #c9a961;
    --brand-oro-light:     #e4c785;
    --brand-crema:         #faf6f0;
    --brand-crema-warm:    #f2ebe0;
    --brand-inchiostro:    #1a1410;
    --brand-grigio:        #8b7f75;

    --brand-serif: 'Fraunces', Georgia, serif;
    --brand-mono:  'IBM Plex Mono', 'JetBrains Mono', monospace;
}

/* ═══════════════════════════════════════════════════════════════════
   TIPOGRAFIA GLOBALE
   ═══════════════════════════════════════════════════════════════════ */
body {
    font-family: var(--brand-serif);
    color: var(--brand-inchiostro);
    background-color: var(--brand-crema);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--brand-serif);
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--brand-bordeaux-deep);
}

/* ═══════════════════════════════════════════════════════════════════
   HEADER / NAVIGAZIONE
   ═══════════════════════════════════════════════════════════════════ */
.site-header,
.elementor-location-header {
    background: var(--brand-crema) !important;
    border-bottom: 1px solid rgba(146, 0, 59, 0.1);
}

/* ═══════════════════════════════════════════════════════════════════
   LINK
   ═══════════════════════════════════════════════════════════════════ */
a {
    color: var(--brand-bordeaux);
    text-decoration: none;
}
a:hover {
    color: var(--brand-magenta);
}

/* ═══════════════════════════════════════════════════════════════════
   WOOCOMMERCE — bottoni acquisto
   ═══════════════════════════════════════════════════════════════════ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-checkout-place-order-button {
    background-color: var(--brand-bordeaux) !important;
    color: #fff !important;
    font-family: var(--brand-mono) !important;
    font-size: .8rem !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    border: none !important;
    padding: .8rem 2rem !important;
    transition: background-color .2s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--brand-bordeaux-deep) !important;
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════════ */
.site-footer,
.elementor-location-footer {
    background: var(--brand-inchiostro);
    color: rgba(250, 246, 240, 0.7);
}
.site-footer a,
.elementor-location-footer a {
    color: var(--brand-oro-light);
}
.site-footer a:hover,
.elementor-location-footer a:hover {
    color: #fff;
}