/* Tabs styling */
.rta-nav-pills-unique {
    display: flex;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.rta-nav-item-unique {
    margin: 0;
}

.rta-nav-link-unique {
    border-radius: 8px;
    color: var(--gray-900);
    background-color: var(--gray-50);
    border: 1px solid var(--gray-300);
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.rta-nav-link-unique:hover {
    background-color: var(--gray-200);
}

.rta-nav-link-unique.rta-active-unique {
    background-color: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
}

.rta-tab-pane-unique {
    display: none;
    padding: 10px 0 0;
}

.rta-tab-pane-unique.rta-active-unique {
    display: block;
}

/* Accordion styling */
.rta-accordion-unique {
    display: none;
}

.rta-accordion-item-unique {
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--gray-300);
}

.rta-accordion-item-unique:last-child {
    margin-bottom: 0;
}

.rta-accordion-header-unique {
    margin: 0;
}

.rta-accordion-button-unique {
    width: 100%;
    text-align: left;
    background-color: var(--gray-50);
    border: none;
    padding: 15px 20px;
    cursor: pointer;
    font-weight: var(--font-semibold);
    color: var(--gray-900);
    transition: all 0.3s ease;
    position: relative;
}

.rta-accordion-button-unique:after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    transition: all 0.3s ease;
}

.rta-accordion-button-unique.rta-active-unique {
    background-color: var(--primary-color);
    color: var(--white);
}

.rta-accordion-button-unique.rta-active-unique:after {
    content: '−';
}

.rta-accordion-body-unique {
    display: none;
    padding: 15px;
    background-color: var(--white);
}

.rta-accordion-body-unique.rta-show-unique {
    display: block;
}

/* Desktop: Show tabs, hide accordion */
@media (min-width: 768px) {
    .rta-tabs-container-unique {
        display: block;
    }

    .rta-accordion-unique {
        display: none !important;
    }
}

/* Mobile: Hide tabs, show accordion */
@media (max-width: 767px) {
    .rta-tabs-container-unique {
        display: none;
    }

    .rta-accordion-unique {
        display: block !important;
    }
}