/* css/modern-design.css */
/* Based on design.md principles for Logistics24x7 */

:root {
    --primary: #0A2540;
    --accent: #D4A94E;
    --success: #20C997;
    --bg-light: #F8F9FA;
    --bg-dark: #0F172A;
    --radius-md: 8px;
    --shadow-soft: 0 10px 40px rgba(0,0,0,0.06);
    --shadow-hover: 0 15px 50px rgba(0,0,0,0.1);
}

/* Glassmorphism for Navbar */
.header.sticky-top {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Modern Card Depth & Hover (View Transitions & Scroll-driven) */
.about-feature-box, .stat-card-modern, .offer-card, .contact-card {
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-soft) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.about-feature-box:hover, .stat-card-modern:hover, .offer-card:hover, .contact-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: var(--shadow-hover) !important;
}

/* Modern Buttons */
.btn-primary, .btn-outline-primary, .enquiry-submit-btn {
    border-radius: var(--radius-md) !important;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.2s ease !important;
}

.btn-primary:hover, .enquiry-submit-btn:hover {
    transform: scale(1.02) !important;
    filter: brightness(1.1);
}

/* 
  View Transitions Support 
  Smooth, app-like page loads when navigating
*/
@view-transition {
    navigation: auto;
}

/*
  Scroll-driven entry effects
  If browser supports animation-timeline, use it for cards
*/
@supports (animation-timeline: view()) {
    .offer-card {
        animation: revealScale 0.8s ease forwards;
        animation-timeline: view();
        animation-range: entry 5% cover 25%;
    }
}

@keyframes revealScale {
    0% { opacity: 0; transform: translateY(30px) scale(0.95); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}