/* 💻 OPTIMISATION SPÉCIFIQUE POUR LAPTOPS */
/* Cible les écrans entre 769px et 1440px (laptops standards) */

/* Laptops standards (13" - 15") : 1024px - 1440px */
@media (min-width: 769px) and (max-width: 1440px) {
    
    /* === HEADER OPTIMISÉ LAPTOP === */
    .main-header {
        padding: 12px 24px !important;
        max-width: 100% !important;
    }
    
    .header-left, .header-right {
        gap: 12px !important;
    }
    
    .logo {
        padding: 10px 16px !important;
    }
    
    .logo-text {
        font-size: 1.3rem !important;
    }
    
    .post-ad-btn {
        padding: 10px 18px !important;
        font-size: 0.95rem !important;
    }
    
    .search-simple {
        max-width: 400px !important;
    }
    
    .search-input {
        padding: 10px 18px !important;
        font-size: 0.95rem !important;
    }
    
    /* === CONTAINER PRINCIPAL === */
    .container {
        max-width: 1200px !important;
        padding: 0 24px !important;
    }
    
    /* === GRILLES DE LISTINGS === */
    .listings-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
    
    /* === CARTES DE LISTINGS === */
    .listing-card {
        max-width: 100% !important;
    }
    
    .listing-image {
        height: 200px !important;
    }
    
    .listing-content {
        padding: 18px !important;
    }
    
    .listing-title {
        font-size: 1.1rem !important;
    }
    
    .listing-price {
        font-size: 1.3rem !important;
    }
    
    /* === SECTIONS CATÉGORIES === */
    .category-section {
        margin-bottom: 60px !important;
    }
    
    .category-header {
        padding: 20px 28px !important;
        margin-bottom: 32px !important;
    }
    
    .category-title {
        font-size: 1.8rem !important;
    }
    
    /* === POST AD FORM === */
    .post-ad-container {
        max-width: 900px !important;
        padding: 24px !important;
    }
    
    .form-grid {
        gap: 20px !important;
    }
    
    /* === PROFILE & DASHBOARD === */
    .profile-container,
    .listings-container,
    .auth-container {
        max-width: 900px !important;
        padding: 24px !important;
    }
    
    /* === MESSAGES === */
    .messages-container {
        max-width: 1100px !important;
    }
    
    .conversations-list {
        max-width: 320px !important;
    }
    
    .chat-area {
        flex: 1 !important;
    }
    
    /* === VIEW LISTING === */
    .listing-detail-container {
        max-width: 1100px !important;
        padding: 24px !important;
    }
    
    .top-section {
        gap: 24px !important;
    }
    
    .main-photo-item {
        width: 140px !important;
        height: 240px !important;
    }
    
    /* === SEARCH RESULTS === */
    .search-results-container {
        max-width: 1200px !important;
    }
    
    .filters-sidebar {
        width: 240px !important;
    }
    
    .results-main {
        flex: 1 !important;
    }
    
    /* === CTA SECTIONS === */
    .smart-cta {
        padding: 40px !important;
        margin-top: 60px !important;
    }
    
    .cta-title {
        font-size: 2rem !important;
    }
    
    .cta-subtitle {
        font-size: 1.1rem !important;
    }
    
    /* === BUTTONS === */
    .contact-btn,
    .sign-in-btn,
    .sign-up-btn {
        padding: 10px 18px !important;
        font-size: 0.9rem !important;
    }
    
    /* === FOOTER === */
    .site-footer {
        padding: 20px !important;
        font-size: 0.9rem !important;
    }
}

/* Laptops plus petits (11" - 13") : 769px - 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
    
    .container {
        max-width: 960px !important;
        padding: 0 20px !important;
    }
    
    .listings-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .listing-card {
        max-width: 100% !important;
    }
    
    .listing-image {
        height: 180px !important;
    }
    
    .category-title {
        font-size: 1.6rem !important;
    }
    
    .search-simple {
        max-width: 350px !important;
    }
    
    .post-ad-container,
    .profile-container,
    .listings-container,
    .auth-container {
        max-width: 800px !important;
        padding: 20px !important;
    }
}

/* Laptops moyens (14" - 15") : 1025px - 1366px */
@media (min-width: 1025px) and (max-width: 1366px) {
    
    .container {
        max-width: 1100px !important;
    }
    
    .listings-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 28px !important;
    }
    
    .listing-image {
        height: 220px !important;
    }
    
    .category-title {
        font-size: 1.9rem !important;
    }
}

/* Laptops plus grands (15" - 17") : 1367px - 1440px */
@media (min-width: 1367px) and (max-width: 1440px) {
    
    .container {
        max-width: 1250px !important;
    }
    
    .listings-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
    }
    
    .listing-image {
        height: 200px !important;
    }
}