/* Mobile Tab Panel Styles */
.mobile-tab-panel {
    display: block;
}

.mobile-tab-panel.hidden {
    display: none;
}

.mobile-tab-panel.active {
    display: block;
}

/* Active tab styling - matches original hover color */
.mobile-content-tab.active {
    color: #F59E0B !important;
    position: relative;
}

.mobile-content-tab.active::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #F59E0B;
    border-radius: 1px;
}