/* ================================================
   KEFA STUDIO - RESPONSIVE DESIGN
   Mobile-First Responsive Styles
   ================================================ */

/* ===== TABLET (768px - 991px) ===== */
@media (max-width: 991px) {

    /* Header Adjustments */
    .main-header {
        padding: var(--space-md) 0;
    }

    .logo-text {
        font-size: 1.25rem;
    }

    /* Hero Section */
    .hero-section {
        padding: var(--space-2xl) 0;
    }

    .hero-section h1 {
        font-size: 2.5rem;
    }

    .hero-section p {
        font-size: 1.125rem;
    }

    /* Product Grid */
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: var(--space-lg);
    }

    /* Section Titles */
    .section-title h2 {
        font-size: 2rem;
    }

    /* Category Filters */
    .filter-btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.875rem;
    }
}

/* ===== MOBILE (max-width: 767px) ===== */
@media (max-width: 767px) {

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

    /* Typography */
    html {
        font-size: 15px;
    }

    /* Header */
    .top-bar {
        display: none;
    }

    /* Duyuru barı mobilde daha kompakt */
    .announcement-bar {
        padding: 8px 0;
        /* Mobilde daha az padding */
    }

    .announcement-item {
        font-size: 12px !important;
        /* Mobilde daha küçük font */
        padding: 0 30px !important;
    }

    .main-header {
        padding: 0.5rem 0;
        /* Azaltıldı */
        top: 32px;
        /* Mobilde duyuru barı daha kısa */
    }

    .main-header .container {
        padding: 0 0.75rem;
        /* Yan padding azaltıldı */
    }

    .main-header .row {
        gap: 0.5rem;
        /* Boşluk azaltıldı */
        align-items: center;
    }

    .main-header .container>.row>[class*="col-"] {
        flex: 0 0 auto;
        width: auto;
        padding: 0;
    }

    /* Logo - Sol tarafa yerleştirildi ve küçültüldü */
    .logo {
        text-align: left;
        max-width: 120px;
        /* Küçültüldü */
        margin: 0;
    }

    .logo img {
        max-height: 32px;
        /* Küçültüldü */
        width: auto;
    }

    .logo-text {
        font-size: 1.1rem;
        /* Küçültüldü */
    }

    /* Arama barını gizle - sadece ikon göster */
    .search-bar {
        display: none !important;
    }

    .search-toggle-widget {
        display: block;
    }

    .search-toggle-btn {
        width: 36px;
        /* Küçültüldü */
        height: 36px;
        /* Küçültüldü */
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: var(--gray-700);
        border-radius: 50%;
        font-size: 1rem;
        /* Küçültüldü */
        transition: var(--transition-base);
        padding: 0;
    }

    .search-toggle-btn:hover {
        background: var(--gray-100);
        color: var(--primary);
    }

    /* Header Actions - Sağa hizalandı ve kompakt yapıldı */
    .header-actions {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        /* Azaltıldı */
        justify-content: flex-end;
        margin-left: auto;
    }

    /* Sepet widget'ı küçültüldü */
    .cart-widget .cart-link {
        padding: 0.5rem 0.75rem;
        /* Azaltıldı */
        font-size: 0.875rem;
        gap: 0.25rem;
    }

    .cart-widget .cart-link i {
        font-size: 1rem;
    }

    .cart-total {
        font-size: 0.875rem;
        /* Küçültüldü */
    }

    .cart-count {
        width: 20px;
        /* Küçültüldü */
        height: 20px;
        /* Küçültüldü */
        font-size: 0.65rem;
        top: -6px;
        right: -6px;
    }

    /* User widget küçültüldü */
    .user-widget .user-link {
        padding: 0.5rem 0.75rem;
        /* Azaltıldı */
        font-size: 0.875rem;
        gap: 0.25rem;
    }

    .user-widget .user-link i {
        font-size: 1rem;
    }

    .user-text {
        display: none;
        /* Mobilde sadece ikon göster */
    }

    /* User dropdown menü pozisyonu */
    .user-dropdown-menu {
        right: 0;
        top: calc(100% + 0.5rem);
    }

    /* Mobil menü toggle butonu header'da görünsün */
    .mobile-menu-toggle {
        display: flex !important;
        order: 10;
        /* En sağda olsun */
    }

    /* Navigation */
    .main-nav {
        display: none;
    }

    /* Hero Section */
    .hero-section {
        padding: var(--space-xl) var(--space-md);
        margin-bottom: var(--space-xl);
        border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    }

    .hero-section h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .hero-section p {
        font-size: 1rem;
        margin-bottom: var(--space-lg);
    }

    .btn-primary {
        padding: 0.875rem 2rem;
        font-size: 1rem;
    }

    /* Category Filters */
    .category-filters {
        gap: var(--space-sm);
        padding: var(--space-sm) 0;
    }

    .filter-btn {
        padding: 0.625rem 1.25rem;
        font-size: 0.8125rem;
    }

    /* Products */
    .products-section {
        padding: var(--space-xl) 0;
    }

    .section-title {
        margin-bottom: var(--space-lg);
    }

    .section-title h2 {
        font-size: 1.75rem;
    }

    .section-title p {
        font-size: 0.9375rem;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-md);
    }

    /* Product Cards */
    .product-card {
        border-radius: var(--radius-md);
    }

    .product-info {
        padding: var(--space-md);
    }

    .product-title {
        font-size: 0.9375rem;
    }

    .product-price {
        font-size: 1.25rem;
    }

    .old-price {
        font-size: 0.875rem;
    }

    .product-favorite {
        width: 36px;
        height: 36px;
        top: var(--space-sm);
        left: var(--space-sm);
    }

    .product-favorite i {
        font-size: 1rem;
    }

    .product-badge {
        top: var(--space-sm);
        right: var(--space-sm);
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
    }

    .product-actions {
        grid-template-columns: 1fr;
        gap: var(--space-sm);
    }

    .btn-add-cart,
    .btn-quick-view {
        width: 100%;
        justify-content: center;
    }

    .btn-quick-view {
        width: 100%;
        height: auto;
        padding: 0.875rem;
    }

    .btn-secondary {
        padding: 0.75rem 1.5rem;
        font-size: 0.9375rem;
    }

    /* Features Section */
    .features-section {
        padding: var(--space-xl) 0;
    }

    .feature-box {
        padding: var(--space-md);
        margin-bottom: var(--space-lg);
    }

    .feature-icon {
        width: 56px;
        height: 56px;
        font-size: 1.25rem;
        margin-bottom: var(--space-md);
    }

    .feature-box h4 {
        font-size: 1.125rem;
    }

    .feature-box p {
        font-size: 0.875rem;
    }

    /* Newsletter */
    .newsletter {
        padding: var(--space-xl) 0;
    }

    .newsletter h2 {
        font-size: 1.5rem;
    }

    .newsletter p {
        font-size: 0.9375rem;
    }

    .newsletter-form .input-group {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .newsletter-form button {
        width: 100%;
    }

    /* Footer */
    .main-footer {
        padding: var(--space-xl) 0 var(--space-lg);
    }

    .footer-widget {
        margin-bottom: var(--space-xl);
    }

    .footer-widget:last-child {
        margin-bottom: 0;
    }

    /* Column Layout */
    .col-lg-3,
    .col-lg-6,
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: var(--space-lg);
    }

    /* WhatsApp Button */
    .whatsapp-button {
        width: 56px;
        height: 56px;
        bottom: 20px;
        right: 20px;
    }

    .whatsapp-button a {
        font-size: 1.75rem;
    }
}

/* ===== SMALL MOBILE (max-width: 479px) ===== */
@media (max-width: 479px) {

    /* Even Smaller Typography */
    html {
        font-size: 14px;
    }

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

    /* Hero */
    .hero-section h1 {
        font-size: 1.75rem;
    }

    /* Single Column Products */
    .products-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    /* Product Cards Full Width */
    .product-card {
        max-width: 400px;
        margin: 0 auto;
    }

    /* Category Filters Stack */
    .category-filters {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-btn {
        width: 100%;
        text-align: center;
    }
}

/* ===== LARGE DESKTOP (min-width: 1400px) ===== */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }

    .hero-section h1 {
        font-size: 4rem;
    }

    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

/* ===== LANDSCAPE ORIENTATION ===== */
@media (max-height: 600px) and (orientation: landscape) {
    .hero-section {
        padding: var(--space-xl) 0;
    }

    .hero-section h1 {
        font-size: 2rem;
    }
}

/* ===== HIGH DPI SCREENS ===== */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .product-image img {
        image-rendering: -webkit-optimize-contrast;
    }
}