/* Main styles for Blue Apulia Child - SAN FRANCISCO GLOBAL */

/* ========================================
   DESIGN SYSTEM - CSS CUSTOM PROPERTIES
   ======================================== */
:root {
    /* FONTS */
    --ba-font-primary: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', system-ui, 'Segoe UI', Roboto, sans-serif;
    --ba-font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', system-ui, 'Segoe UI', Roboto, sans-serif;

    /* BRAND COLORS */
    --ba-primary: #7c9cb6;          /* Blu principale bottoni */
    --ba-primary-hover: #6a8a9f;    /* Hover blu principale */
    --ba-secondary: #00448d;        /* Blu scuro titoli */

    /* STATUS COLORS */
    --ba-success: #27ae60;          /* Verde - Pubblicato */
    --ba-warning: #f39c12;          /* Giallo - Bozza */
    --ba-danger: #e74c3c;           /* Rosso - Solo errori/stati negativi */
    --ba-info: #2271b1;             /* Blu info */

    /* GRAYS */
    --ba-gray-50: #f8f9fa;          /* Background molto chiaro */
    --ba-gray-100: #e9ecef;         /* Bordi chiari */
    --ba-gray-200: #e0e0e0;         /* Bordi */
    --ba-gray-300: #ddd;            /* Bordi medi */
    --ba-gray-500: #95a5a6;         /* Grigio medio - Nascosto */
    --ba-gray-600: #6c757d;         /* Testo secondario */
    --ba-gray-700: #484848;         /* Testo scuro */
    --ba-gray-900: #2c3e50;         /* Testo principale */

    /* TEXT COLORS */
    --ba-text-primary: #2c3e50;
    --ba-text-secondary: #6c757d;
    --ba-text-muted: #95a5a6;

    /* BACKGROUNDS */
    --ba-bg-white: #ffffff;
    --ba-bg-light: #f8f9fa;
    --ba-bg-gray: #f0f0f0;

    /* BORDERS */
    --ba-border-color: #e9ecef;
    --ba-border-light: #ddd;

    /* SHADOWS */
    --ba-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --ba-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --ba-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);

    /* BORDER RADIUS */
    --ba-radius-sm: 4px;
    --ba-radius-md: 8px;
    --ba-radius-lg: 12px;
    --ba-radius-pill: 99px;
}

/* APPLICAZIONE GLOBALE */
body {
    font-family: var(--ba-font-primary);
    color: #222;
    background: #fff !important;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* TITOLI */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--ba-font-display);
    color: #00448d;
    font-weight: 600;
    letter-spacing: -0.01em; /* Miglior spacing per SF */
}

/* LINK */
a {
    color: #007bff;
    text-decoration: none;
    font-family: inherit;
}

a:hover {
    text-decoration: underline;
}

/* FORM ELEMENTS */
input, textarea, select, button {
    font-family: var(--ba-font-primary);
}

/* CONTAINER */
.container {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
    padding: 0 2vw;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
@media (min-width: 1600px) {
    .container {
        max-width: 98vw;
        padding: 0 1vw;
    }
}
@media (max-width: 900px) {
    .container {
        padding: 0 6px;
    }
}

/* Fix header coperto da admin bar: aggiungi padding-top all'header */
body.admin-bar .site-header, body.admin-bar header {
    /* padding-top: 32px !important; */
    z-index: 1002 !important;
    position: relative;
}
@media (max-width: 782px) {
    body.admin-bar .site-header, body.admin-bar header {
        padding-top: 46px !important;
    }
}

#content.site-content {
    /* padding-top: 60px; */
}
@media (max-width: 782px) {
    #content.site-content {
        padding-top: 0px;
    }
}
body.admin-bar #content.site-content {
    /* padding-top: calc(60px + 32px); */
}

.ast-separate-container .ast-article-single {
    padding: 0 !important;
}

@media (max-width: 768px) {
    .ast-header-break-point .main-navigation {
        display: none;
    }
}