/* Rayyan Aid brand overrides */
:root {
  --brand-primary: #f59320; /* Brand Orange */
  --brand-secondary: #1aa69b; /* Teal */
  --brand-accent: #d91a5d; /* Magenta */
}

/* Buttons */
.thm-btn { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; }
.thm-btn:hover,
.thm-btn:focus { background-color: var(--brand-secondary) !important; border-color: var(--brand-secondary) !important; }
/* Icon box inside buttons */
.thm-btn .thm-btn-icon-box { background-color: var(--brand-accent) !important; color: #fff !important; }

/* Header brand text (added next to logo) */
.main-menu__brand {
  color: #ffffff;
}

/* Header top bar background and text */
.main-menu__top { background-color: var(--brand-secondary) !important; }
.main-menu__top .main-menu__top-welcome-text,
.main-menu__top .main-menu__social-title,
.main-menu__top .main-menu__social a,
.main-menu__top .main-menu__contact-list .text p,
.main-menu__top .main-menu__contact-list a,
.main-menu__top .icon i { color: #ffffff !important; }

/* Menu hover/active */
.main-menu__list > li > a:hover,
.main-menu__list > li.current > a,
.main-menu__list > li.active > a { color: var(--brand-primary) !important; }
/* If template uses pseudo underline/indicator */
.main-menu__list > li > a:before { background-color: var(--brand-primary) !important; }

/* Section taglines and small accents */
.section-title__tagline,
.section-title__tagline-box span,
.thm-breadcrumb li a:hover { color: var(--brand-secondary) !important; }
/* Tagline shapes or small bars */
.section-title__tagline-box:before,
.section-title__tagline-box:after { background-color: var(--brand-secondary) !important; }

/* Links and icon accents */
a:hover,
a:focus { color: var(--brand-accent) !important; }

/* Owl dots active color */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: var(--brand-primary) !important; }
/* Owl nav arrows that use span icons */
.owl-theme .owl-nav [class*="owl-"] span { color: var(--brand-primary) !important; }

/* Footer accents */
.site-footer .footer-widget__title { color: var(--brand-primary) !important; }
.site-footer__newsletter-btn { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; }
.site-footer__newsletter-btn:hover { background-color: var(--brand-secondary) !important; border-color: var(--brand-secondary) !important; }

/* Video play icons and ripple accent */
.video-one__video-icon span,
.about-one__video-icon span,
.main-slider__video-icon span { color: var(--brand-accent) !important; }

/* Progress bars / count bars */
.count-bar { background: var(--brand-primary) !important; }

/* Scroll to top button */
.scroll-to-top { background: var(--brand-primary) !important; }
.scroll-to-top:hover { background: var(--brand-secondary) !important; }

/* Category tags / small badges */
.donate-one__tag span,
.causes-one__tag span,
.causes-one .causes-one__tag span { background-color: var(--brand-primary) !important; color: #fff !important; border-color: var(--brand-primary) !important; }

/* Causes: arrow and title accents */
.causes-one__arrow span { color: var(--brand-primary) !important; }
.causes-one__title a:hover { color: var(--brand-primary) !important; }

/* Headings: emphasize inline span accents with yellow */
.section-title__title span { color: var(--brand-primary) !important; }

/* Any generic .thm-primary class tokens */
.thm-primary { color: var(--brand-primary) !important; }
.bg-thm-primary { background-color: var(--brand-primary) !important; }

/* Donation amount selected state */
.amount-btn.active,
.amount-btn-1.active { background-color: var(--brand-primary) !important; border-color: var(--brand-primary) !important; color: #fff !important; }

/* Override any default primary color tokens if present */
:root {
  --thm-primary: var(--brand-primary);
  --thm-secondary: var(--brand-secondary);
  --thm-accent: var(--brand-accent);
}

/* Footer gallery uniform thumbnails */
.footer-widget__gallery-img img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover !important;
  display: block;
}

/* DonateFooter: center contact info items */
.site-footer-two.site-footer-three .footer-widget-two__contact { text-align: center; }
.site-footer-two.site-footer-three .footer-widget-two__contact-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.site-footer-two.site-footer-three .footer-widget-two__contact-list li .icon {
  margin: 0 !important;
}
.site-footer-two.site-footer-three .footer-widget-two__contact-list a,
.site-footer-two.site-footer-three .footer-widget-two__contact-list p { margin: 0; }