/* ================================
   FINAL BRAND COLORS - ACROTEC
   Primary: #242835 (Dark Navy)
   Accent: #CB1E24 (Bright Red)
   ================================ */

:root {
    --primary-color: #242835 !important;
    --accent-color: #CB1E24 !important;
    --accent-hover: #a01820 !important;
    --color-primary: #242835 !important;
    --color-accent: #CB1E24 !important;
}

/* Gradients: Navy to Red */
.btn-primary,
.cta-buttons .btn-primary,
.contact-form-content .wpcf7-submit,
.hero-overlay,
.cta-overlay,
.section-cta,
.service-icon-large,
.contact-icon,
.location-icon,
.project-overlay,
.project-category,
.service-card:hover .service-icon,
.value-card:hover .value-icon,
.feature-box:hover .feature-icon,
.about-stats::before,
.location-badge,
.styled-content h2:after,
.styled-content ol li:before,
.related-projects .section-title:after {
    background: linear-gradient(135deg, #242835, #CB1E24) !important;
}

.btn-primary:hover,
.contact-form-content .wpcf7-submit:hover {
    background: linear-gradient(135deg, #CB1E24, #242835) !important;
}

/* Links - Red */
a {
    color: #CB1E24 !important;
}

a:hover {
    color: #a01820 !important;
}

.service-link,
.service-link i {
    color: #CB1E24 !important;
}

/* Buttons - Red Accent */
.btn-secondary,
.btn-outline {
    background: transparent !important;
    color: #CB1E24 !important;
    border: 2px solid #CB1E24 !important;
}

.btn-secondary:hover,
.btn-outline:hover {
    background: #CB1E24 !important;
    color: #fff !important;
}

/* Form Focus */
.contact-form-content input:focus,
.contact-form-content textarea:focus {
    border-color: #CB1E24 !important;
    box-shadow: 0 0 0 3px rgba(203, 30, 36, 0.1) !important;
}

/* Menu Active */
.primary-menu li.current-menu-item > a,
.primary-menu li:hover > a {
    color: #CB1E24 !important;
}

/* Service Tags */
.service-tag {
    background: rgba(203, 30, 36, 0.1) !important;
    color: #CB1E24 !important;
}

/* Member Role */
.member-role {
    color: #CB1E24 !important;
}

/* Pagination */
.pagination .current,
.pagination a:hover {
    background: #CB1E24 !important;
    border-color: #CB1E24 !important;
}

/* Footer Links */
.footer-menu a:hover {
    color: #CB1E24 !important;
}

/* Contact Details */
.contact-details a {
    color: #CB1E24 !important;
}

.contact-details a:hover {
    color: #a01820 !important;
}

/* Icon Backgrounds */
.value-icon,
.feature-icon {
    background: linear-gradient(135deg, rgba(36, 40, 53, 0.1), rgba(203, 30, 36, 0.1)) !important;
}

/* Overlays */
.hero-overlay {
    background: linear-gradient(135deg, rgba(36, 40, 53, 0.85), rgba(203, 30, 36, 0.85)) !important;
}

.cta-overlay {
    background: linear-gradient(135deg, rgba(36, 40, 53, 0.9), rgba(203, 30, 36, 0.9)) !important;
}

/* Stats Section */
.about-stats::before {
    background: linear-gradient(135deg, rgba(36, 40, 53, 0.9), rgba(203, 30, 36, 0.9)) !important;
}

/* Service Cards Border on Hover */
.service-card:hover {
    border-color: #CB1E24 !important;
}

/* Button Shadows */
.btn-primary,
.contact-form-content .wpcf7-submit {
    box-shadow: 0 5px 15px rgba(203, 30, 36, 0.3) !important;
}

.btn-primary:hover,
.contact-form-content .wpcf7-submit:hover {
    box-shadow: 0 8px 25px rgba(203, 30, 36, 0.4) !important;
}

/* Feature Badges */
.feature-badge {
    border-color: #242835 !important;
}

/* Section Badges */
.section-badge {
    background: #242835 !important;
}

/* ================================
   HOMEPAGE EXPERTISE CARDS FIX
   Remove gradient backgrounds, use clean white
   ================================ */

.service-card,
.service-card:nth-child(1),
.service-card:nth-child(2),
.service-card:nth-child(3) {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
}

.service-card .service-icon,
.service-card:nth-child(3) .service-icon {
    background: linear-gradient(135deg, #242835, #CB1E24) !important;
    background-image: linear-gradient(135deg, #242835, #CB1E24) !important;
}

.service-card .service-icon i {
    color: #ffffff !important;
}

.service-card:hover {
    background: #ffffff !important;
    background-image: none !important;
    border-color: #CB1E24 !important;
    transform: translateY(-10px);
}

/* Ensure all service card icons are consistent */
.services-grid .service-card .service-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, #242835, #CB1E24) !important;
}

.services-grid .service-card .service-icon i {
    font-size: 2rem;
    color: #ffffff !important;
}

/* ================================
   FOOTER CONTACT - WHITE TEXT
   ================================ */

.footer-contact a,
.footer-contact a:hover,
.footer-contact span {
    color: #ffffff !important;
}

.footer-contact li {
    color: #ffffff !important;
}

.footer-contact i {
    color: #ffffff !important;
}

/* Ensure all footer text is white against red background */
.site-footer,
.site-footer p,
.site-footer h3,
.site-footer li,
.site-footer span {
    color: #ffffff !important;
}

.footer-menu a,
.footer-locations li,
.footer-certifications li {
    color: #ffffff !important;
}

.footer-menu a:hover {
    color: #242835 !important;
    opacity: 0.9;
}

/* ================================
   HEADER CONTACT - WHITE TEXT
   ================================ */

.header-contact,
.header-contact span,
.header-contact a,
.header-phone a,
.header-email a {
    color: #ffffff !important;
}

.header-contact i {
    color: #ffffff !important;
}

.header-phone a:hover,
.header-email a:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

/* Ensure header top has proper background */
.header-top {
    background: #242835 !important;
}

.header-top-content {
    color: #ffffff !important;
}