/* A container for all tabs */
.wp-block-tap-tabs,
.tap-tabs {
    /* optional styling for the overall tab container */
    margin-bottom: 1rem;
    outline: none;
    border: none;
}

/* Container for tab titles */
.tap-tabs-titles {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    border-bottom: var(--tap-border-width) solid var(--tap-border-color);
    margin-bottom: -1px;
}

/* Style for individual tab titles */
.tap-tab-title {
    display: inline-block;
    padding: var(--tap-padding) calc(var(--tap-padding) * 1.5);
    background: var(--tap-background-color);
    border: var(--tap-border-width) solid var(--tap-border-color);
    border-bottom: none;
    border-radius: var(--tap-border-radius) var(--tap-border-radius) 0 0;
    color: var(--tap-text-color);
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    transition: background-color 0.2s ease;
}

/* Active tab title style */
.tap-tab-title.is-active {
    background: var(--tap-active-background-color);
    border-bottom-color: var(--tap-active-background-color);
    margin-bottom: -1px;
    z-index: 1;
}

/* Tab content container */
.tap-tabs-content {
    background: var(--tap-active-background-color);
    border: var(--tap-border-width) solid var(--tap-border-color);
    padding: calc(var(--tap-padding) * 2);
    margin-top: 0;
}

/* Individual tab content */
.tap-tab {
    display: none;
}

.tap-tab.is-active {
    display: block;
}

/* Tab content inner wrapper */
.tap-tab-content {
    margin: 0;
}