/**
 * Bizdash Common Styles
 * File condiviso per tutti i template Bizdash
 *
 * IMPORTANTE: Questo file è la fonte unica di verità per:
 * - Font variables
 * - Stili pulsanti
 * - Stili header
 */

/* ========== FONT VARIABLES ========== */
/* Ereditano da Core Framework se disponibili, altrimenti fallback */
:root {
    --ff-serif: var(--cf-ff-serif, 'Cardo', Georgia, serif);
    --ff-sans: var(--cf-ff-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
    --ff-mono: var(--cf-ff-mono, 'SF Mono', Consolas, monospace);

    /* Font per pulsanti e header - SEMPRE Poppins */
    --ff-btn: 'Poppins', var(--ff-sans);
    --ff-header: 'Poppins', var(--ff-sans);

    /* ===== TYPOGRAPHY SCALE (Mobile-First) ===== */
    /* Base: 16px per leggibilità mobile */
    --text-xs: 0.75rem;    /* 12px */
    --text-s: 0.875rem;    /* 14px */
    --text-m: 1rem;        /* 16px - body base */
    --text-l: 1.125rem;    /* 18px */
    --text-xl: 1.5rem;     /* 24px */
    --text-2xl: 2rem;      /* 32px */
    --text-3xl: 2.5rem;    /* 40px */
    --text-4xl: 3rem;      /* 48px */

    /* Line heights */
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    --leading-loose: 2;
}

/* ===== RESPONSIVE TYPOGRAPHY (Desktop) ===== */
@media (min-width: 768px) {
    :root {
        --text-xs: 0.75rem;    /* 12px */
        --text-s: 0.875rem;    /* 14px */
        --text-m: 1rem;        /* 16px */
        --text-l: 1.25rem;     /* 20px */
        --text-xl: 1.75rem;    /* 28px */
        --text-2xl: 2.25rem;   /* 36px */
        --text-3xl: 3rem;      /* 48px */
        --text-4xl: 3.75rem;   /* 60px */
    }
}

/* ========== PULSANTI BASE ========== */
/* Classe .fbz-btn per tutti i pulsanti CTA */
.fbz-btn,
.dda-modal-cta,
.omaggio-sticky-cta,
.omaggio-cta-btn,
.libro-cta-btn,
.libro-formats-btn,
[class*="-cta"],
[class*="-btn"]:not(.dda-play-btn):not(.omaggio-play-btn):not(.dda-header-menu):not(.dda-modal-close):not([class*="-play"]) {
    font-family: var(--ff-btn) !important;
}

/* Stile pulsante primario */
.fbz-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs, 8px);
    padding: var(--space-s, 12px) var(--space-xl, 32px);
    font-family: var(--ff-btn);
    font-size: var(--text-m, 16px);
    font-weight: 600;
    color: white;
    background: var(--primary);
    text-decoration: none;
    border: none;
    border-radius: var(--radius-full, 9999px);
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 15px var(--primary-40, rgba(0,0,0,0.15));
}

.fbz-btn-primary:hover {
    background: var(--primary-d-1);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px var(--primary-40, rgba(0,0,0,0.2));
}

/* Stile pulsante secondario */
.fbz-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs, 8px);
    padding: var(--space-s, 12px) var(--space-xl, 32px);
    font-family: var(--ff-btn);
    font-size: var(--text-m, 16px);
    font-weight: 600;
    color: var(--primary);
    background: transparent;
    text-decoration: none;
    border: 2px solid var(--primary);
    border-radius: var(--radius-full, 9999px);
    cursor: pointer;
    transition: all 0.2s ease;
}

.fbz-btn-secondary:hover {
    background: var(--primary);
    color: white;
}

/* ========== HEADER TITLES ========== */
.dda-header-title,
.libro-header-title,
[class*="-header-title"] {
    font-family: var(--ff-header) !important;
}

/* ========== TITOLI SEZIONI ========== */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--ff-header);
}

/* Titoli specifici con Cardo (serif) per contenuto editoriale */
.dda-title,
.omaggio-title,
.libro-title,
.omaggio-content h1,
.omaggio-content h2,
.dda-content h1,
.dda-content h2 {
    font-family: 'Cardo', var(--ff-serif);
}

/* ========== NAV ITEMS ========== */
.dda-header-nav-item,
.dda-nav-btn,
[class*="-nav-item"],
[class*="-nav-btn"] {
    font-family: var(--ff-sans);
}

/* ========== MODAL TITLES ========== */
.dda-modal-title {
    font-family: var(--ff-header);
}

.dda-modal-card-title {
    font-family: 'Cardo', var(--ff-serif);
}