/* Mobile Sticky Bottom Navbar Height Fix
   Apply this to all pages to ensure consistent compact navbar
   This overrides any page-specific styles that might be interfering
   UPDATED: September 11, 2025 - Forces display on mobile devices
*/

.mobile-sticky-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #3a1a22 !important; /* Same as footer background */
    padding: 12px 16px 12px 16px !important; /* Reduced top/bottom padding from 16px to 12px */
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important; /* Reduced from 16px to 12px */
    display: flex !important; /* Show by default on mobile */
    flex-direction: column !important;
    z-index: 1000 !important;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2) !important;
}

.mobile-sticky-trust {
    color: white !important;
    font-size: 17.6px !important; /* Exact match with index page */
    font-weight: 500 !important;
    text-align: center !important;
    margin-bottom: 8px !important; /* Exact match with index page */
    line-height: 1.0 !important; /* Changed to 1.0 to match index page (was 1.2) */
    opacity: 0.95 !important;
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 8px !important;
}

/* TRUSTED Animation for Mobile Bottom Bar - Subtle Shimmer Effect */
.trusted-mobile-animated {
    position: relative !important;
    background: linear-gradient(90deg, #ffffff 0%, #f1681d 50%, #ffffff 100%) !important;
    background-size: 200% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: trustedShimmer 4s ease-in-out infinite !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

@keyframes trustedShimmer {
    0% { 
        background-position: -200% 0;
    }
    50% { 
        background-position: 200% 0;
    }
    100% { 
        background-position: -200% 0;
    }
}

/* Fallback for browsers that don't support background-clip: text */
@supports not (-webkit-background-clip: text) {
    .trusted-mobile-animated {
        color: #f1681d !important;
        font-weight: 900 !important;
        text-shadow: 0 0 10px rgba(241, 104, 29, 0.5) !important;
    }
}

.mobile-sticky-buttons {
    display: flex !important;
    gap: 6px !important; /* Changed from 12px to 6px to match index page */
    max-width: 100% !important;
}

.mobile-sticky-btn {
    flex: 1 !important;
    padding: 10px 20px !important; /* Reduced vertical padding from 14px to 10px for shorter height */
    border: none !important;
    border-radius: 50px !important; /* Keep the rounded corners */
    font-weight: 700 !important;
    font-size: 14px !important; /* Keep the font size */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: block !important;
}

    /* Show only on mobile */
@media (max-width: 768px) {
    .mobile-sticky-bar {
        display: flex !important; /* Ensure flex display for layout */
    }
    
    /* Add bottom padding to body to prevent content overlap */
    body {
        padding-bottom: 80px !important; /* RESTORED to original padding */
    }
    
    /* Ensure mobile menu doesn't conflict with bottom bar */
    .mobile-menu {
        padding-bottom: 120px !important; /* Add extra bottom padding to account for sticky bar */
    }
}/* Quote button styling to match index page */
.mobile-sticky-quote {
    background-color: #f5f0e8 !important; /* Stucco cream */
    color: #d32f2f !important; /* Red text */
    border: 2px solid #f1681d !important; /* Orange outline */
}

.mobile-sticky-quote:hover {
    background-color: #f5f0e8 !important; /* Keep stucco cream instead of white */
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(241, 104, 29, 0.2) !important;
}

/* Call button styling */
.mobile-sticky-call {
    background-color: #f1681d !important; /* Solid orange */
    color: white !important;
    border: 2px solid #f1681d !important;
}

.mobile-sticky-call:hover {
    background-color: #d55a18 !important;
    border-color: #d55a18 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(241, 104, 29, 0.3) !important;
}

/* Hide on desktop */
@media (min-width: 769px) {
    .mobile-sticky-bar {
        display: none !important;
    }
}

/* Fix for Portfolio page menu highlighting - Reset all dropdown items to default style */
.dropdown-item {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
}