/* Cart Summary Reorder CSS */

/* ========================================
   DESKTOP LAYOUT (≥ 768px)
   ======================================== */
@media (min-width: 768px) {
    /* Desktop je řízený přes JavaScript v cart-summary-reorder.js */
}

/* ========================================
   MOBILE LAYOUT (< 768px)
   ======================================== */
@media (max-width: 767px) {
    /* Extras wrapper - bez gap, použijeme margin */
    .cart-summary .extras-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
    }

    /* Všechny tři prvky - 100% šířka, pod sebou */
    .cart-summary .extras-col,
    .cart-summary .extras-col-basket,
    .cart-summary .js-extras-col-summary {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }

    /* Poslední prvek bez spodního marginu */
    .cart-summary .extras-col:last-child {
        margin-bottom: 0 !important;
    }

    /* Slevový kupón box - stejný styl jako ostatní boxy */
    .cart-summary .extras-col-basket {
        background: #fce4ec !important;
        border: none !important;
        border-radius: 20px !important;
        padding: 15px !important;
        min-height: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Formulář uvnitř - odstranit default styling */
    .cart-summary .discount-coupon {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    /* SCHOVAT checkbox "Mám slevový kupón" */
    .cart-summary .discount-coupon-checkbox,
    .cart-summary .js-open-discount-coupon {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* ZOBRAZIT formulář slevového kupónu */
    .cart-summary .discount-coupon {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        position: static !important;
    }

    /* Schovat nadpis "Mám slevový kupón:" uvnitř formuláře */
    .cart-summary .discount-coupon .h4,
    .cart-summary .discount-coupon > .h4 {
        display: none !important;
    }

    /* Formulář input a button - plná šířka na mobilu */
    .cart-summary .discount-coupon .input-group {
        display: flex !important;
        gap: 10px !important;
    }

    .cart-summary .discount-coupon input[type="text"] {
        flex: 1 !important;
    }
}