/**
 * Style overrides for Elementor Remote Tab Buttons Widget
 */

.el-remote-tabs-container {
    width: 100%;
}

.el-remote-tabs-wrapper {
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.el-remote-tabs-btn {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    background-color: #FFFFFF;
    color: #4B5563;
    border-radius: 10px;
    padding: 12px 20px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.el-remote-tabs-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
    opacity: 0.95;
}

.el-remote-tabs-btn.is-active {
    background-color: #C1976C !important;
    color: #FFFFFF !important;
    font-weight: 700;
    border-color: transparent !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.15);
}

/* Smooth Switching Animations Support */
.el-remote-hidden {
    display: none !important;
    opacity: 0 !important;
}

/* Editor CSS styling for easier editing experience */
.elementor-editor-active .el-remote-tabs-btn {
    pointer-events: auto !important; /* Allow clicking in Elementor Editor to test sections */
}