/* ============================================
   WORDPRESS THEME OVERRIDES
============================================ */

/* Override theme button styles - exclude custom components */
[type=button]:not(.solution-tab):not(.process-tab):not(.ehr-tab):not(.product-tab):not(.faq-question), 
[type=submit], 
button:not(.solution-tab):not(.process-tab):not(.ehr-tab):not(.product-tab):not(.faq-question),
[type=button]:not(.solution-tab):not(.process-tab):not(.ehr-tab):not(.product-tab):not(.faq-question):hover, 
[type=submit]:hover, 
button:not(.solution-tab):not(.process-tab):not(.ehr-tab):not(.product-tab):not(.faq-question):hover {
    border: none !important;
    color: inherit !important;
}

/* ============================================
   TAB BUTTONS
============================================ */

/* Tab default state */
.solution-tab,
.process-tab,
.ehr-tab,
.product-tab {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: inset 0 0 0 2px #e5e7eb !important;
    color: #000000 !important;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

/* Tab hover state */
.solution-tab:hover,
.process-tab:hover,
.ehr-tab:hover,
.product-tab:hover {
    box-shadow: inset 0 0 0 2px #01a7cb !important;
    color: #01a7cb !important;
}

/* Tab active state */
.solution-tab.active,
.process-tab.active,
.ehr-tab.active,
.product-tab.active {
    background-color: #01a7cb !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Home page: active-recap (teal) */
.product-tab.active-recap {
    background-color: #01a7cb !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Home page: active-resolve (purple) */
.product-tab.active-resolve {
    background-color: #7030a0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* ============================================
   FAQ BUTTONS
============================================ */

/* FAQ question button - all states */
.faq-question,
.faq-question:hover,
.faq-question:focus,
.faq-question:active {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 24px 28px !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: left !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    transition: all 0.3s ease !important;
}

/* FAQ question hover color */
.faq-question:hover {
    color: #01a7cb !important;
}