/* ============================================
   UNIS POUR L'HUMANITÉ - Brand Colors v2
   Exact ratios: 50% Navy, 25% White, 15% Blue, 5% Green, 5% Orange
   ============================================ */

:root {
    --brand-navy: #111C2D;
    --brand-blue: #1E5BC6;
    --brand-green: #3BAE4A;
    --brand-orange: #F5661F;
    --brand-white: #F8F8F5;
}

body {
    background-color: var(--brand-white) !important;
    color: #333 !important;
}

/* HEADER */
.ul-header, .to-be-sticky, header.ul-header {
    background: #fff !important;
}
.ul-header.sticky {
    background: #fff !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
}
.ul-header-nav > li > a, .ul-header-nav a {
    color: var(--brand-navy) !important;
    font-weight: 600 !important;
}
.ul-header-nav > li > a:hover,
.ul-header-nav .active > a {
    color: var(--brand-blue) !important;
}

/* Login button - BLUE */
.ul-header-actions .ul-btn {
    background: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
}
.ul-header-actions .ul-btn:hover {
    background: #1849a8 !important;
}

/* DEFAULT BUTTONS - BLUE */
.ul-btn, .btn-primary, button.ul-btn, a.ul-btn {
    background: var(--brand-blue) !important;
    color: #fff !important;
    border-color: var(--brand-blue) !important;
    transition: all 0.3s ease !important;
}
.ul-btn:hover {
    background: #1849a8 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(30, 91, 198, 0.3) !important;
}

/* DONATE BUTTONS - GREEN */
a[href*="donate"]:not(.dash-menu-item),
.donate-btn, .ul-btn-donate, .ul-cause-donate-btn,
.ul-cause-card .ul-btn, .cause-card .ul-btn,
.ul-donation-card .ul-btn {
    background: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
    color: #fff !important;
}
a[href*="donate"]:not(.dash-menu-item):hover,
.donate-btn:hover, .ul-cause-card .ul-btn:hover {
    background: #2f9039 !important;
    box-shadow: 0 5px 15px rgba(59, 174, 74, 0.3) !important;
}

/* HERO MAIN CTA - ORANGE (only one place) */
.ul-banner-content .ul-btn:first-of-type,
.banner-main-cta {
    background: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}
.ul-banner-content .ul-btn:first-of-type:hover {
    background: #d94d10 !important;
}

/* PAGE BANNER - NAVY */
.ul-page-banner {
    background: linear-gradient(135deg, var(--brand-navy), #1a2942) !important;
}
.ul-page-banner-title { color: #fff !important; }
.ul-page-banner-nav a { color: rgba(255,255,255,0.85) !important; }
.ul-page-banner-nav a:hover { color: var(--brand-blue) !important; }
.ul-page-banner-nav span i { color: rgba(255,255,255,0.5) !important; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
    color: var(--brand-navy);
}

.ul-section-subtitle, .section-subtitle,
.ul-section-title-tag {
    color: var(--brand-blue) !important;
}

/* Title accent word - GREEN */
.ul-section-title span:not(.ul-section-title-tag),
.ul-banner-title span,
.text-accent {
    color: var(--brand-green) !important;
}

/* CAUSE CARDS - White bg */
.ul-cause-card, .ul-donation-card, .cause-card {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}
.ul-cause-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;
}
.ul-cause-card-title, .ul-donation-card-title {
    color: var(--brand-navy) !important;
}
.ul-cause-card-title:hover { color: var(--brand-blue) !important; }

/* Featured tag - GREEN */
.featured-tag, .ul-cause-card .badge {
    background: var(--brand-green) !important;
    color: #fff !important;
}

/* Progress bars - GREEN */
.ul-progress-bar, .progress-bar,
.ul-cause-progress-bar > div,
.progress > .progress-bar {
    background: var(--brand-green) !important;
    background-image: linear-gradient(90deg, var(--brand-green), #5fc870) !important;
}

/* LINKS - BLUE */
a {
    color: var(--brand-blue);
    transition: color 0.2s ease;
}
a:hover { color: var(--brand-navy); }

/* FOOTER - NAVY */
.ul-footer, .footer, footer {
    background: var(--brand-navy) !important;
    color: #fff !important;
}
.ul-footer h2, .ul-footer h3, .ul-footer h4, .ul-footer h5 {
    color: #fff !important;
}
.ul-footer a { color: rgba(255,255,255,0.75) !important; }
.ul-footer a:hover { color: var(--brand-orange) !important; }
.ul-footer-bottom {
    background: rgba(0,0,0,0.2) !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}

/* Footer top bar - BLUE */
.footer-top-bar, .ul-footer-top {
    background: var(--brand-blue) !important;
    color: #fff !important;
}

.ul-footer-social a {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}
.ul-footer-social a:hover {
    background: var(--brand-blue) !important;
}

/* STATS SECTION - NAVY BG */
.ul-counter-section, .stats-section {
    background: var(--brand-navy) !important;
}
.ul-counter-section h2, .ul-counter-section h3,
.ul-counter-section p, .ul-counter-section .counter,
.stats-section * { color: #fff !important; }

/* Stats icons - BLUE */
.ul-counter-section .icon, .ul-counter-section svg {
    color: var(--brand-blue) !important;
}
.ul-counter-section .stat-item:nth-child(2n) .icon {
    color: var(--brand-green) !important;
}

/* DONATION CTA - BLUE GRADIENT */
.ul-donate-cta, .donation-cta {
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-navy)) !important;
}
.ul-donate-cta *, .donation-cta * { color: #fff !important; }
.ul-donate-cta .progress-bar {
    background: var(--brand-green) !important;
}

/* EVENTS - NAVY */
.ul-event-card, .event-card {
    background: var(--brand-navy) !important;
    color: #fff !important;
    border-radius: 15px !important;
}
.ul-event-card h3, .ul-event-card h4, .ul-event-card p {
    color: #fff !important;
}
.ul-event-card .date {
    background: #fff !important;
    color: var(--brand-navy) !important;
}
.ul-event-card .ul-btn, .ul-event-card a.btn {
    background: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}

/* BLOG - White */
.ul-blog-card { background: #fff !important; border-radius: 15px !important; }
.ul-blog-card .date, .ul-blog-card .meta {
    color: var(--brand-blue) !important;
}
.ul-blog-card .read-more {
    color: var(--brand-blue) !important;
    font-weight: 600 !important;
}
.ul-blog-card-title { color: var(--brand-navy) !important; }
.ul-blog-card-title:hover { color: var(--brand-blue) !important; }

/* TESTIMONIAL */
.ul-testimonial-card { background: #fff !important; border-radius: 15px !important; }
.ul-testimonial-card .stars,
.ul-testimonial-card i.fa-star { color: var(--brand-green) !important; }
.ul-testimonial-card .quote { color: var(--brand-blue) !important; }

/* TEAM */
.ul-team-card {
    background: var(--brand-white) !important;
    border-radius: 15px !important;
}
.ul-team-card .position { color: var(--brand-blue) !important; }
.ul-team-card-social a {
    background: rgba(30, 91, 198, 0.1) !important;
    color: var(--brand-blue) !important;
}
.ul-team-card-social a:hover {
    background: var(--brand-green) !important;
    color: #fff !important;
}

/* ICONS / FEATURES - BLUE */
.ul-feature-icon, .feature-icon, .service-icon,
.ul-service-card .icon, .ul-feature-card .icon {
    background: rgba(30, 91, 198, 0.1) !important;
    color: var(--brand-blue) !important;
}
.ul-service-card:hover .icon {
    background: var(--brand-blue) !important;
    color: #fff !important;
}

/* Heart icons - GREEN */
.flaticon-heart, .fa-heart, i.heart {
    color: var(--brand-green);
}

/* NEWSLETTER - NAVY */
.ul-newsletter, .newsletter-section {
    background: linear-gradient(135deg, var(--brand-navy), #1a2942) !important;
}
.ul-newsletter .ul-btn {
    background: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

/* FORMS */
input:focus, textarea:focus, select:focus {
    border-color: var(--brand-blue) !important;
    box-shadow: 0 0 0 3px rgba(30, 91, 198, 0.1) !important;
    outline: none !important;
}

/* PRELOADER */
.preloader { background: var(--brand-navy) !important; }
.loader, .preloader .loader {
    border-color: rgba(255,255,255,0.2) !important;
    border-top-color: var(--brand-orange) !important;
}

/* UTILITY */
.bg-primary { background-color: var(--brand-blue) !important; }
.bg-success { background-color: var(--brand-green) !important; }
.bg-warning, .bg-orange { background-color: var(--brand-orange) !important; }
.bg-dark, .bg-navy { background-color: var(--brand-navy) !important; }
.text-primary { color: var(--brand-blue) !important; }
.text-success { color: var(--brand-green) !important; }
.text-warning, .text-orange { color: var(--brand-orange) !important; }
.text-dark, .text-navy { color: var(--brand-navy) !important; }

/* PRICING */
.ul-pricing-card { background: #fff !important; border-radius: 15px !important; }
.ul-pricing-card.featured, .ul-pricing-card.popular {
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-navy)) !important;
    color: #fff !important;
}
.ul-pricing-card.featured * { color: #fff !important; }
.ul-pricing-card .ul-btn { background: var(--brand-blue) !important; }
.ul-pricing-card.featured .ul-btn { background: var(--brand-orange) !important; }

/* FAQ */
.ul-faq-card, .accordion-item {
    border-color: #e8eaef !important;
    background: #fff !important;
}
.ul-faq-card.active .ul-faq-card-title,
.accordion-button:not(.collapsed) {
    color: var(--brand-blue) !important;
    background: rgba(30, 91, 198, 0.05) !important;
}

/* CONTACT */
.ul-contact-form { background: #fff !important; }
.ul-contact-form input, .ul-contact-form textarea {
    border-color: #e8eaef !important;
}
.ul-contact-form .ul-btn { background: var(--brand-blue) !important; }

/* SEARCH */
.ul-search-form input { border-color: #e0e0e0 !important; }
.ul-search-form input:focus { border-color: var(--brand-blue) !important; }
.ul-search-form button { background: var(--brand-blue) !important; }

/* PROJECTS */
.ul-project-card {
    background: #fff !important;
    border-radius: 15px !important;
    border: 1px solid #f0f0f0 !important;
}
.ul-project-card-title { color: var(--brand-navy) !important; }
.ul-project-card-title:hover { color: var(--brand-blue) !important; }
.ul-project-card .category {
    background: rgba(30, 91, 198, 0.1) !important;
    color: var(--brand-blue) !important;
}

/* SERVICES */
.ul-service-card {
    background: #fff !important;
    border-radius: 15px !important;
    transition: all 0.3s ease !important;
}
.ul-service-card:hover {
    background: var(--brand-blue) !important;
    color: #fff !important;
}
.ul-service-card:hover * { color: #fff !important; }

/* ABOUT SECTION */
.about-section, .ul-about-section, .impact-section {
    background: var(--brand-white) !important;
}

/* HR/Dividers */
hr, .section-divider {
    border-color: rgba(30, 91, 198, 0.2) !important;
}

/* BREADCRUMB */
.breadcrumb a { color: rgba(255,255,255,0.85) !important; }
.breadcrumb a:hover { color: var(--brand-blue) !important; }

/* SCROLLBAR */
::-webkit-scrollbar-thumb { background: var(--brand-blue); }
::-webkit-scrollbar-thumb:hover { background: var(--brand-navy); }

/* TAGS / BADGES */
.tag, .label, .badge {
    background: var(--brand-blue);
    color: #fff;
}
.tag.green, .badge.green { background: var(--brand-green) !important; }
.tag.orange, .badge.orange { background: var(--brand-orange) !important; }
/* Header CTA button fix */
.ul-header-actions .ul-btn {
    white-space: nowrap;
    padding: 10px 18px !important;
    font-size: 14px !important;
}

@media (max-width: 1200px) {
    .ul-header-actions .ul-btn {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 991px) {
    .ul-header-actions .ul-btn {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .ul-header-actions .ul-btn span,
    .ul-header-actions .ul-btn {
        font-size: 11px !important;
        padding: 7px 10px !important;
    }
}

/* Header actions spacing fix */
.ul-header-actions {
    gap: 10px !important;
}

@media (max-width: 991px) {
    .ul-header-actions {
        gap: 6px !important;
    }
    .ul-header-actions .ul-header-search-opener {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .ul-header-actions {
        gap: 4px !important;
    }
    .ul-header-actions .ul-btn {
        padding: 6px 10px !important;
        font-size: 10px !important;
    }
}

.ul-header-bottom-wrapper {
    gap: 15px !important;
}














/* HEADER OVERLAP FIX - PC mode */
@media (min-width: 992px) {
    body { padding-top: 100px !important; }
    .ul-header-bottom.sticky { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 999 !important; }
}