.webklik-responsive-tabs.wk-tabs-modern {
    --wk-tabs-border: #c8ced6;
    --wk-tabs-text: #20252b;
}

.webklik-responsive-tabs.wk-tabs-modern .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem;
    border-bottom: 1px solid var(--wk-tabs-border);
}

.webklik-responsive-tabs.wk-tabs-modern .nav-item {
    flex: 1 1 0;
    min-width: 0;
}

.webklik-responsive-tabs.wk-tabs-modern .nav-link {
    width: 100%;
    padding: .8rem 1rem;
    border: 1px solid var(--wk-tabs-border);
    border-top: .45rem solid var(--wk-tabs-accent, #c4cad2);
    border-radius: .55rem .55rem 0 0;
    background: var(--wk-tabs-button-bg, #f3f4f5);
    color: var(--wk-tabs-text);
    font-size: clamp(1rem, 1.25vw, 1.35rem);
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    transition: background-color .2s ease, color .2s ease;
}

.webklik-responsive-tabs.wk-tabs-modern .nav-link:hover,
.webklik-responsive-tabs.wk-tabs-modern .nav-link:focus-visible {
    border-color: var(--wk-tabs-border);
    border-top-color: var(--wk-tabs-accent, #c4cad2);
    background: var(--wk-tabs-active-bg, #fff);
    color: var(--wk-tabs-text);
}

.webklik-responsive-tabs.wk-tabs-modern .nav.nav-tabs .nav-link.active {
    margin-bottom: -1px;
    border: 1px solid var(--wk-tabs-border);
    border-top: .45rem solid var(--wk-tabs-accent, #c4cad2);
    border-top-color: var(--wk-tabs-accent, #c4cad2);
    border-bottom-color: var(--wk-tabs-active-bg, #fff);
    border-radius: .55rem .55rem 0 0;
    background: var(--wk-tabs-active-bg, #fff);
    background-image: none;
    color: var(--wk-tabs-text);
    box-shadow: none;
}

.webklik-responsive-tabs.wk-tabs-modern .tab-content {
    min-height: 9rem;
    padding: 2rem 1.8rem;
    border: 1px solid var(--wk-tabs-border);
    border-top: 0;
    background: var(--wk-tabs-active-bg, #fff);
    color: var(--wk-tabs-text);
    font-size: 1.05rem;
    line-height: 1.65;
}

.webklik-responsive-tabs.wk-tabs-modern .tab-pane > :last-child {
    margin-bottom: 0;
}

.webklik-responsive-accordion.wk-tabs-modern {
    --wk-tabs-border: #c8ced6;
    --wk-tabs-text: #20252b;
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-item {
    overflow: visible;
    margin-bottom: .6rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-button {
    padding: 1rem 1.1rem;
    border: 1px solid var(--wk-tabs-border);
    border-top: .35rem solid var(--wk-tabs-accent, #c4cad2);
    border-radius: .5rem !important;
    background: var(--wk-tabs-active-bg, #fff);
    color: var(--wk-tabs-text);
    font-size: 1.05rem;
    font-weight: 500;
    box-shadow: none;
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-button:not(.collapsed) {
    border-radius: .5rem !important;
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-collapse {
    border: 0;
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-button.collapsed {
    background: var(--wk-tabs-button-bg, #f3f4f5);
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-button:focus {
    border-color: transparent;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .08);
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-body {
    padding: 0;
    border: 0;
    background: var(--wk-tabs-active-bg, #fff);
    line-height: 1.6;
}

.webklik-responsive-accordion.wk-tabs-modern .accordion-body > :last-child {
    margin-bottom: 0;
}