/* =============================================================================
   RESPONSIVE - MHB Theme
   Global responsive adjustments
   ============================================================================= */

/* This file imports all responsive rules that are already defined in each CSS file.
   Use this for global responsive overrides or additional breakpoints. */

/* =============================================================================
   ADDITIONAL BREAKPOINTS
   ============================================================================= */

/* Large screens */
@media (min-width: 1600px) {
    :root {
        --mhb-container-max: 1500px;
    }
}

/* =============================================================================
   PRINT STYLES
   ============================================================================= */

@media print {
    .mhb-header,
    .mhb-header-float,
    .mhb-menu-overlay,
    .mhb-carousel__pagination,
    .mhb-filter,
    .mhb-cta-wrapper {
        display: none !important;
    }

    body {
        padding: 0;
        background: #fff;
        color: #000;
    }

    .mhb-main {
        overflow: visible;
    }

    .mhb-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* =============================================================================
   REDUCED MOTION
   ============================================================================= */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .mhb-slider__slide {
        transition: none;
    }

    .mhb-carousel__track {
        transition: none;
    }
}

/* =============================================================================
   HIGH CONTRAST MODE
   ============================================================================= */

@media (prefers-contrast: high) {
    .mhb-btn--outline {
        border-width: 3px;
    }

    .mhb-card {
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
}