/* =====================================================
   NexaHost - Responsive Tasarım
   Tablet & Mobil Uyumluluk
   ===================================================== */

/* ====== Büyük Masaüstü (1280px ve altı) ====== */
@media (max-width: 1280px) {
    .container {
        max-width: 1140px;
    }
}

/* ====== Masaüstü (1024px ve altı) ====== */
@media (max-width: 1024px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: var(--space-10);
    }

    .hero-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-4);
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .nav-menu {
        gap: 0;
    }

    .nav-link {
        padding: 0.5rem 0.75rem;
        font-size: 0.9rem;
    }
}

/* ====== Tablet (768px ve altı) ====== */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }

    /* Header */
    .header {
        position: fixed;
    }

    .header-inner {
        height: 64px;
    }

    .nav-menu {
        display: none;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--white);
        flex-direction: column;
        align-items: stretch;
        padding: var(--space-4);
        gap: var(--space-2);
        overflow-y: auto;
        z-index: 999;
    }

    .nav-menu.active {
        display: flex;
    }

    .nav-item {
        width: 100%;
    }

    .nav-link {
        padding: 1rem;
        border-radius: var(--radius);
        font-size: 1rem;
        justify-content: space-between;
        width: 100%;
    }

    .nav-item:hover .dropdown {
        display: none;
    }

    .dropdown {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding: 0 0 0 var(--space-4);
        min-width: auto;
        display: none;
    }

    .nav-item.expanded .dropdown {
        display: block;
    }

    .mobile-toggle {
        display: flex;
    }

    .header-actions .btn-text {
        display: none;
    }

    /* Hero */
    .hero {
        padding: 110px 0 80px;
        text-align: center;
    }

    .hero-badge {
        margin: 0 auto var(--space-6);
    }

    .hero-actions {
        justify-content: center;
    }

    .hero-stats {
        grid-template-columns: 1fr;
        gap: var(--space-4);
        text-align: center;
        padding-top: var(--space-6);
    }

    .hero-stat-value {
        font-size: 1.75rem;
    }

    /* Domain Arama */
    .domain-search-form {
        flex-direction: column;
        gap: var(--space-2);
    }

    .domain-tld-select {
        border-left: none;
        border-top: 1px solid var(--gray-200);
        padding: 0.75rem 1rem;
    }

    /* Sectionlar */
    .section {
        padding: var(--space-12) 0;
    }

    .section-header {
        margin-bottom: var(--space-8);
    }

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

    /* Fiyatlandırma */
    .pricing-grid {
        grid-template-columns: 1fr;
    }

    .pricing-card.featured {
        transform: none;
    }

    .pricing-card.featured:hover {
        transform: translateY(-4px);
    }

    /* Özellikler */
    .features-grid {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }

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

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-bottom {
        flex-direction: column;
        gap: var(--space-4);
        text-align: center;
    }

    .footer-bottom-links {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* Page Banner */
    .page-banner {
        padding: 100px 0 60px;
    }

    /* Grid */
    .grid-2, .grid-3, .grid-4 {
        grid-template-columns: 1fr;
    }

    /* Container */
    .container {
        padding: 0 var(--space-4);
    }
}

/* ====== Mobil (480px ve altı) ====== */
@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    .container {
        padding: 0 var(--space-3);
    }

    /* Hero */
    .hero {
        padding: 100px 0 60px;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .hero-stats {
        grid-template-columns: 1fr;
    }

    /* Servis & Fiyatlandırma Kartları */
    .service-card, .pricing-card {
        padding: var(--space-5);
    }

    .price-amount {
        font-size: 2.25rem;
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-desc {
        max-width: 100%;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-links {
        align-items: center;
    }

    /* Section Başlık */
    .section-title {
        font-size: 1.5rem;
    }

    .section-subtitle {
        font-size: 1rem;
    }

    /* Butonlar */
    .btn {
        padding: 0.7rem 1.25rem;
        font-size: 0.9rem;
    }

    .btn-lg {
        padding: 0.85rem 1.5rem;
        font-size: 1rem;
    }

    /* Logo */
    .logo {
        font-size: 1.25rem;
    }

    .logo-icon {
        width: 34px;
        height: 34px;
        font-size: 1rem;
    }

    /* Domain Sonuçları */
    .domain-result {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-3);
        text-align: center;
    }

    .domain-result-info {
        justify-content: center;
    }

    /* Tablo */
    .table th, .table td {
        padding: 0.625rem;
        font-size: 0.85rem;
    }

    /* Form */
    .form-control {
        padding: 0.7rem 0.9rem;
        font-size: 0.9rem;
    }
}

/* ====== Küçük Mobil (360px ve altı) ====== */
@media (max-width: 360px) {
    .hero-title {
        font-size: 1.75rem;
    }

    .price-amount {
        font-size: 2rem;
    }

    .section-title {
        font-size: 1.35rem;
    }
}

/* ====== Yazdırma ====== */
@media print {
    .header, .footer, .mobile-toggle, .cart-btn, .btn {
        display: none !important;
    }

    body {
        color: black;
        background: white;
    }
}

/* ====== Dark Mode Tercihi (opsiyonel) ====== */
@media (prefers-color-scheme: dark) {
    /* Şimdilik devre dışı */
}

/* ====== Hareket Azaltma ====== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}