/* ======================================== MOBILE-FIRST ENHANCED CSS - 2025 Mobile-friendly optimizations for RK Automobile======================================== *//* TOUCH-FRIENDLY ELEMENTS */.cta-button, button,input[type="submit"]{min-height: 44px;/* Standard touch target */ min-width: 44px;padding: 12px 20px;touch-action: manipulation;/* Disable double-tap zoom */ /* CENTER CONTENT PERFECTLY */ display: flex !important;align-items: center !important;/* Vertical centering */ justify-content: center !important;/* Horizontal centering */ text-align: center !important;line-height: 1.2 !important;/* Ensure text doesn't break */ white-space: nowrap;}/* FORCE BUTTON CENTERING FOR ALL BUTTON TYPES */.cta-button,.cta-button.large,.button-law-section,button.prev,button.next,.nav ul li a,input[type="submit"],button{display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important;line-height: 1.2 !important;vertical-align: middle !important;}/* SPECIFIC FIX FOR CAROUSEL BUTTONS */.carousel .prev,.carousel .next{display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important;line-height: 1 !important;}/* HOME PAGE BUTTON SPECIAL STYLING */.cta-button-home{white-space: normal !important;/* Allow text wrapping for longer text */ min-width: auto !important;/* Remove minimum width constraint */ width: fit-content !important;/* Fit exactly to content width */ padding: 0.8rem 1.5rem !important;/* Increased horizontal padding by 1rem each side */ color: var(--text-color-white) !important;/* Force white text */ background-color: var(--primary-color) !important;/* Ensure red background */ margin: 2rem auto !important;/* Center the button */}/* PHONE LINKS OPTIMIZATION */a[href^="tel:"]{color: var(--text-color-white);font-weight: bold;font-size: 1.8rem;text-decoration: none;display: inline-block;padding: 8px 12px;border-radius: 6px;background-color: rgba(195, 47, 39, 0.1);transition: all 0.3s ease;}a[href^="tel:"]:hover,a[href^="tel:"]:focus{background-color: var(--primary-color);color: white;transform: scale(1.05);}/* MOBILE TYPOGRAPHY IMPROVEMENTS */@media (max-width: 768px){html{font-size: 58%;/* Smaller base for mobile */ } .title-h1{font-size: 2.8rem !important;line-height: 1.1;margin-bottom: 1rem;} body{font-size: 1.4rem;line-height: 1.5;} h2{font-size: 2.2rem;margin-bottom: 1.5rem;} h3{font-size: 1.8rem;margin-bottom: 1rem;} p{font-size: 1.4rem;margin-bottom: 1.2rem;}}/* IMPROVED NAVIGATION FOR MOBILE - REMOVED TO RESTORE ORIGINAL HEADER STYLE *//* MOBILE-FIRST CONTAINERS */@media (max-width: 768px){.container{padding: 0 15px;} .services-grid-container{grid-template-columns: 1fr;gap: 1.5rem;} .service-card{padding: 1.5rem;margin-bottom: 1rem;} .service-icon{font-size: 2.5rem !important;margin-bottom: 1rem;}}/* FORMS MOBILE OPTIMIZATION */@media (max-width: 768px){input[type="text"], input[type="email"], input[type="tel"], textarea, select{font-size: 16px !important;/* Prevent zoom on iOS */ padding: 12px 15px;border-radius: 6px;width: 100%;margin-bottom: 1rem;} label{font-size: 1.4rem;margin-bottom: 0.5rem;display: block;font-weight: 600;}}/* HERO SECTION MOBILE */@media (max-width: 768px){.hero{padding: 2rem 1rem;text-align: center;} .hero-content{max-width: 100%;} .hero p{font-size: 1.5rem !important;margin: 1.5rem 0;}}/* CAROUSEL MOBILE IMPROVEMENTS */@media (max-width: 768px){.carousel{border-radius: 8px;overflow: hidden;} .carousel img{width: 100%;height: 250px;object-fit: cover;} .carousel .prev, .carousel .next{font-size: 2rem;padding: 10px 15px;background-color: rgba(0,0,0,0.7);color: white;border: none;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 100;} .carousel .prev{left: 10px;} .carousel .next{right: 10px;}}/* IMPROVED CONTACT SECTION - DISABLED TO KEEP DESKTOP COLORS *//*@media (max-width: 768px){.contact-grid{gap: 2rem;} .contact-info ul li{font-size: 1.5rem;margin-bottom: 1rem;padding: 10px;background-color: #f8f9fa;border-radius: 6px;} .contact-form h2{color: var(--text-color-black);text-align: center;margin-bottom: 2rem;}}*//* FOOTER MOBILE - DISABLED TO KEEP DESKTOP STYLES *//*@media (max-width: 768px){footer{text-align: center;padding: 1.5rem 1rem;} footer p{font-size: 1.2rem;line-height: 1.4;} footer img{max-width: 80px;margin: 0 5px;}}*//* SCROLL TO TOP MOBILE */@media (max-width: 768px){.scrollToTop{right: 1rem !important;bottom: 2rem !important;width: 45px;height: 45px;} .scrollToTop i{font-size: 1.5rem;}}/* PERFORMANCE OPTIMIZATIONS */@media (max-width: 768px){/* Reduce animations on mobile - DISABLED TO KEEP DESKTOP ANIMATION SPEED */ /* *, *::before, *::after{animation-duration: 0.3s !important;transition-duration: 0.3s !important;} */ /* Optimize images for mobile */ img{max-width: 100%;height: auto;} .logo img{height: 100% !important;}}/* LANDSCAPE MOBILE SPECIFIC */@media (max-width: 768px) and (orientation: landscape){.title-h1{font-size: 2.4rem !important;} .hero{padding: 1rem;} }/* ACCESSIBILITY IMPROVEMENTS */@media (max-width: 768px){/* Better focus indicators */ button:focus, a:focus, input:focus, textarea:focus, select:focus{outline: 3px solid var(--primary-color);outline-offset: 2px;} /* High contrast mode support */ @media (prefers-contrast: high){.cta-button{border: 2px solid var(--primary-color);} } /* Reduced motion support - Keep this for accessibility */ @media (prefers-reduced-motion: reduce){*{animation: none !important;transition: none !important;} }}