/*
 * ============================================================
 *  CHILD THEME: child-ivana-business-tema
 *  Parent: Hummingbird 2.1.2 / Bootstrap 5.3.3 / PS 9.2.0
 * ============================================================
 *
 * COME FUNZIONA:
 * Questo file viene caricato DOPO il CSS di Hummingbird,
 * quindi qualsiasi regola qui sovrascrive quella del padre.
 *
 * STRATEGIA CONSIGLIATA:
 * Usa le CSS Custom Properties (variabili) di Bootstrap 5 per
 * cambiare colori, font, border-radius, ecc. in modo globale.
 * Per modifiche puntuali usa i selettori CSS normali.
 * ============================================================
 */


/* ============================================================
   1. CUSTOM PROPERTIES — Palette colori e tipografia
      Modifica questi valori per cambiare l'aspetto globale.
   ============================================================ */
:root {

  /* --- Colori brand principali --- */
  --bs-primary:              #0b69f6;   /* Colore principale (pulsanti, link attivi) */
  --bs-primary-rgb:          11, 105, 246;

  /* --- Colori secondari --- */
  --bs-secondary:            #6c757d;
  --bs-secondary-rgb:        108, 117, 125;

  /* --- Colori di stato --- */
  --bs-success:              #188251;
  --bs-danger:               #ff4657;
  --bs-warning:              #ffc107;
  --bs-info:                 #0dcaf0;

  /* --- Body --- */
  --bs-body-bg:              #ffffff;
  --bs-body-color:           #212529;
  --bs-body-font-family:     "Inter", sans-serif;
  --bs-body-font-size:       1rem;
  --bs-body-font-weight:     400;
  --bs-body-line-height:     1.5;

  /* --- Link --- */
  --bs-link-color:           var(--bs-primary);
  --bs-link-color-rgb:       var(--bs-primary-rgb);
  --bs-link-hover-color:     #0954c5;

  /* --- Bordi --- */
  --bs-border-color:         #dee2e6;
  --bs-border-radius:        0.5rem;
  --bs-border-radius-sm:     0.25rem;
  --bs-border-radius-lg:     0.5rem;
  --bs-border-radius-pill:   50rem;

  /* --- Sfondi di sfumatura --- */
  --bs-tertiary-bg:          #f8f9fa;

  /* -----------------------------------------------
     VARIABILI CUSTOM DEL CHILD THEME
     Usale nei template e nel CSS per coerenza
     ----------------------------------------------- */

  /* Header */
  --ivana-header-bg:                  #ffffff;
  --ivana-header-border-color:        #dee2e6;
  --ivana-header-height:              64px;

  /* Navigation */
  --ivana-nav-bg:                     #ffffff;
  --ivana-nav-link-color:             #212529;
  --ivana-nav-link-hover-color:       var(--bs-primary);
  --ivana-nav-link-font-weight:       600;

  /* Footer */
  --ivana-footer-bg:                  #212529;
  --ivana-footer-color:               #dee2e6;
  --ivana-footer-link-color:          #adb5bd;
  --ivana-footer-link-hover-color:    #ffffff;

  /* Card prodotto */
  --ivana-product-card-border:        1px solid var(--bs-border-color);
  --ivana-product-card-radius:        var(--bs-border-radius);
  --ivana-product-card-shadow:        0 2px 8px rgba(0, 0, 0, 0.06);
  --ivana-product-card-shadow-hover:  0 4px 16px rgba(0, 0, 0, 0.12);

  /* Bottoni */
  --ivana-btn-radius:                 0.25rem;

  /* Tipografia headings */
  --ivana-heading-font-weight:        700;
  --ivana-heading-color:              #212529;

  /* Spaziature principali */
  --ivana-section-spacing:            4rem;
  --ivana-section-spacing-sm:         2rem;
}


/* ============================================================
   1b. DARK MODE — Override per tema scuro (se necessario)
   ============================================================ */
[data-bs-theme="dark"] {
  --ivana-header-bg:         #1a1d20;
  --ivana-nav-bg:            #1a1d20;
  --ivana-footer-bg:         #1a1d20;
  --ivana-footer-color:      #dee2e6;
}


/* ============================================================
   2. TIPOGRAFIA GLOBALE
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: var(--ivana-heading-font-weight);
  color: var(--ivana-heading-color);
}


/* ============================================================
   3. HEADER
   ============================================================ */
/* Aggiungere qui le personalizzazioni dell'header.
   Esempio: */
/*
#header {
  background-color: var(--ivana-header-bg);
  border-bottom: 1px solid var(--ivana-header-border-color);
}
*/


/* ============================================================
   4. NAVIGAZIONE (menu principale)
   ============================================================ */
/*
.header-top {
  background-color: var(--ivana-nav-bg);
}
*/


/* ============================================================
   5. HOMEPAGE
   ============================================================ */
/*
#index .featured-products .section-title {
  font-size: 1.75rem;
}
*/


/* ============================================================
   6. SCHEDA PRODOTTO (miniatura in listing)
   ============================================================ */
.product-miniature .card {
  border: var(--ivana-product-card-border);
  border-radius: var(--ivana-product-card-radius);
  box-shadow: var(--ivana-product-card-shadow);
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.product-miniature .card:hover {
  box-shadow: var(--ivana-product-card-shadow-hover);
}


/* ============================================================
   7. PAGINA PRODOTTO (dettaglio)
   ============================================================ */
/*
.product-title {
  font-size: 1.75rem;
  font-weight: var(--ivana-heading-font-weight);
}
*/


/* ============================================================
   8. CARRELLO & CHECKOUT
   ============================================================ */
/*
.cart-overview {
  border-radius: var(--bs-border-radius);
}
*/


/* ============================================================
   9. FOOTER
   ============================================================ */
#footer {
  background-color: var(--ivana-footer-bg);
  color: var(--ivana-footer-color);
}

#footer a {
  color: var(--ivana-footer-link-color);
}

#footer a:hover {
  color: var(--ivana-footer-link-hover-color);
}


/* ============================================================
   10. BOTTONI — Personalizzazioni globali
   ============================================================ */
.btn {
  border-radius: var(--ivana-btn-radius);
}


/* ============================================================
   11. RESPONSIVE — Media queries extra
       Hummingbird usa: xs(360), sm(576), md(768), lg(992),
                        xl(1200), xxl(1400)
   ============================================================ */

/* Mobile fino a 575px */
@media (max-width: 575.98px) {
  /* Aggiungi qui gli override mobile */
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Aggiungi qui gli override tablet */
}

/* Desktop grande */
@media (min-width: 1400px) {
  /* Aggiungi qui gli override per schermi xxl */
}