/* Rozbalovacie menu kategórie */
.menu-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    padding: 10px 0 10px 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid var(--secondary-color);
    font-size: 1.15em;
    font-weight: 600;
    background: none;
    transition: background 0.15s;
}
.menu-category-header:hover {
    background: #f7faff;
}
.menu-category-header::after {
    content: '\25BC';
    font-size: 0.9em;
    margin-left: 8px;
    transition: transform 0.2s;
}
.menu-category-header.open::after {
    transform: rotate(-180deg);
}
.menu-category-items {
    padding-left: 10px;
    margin-bottom: 10px;
    transition: max-height 0.2s;
}
/* Špeciálne štýly pre platobné tlačidlá podľa špecifikácie */
.smart-btn {
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 1em;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    transition: transform 0.08s, box-shadow 0.08s;
    cursor: pointer;
    display: inline-block;
    min-width: 120px;
}
.smart-btn:active {
    transform: scale(0.97);
    box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}
.payme-btn {
    background: linear-gradient(135deg, #FF9800, #F57C00);
    color: #fff;
}
.payby-btn {
    background: linear-gradient(135deg, #43A047, #2E7D32);
    color: #fff;
}
.sepa-btn {
    background: linear-gradient(135deg, #2196F3, #1976D2);
    color: #fff;
}
.iban-btn {
    background: linear-gradient(135deg, #9E9E9E, #616161);
    color: #fff;
}
.smart-btn svg {
    margin-right: 2px;
}