/* 
 * Enterprise UI Overrides for MSCPLTD
 */

/* 1. Global Typography */
body, h1, h2, h3, h4, h5, h6, p, a, button, span, div, li {
    font-family: 'Inter', sans-serif !important;
}

h1, h2, h3 {
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    color: #1a202c !important; /* Dark slate for headings */
}

/* 2. Modernizing Buttons */
a.elementor-button, 
button, 
input[type="submit"], 
.ast-button, 
.ast-custom-button {
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
    border: none !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Specific styling for the Red buttons to make them more "Enterprise Action" */
a.elementor-button[href*="contact"], 
.elementor-button:has(i.fa-phone) {
    background-color: #E53E3E !important; /* Refined Red */
    color: #ffffff !important;
}

a.elementor-button:hover, 
button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    filter: brightness(110%);
}

/* 3. Header & Navigation Clean Up */
header, .ast-primary-header-bar, .elementor-location-header {
    background-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
    border-bottom: 1px solid #edf2f7 !important;
}

/* Fix header text colors since background is now white */
header a, .ast-primary-header-bar a, .elementor-location-header a,
header span, .ast-primary-header-bar span, .elementor-location-header span {
    color: #2d3748 !important;
}

header a:hover, .ast-primary-header-bar a:hover {
    color: #047857 !important; /* Trustworthy Dark Green */
}

/* 4. Breaking News / Marquee Restyling */
marquee {
    background-color: #F0FDF4 !important; /* Very light green */
    color: #065F46 !important; /* Dark green text */
    padding: 10px 0 !important;
    font-weight: 500 !important;
    border-radius: 4px;
    border: 1px solid #A7F3D0 !important;
    box-shadow: none !important;
}

/* If there's a red background wrapper for the marquee */
.elementor-widget-container:has(marquee) {
    background-color: #F0FDF4 !important;
    padding: 10px !important;
    border-radius: 8px !important;
}

/* 5. Images */
img {
    border-radius: 8px !important;
}
.elementor-image img {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    transition: transform 0.3s ease;
}
.elementor-image img:hover {
    transform: scale(1.01);
}

/* 6. General Layout Polish */
.elementor-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* Make backgrounds that are harsh green (#005E2B) more refined or white */
[style*="background-color: #005e2b"], 
[style*="background-color:#005e2b"],
.elementor-section[data-settings*="background_color"] {
    background-color: #ffffff !important;
}