/**
 * Responsive Tasarım
 * Mobil ve tablet uyumluluk
 */

/* ===== MOBILE (max-width: 768px) ===== */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
    
    /* Header */
    .header-content {
        flex-direction: column;
        gap: 15px;
    }
    
    .logo {
        font-size: 24px;
    }
    
    .nav-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .nav-menu a {
        padding: 6px 12px;
        font-size: 14px;
    }
    
    /* User Menu */
    .user-menu-dropdown {
        position: fixed;
        top: 60px;
        left: 10px;
        right: 10px;
        width: auto;
    }
    
    /* Cards */
    .kawaii-card {
        padding: 15px;
    }
    
    /* Buttons */
    .kawaii-btn {
        padding: 10px 20px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }
    
    /* Forms */
    .form-input {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    /* Tables */
    .kawaii-table {
        font-size: 14px;
    }
    
    .kawaii-table th,
    .kawaii-table td {
        padding: 10px;
    }
    
    /* Admin Layout */
    .admin-wrapper {
        flex-direction: column;
    }
    
    .admin-sidebar {
        width: 100%;
        height: auto;
        position: relative;
        padding: 10px 0;
    }
    
    .admin-content {
        margin-left: 0;
        padding: 15px;
    }
    
    .admin-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .admin-menu-link {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    /* Stats Grid */
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .stat-card {
        padding: 20px;
    }
    
    .stat-card-value {
        font-size: 28px;
    }
    
    /* Gallery */
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    /* Messages */
    .message-item {
        flex-direction: column;
        gap: 10px;
    }
    
    .message-avatar {
        width: 40px;
        height: 40px;
    }
    
    /* Profile */
    .profile-header {
        flex-direction: column;
        text-align: center;
    }
    
    .profile-avatar {
        width: 100px;
        height: 100px;
    }
    
    /* Pagination */
    .pagination {
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .pagination a,
    .pagination span {
        padding: 8px 12px;
        font-size: 14px;
    }
}

/* ===== TABLET (min-width: 769px) and (max-width: 1024px) ===== */
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        max-width: 95%;
    }
    
    /* Admin Layout */
    .admin-sidebar {
        width: 200px;
    }
    
    .admin-content {
        margin-left: 200px;
        padding: 20px;
    }
    
    /* Stats Grid */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Gallery */
    .gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ===== DESKTOP (min-width: 1025px) ===== */
@media (min-width: 1025px) {
    .container {
        max-width: 1200px;
    }
    
    /* Gallery */
    .gallery-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ===== PRINT ===== */
@media print {
    .header, .footer, .nav-menu, .user-menu, .kawaii-btn {
        display: none !important;
    }
    
    .kawaii-card {
        box-shadow: none;
        border: 1px solid #ccc;
    }
}

/* ===== DARK MODE (Optional) ===== */
@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #1a1a2e;
        --card-color: #16213e;
        --text-color: #e0e0e0;
        --text-light: #a0a0a0;
        --border-color: #0f3460;
    }
    
    body {
        background-image: 
            radial-gradient(circle at 10% 20%, rgba(255, 105, 180, 0.1) 0%, transparent 20%),
            radial-gradient(circle at 90% 80%, rgba(147, 112, 219, 0.1) 0%, transparent 20%);
    }
    
    .kawaii-card {
        background: var(--card-color);
    }
    
    .form-input {
        background: #1a1a2e;
        color: #e0e0e0;
        border-color: #0f3460;
    }
}

/* ===== ORIENTATION ===== */
@media (orientation: landscape) and (max-width: 768px) {
    .admin-sidebar {
        width: 200px;
        height: 100vh;
        position: fixed;
    }
    
    .admin-content {
        margin-left: 200px;
    }
}

/* ===== HOVER SUPPORT ===== */
@media (hover: hover) {
    .kawaii-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-hover);
    }
}

@media (hover: none) {
    .kawaii-card:active {
        transform: scale(0.98);
    }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ===== HIGH CONTRAST ===== */
@media (prefers-contrast: high) {
    :root {
        --primary-color: #ff1493;
        --secondary-color: #8a2be2;
        --text-color: #000000;
        --background-color: #ffffff;
    }
}