/**
 * Responsive Utilities
 * 
 * @package SIC_Base_Theme
 */

/* Visibility utilities */
.hide-mobile { display: block; }
.hide-tablet { display: block; }
.hide-desktop { display: none; }

@media (max-width: 768px) {
    .hide-mobile { display: none; }
    .show-mobile { display: block; }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .hide-tablet { display: none; }
    .show-tablet { display: block; }
}

@media (min-width: 1025px) {
    .hide-desktop { display: none; }
    .show-desktop { display: block; }
}

/* Spacing utilities */
.mt-0 { margin-top: 0; }
.mt-sm { margin-top: var(--spacing-sm); }
.mt-md { margin-top: var(--spacing-md); }
.mt-lg { margin-top: var(--spacing-lg); }
.mt-xl { margin-top: var(--spacing-xl); }

.mb-0 { margin-bottom: 0; }
.mb-sm { margin-bottom: var(--spacing-sm); }
.mb-md { margin-bottom: var(--spacing-md); }
.mb-lg { margin-bottom: var(--spacing-lg); }
.mb-xl { margin-bottom: var(--spacing-xl); }

.pt-sm { padding-top: var(--spacing-sm); }
.pt-md { padding-top: var(--spacing-md); }
.pt-lg { padding-top: var(--spacing-lg); }
.pt-xl { padding-top: var(--spacing-xl); }

.pb-sm { padding-bottom: var(--spacing-sm); }
.pb-md { padding-bottom: var(--spacing-md); }
.pb-lg { padding-bottom: var(--spacing-lg); }
.pb-xl { padding-bottom: var(--spacing-xl); }

/* Padding classes */
.padding-none { padding: 0; }
.padding-small { padding: var(--spacing-md); }
.padding-medium { padding: var(--spacing-lg); }
.padding-large { padding: var(--spacing-xl); }