/* ==========================================================
   SIZECHART — CORE WRAPPER
   ========================================================== */
.slide-tab.tab-sizechart {
    box-sizing: border-box;
}

/* ==========================================================
   TABS — WRAPPER
   ========================================================== */
.slide-tab.tab-sizechart .kt-tabs-wrap {
    display: block;
}

/* ==========================================================
   TABS — TITLE LIST
   ========================================================== */
.slide-tab.tab-sizechart .kt-tabs-title-list {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin: 0 0 .75rem;
    padding: 0;
    list-style: none;
}

.slide-tab.tab-sizechart .kt-title-item {
    margin: 0;
}

/* ==========================================================
   TABS — TITLE BUTTONS
   ========================================================== */
.slide-tab.tab-sizechart .kt-tab-title {
    display: inline-block;
    padding: .5rem .75rem;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    color: #222;
    transition: background .2s, color .2s, border-color .2s;
}

/* Active */
.slide-tab.tab-sizechart .kt-tab-title[aria-selected="true"],
.slide-tab.tab-sizechart .kt-title-item.kt-tab-title-active .kt-tab-title {
    background: #111;
    color: #fff;
    border-color: #111;
}

/* Inactive fallback */
.slide-tab.tab-sizechart .kt-title-item.kt-tab-title-inactive .kt-tab-title {
    opacity: .85;
}

/* ==========================================================
   CONTENT WRAP
   ========================================================== */
.slide-tab.tab-sizechart .kt-tabs-content-wrap {
    display: block;
}

/* ==========================================================
   PANELS
   ========================================================== */
.slide-tab.tab-sizechart .kt-tab-inner-content {
    display: block; /* JS sẽ override ng-hide */
}

/* ==========================================================
   TABLE — BASE STYLES
   ========================================================== */
.slide-tab.tab-sizechart table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.slide-tab.tab-sizechart th,
.slide-tab.tab-sizechart td {
    border: 1px solid rgba(0,0,0,.08);
    padding: .5rem .6rem;
    text-align: center;
    white-space: nowrap;
}

/* ==========================================================
   TABLE WRAPPER / IMAGE
   ========================================================== */
.slide-tab.tab-sizechart .size-chart-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.slide-tab.tab-sizechart img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ==========================================================
   GUTENBERG TABLE FIXES
   ========================================================== */
.slide-tab.tab-sizechart .wp-block-table {
    overflow: auto;
}

/* Ensure max width */
.slide-tab.tab-sizechart .kb-tabs-content-inner,
.slide-tab.tab-sizechart .kt-tabs-block {
    max-width: 100%;
}