/* =========================================
   MEDIUP WELFARE FOUNDATION
   LOGO-BASED MULTICOLOUR THEME
   Add this at the END of existing CSS
   ========================================= */

:root {
    --t14-green: #E91E63 !important;
    --t14-green-2: #FFC107 !important;
    --t14-green-dark: #AD1457 !important;
    --t14-mint: #FFF5F8 !important;
    --t14-cream: #FFFFFF !important;
    --t14-gold: #F4511E !important;
    --t14-ink: #202333 !important;
    --t14-muted: #626778 !important;
    --t14-line: #E9EAF0 !important;
    --t14-card: #FFFFFF !important;

    --main-color-one: #E91E63 !important;
    --main-color-two: #8E24AA !important;
    --portfolio-color: #2196F3 !important;
    --logistic-color: #FFC107 !important;
    --industry-color: #4CAF50 !important;
    --secondary-color: #FFF5F8 !important;
    --heading-color: #202333 !important;
    --paragraph-color: #626778 !important;
    --construction-color: #F4511E !important;

    --primary: #E91E63 !important;
    --secondary: #2196F3 !important;
    --success: #4CAF50 !important;
    --info: #2196F3 !important;
    --warning: #FFC107 !important;
    --danger: #F4511E !important;
    --light: #FFF9FC !important;
    --dark: #202333 !important;

    --t14-shadow: 0 12px 35px rgba(233, 30, 99, .10) !important;
    --t14-shadow-lg: 0 24px 70px rgba(142, 36, 170, .16) !important;
}

/* Main buttons */
.theme14-nav-donate,
.theme14-btn--solid {
    background: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #FFFFFF !important;
}

.theme14-nav-donate:hover,
.theme14-btn--solid:hover {
    background: #AD1457 !important;
    border-color: #AD1457 !important;
}

/* Multicolour brand gradient */
.theme14-section-head .theme14-heading:after,
.theme14-section-head:after,
.theme14-hero-title:after,
.theme14-about:before,
.theme14-causes:before,
.theme14-what-we-do:before,
.theme14-events:before,
.theme14-blog:before,
.theme14-featured:before,
.theme14-recent:before,
.theme14-help:before,
.theme14-testimonials:before,
.theme14-supporters:before,
.theme14-team:before {
    background: linear-gradient(
        90deg,
        #E91E63 0%,
        #F4511E 25%,
        #FFC107 45%,
        #4CAF50 65%,
        #2196F3 82%,
        #8E24AA 100%
    ) !important;
}

/* Highlight text and section labels */
.theme14-highlight,
.theme14-kicker,
.theme14-text-link,
.theme14-about .theme14-highlight,
.theme14-hero-title .theme14-highlight {
    color: #E91E63 !important;
}

.theme14-section-head .theme14-kicker:before {
    background: #FFC107 !important;
}

/* Hero background accents */


.theme14-hero:after {
    background: rgba(33, 150, 243, .12) !important;
}

/* Hero notes and decorative elements */
.theme14-hero-note > span {
    background: #4CAF50 !important;
}

.theme14-hero-arrow {
    color: #E91E63 !important;
}

/* Statistics section */
.theme14-stats {
    background: linear-gradient(
        120deg,
        #E91E63,
        #8E24AA,
        #2196F3
    ) !important;
}

.theme14-stat-icon {
    color: #E91E63 !important;
    background: #FFFFFF !important;
    border-color: rgba(255, 255, 255, .65) !important;
}

.theme14-stat-item h3 {
    color: #FFFFFF !important;
}

/* Feature and service icons */
.theme14-what-we-do .theme14-what-icon {
    color: #E91E63 !important;
    background: #FFF5F8 !important;
    border-color: #F8C9DA !important;
}

.theme14-what-we-do .theme14-what-card:nth-child(4n+2)
.theme14-what-icon {
    color: #F4511E !important;
    background: #FFF4EF !important;
    border-color: #FFD5C4 !important;
}

.theme14-what-we-do .theme14-what-card:nth-child(4n+3)
.theme14-what-icon {
    color: #2196F3 !important;
    background: #EFF7FF !important;
    border-color: #C9E3FF !important;
}

.theme14-what-we-do .theme14-what-card:nth-child(4n)
.theme14-what-icon {
    color: #4CAF50 !important;
    background: #F0FAF1 !important;
    border-color: #CBEACD !important;
}

.theme14-what-we-do .theme14-what-card:hover .theme14-what-icon {
    background: #E91E63 !important;
    color: #FFFFFF !important;
}

/* Donation cause cards */
.theme14-causes {
    background: #FFFFFF !important;
}

.theme14-causes .theme14-cause-card {
    border-color: #E9EAF0 !important;
    box-shadow: 0 10px 30px rgba(32, 35, 51, .07) !important;
}

.theme14-causes .theme14-cause-card:hover,
.theme14-blog-card:hover {
    border-color: #E91E63 !important;
}

.theme14-causes .theme14-cause-icon {
    background: #E91E63 !important;
}

.theme14-causes .theme14-cause-body h4 {
    color: #202333 !important;
}

.theme14-causes .theme14-cause-body p {
    color: #626778 !important;
}

/* Outline buttons */
.theme14-btn--outline {
    color: #E91E63 !important;
    border-color: #E91E63 !important;
}

.theme14-btn--outline:hover {
    background: #E91E63 !important;
    border-color: #E91E63 !important;
    color: #FFFFFF !important;
}

/* Event cards and date badges */
.theme14-event-date {
    background: #2196F3 !important;
}

/* Video section */
.theme14-video {
    background: #8E24AA !important;
}

.theme14-video-btn {
    background: #FFC107 !important;
    color: #202333 !important;
}

/* Footer */
.theme14-footer,
.theme14-footer-top {
    background: #202333 !important;
}

.theme14-footer-bottom {
    background: #151724 !important;
}

.theme14-footer-widgets a:hover {
    color: #FFC107 !important;
}

.theme14-footer-social a {
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, .25) !important;
    background: rgba(233, 30, 99, .20) !important;
}

.theme14-footer-social a:hover {
    background: #E91E63 !important;
    color: #FFFFFF !important;
}

/* Card hover accent */
.theme14-causes .theme14-cause-card:after,
.theme14-what-we-do .theme14-what-card:after,
.theme14-event-card:after,
.theme14-blog-card:after,
.theme14-recent-card:after,
.theme14-donation-card:after,
.theme14-testimonial-card:after,
.theme14-team-card:after {
    background: linear-gradient(
        90deg,
        #E91E63,
        #F4511E,
        #FFC107,
        #4CAF50,
        #2196F3,
        #8E24AA
    ) !important;
}

/* Keep logo proportions correct */
.theme14-logo img,
.theme14-footer-logo img {
    object-fit: contain !important;
}

/* Respect reduced-motion settings */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}