/* 버튼 스타일 */
.btn-primary-custom {
    background: linear-gradient(90deg, #ffd700 0%, #ffe066 100%);
    color: #181a1b !important;
    font-weight: 700;
    border: none;
    border-radius: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: background 0.2s;
    /*border-radius: 8px !important;*/
    padding: 0.5rem 1.5rem !important;
}
.btn-primary-custom:hover {
    background: linear-gradient(90deg, #ffe066 0%, #ffd700 100%);
    color: #181a1b;
}
.table-sum-color {
    --bs-table-bg: #666;
}

@media (max-width: 768px) {
    .table {
        font-size: .8rem;
    }
}


/* unit-type */
.unit-btn-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge */
}
.unit-btn-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.unit-btn-scroll .btn {
    white-space: nowrap;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 1.08rem;
    padding: 0.55rem 1.3rem;
    background: #f7f7fa;
    color: #333;
    /*border: 1.5px solid #e0e0e0;*/
    transition: background 0.2s, color 0.2s, border 0.2s;
    flex: 0 0 auto;
}
.unit-btn-scroll .btn.active,
.unit-btn-scroll .btn:focus {
    /*background: #1976d2;*/
    background: linear-gradient(90deg, #ffd700 0%, #ffe066 100%);
    color: #fff;
    border-color: #ffe066;
    box-shadow: 0 2px 12px rgba(25,118,210,0.07);
}
@media (max-width: 575px) {
    .unit-btn-scroll {
        gap: 0.35rem;
        padding-bottom: 0.35rem;
    }
    .unit-btn-scroll .btn {
        font-size: 0.98rem;
        padding: 0.45rem 1rem;
    }
}

/* store */
.store-btn-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.store-btn-scroll::-webkit-scrollbar { display: none; }
.store-btn-scroll .btn {
    white-space: nowrap;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 1.08rem;
    padding: 0.55rem 1.3rem;
    background: #f7f7fa;
    color: #333;
    border: 1.5px solid #e0e0e0;
    transition: background 0.2s, color 0.2s, border 0.2s;
    flex: 0 0 auto;
}
.store-btn-scroll .btn.active,
.store-btn-scroll .btn:focus {
    /*background: #1976d2;*/
    background: linear-gradient(90deg, #ffd700 0%, #ffe066 100%);
    color: #fff;
    border-color: #ffe066;
    box-shadow: 0 2px 12px rgba(25,118,210,0.07);
}
@media (max-width: 575px) {
    .store-btn-scroll { gap: 0.35rem; padding-bottom: 0.35rem; }
    .store-btn-scroll .btn { font-size: 0.98rem; padding: 0.45rem 1rem; }
}