/* Mobile Consistency - Ensure all desktop changes work perfectly on mobile */

/* Ensure color consistency across all devices */
@media (max-width: 991px) {
    :root {
        --yellow: #9ee96f !important;
        --tussock-yellow: #9ee96f !important;
        --golden-yellow: #9ee96f !important;
        --bs-yellow: #9ee96f !important;
        --orange: #9ee96f !important;
        --base-color: #9ee96f !important;
    }
    
    /* Override any mobile-specific yellow/orange colors */
    .text-yellow, .text-golden-yellow, .text-tussock-yellow, .text-orange,
    .btn-link.text-yellow, .btn-link.text-golden-yellow, .btn-link.text-tussock-yellow, .btn-link.text-orange,
    a.text-yellow-hover:hover, a.text-golden-yellow-hover:hover, a.text-tussock-yellow-hover:hover, a.text-orange-hover:hover {
        color: #9ee96f !important;
    }
    
    .bg-yellow, .bg-golden-yellow, .bg-tussock-yellow, .bg-orange {
        background-color: #9ee96f !important;
    }
    
    .border-color-yellow, .border-color-orange {
        border-color: #9ee96f !important;
    }
    
    /* Mobile cursor colors */
    .custom-cursor .circle-cursor-outer {
        border-color: #9ee96f !important;
        background: #9ee96f !important;
    }
    
    .custom-cursor .circle-cursor-inner {
        background: #9ee96f !important;
    }
    
    .custom-cursor .circle-cursor-inner.cursor-link-hover {
        background-color: #9ee96f !important;
    }
    
    /* Mobile slider navigation colors */
    .slider-navigation-style-04 {
        background-color: #9ee96f !important;
    }
    
    .slider-navigation-style-04:hover {
        background-color: #9ee96f !important;
    }
    
    /* Mobile gradient overrides */
    .bg-gradient-fast-pink-light-yellow {
        background-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #9ee96f) !important;
    }
    
    .text-gradient-fast-pink-light-yellow {
        background-image: linear-gradient(to right, #f7567f, #fe7177, #ff8a74, #ffa378, #9ee96f) !important;
    }
    
    .border-gradient-fast-pink-light-yellow {
        border-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #9ee96f) !important;
        border-image-slice: 1;
    }
    
    .btn-gradient-fast-pink-light-yellow {
        background-image: linear-gradient(to right, #f7567f, #9ee96f, #f7567f) !important;
        background-size: 200% auto;
        color: var(--white);
    }
    
    /* Mobile general overrides */
    [class*="orange"], [class*="yellow"] {
        color: #9ee96f !important;
        background-color: #9ee96f !important;
        border-color: #9ee96f !important;
    }
}

/* Tablet-specific consistency */
@media (max-width: 768px) {
    /* Ensure hero text is properly sized on tablets */
    .fw-800.text-black.fs-160 {
        font-size: 8rem !important; /* Adjusted for tablets */
        line-height: 8rem !important;
    }
    
    /* Ensure "Engineering Tomorrow" is properly sized */
    .fs-90.lg-fs-80.md-fs-70.sm-fs-60 {
        font-size: 4.5rem !important; /* Adjusted for tablets */
        line-height: 4.5rem !important;
    }
    
    /* Ensure description text is readable */
    .fs-19.fw-600.text-black {
        font-size: 1.2rem !important;
        line-height: 1.8rem !important;
    }
}

/* Mobile-specific consistency */
@media (max-width: 575px) {
    /* Ensure hero text is properly sized on mobile */
    .fw-800.text-black.fs-160 {
        font-size: 5rem !important; /* Adjusted for mobile */
        line-height: 5rem !important;
    }
    
    /* Ensure "Engineering Tomorrow" is properly sized */
    .fs-90.lg-fs-80.md-fs-70.sm-fs-60 {
        font-size: 3rem !important; /* Adjusted for mobile */
        line-height: 3rem !important;
    }
    
    /* Ensure description text is readable on mobile */
    .fs-19.fw-600.text-black {
        font-size: 1rem !important;
        line-height: 1.6rem !important;
    }
    
    /* Ensure logo is properly sized on mobile */
    header .navbar-brand img {
        max-height: 60px !important; /* Adjusted for mobile */
    }
}

/* Ensure all pages have consistent mobile experience */
@media (max-width: 991px) {
    /* Navigation consistency */
    .navbar .navbar-nav .nav-link {
        color: #000000 !important;
    }
    
    .navbar .navbar-nav .nav-link:hover {
        color: #9ee96f !important;
    }
    
    /* Mobile menu consistency */
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner {
        background-color: #ffffff !important;
    }
    
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {
        color: #000000 !important;
    }
    
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link:hover {
        color: #9ee96f !important;
    }
}

/* Ensure expertise page animations work on mobile */
@media (max-width: 991px) {
    [data-anime*="color"] {
        color: #9ee96f !important;
    }
    
    /* Override any mobile-specific animation colors */
    [data-anime*="#ffea00"] {
        color: #9ee96f !important;
    }
}