/* ============================================================
   mobile.css — Mobil Overrides & Responsive Adjustments
   ============================================================ */

/* ----- Global Mobile ----- */
@media (max-width: 768px) {
    .section { padding-block: var(--space-12); }
    .section-header { margin-bottom: var(--space-8); }
    .section-title { font-size: var(--text-2xl); }
    .section-subtitle { font-size: var(--text-base); }

    /* Services grid */
    .services-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-4);
    }

    /* Blog grid */
    .blog-grid {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    /* Reviews */
    .reviews-grid {
        grid-template-columns: 1fr;
    }

    /* Areas */
    .areas-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Bottom CTA btns */
    .bottom-cta__btns,
    .hero__cta-group,
    .emergency-cta__btns,
    .page-hero__cta {
        flex-direction: column;
        align-items: stretch;
    }
    .bottom-cta__btns .btn,
    .emergency-cta__btns .btn {
        justify-content: center;
    }

    /* Related services */
    .related-services__grid {
        grid-template-columns: 1fr;
    }

    /* Contact */
    .contact-page__grid {
        grid-template-columns: 1fr;
    }

    /* Map */
    .map-section__grid {
        grid-template-columns: 1fr;
    }

    .map-section__map iframe {
        height: 280px;
    }

    /* Page hero */
    .page-hero { padding-block: var(--space-10); }

    /* Prose */
    .prose h2 { font-size: var(--text-xl); }
    .prose h3 { font-size: var(--text-lg); }
}

@media (max-width: 480px) {
    .services-grid { grid-template-columns: 1fr; }
    .areas-grid    { grid-template-columns: 1fr; }

    .service-card {
        padding: var(--space-5);
    }

    .page-content__grid {
        grid-template-columns: 1fr;
    }
}

/* ----- Touch Optimizations ----- */
@media (hover: none) {
    /* Hover efektlerini devre dışı bırak — dokunmatik */
    .service-card:hover { transform: none; }
    .blog-card:hover { transform: none; }
}

/* ----- Print ----- */
@media print {
    .mobile-sticky,
    .site-header__hamburger,
    .hero__scroll,
    .bottom-cta,
    .emergency-cta {
        display: none !important;
    }

    body {
        padding-bottom: 0;
        background: white;
        color: black;
    }

    a { color: black; }

    .site-header {
        position: static;
        background: white;
        border-bottom: 1px solid #ccc;
    }
}

/* ----- High contrast mode ----- */
@media (forced-colors: active) {
    .btn { border: 2px solid ButtonText; }
    .service-card { border: 2px solid ButtonText; }
}

/* ----- Reduced motion ----- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
    .hero__badge-dot { animation: none; }
    .hero__scroll { animation: none; }
}