/* Contact Text Standardization - Match Customer Service Address styling */

/* Base styling for all contact text elements */
.grievance-step-item span,
.grievance-step-item a,
.customer-contact li,
.customer-contact li span,
.customer-contact li a,
.invalid-popup ul li span,
.invalid-popup ul li a,
.popup-content .customer-contact span,
.popup-content .customer-contact a {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
}

/* Step content spans get 18px font size */
.step-content span {
    font-size: 18px !important;
}

/* Specific styling for WhatsApp link to match other contact text */
.grievance-step-item .whatsapp-link span,
.customer-contact .whatsapp-link span,
.popup-content .whatsapp-link span {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
}

/* Ensure links maintain proper styling */
.grievance-step-item a,
.customer-contact a,
.invalid-popup ul li a,
.popup-content .customer-contact a {
    text-decoration: none !important;
    color: #1268B1 !important;
}

.grievance-step-item a:hover,
.customer-contact a:hover,
.invalid-popup ul li a:hover,
.popup-content .customer-contact a:hover {
    color: #0f5a9a !important;
    text-decoration: underline !important;
}

/* WhatsApp link hover state */
.whatsapp-link:hover span {
    color: #25D366 !important;
}

/* Contact Us text standardization */
.grievance-step-item span:first-child,
.customer-contact li:first-child span {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
}

/* Popup contact information standardization */
.popup-content .customer-contact {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.popup-content .customer-contact ul li {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
}

/* Ensure consistent spacing and alignment - exclude step-content from display override */
.grievance-step-item:not(.step-content),
.customer-contact li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

/* Step content specific styling when visible */
.grievance-step-item.step-content {
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

/* SVG icon alignment */
.grievance-step-item svg,
.customer-contact li svg {
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

/* WhatsApp icon alignment */
.whatsapp-link img,
.whatsapp-link .whatsapp-icon {
    flex-shrink: 0 !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
}

/* Specific targeting for WhatsApp Chat image */
img[title="Whatsapp Chat"],
img[alt="Whatsapp Chat"] {
    margin-right: 9px !important;
}

/* Hide duplicate WhatsApp icons in popups */
.popup-content img[title="Whatsapp Chat"]:not(:first-of-type),
.popup-content img[alt="Whatsapp Chat"]:not(:first-of-type) {
    display: none !important;
}

/* Specific targeting for Contact Us and Visit branches links */
.grievance-step-item a[href*="contact-us"],
.grievance-step-item a[href*="branch-locator"],
.step1-content a,
.step1-content a:link,
.step1-content a:visited,
.step1-content a:hover,
.step1-content a:active {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #1268B1 !important;
    text-decoration: none !important;
}

/* Force all anchor tags in step content to match */
.grievance-box-steps a,
.grievance-box-steps a *,
.grievance-step-item > a,
.grievance-step-item > a * {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Override any inherited styles from claim-master */
body.claim_page .grievance-content .grievance-step-item a,
body.claim_page .grievance-content .step1-content a {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #1268B1 !important;
}

/* Ensure no other styles override these links */
.grievance-container .grievance-step-item a,
.grievance-container .step1-content a {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #1268B1 !important;
    text-decoration: none !important;
}

/* Specific 16px font-size for Contact Us and Visit branches links */
a[href*="contact-us.html"],
a[href*="branch-locator.html"],
a[href*="health-insurance-branch-locator.html"] {
    font-size: 16px !important;
}

/* Apply to all instances across grievance pages and popups */
.grievance-content a[href*="contact-us.html"],
.grievance-content a[href*="branch-locator.html"],
.grievance-content a[href*="health-insurance-branch-locator.html"],
.popup-content a[href*="contact-us.html"],
.popup-content a[href*="branch-locator.html"],
.popup-content a[href*="health-insurance-branch-locator.html"],
.invalid-popup a[href*="contact-us.html"],
.invalid-popup a[href*="branch-locator.html"],
.invalid-popup a[href*="health-insurance-branch-locator.html"] {
    font-size: 16px !important;
}

/* Ultra-specific targeting with highest priority */
body.claim_page .grievance-content .grievance-step-item a[href*="contact-us"],
body.claim_page .grievance-content .step1-content a[href*="contact-us"],
body.claim_page .grievance-content .grievance-step-item a[href*="branch-locator"],
body.claim_page .grievance-content .step1-content a[href*="branch-locator"],
body.claim_page .popup-overlay .popup-content a[href*="contact-us"],
body.claim_page .popup-overlay .popup-content a[href*="branch-locator"],
body.claim_page .popup-overlay .invalid-popup a[href*="contact-us"],
body.claim_page .popup-overlay .invalid-popup a[href*="branch-locator"] {
    font-size: 16px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400 !important;
}

/* Target by exact text content */
a[href*="contact-us"]:contains("Contact Us"),
a[href*="branch-locator"]:contains("Visit any of our branches") {
    font-size: 16px !important;
}

/* Force override with maximum specificity */
html body.claim_page div.grievance-content div.grievance-container div.grievance-right-div div.grievance-box div.grievance-step-item a,
html body.claim_page div.popup-overlay div.popup-content div.invalid-popup ul li a {
    font-size: 16px !important;
}