/* ============================================
   assets/css/responsive.css
   RESPONSIVE STYLES
   ============================================ */

/* ===== TABLET ===== */
@media (max-width: 991px) {
    .navbar-nav {
        padding: 10px 0;
    }
    
    .navbar-nav .nav-link {
        padding: 8px 12px !important;
        border-radius: 6px;
    }
    
    .navbar-nav .nav-link.active::after {
        display: none;
    }
    
    .dropdown-menu {
        border: none;
        box-shadow: none;
        padding: 0;
        background: transparent;
    }
    
    .dropdown-item {
        padding: 6px 12px 6px 24px;
        color: var(--text-dark);
    }
    
    .dropdown-item:hover {
        background: rgba(26, 35, 126, 0.04);
    }
    
    .hero-image {
        margin-top: 40px;
    }
    
    .hero-floating-card {
        bottom: 10px;
        right: 10px;
        padding: 12px 18px;
    }
    
    .floating-content i {
        font-size: 20px;
    }
    
    .floating-content strong {
        font-size: 15px;
    }
    
    .floating-content span {
        font-size: 11px;
    }
}

/* ===== MOBILE ===== */
@media (max-width: 576px) {
    .navbar-brand .logo {
        height: 40px;
    }
    
    .top-bar {
        font-size: 11px;
        padding: 6px 0;
    }
    
    .top-bar-links {
        gap: 6px;
    }
    
    .top-bar-estimate {
        font-size: 10px;
        padding: 2px 8px;
    }
    
    .lang-link {
        font-size: 11px;
    }
    
    .section-padding {
        padding: 40px 0;
    }
    
    .section-title {
        font-size: 22px;
    }
    
    .section-subtitle {
        font-size: 14px;
    }
    
    .section-header {
        margin-bottom: 30px;
    }
    
    .trust-card {
        padding: 20px 16px;
    }
    
    .trust-icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }
    
    .trust-card h4 {
        font-size: 16px;
    }
    
    .trust-card p {
        font-size: 13px;
    }
    
    .service-card {
        padding: 20px 16px;
    }
    
    .service-card-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .service-card h3 {
        font-size: 17px;
    }
    
    .service-card p {
        font-size: 13px;
    }
    
    .area-card {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .testimonial-card {
        padding: 20px;
    }
    
    .testimonial-text {
        font-size: 14px;
    }
    
    .cta-box {
        padding: 20px 16px;
    }
    
    .cta-title {
        font-size: 20px;
    }
    
    .cta-text {
        font-size: 14px;
    }
    
    .cta-box .btn-light {
        font-size: 13px;
        padding: 10px 20px;
    }
    
    .footer-top {
        padding: 40px 0 20px;
    }
    
    .footer-heading {
        font-size: 16px;
        margin-top: 20px;
    }
    
    .whatsapp-float {
        width: 45px;
        height: 45px;
        font-size: 24px;
        bottom: 80px;
        right: 15px;
    }
    
    html[dir="rtl"] .whatsapp-float {
        right: auto;
        left: 15px;
    }
    
    .scroll-top {
        width: 38px;
        height: 38px;
        font-size: 16px;
        bottom: 20px;
        right: 15px;
    }
    
    html[dir="rtl"] .scroll-top {
        right: auto;
        left: 15px;
    }
}

/* ===== EXTRA SMALL ===== */
@media (max-width: 400px) {
    .hero-title {
        font-size: 20px;
    }
    
    .hero-stats {
        gap: 12px;
        flex-wrap: wrap;
    }
    
    .stat-number {
        font-size: 18px;
    }
    
    .stat-label {
        font-size: 11px;
    }
    
    .emergency-text {
        font-size: 12px;
    }
    
    .emergency-phone {
        font-size: 13px;
        padding: 3px 8px;
    }
    
    .footer-links a,
    .footer-contact li {
        font-size: 13px;
    }
}