/* Our Work pages – light blue theme with white text */
:root {
  --ow-blue-light: #5BA8FF;
  --ow-blue-mid: #2F6FC2;
  --ow-blue-dark: #06366f;
  --ow-blue-deep: #042a52;
}

body.our-work-page .donation-page-banner,
.donation-page-banner {
  background: linear-gradient(135deg, var(--ow-blue-mid) 0%, var(--ow-blue-light) 100%) !important;
  color: #fff !important;
}

body.our-work-page .donation-page-banner h1,
.donation-page-banner h1 {
  color: #fff !important;
}

body.our-work-page .donation-hero-section,
.donation-hero-section {
  background: linear-gradient(135deg, var(--ow-blue-dark) 0%, var(--ow-blue-mid) 100%) !important;
}

body.our-work-page .donation-content-section,
.donation-content-section {
  background: var(--ow-blue-deep) !important;
}

body.our-work-page .donation-hero-section .content-box,
body.our-work-page .donation-content-section .content-box,
.donation-hero-section .content-box,
.donation-content-section .content-box {
  background: rgba(6, 54, 111, 0.92) !important;
  border: 1px solid rgba(91, 168, 255, 0.35) !important;
}

body.our-work-page .donation-hero-section .content-box h2,
body.our-work-page .donation-hero-section .content-box p,
body.our-work-page .donation-content-section .content-box h2,
body.our-work-page .donation-content-section .content-box h3,
body.our-work-page .donation-content-section .content-box h4,
body.our-work-page .donation-content-section .content-box p,
.donation-hero-section .content-box h2,
.donation-hero-section .content-box p,
.donation-content-section .content-box h2,
.donation-content-section .content-box h3,
.donation-content-section .content-box h4,
.donation-content-section .content-box p {
  color: #fff !important;
}

body.our-work-page .donation-hero-section .content-box h2 span,
body.our-work-page .donation-content-section .content-box h2 span,
.donation-hero-section .content-box h2 span,
.donation-content-section .content-box h2 span {
  color: var(--ow-blue-light) !important;
}

body.our-work-page .hero-image-box,
.donation-hero-section .hero-image-box,
.donation-hero-section [style*="background: #2F6FC2"] {
  background: var(--ow-blue-mid) !important;
  border: 3px solid var(--ow-blue-light) !important;
  color: #fff !important;
}

.donate-now-btn {
  background: var(--ow-blue-mid) !important;
  color: #fff !important;
}

.donate-now-btn:hover {
  background: var(--ow-blue-light) !important;
  color: var(--ow-blue-dark) !important;
}

.amount-display-large .amount {
  color: var(--ow-blue-light) !important;
}

.amount-slider-container h2,
.amount-slider-container p {
  color: #fff !important;
}

.amount-slider::-webkit-slider-thumb,
.amount-slider::-moz-range-thumb {
  background: var(--ow-blue-mid) !important;
}

.quick-amount-btn {
  border-color: var(--ow-blue-light) !important;
  color: #fff !important;
  background: rgba(6, 54, 111, 0.6) !important;
}

.quick-amount-btn:hover,
.quick-amount-btn.active {
  background: var(--ow-blue-mid) !important;
  color: #fff !important;
}

.custom-amount-input input {
  border-color: var(--ow-blue-light) !important;
}

/* Food donate page */
.food-donate-header,
.food-hero-banner {
  background: linear-gradient(135deg, var(--ow-blue-mid) 0%, var(--ow-blue-light) 100%) !important;
  color: #fff !important;
}

.food-hero-banner .hero-text-section,
.food-hero-banner .hero-text-section h1,
.food-hero-banner .hero-text-section p {
  color: #fff !important;
}