.wc-attribute-section {
    padding: 0 20px;
}

/* Tabs Nav Slider */
.wc-tabs-nav-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.wc-tabs-nav-wrap .wc-tabs-btn {
    font-family: none !important;
    letter-spacing: 0;
    font-size: 23px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    height: 32px !important;
    width: 32px !important;
    padding: 0 !important;
}

.wc-tabs-viewport{
    overflow-x:auto;   /* اجازه اسکرول دستی */
    overflow-y:hidden;
    flex:1;
    -webkit-overflow-scrolling: touch; /* روان روی موبایل */
    cursor: grab;
}
.wc-tabs-viewport:active{
    cursor: grabbing;
}


.wc-tabs-nav {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
    scroll-behavior: smooth;
    margin: 0 !important;
}

.wc-tabs-btn {
    background: #fff;
    min-height: 32px !important;
    padding: 4px 14px !important;
    border-radius: 4px !important;
    font-size: 18px !important;
}

.wc-tabs-viewport::-webkit-scrollbar{ display:none; }
.wc-tabs-viewport{ -ms-overflow-style:none; scrollbar-width:none; }

/* Tabs Items */
.wc-tabs-nav li {
    cursor: pointer;
    padding: 4px 12px;
    background: #eee;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 0 !important;
}

.wc-tabs-nav li.active {
    background: #0073aa;
    color: #fff;
}

/* Disable drag/select in table */
.wc-products-table * {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.wc-products-table img {
    pointer-events: none;
    -webkit-user-select: none;
}

.wc-products-table td {
    -webkit-touch-callout: none;
}

/* Table */
.wc-table-scroll { max-height:400px; overflow-y:auto; overflow-x:auto; }
.wc-attribute-table { border-collapse:collapse; width:100%; min-width:600px; }
.wc-attribute-table th, .wc-attribute-table td { padding:8px; text-align:center; }
.wc-attribute-table th { background:#0073aa; position:sticky; top:0; z-index:2; color: #fff;}

.wc-qty { width:60px; }
.wc-order-btn { background:#0073aa; color:#fff; border:none; padding:5px 10px; cursor:pointer; border-radius:4px; }

/* Modal */
.wc-order-modal { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:9999; }
.wc-order-modal-content {
    width: 100%;
    max-width: 70%;
    margin: 50px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    position: relative;
}
.wc-order-modal-content h2 { margin-top:0; }
.wc-order-modal-content label { display:block; margin-top:10px; }
.wc-order-modal-content input, .wc-order-modal-content textarea { width:100%; padding:5px; margin-top:3px; box-sizing:border-box; }
.wc-order-modal-content button { margin-top:15px; padding:8px 15px; background:#0073aa; color:#fff; border:none; border-radius:4px; cursor:pointer; }
.wc-order-modal-content .wc-close { margin-top:15px; padding:8px 15px; background:#f70000; color:#fff; border:none; border-radius:4px; cursor:pointer; }

.wc-form-row{display:flex;flex-wrap:wrap;margin-bottom:15px;}
.wc-form-col{flex:1;min-width:150px;margin-right:10px;}
.wc-form-col label{display:block;margin-bottom:5px;}
.wc-form-col input,.wc-form-col textarea{width:100%;padding:5px 8px;box-sizing:border-box;}
.wc-form-row:last-child {
    justify-content: flex-end;
    column-gap: 10px;
}

.wc-attribute-table tbody tr {
    background: #fff;
}
.wc-attribute-table tbody tr:nth-child(even) {
    background: #eee;
}

.wc-attribute-tabs {
    max-width: 1240px;
    margin: 0 auto;
    margin-top: 24px;
}

.wc-table-scroll .wc-qty {
    text-align: center !important;
    text-align-last: center !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 80px !important;
}

.wc-attribute-table th a, .wc-attribute-table td a {
    color: var(--wd-primary-color);
}
.wc-attribute-table th a:hover, .wc-attribute-table td a:hover {
    color: #000;
}
button.wc-tabs-btn.wc-tabs-next {
    scale: -1;
}
.wc-tabs-nav-wrap .wc-tabs-btn svg {
    max-width: 22px;
}
/* Responsive */
@media screen and (max-width: 1240px) {
.wc-attribute-tabs {
    max-width: 100%;
    margin: 0 auto;
}
}

@media screen and (max-width: 768px) {
    .wc-attribute-table th {
        font-size: 12px;
    }
    .wc-attribute-table th, .wc-attribute-table td {
        font-size: 12px;
    }
    .wc-attribute-section {
        padding: 0 8px;
    }
    .wc-tabs-nav li:first-child {
        margin-right: 0;
    }
    .wc-tabs-nav-wrap .wc-tabs-btn svg {
    max-width: 18px;
}
}