/* Desktop styles */
@media (min-width: 769px) {
    .tabbed-content .tab-buttons {
        padding-right: 50px;
    }
}
.tabbed-content .tab-btn {margin-top:1rem;border-radius:0.75rem;overflow:hidden;}
.tabbed-content .tab-btn:first-child{margin-top:0;}
.tabbed-content .tab-btn .ui-btn{display:block;width:100%;}
.tabbed-content .tab-btn .ui-btn.active{background:var(--link-color-default);color:#fff;}
.tabbed-content .tab-btn .ui-btn.active .txt-primary,
.tabbed-content .tab-btn .ui-btn.active .txt-secondary{color:#fff;}
.tabbed-content .tab-btn .ui-btn:not(.active):hover {background:var(--background-color-emphasis);}
.tabbed-content .tab-btn .ui-btn .btn-wrap {width:100%;justify-content:flex-start;padding:15px 30px;}
.tabbed-content .tab-content{display:block;}
.tabbed-content .tab-content:not(.is-active){display:none;}
.tabbed-content .tab-content.is-active{display:block;}

/* Mobile dropdown styles */
.tab-dropdown-mobile {
    display: none;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 300px;
    width: 100%;
}

.dropdown-trigger {
    padding: 14px 18px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    border-radius: 6px;
    border: 1px solid #e1e5e9;
    transition: background-color 0.15s ease;
}

.dropdown-text {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
}

.dropdown-arrow {
    color: var(--link-color-default);
    font-size: 14px;
    transition: transform 0.2s ease, color 0.15s ease;
}

.tab-dropdown-mobile.open .dropdown-arrow {
    transform: rotate(-90deg);
}

.tab-dropdown-mobile.open .dropdown-trigger {
    border-radius: 6px 6px 0 0;
    border-bottom: none;
}

.tabbed-content-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e5e9;
    border-top: none;
    border-radius: 0 0 8px 8px;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

/* Reset any parent theme pseudo-elements that might interfere */
.tabbed-content-menu::before,
.tabbed-content-menu::after {
    display: none !important;
}

.tab-dropdown-mobile.open .tabbed-content-menu {
    display: block;
}

.dropdown-item {
    padding: 14px 18px;
    cursor: pointer;
    border-bottom: 1px solid #f1f3f4;
    transition: all 0.15s ease;
    font-weight: 500;
    color: #495057;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: var(--link-color-default);
}

.dropdown-item.active {
    background-color: var(--link-color-default);
    color: #fff;
    font-weight: 600;
}

.dropdown-item:last-child {
    border-bottom: none;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .tabbed-content .tab-buttons {
        display: none;
    }

    .tab-dropdown-mobile {
        display: block;
    }

    .tabbed-content .sg-column {
        width: 100%;
        flex: 1 1 100%;
    }
}