/**
 * spacing-utilities.css - Bootstrap-compatible spacing utilities
 * Centralizzato per tutti i templates
 * Version: 1.0.0
 */

/* Content Space - Top spacing */
.content-space-t-1 {
    padding-top: 1rem !important;
}

.content-space-t-2 {
    padding-top: 1.5rem !important;
}

.content-space-t-3 {
    padding-top: 2rem !important;
}

/* Content Space - Bottom spacing */
.content-space-b-1 {
    padding-bottom: 1rem !important;
}

.content-space-b-2 {
    padding-bottom: 1.5rem !important;
}

.content-space-b-3 {
    padding-bottom: 2rem !important;
}

/* Content Space - Uniform spacing (deprecated - use t/b specific) */
.content-space-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.content-space-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.content-space-3 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/* Responsive - Large screens (≥992px) */
@media (min-width: 992px) {
    .content-space-t-lg-1 {
        padding-top: 2rem !important;
    }

    .content-space-t-lg-2 {
        padding-top: 2.5rem !important;
    }

    .content-space-t-lg-3 {
        padding-top: 3rem !important;
    }

    .content-space-b-lg-1 {
        padding-bottom: 2rem !important;
    }

    .content-space-b-lg-2 {
        padding-bottom: 2.5rem !important;
    }

    .content-space-b-lg-3 {
        padding-bottom: 3rem !important;
    }

    .content-space-lg-1 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .content-space-lg-2 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .content-space-lg-3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

/* Widget spacing variables (for CSS custom properties) */
:root {
    --widget-spacing-xs: 0.5rem;
    --widget-spacing-sm: 1rem;
    --widget-spacing-md: 1.5rem;
    --widget-spacing-lg: 3rem;
    --widget-spacing-xl: 4rem;
}