/**
 * Cross-browser & mobile compatibility (site + admin).
 * Modern browsers: Chrome, Firefox, Safari, Edge (last ~4 years).
 */

/* Safe areas (notched phones) */
.site-navbar.fixed-top {
    padding-top: env(safe-area-inset-top, 0);
}

.site-main {
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
}

.admin-topbar {
    padding-top: env(safe-area-inset-top, 0);
}

.admin-sidebar {
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.admin-perms-savebar,
.admin-settings-savebar,
.admin-booking-savebar,
.admin-blog-savebar,
[class$="-savebar"] {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0));
}

/* Prevent iOS zoom on input focus */
@media (max-width: 991.98px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="url"],
    input[type="date"],
    select,
    textarea,
    .form-control,
    .form-select {
        font-size: 16px !important;
    }
}

/* Touch targets (WCAG-friendly minimum) */
@media (max-width: 991.98px) {
    .navbar-toggler,
    .site-navbar .nav-link,
    .site-navbar .btn,
    .admin-topbar__toggle,
    .admin-sidebar .nav-link,
    .admin-icon-btn,
    .btn {
        min-height: 44px;
    }

    .admin-sidebar .nav-link {
        min-height: 2.75rem;
    }
}

/* Media defaults */
img,
video,
svg {
    max-width: 100%;
    height: auto;
}

/* Smooth scrolling where supported */
@supports (scroll-behavior: smooth) {
    html {
        scroll-behavior: smooth;
    }
}

/* Backdrop blur fallback */
.admin-perms-savebar,
.admin-backdrop.is-visible {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .admin-perms-savebar {
        background: #fff;
    }
}

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

    [data-partners-marquee] .partners-marquee__track,
    [data-testimonials-marquee] .testimonials-marquee__track {
        animation: none !important;
    }

    [data-reveal],
    [data-reveal-stagger] > * {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* Horizontal scroll for wide admin tables */
.admin-page .table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    max-width: 100%;
}

/* Flexbox gap fallback not needed for target browsers */

/* Print */
@media print {
    .admin-sidebar,
    .admin-topbar,
    .admin-backdrop,
    .site-navbar,
    .admin-perms-savebar,
    [class$="-savebar"] {
        display: none !important;
    }

    .admin-main-wrap,
    .site-main {
        margin: 0 !important;
        padding: 0 !important;
    }
}