.elementor-801 .elementor-element.elementor-element-1441aa8{--display:flex;}.elementor-801 .elementor-element.elementor-element-dab46fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* ==========================================================================
   Psychotherapist Profile - Interactive Button Overrides
   ========================================================================== */

/* 1. Main Navigation Tabs
   -------------------------------------------------------------------------- */
.psy-profile-container .psy-tabs-nav .psy-tab-btn {
    /* Reset Elementor defaults */
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    
    /* Typography & Spacing */
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--psy-text-muted) !important;
    cursor: pointer;
    line-height: 1.4 !important;
    
    /* Smooth Transitions */
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
    position: relative;
}

/* Tab Hover State */
.psy-profile-container .psy-tabs-nav .psy-tab-btn:hover {
    color: var(--psy-primary) !important;
    background-color: rgba(2, 132, 199, 0.05) !important; /* Subtle tint on hover */
    border-bottom-color: rgba(2, 132, 199, 0.3) !important;
}

/* Tab Active / Selected State */
.psy-profile-container .psy-tabs-nav .psy-tab-btn.active,
.psy-profile-container .psy-tabs-nav .psy-tab-btn[aria-selected="true"] {
    color: var(--psy-primary) !important;
    border-bottom-color: var(--psy-primary) !important;
    background-color: transparent !important;
}

/* Tab Focus State (Accessibility) */
.psy-profile-container .psy-tabs-nav .psy-tab-btn:focus-visible {
    outline: 2px solid var(--psy-primary) !important;
    outline-offset: -2px;
    border-radius: 4px !important;
}

/* Tab Click / Pressed State */
.psy-profile-container .psy-tabs-nav .psy-tab-btn:active {
    transform: translateY(1px);
}


/* 2. FAQ Accordion Triggers
   -------------------------------------------------------------------------- */
.psy-profile-container .psy-faq-trigger {
    /* Reset Elementor defaults */
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    
    /* Base Style */
    width: 100% !important;
    background-color: #ffffff !important;
    color: var(--psy-text-main) !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: right !important;
    cursor: pointer;
    
    /* Layout */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px;
    
    /* Smooth Transitions */
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* FAQ Hover State */
.psy-profile-container .psy-faq-trigger:hover {
    background-color: #f8fafc !important;
    color: var(--psy-primary) !important;
}

/* FAQ Hover Arrow Rotation Effect */
.psy-profile-container .psy-faq-trigger:hover .psy-faq-arrow {
    stroke: var(--psy-primary);
}

/* FAQ Active / Expanded State */
.psy-profile-container .psy-faq-trigger[aria-expanded="true"] {
    background-color: #f1f5f9 !important;
    color: var(--psy-primary-dark) !important;
}

/* FAQ Focus State (Accessibility) */
.psy-profile-container .psy-faq-trigger:focus-visible {
    outline: 2px solid var(--psy-primary) !important;
    outline-offset: -2px;
}

/* FAQ Click / Pressed State */
.psy-profile-container .psy-faq-trigger:active {
    background-color: #e2e8f0 !important;
}/* End custom CSS */