/**
 * Visibility Utilities
 *
 * Schema-driven responsive show/hide classes.
 * Breakpoints: mobile (≤767px), tablet (768-1023px), desktop (≥1024px)
 */

/* Hide on specific breakpoints */
@media (max-width: 767px) {
    .hide-mobile { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hide-tablet { display: none !important; }
}

@media (min-width: 1024px) {
    .hide-desktop { display: none !important; }
}

/* Show only on specific breakpoints (hidden elsewhere) */
.show-mobile {
    display: none !important;
}
@media (max-width: 767px) {
    .show-mobile { display: block !important; }
}

.show-tablet {
    display: none !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .show-tablet { display: block !important; }
}

.show-desktop {
    display: none !important;
}
@media (min-width: 1024px) {
    .show-desktop { display: block !important; }
}