/* Responzívne tabuľky - karty na mobiloch */
@media (max-width: 768px) {
    .responsive-table .table-responsive {
        border: none;
        overflow-x: visible !important;
    }
    
    .responsive-table table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table tr {
        display: block;
    }
    
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .responsive-table tr {
        margin-bottom: 15px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 10px;
        background: white;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    
    /* TD elementy - základné nastavenie */
    .responsive-table td {
        display: block;
        border: none;
        position: relative;
        padding-left: 50%;
        text-align: right !important;
        min-height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    /* KRITICKÁ VÝNIMKA: .input-group a jeho deti MUSIA zostať inline-flex */
    .responsive-table td .input-group,
    .responsive-table td .input-group * {
        display: inline-flex !important;
    }
    
    .responsive-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        font-weight: 600;
        text-align: left;
        color: #6c757d;
        font-size: 0.875rem;
        width: 45%;
    }
    
    .responsive-table td:last-child {
        border-bottom: none;
    }
    
    /* Akčné tlačidlá - VÝNIMKA pre tlačidlá v .input-group */
    .responsive-table td .btn:not(.input-group .btn) {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .responsive-table td .btn:not(.input-group .btn):last-child {
        margin-bottom: 0;
    }
    
    .responsive-table td .btn-group:not(.input-group) {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 5px;
    }
    
    .responsive-table td .btn-group:not(.input-group) .btn {
        border-radius: 0.375rem !important;
    }
    
    /* ZABEZPEČENIE: .input-group tlačidlá zostávajú horizontálne */
    .responsive-table td .input-group .btn {
        width: auto !important;
        margin-bottom: 0 !important;
    }
    
    /* Badge a ikony */
    .responsive-table td .badge {
        display: inline-block;
        margin: 2px 0;
    }
    
    /* Text alignment fixes */
    .responsive-table td.text-center,
    .responsive-table td.text-end {
        text-align: right !important;
    }
    
    /* Small text */
    .responsive-table td small {
        display: block;
        margin-top: 3px;
    }
}

/* Sticky vypnutie na mobiloch */
@media (max-width: 992px) {
    .cart-summary-sticky {
        position: relative !important;
        top: auto !important;
    }
}