/* Force all paragraph and body text to be blue-tinted */
.elementor-widget-text-editor p,
.elementor-widget-text-editor,
.elementor-text-editor p,
p {
    color: #2173B3 !important;
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
}

.elementor-widget-text-editor .elementor-widget-container {
    color: #2173B3 !important;
}

/* Make all headers DARKER blue for emphasis */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-image-box-title {
    color: #0D47A1 !important;
}

/* Form text styling - match About page style */
.p-form,
.p-form p,
.p-form .head,
.p-form .head p,
.p-form .head p b,
.p-form .head b,
.p-form b,
.p-form label,
.wpcf7-list-item-label,
.partner,
.partner p,
.new-radio,
.new-radio p {
    font-family: "Proxima Thin", Sans-serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
    color: #2173B3 !important;
}

/* Form labels and radio button text */
.wpcf7-list-item-label {
    font-family: "Proxima Thin", Sans-serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    color: #2173B3 !important;
}

/* Ensure bold tags in forms use the same font */
.p-form b,
.p-form strong,
.head b,
.head strong {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 500 !important;
}

/* TOP NAVIGATION - Keep blue as original */
.elementor .hfe-nav-menu .menu-item a,
.elementor .hfe-menu-item,
.elementor a.hfe-menu-item,
.elementor .hfe-nav-menu a,
.hfe-nav-menu .menu-item a,
.hfe-menu-item,
a.hfe-menu-item,
.hfe-nav-menu a,
.hfe-creative-menu a,
.menu-item a.hfe-menu-item {
    color: #2173B3 !important;
    font-weight: normal !important;
}

/* FOOTER NAVIGATION - White text on blue background */
footer .elementor-icon-list-item a,
footer .elementor-icon-list-text,
footer .elementor-icon-list-item span {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Footer navigation hover state */
footer .elementor-icon-list-item a:hover,
footer .elementor-icon-list-text:hover {
    color: #F0F8FF !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
}

/* Footer Section 2 (Privacy/Terms) - BLUE text on white/light background */
footer .elementor-element-d7f3849 .elementor-icon-list-item a,
footer .elementor-element-d7f3849 .elementor-icon-list-text,
footer .elementor-element-d7f3849 .elementor-inline-items a {
    color: #2173B3 !important;
    font-weight: 500 !important;
}

footer .elementor-element-d7f3849 .elementor-icon-list-item a:hover {
    color: #0D47A1 !important;
}

/* Careers page specific styling - make consistent with other elements */
.car h1,
.car h2,
.c-s h2,
.car .elementor-heading-title,
.c-s .elementor-heading-title {
    font-family: "Proxima Thin", Sans-serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
    color: #2173B3 !important;
}

/* Careers page heading - make it darker blue like other headers */
.car h1 {
    color: #0D47A1 !important;
    font-size: 42px !important;
    font-weight: 600 !important;
}

/* News page - make article titles and tags consistent */
.cv-post-title a,
.blog-post .cv-post-title a,
.cv-post-title h2 a {
    font-family: "Proxima Thin", Sans-serif !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
    color: #2173B3 !important;
}

.cv-post-tag a,
.news .cv-post-meta-item .cv-post-tag a {
    font-family: "Proxima Thin", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #2173B3 !important;
}

/* ================================================================
   TABS ENHANCEMENT (A NETWORK DEDICATED TO YOUR CARE)
   ================================================================ */

/* Tab Container */
.elementor-tabs {
    position: relative;
}

/* Tab Titles Wrapper */
.elementor-tabs-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    margin-bottom: 32px;
    border-bottom: 2px solid #A4C7E3;
    padding-bottom: 0;
}

/* Individual Tab Title */
.elementor-tab-title {
    flex: 1 1 auto;
    min-width: 160px;
    max-width: 200px;
    padding: 10px 15px;
    background-color: transparent;
    color: #4A4A4A;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    border: 2px solid transparent;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Tab Title Hover State */
.elementor-tab-title:hover {
    background-color: #EBF5FB;
    color: #2173B3;
    transform: translateY(-2px);
}

/* Tab Title Active State */
.elementor-tab-title.elementor-active {
    background-color: #FFFFFF;
    color: #2173B3;
    border-color: #A4C7E3;
    border-bottom-color: #FFFFFF;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

/* Active Tab Indicator */
.elementor-tab-title.elementor-active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2173B3, #1565C0);
    border-radius: 6px;
}

/* Tab Title Focus State (Accessibility) */
.elementor-tab-title:focus-visible {
    outline: 3px solid #1565C0;
    outline-offset: 2px;
}

/* Mobile Tab Titles (accordion style) */
.elementor-tab-mobile-title {
    display: none;
}

/* Tab Content */
.elementor-tab-content {
    padding: 32px;
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    animation: fadeIn 0.4s ease;
}

/* Tab Content Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom Intention Tabs Layout */
.intention-tabs {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.intention-tabs .img-tabs {
    flex: 0 0 auto;
    max-width: 300px;
}

.intention-tabs .img-tabs img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.intention-tabs .content {
    flex: 1 1 auto;
}

.intention-tabs .content p {
    margin-bottom: 24px;
    line-height: 1.7;
}

.intention-tabs .content a {
    color: #2173B3;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.intention-tabs .content a:hover {
    color: #1565C0;
    text-decoration: underline;
}

/* Mobile Responsive Tabs */
@media (max-width: 768px) {
    .elementor-tabs-wrapper {
        display: none;
    }
    
    .elementor-tab-mobile-title {
        display: block;
        padding: 16px;
        background-color: #F8F9FA;
        color: #1A1A1A;
        font-weight: 600;
        border: 1px solid #A4C7E3;
        border-radius: 6px;
        margin-bottom: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .elementor-tab-mobile-title:hover {
        background-color: #EBF5FB;
        color: #2173B3;
    }
    
    .elementor-tab-mobile-title.elementor-active {
        background-color: #2173B3;
        color: #FFFFFF;
        border-color: #2173B3;
    }
    
    .elementor-tab-content {
        margin-bottom: 24px;
        border-radius: 6px;
    }
    
    .intention-tabs {
        flex-direction: column;
    }
    
    .intention-tabs .img-tabs {
        max-width: 100%;
    }
}

/* Ensure Tabs are Interactive */
.elementor-tab-title,
.elementor-tab-mobile-title {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Hide name "Indya" on Careers page */
.elementor-element-2baffde6 {
    display: none !important;
}

/* ================================================================
   FORM HEADING CONSISTENCY (PARTNER WITH US, CONTACT US, etc.)
   ================================================================ */

/* Ensure all form page headings (.head h2) use consistent font */
.p-form .head h2,
.head h2 {
    font-family: "Proxima Extra Bold", Sans-serif !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    color: #0D47A1 !important;
}

/* ================================================================
   COMPREHENSIVE FONT CONSISTENCY - ALL TEXT ELEMENTS
   ================================================================ */

/* Image box descriptions (Personalized approach, Proactive monitoring, 24/7 support) */
.elementor-image-box-description,
.elementor-image-box-description p,
.elementor-image-box-description b,
.elementor-image-box-description strong {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
    color: #2173B3 !important;
}

/* Tab content paragraphs (intention-tabs) */
.intention-tabs .content p,
.intention-tabs .content,
.elementor-tab-content .content p,
.elementor-tab-content p {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
    color: #2173B3 !important;
}

/* Additional paragraph elements - ensure consistency */
div p:not(h1 p):not(h2 p):not(h3 p):not(h4 p):not(h5 p):not(h6 p),
section p:not(h1 p):not(h2 p):not(h3 p):not(h4 p):not(h5 p):not(h6 p),
article p:not(h1 p):not(h2 p):not(h3 p):not(h4 p):not(h5 p):not(h6 p) {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
}

/* Text widgets and content areas */
.elementor-widget-text-editor,
.elementor-text-editor,
.elementor-widget-text-editor p,
.elementor-text-editor p {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
}

/* Ensure bold text within paragraphs uses Proxima Thin with bold weight */
p b,
p strong,
.elementor-image-box-description b,
.elementor-image-box-description strong,
.content b,
.content strong {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 600 !important;
}

/* ================================================================
   COMPREHENSIVE FONT STANDARDIZATION - ALL ELEMENTS
   ================================================================ */

/* ALL BUTTONS - Learn More, Submit, etc. */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.elementor-button,
.elementor-button-link,
a.elementor-button,
.wpcf7-submit,
.wpcf7-form-control.wpcf7-submit,
.button,
.btn,
a.button {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 500 !important;
}

/* Button text inside */
.elementor-button-text,
.elementor-button-content-wrapper,
.elementor-button-content-wrapper span,
button span,
a.elementor-button span {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 500 !important;
}

/* ALL INPUT FIELDS */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
select,
.wpcf7-form-control,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select,
.field {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
}

/* ALL LABELS */
label,
.label,
.wpcf7-label,
.form-label {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 400 !important;
}

/* ALL SPANS */
span,
.elementor-icon-list-text,
.elementor-button-text,
span.text {
    font-family: "Proxima Thin", Sans-serif !important;
}

/* ALL DIVS with text content */
div:not(.elementor-heading-title):not(.elementor-tab-title),
.elementor-widget-container,
.elementor-element {
    font-family: "Proxima Thin", Sans-serif !important;
}

/* ALL LINKS */
a,
a:link,
a:visited,
a:hover,
a:active,
.elementor-widget-container a,
.content a,
.intention-tabs .content a {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 500 !important;
}

/* LIST ITEMS */
li,
ul li,
ol li,
.menu-item,
.menu-item a {
    font-family: "Proxima Thin", Sans-serif !important;
}

/* TABLE ELEMENTS */
td,
th,
table,
tr {
    font-family: "Proxima Thin", Sans-serif !important;
}

/* HEADINGS - Keep Proxima Extra Bold but ensure consistency */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-image-box-title {
    font-family: "Proxima Extra Bold", Sans-serif !important;
}

/* Small headings should use Proxima Thin */
h4, h5, h6 {
    font-family: "Proxima Thin", Sans-serif !important;
    font-weight: 600 !important;
}

/* UNIVERSAL CATCH-ALL - Apply to everything that doesn't have a specific rule */
* {
    font-family: "Proxima Thin", Sans-serif !important;
}

/* But preserve headings */
h1, h2, h3,
.elementor-heading-title,
.elementor-image-box-title,
.p-form .head h2,
.head h2 {
    font-family: "Proxima Extra Bold", Sans-serif !important;
}