/* TND Product Tabs — Elementor Widget */

.tnd-pt-wrapper {
    width: 100%;
}

/* ---------- Desktop: horizontal tabs ---------- */
.tnd-pt-tabs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px solid #e5e0d8;
}

.tnd-pt-tab-item {
    margin: 0 24px 0 0;
    border-bottom: 2px solid transparent;
}

.tnd-pt-tab-item a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 2px;
    text-decoration: none;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
}

.tnd-pt-tab-item.active {
    border-color: currentColor;
}

.tnd-pt-icon {
    display: none; /* only shown once accordion mode kicks in via JS class */
}

.tnd-pt-panel {
    display: none;
    padding: 4px 2px;
}

.tnd-pt-panel.tnd-pt-open {
    display: block;
}

/* ---------- Mobile: accordion (class added by JS based on breakpoint) ---------- */
.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-tabs {
    display: block;
    border-bottom: none;
}

.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-tab-item {
    display: block;
    width: 100%;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e0d8;
}

.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-tab-item a {
    justify-content: space-between;
    padding: 14px 4px;
}

.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-icon {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.25s ease;
}

.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-tab-item.active .tnd-pt-icon {
    transform: rotate(45deg);
}

.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-panel {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    padding: 10px 4px 18px;
}

.tnd-pt-wrapper.tnd-pt-accordion-mode .tnd-pt-panel.tnd-pt-open {
    display: block;
    max-height: 4000px;
}