/**
 * HigherQuant Color Override CSS
 * 
 * Changes site colors from original P Hedge colors to HigherQuant purple/yellow theme
 */

/* ============================================
   PRIMARY COLOR OVERRIDES
   ============================================ */

/* Light Blue (#6EC1E4) → Purple (#9333ea) */
.elementor-kit-5 {
    --e-global-color-primary: #9333ea !important;
}

/* Green Accent (#61CE70) → Yellow (#fbbf24) */
.elementor-kit-5 {
    --e-global-color-accent: #fbbf24 !important;
}

/* Orange/Peach (#FFBC7D) → Purple (#9333ea) */
.elementor-kit-5 e-page-transition {
    background-color: #9333ea !important;
}

/* ============================================
   ELEMENTOR WIDGET OVERRIDES
   ============================================ */

/* Headings - PRESERVE original colors (white headings stay white) */
/* Only override headings that use the primary color variable, not inline styles */
.elementor-widget-heading .elementor-heading-title:not([style*="color"]) {
    color: var(--e-global-color-primary) !important;
}

/* Preserve all white headings */
.elementor-heading-title[style*="color: #FFFFFF"],
.elementor-heading-title[style*="color: #fff"],
.elementor-heading-title[style*="color: white"],
.elementor-heading-title[style*="color: rgb(255, 255, 255)"] {
    color: #FFFFFF !important;
}

/* Buttons - Primary Color */
.elementor-button,
.elementor-widget-button .elementor-button,
a.elementor-button {
    background-color: #9333ea !important;
    border-color: #9333ea !important;
    color: #ffffff !important;
}

.elementor-button:hover {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
}

/* Tabs - Accent Color */
.elementor-widget-tabs .elementor-tab-title.elementor-active a {
    color: #fbbf24 !important;
}

/* Accordion - Accent Color */
.elementor-widget-accordion .elementor-active .elementor-accordion-icon,
.elementor-widget-accordion .elementor-active .elementor-accordion-title {
    color: #fbbf24 !important;
}

/* Toggle/FAQ - Active Color (purple or yellow) */
.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-title,
.elementor-widget-toggle .elementor-tab-title.elementor-active a {
    color: #9333ea !important; /* Purple for active/expanded state */
}

.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon svg {
    fill: #9333ea !important; /* Purple for icon */
}

/* Alternative: Use yellow instead of purple for active state */
/* Uncomment below and comment above if you prefer yellow */
/*
.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-title,
.elementor-widget-toggle .elementor-tab-title.elementor-active a {
    color: #fbbf24 !important;
}

.elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon svg {
    fill: #fbbf24 !important;
}
*/

/* Icons - Gold/Yellow Color (to match logo) */
.elementor-icon,
.elementor-icon-box-icon,
.elementor-icon-list-icon {
    color: #fbbf24 !important;
}

.elementor-icon svg,
.elementor-icon-box-icon svg,
.elementor-icon-list-icon svg {
    fill: #fbbf24 !important;
}

/* Links */
a {
    color: #9333ea;
}

a:hover {
    color: #fbbf24;
}

/* Navigation Menu - Accent Color */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus {
    color: #fbbf24 !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #fbbf24 !important;
}

/* Premium Nav Menu */
.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link {
    color: #fbbf24 !important;
}

.elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > .premium-item-icon {
    color: #9333ea !important;
}

/* Progress Bars */
.elementor-widget-tp-progress-bar .progress_bar-media.large .prog-title.prog-icon.large .progress_bar-title,
.elementor-widget-tp-progress-bar .progress_bar .counter-number .theserivce-milestone-number {
    color: #9333ea !important;
}

/* Animated Headline */
.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path {
    stroke: #fbbf24 !important;
}

/* Text Editor Drop Cap */
.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
    background-color: #9333ea !important;
}

.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap,
.elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap {
    color: #9333ea !important;
    border-color: #9333ea !important;
}

/* ============================================
   SPECIFIC PAGE ELEMENT OVERRIDES
   ============================================ */

/* Any inline styles with old colors - ONLY backgrounds/borders, NOT text colors */
[style*="background-color: #6EC1E4"],
[style*="background: #6EC1E4"],
[style*="background-color: rgb(110, 193, 228)"] {
    background-color: #9333ea !important;
}

[style*="border-color: #6EC1E4"],
[style*="border-color: rgb(110, 193, 228)"] {
    border-color: #9333ea !important;
}

[style*="background-color: #61CE70"],
[style*="background: #61CE70"],
[style*="background-color: rgb(97, 206, 112)"] {
    background-color: #fbbf24 !important;
}

[style*="border-color: #61CE70"],
[style*="border-color: rgb(97, 206, 112)"] {
    border-color: #fbbf24 !important;
}

[style*="#FFBC7D"],
[style*="rgb(255, 188, 125)"] {
    background-color: #9333ea !important;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

.higherquant-purple {
    color: #9333ea !important;
}

.higherquant-yellow {
    color: #fbbf24 !important;
}

.higherquant-bg-purple {
    background-color: #9333ea !important;
}

.higherquant-bg-yellow {
    background-color: #fbbf24 !important;
}

/* ============================================
   HEADER FIXES
   ============================================ */

/* Fix header background - make it properly transparent */
.elementor-9 .elementor-element.elementor-element-f74bbf2:not(.elementor-motion-effects-element-type-background),
.elementor-9 .elementor-element.elementor-element-f74bbf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Logo sizing - make it larger */
.elementor-widget-theme-site-logo img,
.wp-image-855 {
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
}

/* ============================================
   BACKGROUND FIXES
   ============================================ */

/* Set body and html background to black to fix gray box issue */
html,
body {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* ============================================
   TABS FIXES
   ============================================ */

/* ThePlus Tabs - Show/hide content based on active/inactive classes */
.theplus-tabs-wrapper .plus-tab-content.inactive {
    display: none !important;
}

.theplus-tabs-wrapper .plus-tab-content.active {
    display: block !important;
}

/* Tab navigation layout - horizontal display */
.theplus-tabs-nav-wrapper {
    margin-bottom: 30px !important;
}

.theplus-tabs-wrapper .plus-tabs-nav {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.theplus-tabs-wrapper .plus-tabs-nav li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Tab header styling - make active tab more prominent */
.theplus-tabs-wrapper .plus-tab-header {
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 10px 20px !important;
    display: inline-block !important;
    font-size: 18px !important;
    color: #ffffff !important;
    border: none !important;
    background: transparent !important;
}

.theplus-tabs-wrapper .plus-tab-header.active {
    opacity: 1;
    font-weight: 600;
    color: #9333ea !important; /* Purple for active */
}

.theplus-tabs-wrapper .plus-tab-header.inactive {
    opacity: 0.7;
    color: #ffffff !important;
}

.theplus-tabs-wrapper .plus-tab-header:hover {
    opacity: 1;
    color: #9333ea !important;
}

/* Tab content wrapper */
.theplus-tabs-content-wrapper {
    clear: both;
    margin-top: 20px;
}

/* ============================================
   MOBILE FOOTER FIXES
   ============================================ */

/* Fix footer layout on mobile - remove sticky, improve spacing */
@media (max-width: 767px) {
    .elementor-243 .elementor-element.elementor-element-a5159b4 {
        position: relative !important;
        bottom: auto !important;
    }
    
    /* Improve footer spacing on mobile */
    .elementor-243 .elementor-icon-list-items {
        justify-content: center;
        margin-bottom: 15px;
    }
    
    .elementor-243 .elementor-heading-title {
        text-align: center;
        font-size: 14px !important;
    }
}