/**
 * Mailto Link Visibility Fix
 * Ensures email links are always visible with proper color
 */

/* Ensure mailto links in content areas are visible */
a[href^="mailto"],
a[href^="mailto"]:visited {
    color: #a91381 !important; /* Milne Safety brand purple */
    text-decoration: underline;
}

a[href^="mailto"]:hover,
a[href^="mailto"]:focus {
    color: #8a0f6a !important; /* Darker purple on hover */
    text-decoration: underline;
}

/* Ensure text inside mailto links is visible */
a[href^="mailto"] span,
a[href^="mailto"] * {
    color: inherit !important;
}

/* Override any white text that might be set */
.column_attr a[href^="mailto"],
.the_content_wrapper a[href^="mailto"],
#Content a[href^="mailto"],
.mcb-section a[href^="mailto"],
.mcb-wrap a[href^="mailto"] {
    color: #a91381 !important;
}

/* If mailto is in a dark background area, use white */
.column_attr[style*="background-color"] a[href^="mailto"],
.dark a[href^="mailto"],
[class*="dark"] a[href^="mailto"] {
    color: #ffffff !important;
}

/* Tel links same styling */
a[href^="tel"],
a[href^="tel"]:visited {
    color: #a91381 !important;
    text-decoration: underline;
}

a[href^="tel"]:hover,
a[href^="tel"]:focus {
    color: #8a0f6a !important;
}

/* Fix for spans inside tel/mailto links */
a[href^="tel"] span,
a[href^="mailto"] span {
    color: inherit !important;
    display: inline !important;
}

/* ============================================
   Alert & Info Box Styling - Pink with Grey Text
   ============================================ */

/* All alert boxes - pink background with grey text */
.alert,
.alert_warning,
.alert_error,
.alert_info,
.alert_success {
    background: #a91381 !important; /* Milne Safety brand pink */
    color: #4a4a4a !important; /* Grey text */
}

/* Alert icon background - slightly darker pink */
.alert .alert_icon,
.alert_warning .alert_icon,
.alert_error .alert_icon,
.alert_info .alert_icon,
.alert_success .alert_icon {
    background: #8a0f6a !important; /* Darker pink */
    color: #ffffff !important; /* White icon */
}

/* Links inside alerts */
.alert a,
.alert a:hover,
.alert_warning a,
.alert_warning a:hover,
.alert_error a,
.alert_error a:hover,
.alert_info a,
.alert_info a:hover,
.alert_success a,
.alert_success a:hover {
    color: #333333 !important; /* Dark grey for links */
}

/* Close button */
.alert a.close i {
    color: #4a4a4a !important;
}

.alert a:hover.close i {
    color: #333333 !important;
}

/* ============================================
   Fancy Link (mfn-link) - Brand Pink Color
   ============================================ */

/* All fancy link styles - text color */
a.mfn-link,
a.mfn-link:visited {
    color: #a91381 !important; /* Milne Safety brand pink */
}

a.mfn-link:hover,
a.mfn-link:focus,
a.mfn-link.hover {
    color: #8a0f6a !important; /* Darker pink on hover */
}

/* Fancy link decorative elements (lines, borders, backgrounds) */
a.mfn-link-3:after,
a.mfn-link-4:before,
a.mfn-link-4:after,
a.mfn-link-8:before,
a.mfn-link-8:after,
a:hover.mfn-link-8:before,
a:hover.mfn-link-8:after,
a.hover.mfn-link-8:before,
a.hover.mfn-link-8:after {
    background: #a91381 !important; /* Pink decorative lines */
}

/* Style 6 border */
a.mfn-link-6 {
    border-top-color: #a91381 !important;
}

a.mfn-link-6:before {
    border-bottom-color: #a91381 !important;
    color: #a91381 !important;
}

/* Style 7 borders */
a.mfn-link-7:before,
a.mfn-link-7:after {
    background: #a91381 !important;
}

/* Style 2 and 5 - text in spans */
a.mfn-link-2 span,
a.mfn-link-2 span:before,
a.mfn-link-5 span,
a.mfn-link-5:before {
    color: #a91381 !important;
}

/* Hover states for style 2 */
a:hover.mfn-link-2 span:before,
a.hover.mfn-link-2 span:before {
    background: #a91381 !important;
    color: #ffffff !important;
}