/*
 * Reusable Kadence tabs variants.
 *
 * Use Kadence block attrs or kt_blocks_config_blocks for native tab colors,
 * typography, padding, borders, and mobile accordion behavior when possible.
 * Use this file for shared DentiMax tab structure/layout variants.
 * Page-specific tab panel content belongs in css/pages/50-page-*.css.
 */

.dmax-tabs--narrow {
    max-width: 680px;
    margin-top: 28px;
}

.dmax-tabs .kt-tabs-title-list {
    gap: 0;
    margin: 0;
}

.dmax-tabs .kt-title-item {
    margin: 0;
}

.wp-block-kadence-tabs.dmax-tabs .kt-tabs-title-list li a.kt-tab-title,
.wp-block-kadence-tabs .dmax-tabs .kt-tabs-title-list li a.kt-tab-title {
    border: 0;
    border-width: 0;
    background: transparent;
}

.dmax-tabs--compact .kt-tab-title {
    padding: 0 22px 14px 0;
}

.dmax-tabs--underline .kt-tabs-title-list {
    border-bottom: 1px solid rgba(60, 188, 230, 0.21);
}

.dmax-tabs--underline .kt-title-item {
    border-bottom: 3px solid transparent;
    transition: border-color 200ms ease;
}

.dmax-tabs--underline .kt-title-item.kt-tab-title-active {
    border-bottom-color: var(--dmax-sky);
}

.dmax-tabs--underline .kt-title-item:hover {
    border-bottom-color: rgba(60, 188, 230, 0.5);
}

.dmax-tabs--underline .kt-tab-title {
    box-shadow: none;
}

.dmax-tabs--underline .kt-tabs-content-wrap {
    padding: 20px 0 0;
    border: 0;
    background: transparent;
}

.wp-block-kadence-tabs.dmax-tabs .kt-tab-title-active .kt-tab-title,
.wp-block-kadence-tabs .dmax-tabs .kt-tab-title-active .kt-tab-title {
    border-color: transparent;
}

.dmax-tabs--dark .kt-tab-title {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
}

.dmax-tabs--dark .kt-tab-title:hover,
.dmax-tabs--dark .kt-tab-title:focus,
.dmax-tabs--dark .kt-tab-title-active .kt-tab-title {
    color: var(--dmax-sky);
}

.dmax-tabs--dark .kt-tabs-content-wrap {
    color: #fff;
}

.dmax-tabs--dark .kt-tab-inner-content-inner p {
    color: rgba(255, 255, 255, 0.86);
}

.dmax-tabs--spec-grid .kt-tab-inner-content-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
}

.dmax-tabs--spec-grid .kt-tab-inner-content-inner p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.35;
}

.dmax-tabs--strong-white .kt-tab-inner-content-inner strong {
    color: #fff;
}

.dmax-tabs--strong-accent .kt-tab-inner-content-inner strong {
    color: var(--dmax-sky);
}

@media (max-width: 767px) {
    .dmax-tabs--spec-grid .kt-tab-inner-content-inner {
        grid-template-columns: 1fr;
    }
    .kt-tabs-wrap div.kt-tabs-content-wrap > div.wp-block-kadence-tab {
        padding: 1rem 0;
        padding-top: 1rem;
    }
}