/* ==============================================
   FIX: Košík popup - "Ostatní zákazníci tiež nakúpili"
   
   Oprava layoutu produktov v modálnom okne po pridaní
   do košíka z kategórie. Produkty sa zobrazia v riadkoch
   (horizontálne) rovnako ako pri pridaní z detailu produktu.
   
   Aplikuje sa IBA na desktop (min-width: 768px).
   
   NÁVOD: Vložte do Shoptet administrácie:
   Šablóna → Úprava kódu → custom-styles.css
   ============================================== */

@media (min-width: 768px) {

    /* ===== KONTAINER #products ===== */
    #colorbox #products.products-block {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* ===== .product WRAPPER ===== */
    /* KĽÚČOVÝ FIX: .product wrapper má width: 33% (273px).
       Treba ho rozšíriť na 100% aby riadok mal plnú šírku. */
    #colorbox #products.products-block>.product {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: block !important;
    }

    /* ===== PRODUKTOVÝ RIADOK (.p) ===== */
    #colorbox #products.products-block .p {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        float: none !important;
        height: auto !important;
        padding: 12px 10px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #eee;
        gap: 15px !important;
        overflow: visible !important;
    }

    /* ===== OBRÁZOK ===== */
    #colorbox #products.products-block .image {
        flex: 0 0 80px !important;
        width: 80px !important;
        height: 80px !important;
        display: block !important;
        margin: 0 !important;
        position: static !important;
    }

    #colorbox #products.products-block .image img {
        max-width: 80px !important;
        max-height: 80px !important;
        object-fit: contain;
    }

    /* ===== HLAVNÝ WRAPPER (.p-in) ===== */
    #colorbox #products.products-block .p-in {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 15px !important;
        height: auto !important;
        margin: 0 !important;
        width: auto !important;
    }

    /* ===== NÁZOV PRODUKTU (.p-in-in) ===== */
    #colorbox #products.products-block .p-in-in {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    #colorbox #products.products-block .name {
        position: static !important;
        display: block !important;
        height: auto !important;
        max-height: none !important;
        min-height: unset !important;
        overflow: visible !important;
        white-space: normal !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* ===== CENA + DOSTUPNOSŤ (.p-bottom) ===== */
    #colorbox #products.products-block .p-bottom {
        flex: 0 0 160px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        position: static !important;
        margin: 0 !important;
        text-align: right !important;
        height: auto !important;
        width: auto !important;
    }

    /* Resetovať absolutne pozicované elementy */
    #colorbox #products.products-block .availability,
    #colorbox #products.products-block .prices,
    #colorbox #products.products-block .visual-discount,
    #colorbox #products.products-block .price-discount,
    #colorbox #products.products-block .price-standard,
    #colorbox #products.products-block .price-final {
        position: static !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
    }

    /* Dostupnosť */
    #colorbox #products.products-block .availability {
        white-space: nowrap !important;
        font-size: 12px !important;
        margin: 0 0 4px 0 !important;
    }

    #colorbox #products.products-block .availability span {
        display: inline-block !important;
        white-space: nowrap !important;
    }

    /* Ceny */
    #colorbox #products.products-block .prices {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        margin: 0 !important;
    }

    /* Zľavový badge "UŠETRÍTE" */
    #colorbox #products.products-block .price-discount {
        display: inline-block !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        margin-bottom: 3px !important;
    }

    /* Pôvodná cena */
    #colorbox #products.products-block .price-standard {
        display: inline-block !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }

    /* ===== TLAČIDLO + QUANTITY ===== */
    #colorbox #products.products-block .product-btn:empty {
        display: none !important;
    }

    #colorbox #products.products-block .product-btn {
        flex: 0 0 auto !important;
        position: static !important;
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
    }

    #colorbox #products.products-block .product-btn form {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 5px !important;
    }

    #colorbox #products.products-block .quantity {
        display: flex !important;
        align-items: center !important;
    }

    #colorbox #products.products-block .amount {
        width: 30px !important;
        height: 28px !important;
        text-align: center !important;
    }

    #colorbox #products.products-block .btn-cart {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        white-space: nowrap !important;
        padding: 8px 15px !important;
        height: auto !important;
    }

    /* ===== SKRYŤ NEPOTREBNÉ ===== */
    #colorbox #products.products-block .ratings-wrapper,
    #colorbox #products.products-block .flags {
        display: none !important;
    }

}

/* koniec @media (min-width: 768px) */