/**
 * RK Foundation - Theme (color palette & fonts)
 * Primary: Periwinkle Blue #748AFB (brand, logo, active, icons)
 * Header & Footer background: #5B3DDF
 * Secondary: Deep Navy #2C3E50 (text)
 * Background: Porcelain White #F8F9FA
 * Accent: Warm Amber #FF9F43 (CTA: Donate, Join Us)
 * Success: Soft Teal #1DD1A1 (success messages, progress)
 * Fonts: Tahoma (English), Noto Sans Bengali / Siyam Rupali (Bangla)
 */
:root {
  --rkf-primary: #748AFB;
  --rkf-primary-hover: #5c6fd9;
  --rkf-header-footer-bg: #5B3DDF;
  --rkf-secondary: #2C3E50;
  --rkf-background: #F8F9FA;
  --rkf-accent: #FF9F43;
  --rkf-accent-hover: #e88c2e;
  --rkf-success: #1DD1A1;
  --rkf-text: #2C3E50;
  --rkf-text-muted: #5a6c7d;
  --rkf-white: #ffffff;
  /* Section background (Join Us, Gallery, Notice) – light periwinkle to match project */
  --rkf-section-bg: #E8ECFC;
}

/* Base: background + text + fonts (frontend & admin) */
body {
  background-color: var(--rkf-background) !important;
  color: var(--rkf-text) !important;
  font-family: Tahoma, Verdana, Geneva, sans-serif !important;
}

/* Restore Font Awesome icon font – body font must not override icon glyphs */
.fa,
.fa-solid,
.fa-regular,
.fa-brands,
.fas,
.far,
.fab,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  display: inline-block !important;
}
.fa-solid, .fas,
[class*="fa-solid"],
[class*=" fa-solid"] { font-weight: 900 !important; }
.fa-regular, .far,
[class*="fa-regular"],
[class*=" fa-regular"] { font-weight: 400 !important; }
.fa-brands, .fab { font-weight: 400 !important; }
.fa-solid::before, .fas::before,
[class*="fa-solid"]::before { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }
.fa-regular::before, .far::before,
[class*="fa-regular"]::before { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; }
.fa-brands::before, .fab::before { font-family: "Font Awesome 6 Brands" !important; }

/* Bangla: Sonali Rupali / Siyam Rupali – Noto Sans Bengali (web), fallback to local Siyam Rupali or Rupali if installed */
.font-bangla,
html[lang="bn"] .font-bangla,
body.font-bangla {
  font-family: "Noto Sans Bengali", "Sonali Rupali", "Siyam Rupali", "Rupali", "Hind Siliguri", Tahoma, sans-serif !important;
}

/* Navbar: header background #5B3DDF; logo & links light for contrast; Donate = accent */
nav.rkf-nav {
  background-color: var(--rkf-header-footer-bg) !important;
}
nav.rkf-nav a[href="index.php"]:first-of-type,
nav.rkf-nav .rkf-logo,
nav.rkf-nav .rkf-logo i {
  color: var(--rkf-white) !important;
}
nav.rkf-nav .rkf-logo:hover { opacity: 0.9; }
nav.rkf-nav a.rkf-nav-link { color: rgba(255,255,255,0.95) !important; }
nav.rkf-nav a.rkf-nav-link:hover,
nav.rkf-nav a.rkf-nav-link.rkf-active,
nav.rkf-nav a[aria-current="page"] {
  color: var(--rkf-white) !important;
  background-color: rgba(255,255,255,0.15) !important;
}
/* Selected menu item: white underline so it’s clearly visible */
nav.rkf-nav a.rkf-nav-link.rkf-active,
nav.rkf-nav a[aria-current="page"] {
  border-bottom: 3px solid var(--rkf-white) !important;
  border-radius: 0 0 2px 2px !important;
  padding-bottom: calc(0.5rem - 3px) !important;
}
/* Dropdown sub-menu: dark background so white text is visible */
nav.rkf-nav .rkf-nav-dropdown {
  background-color: var(--rkf-header-footer-bg) !important;
}
nav.rkf-nav a.rkf-nav-dropdown-link {
  color: var(--rkf-white) !important;
}
nav.rkf-nav a.rkf-nav-dropdown-link:hover {
  color: var(--rkf-white) !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Scroll-spy selection bar on homepage: highlight nav item for section in view */
nav.rkf-nav a.rkf-nav-link.rkf-section-active {
  border-bottom: 3px solid var(--rkf-white) !important;
  border-radius: 0 !important;
  padding-bottom: calc(0.5rem - 3px) !important;
}
nav.rkf-nav .rkf-nav-link i,
nav.rkf-nav .rkf-logo i {
  color: inherit !important;
  display: inline-block !important;
  text-align: center;
  flex-shrink: 0;
}
/* Icon before text (Login, Register, Dashboard): reserve space so icon and text never overlap */
nav .rkf-nav-link > i.fa-solid:first-child {
  min-width: 1.25em;
  margin-right: 0.25em;
  flex-shrink: 0;
}
nav .rkf-logo i {
  width: 1em;
}
/* Keep every menu label on one line (e.g. "About Us" same as "Home", "Activities") */
nav .rkf-nav-link,
nav .rkf-nav-link span {
  white-space: nowrap;
}
/* Donate CTA in nav = accent */
nav a.rkf-btn-donate {
  background-color: var(--rkf-accent) !important;
  color: var(--rkf-white) !important;
  border: none !important;
}
nav a.rkf-btn-donate:hover {
  background-color: var(--rkf-accent-hover) !important;
  color: var(--rkf-white) !important;
}

/* Footer: same as header (#5B3DDF), light text */
footer.rkf-footer,
#contact.rkf-footer {
  background-color: var(--rkf-header-footer-bg) !important;
  color: rgba(255,255,255,0.85) !important;
}
footer.rkf-footer h5,
footer.rkf-footer a:hover { color: var(--rkf-white) !important; }

/* Floating chat buttons: 3CX (green) + Facebook Messenger (blue) */
.rkf-chat-floats a { flex-shrink: 0; }
.rkf-fb-chat-float {
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(24, 119, 242, 0.4);
}
.rkf-fb-chat-float:hover { color: #fff !important; }
.rkf-3cx-chat-float {
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(34, 197, 94, 0.4);
}
.rkf-3cx-chat-float:hover { color: #fff !important; }

/* Live Chat box – fixed right down corner (3CX + Messenger) */
.rkf-livechat-box-float {
  border: 1px solid rgba(91, 61, 223, 0.3);
  border-radius: 1rem;
}
.rkf-livechat-box-header {
  background: linear-gradient(135deg, #5B3DDF 0%, #7c5cdf 100%);
  color: #fff !important;
}
.rkf-livechat-box-btns {
  background: rgba(255, 255, 255, 0.98);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.rkf-livechat-box-float .rkf-3cx-chat-float,
.rkf-livechat-box-float .rkf-fb-chat-float {
  flex-shrink: 0;
}

/* Primary-colored links and headers (e.g. section titles) */
.rkf-primary, a.rkf-link { color: var(--rkf-primary) !important; }
a.rkf-link:hover { color: var(--rkf-primary-hover) !important; }

/* CTA buttons: accent (Donate, Join Us, Subscribe) */
.rkf-btn-cta,
button.rkf-btn-cta,
a.rkf-btn-cta {
  background-color: var(--rkf-accent) !important;
  color: var(--rkf-white) !important;
  border: none !important;
}
.rkf-btn-cta:hover,
a.rkf-btn-cta:hover {
  background-color: var(--rkf-accent-hover) !important;
  color: var(--rkf-white) !important;
}

/* Outline/secondary CTA (Join Now, Learn more – border primary) */
a.rkf-btn-outline {
  border: 2px solid var(--rkf-primary) !important;
  color: var(--rkf-primary) !important;
}
a.rkf-btn-outline:hover {
  background-color: var(--rkf-primary) !important;
  color: var(--rkf-white) !important;
}

/* Service & menu icons: primary color, ensure they render (Font Awesome) */
.rkf-icon,
nav .fa,
nav .fa-solid,
.rkf-service-icon,
.fa-solid {
  display: inline-block !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
}
.rkf-icon,
nav:not(.rkf-nav) .rkf-nav-link .fa,
.rkf-service-icon,
.rkf-service-icon .fa {
  color: var(--rkf-primary) !important;
}
nav.rkf-nav .rkf-nav-link .fa,
nav.rkf-nav .rkf-logo .fa { color: var(--rkf-white) !important; }
nav.rkf-nav button,
nav.rkf-nav button .fa { color: var(--rkf-white) !important; }
nav.rkf-nav button:hover { background-color: rgba(255,255,255,0.2) !important; }
/* Mobile open menu has white panel – use dark text for readability */
@media (max-width: 767px) {
  nav.rkf-nav #navMenu a.rkf-nav-link { color: var(--rkf-text) !important; }
  nav.rkf-nav #navMenu a.rkf-nav-link:hover,
  nav.rkf-nav #navMenu a.rkf-nav-link.rkf-active { color: var(--rkf-primary) !important; background-color: rgba(0,0,0,0.05) !important; }
  nav.rkf-nav #navMenu .rkf-nav-link .fa { color: var(--rkf-primary) !important; }
}
.rkf-service-icon i,
.rkf-icon i {
  color: inherit !important;
}

/* Success messages & progress */
.alert-success, .bg-green-100.text-green-800,
.rkf-success { background-color: rgba(29, 209, 161, 0.2) !important; color: #0d7a5c !important; }
.progress-bar, [class*="success"] .progress { background-color: var(--rkf-success) !important; }

/* Hero overlay: dark overlay #111827 so hero area uses this color */
.rkf-hero-overlay {
  background: linear-gradient(rgba(17, 24, 39, 0.92), rgba(17, 24, 39, 0.92)) !important;
}

/* Section background for Join Us, Gallery, Notice – project-themed (light periwinkle) */
.rkf-section-bg {
  background-color: var(--rkf-section-bg) !important;
}

/* Section-specific backgrounds (frontend homepage) */
.rkf-bg-join { background-color: #6610F2 !important; }
.rkf-bg-gallery { background-color: #D63384 !important; }
.rkf-bg-notice { background-color: #20C997 !important; }
.rkf-bg-contact { background-color: #111827 !important; }

/* White section headings & intro text on colored section backgrounds */
.rkf-bg-join .text-gray-600,
.rkf-bg-gallery .text-gray-600,
.rkf-bg-notice .text-gray-600,
.rkf-bg-contact .text-gray-600,
.rkf-bg-join .text-gray-500,
.rkf-bg-gallery .text-gray-500,
.rkf-bg-notice .text-gray-500 { color: rgba(255, 255, 255, 0.95) !important; }
.rkf-bg-join h2,
.rkf-bg-gallery h2,
.rkf-bg-notice h2,
.rkf-bg-contact h2 { color: #fff !important; }