/**
 * Helper Utility Classes
 * 
 * Standardized responsive visibility and layout helpers using WordPress-friendly breakpoints.
 */

/* Breakpoints (Standard WP)
   Mobile: < 600px
   Tablet: 600px - 781px
   Desktop: > 782px
   Wide: > 1080px
*/

/* -------------------------------------------------------------------------- */
/* Responsive Visibility
/* -------------------------------------------------------------------------- */

/* Hide on Mobile Only */
@media (max-width: 599px) {
    .hide-on-mobile {
        display: none !important;
    }
}

/* Hide on Tablet and below */
@media (max-width: 781px) {
    .hide-on-tablet-down {
        display: none !important;
    }
}

/* Hide on Desktop and above */
@media (min-width: 782px) {
    .hide-on-desktop {
        display: none !important;
    }
}

/* Show only on Mobile */
@media (min-width: 600px) {
    .show-only-mobile {
        display: none !important;
    }
}

/* -------------------------------------------------------------------------- */
/* Spacing & Layout Helpers
/* -------------------------------------------------------------------------- */

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.full-width {
    width: 100%;
}

.screen-height {
    min-height: 100vh;
}

.overflow-hidden {
    overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* Object Fit Helpers
/* -------------------------------------------------------------------------- */

.object-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.object-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}