/*
Theme Name: Kalam Memorial Trust
Theme URI: https://rithantechnologies.com/
Author: Rithan Technologies
Description: An original five-page charitable-trust theme with cinematic motion, editable activities and a WordPress-admin content workflow. Site imagery is illustrative until replaced.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kalam-memorial
*/


/*
 * Kalam Trust — Institutional palette v1.1
 * Deep navy / slate / muted gold / off-white.
 * Gold for emphasis, not long-form reading text.
 * Overrides the original motion CSS without modifying layout or animations.
 */
:root {
  --kl-ink: #263747;
  --kl-navy: #12283f;
  --kl-navy2: #1b3853;
  --kl-blue: #274762;
  --kl-gold: #d9c092;
  --kl-pale: #f5f7f9;
  --kl-muted: #526274;
  --kl-white: #ffffff;
  --kl-border: #dce3e9;
  --kl-gold-ink: #84632d;
  --kl-ui: "Inter", "Segoe UI", Arial, "Liberation Sans", Helvetica, sans-serif;
}
body {
  font-family: var(--kl-ui);
  color: var(--kl-ink);
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, button { font-family: var(--kl-ui); }
h1, h2, h3 { text-wrap: balance; }
p, li { color: inherit; }
.kl-topbar { background: #12283f; color: #ecf1f5; }
.kl-header { background: #12283fe8; }
.kl-header-scrolled {
  background: #ffffff;
  color: #12283f;
  border-bottom-color: #e5e9ee;
}
.kl-logo-mark { background: #d9c092; color: #12283f; }
.kl-brand-words strong em { color: #e6ca91; }
.kl-header-scrolled .kl-brand-words strong em { color: #84632d; }
.kl-header-scrolled .kl-links a { color: #263747; }
.kl-header-scrolled .kl-links a:hover { color: #274762; }
.kl-links a:after { background: #d9c092; }
.kl-pill-solid, .kl-pill-gold {
  background: #d9c092;
  color: #12283f;
  border-color: #d9c092;
}
.kl-pill-solid:hover, .kl-pill-gold:hover {
  background: #e7cfa3;
  color: #12283f;
}
.kl-pill-navy-outline { color: #12283f; border-color: #718498; }
.kl-pill-navy-outline:hover { background: #12283f; color: white; }
.kl-eyebrow { color: #405a73; }
.kl-eyebrow-light, .kl-hero-overline { color: #e7cfa3; }
.kl-gold { color: #84632d; }
.kl-vision .kl-gold, .kl-donation-dark .kl-gold,
.kl-footer .kl-gold, .kl-page-cover .kl-gold { color: #e7cfa3; }
.kl-section-heading h2,
.kl-intro-copy h2, .kl-vision-head h2,
.kl-location-copy h2, .kl-partner h2,
.kl-activity-intro h2, .kl-bank-grid h2,
.kl-contact-main h2, .kl-gallery-coming h2 { letter-spacing: -.038em; }
.kl-section-heading h2 em, .kl-intro-copy h2 em,
.kl-location-copy h2 em, .kl-partner h2 em,
.kl-activity-intro h2 em, .kl-bank-grid h2 em,
.kl-contact-main h2 em {
  color: #84632d;
}
.kl-vision-head h2 em, .kl-gallery-coming h2 em { color: #e7cfa3; }
.kl-hero-wash {
  background: linear-gradient(180deg, #081a2cbb 0%, #10283f70 33%, #0b2038cc 78%, #081a2aeb 100%),
              linear-gradient(90deg, #081b2ec9, #12283f42 65%, #10283f60);
}
.kl-hero h1 { color: #ffffff; text-shadow: 0 4px 24px #07152180; }
.kl-hero h1 span {
  background: linear-gradient(105deg, #f5e3bc, #d9c092, #f1d8a7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.kl-hero-copy p { color: #f0f3f5; text-shadow: 0 2px 10px #07152199; }
.kl-hero-float { border-color: #ffffff60; }
.kl-intent-strip, .kl-focus, .kl-partner, .kl-events-page { background: #f5f7f9; }
.kl-verified-stats, .kl-bank-section, .kl-contact-main, .kl-gallery-main { background: #f5f7f9; }
.kl-location { background: linear-gradient(135deg, #f0f4f7, #e9eff3); }
.kl-intent-inner>span, .kl-focus-category,
.kl-founder-small, .kl-founder-role { color: #526274; }
.kl-intent-inner i { color: #84632d; }
.kl-link-arrow, .kl-text-cta, .kl-card-bottom,
.kl-contact-details a, .kl-report-grid a,
.kl-map-iframe-label a { color: #274762; }
.kl-link-arrow, .kl-text-cta { border-bottom-color: #8397a8; }
.kl-intro-signposts span { color: #354b60; }
.kl-intro-signposts svg, .kl-activity-text>svg,
.kl-donation-category>svg, .kl-transparency-grid svg { color: #98743d; }
.kl-focus-card, .kl-activity-line, .kl-donation-category,
.kl-transparency-grid>div, .kl-contact-form-wrap {
  border-color: #dce3e9;
}
.kl-card-icon { background: #12283f; color: #e7cfa3; }
.kl-photo-label, .kl-marquee, .kl-mini-cta { background: #12283f; }
.kl-marquee-track i, .kl-photo-label strong { color: #e7cfa3; }
.kl-vision { background: linear-gradient(125deg, #1b3853, #10263c 76%); }
.kl-vision-card p, .kl-vision-head>p { color: #d9e2e9; }
.kl-vision-top span { color: #d9e2e9; }
.kl-programme-feature { background: #1b3853; }
.kl-mini-areas>div { background: #f8fafb; border-color: #dce3e9; }
.kl-mini-areas>div:hover { background: #eef2f5; }
.kl-mini-areas span, .kl-map-tag span,
.kl-event-box>span { color: #84632d; }
.kl-partner-visual { background: linear-gradient(135deg, #274762, #12283f); }
.kl-founder-board { background: linear-gradient(120deg, #f9fafb, #eef2f5); }
.kl-founder-avatar { background: linear-gradient(145deg, #274762, #12283f); }
.kl-founder-avatar strong { color: #e7cfa3; }
.kl-founder-details h2 em { color: #84632d; }
.kl-founder-pending, .kl-founder-details blockquote { border-left-color: #b08a4a; }
.kl-donate-banner, .kl-donation-dark { background: #10263c; }
.kl-donate-bg {
  background: linear-gradient(90deg, #0a1d32ef, #17334fcd),url('assets/images/hero-service.jpg') center / cover;
}
.kl-donation-dark .kl-amount-options button.active {
  background: #d9c092;
  border-color: #d9c092;
  color: #12283f;
}
.kl-page-cover { background: #12283f; }
.kl-page-cover-wash {
  background: linear-gradient(90deg, #0b2037f5 2%, #1b3853bd 70%, #12283f99),
              linear-gradient(0deg, #0b2037b8, transparent);
}
.kl-gallery-coming { background: linear-gradient(125deg, #1b3853, #10263c); }
.kl-contact-icon { background: #e8eef3; color: #274762; }
.kl-contact-form-head h3, .kl-bank-card h3 { color: #12283f; }
.kl-form label { color: #263747; }
.kl-form input, .kl-form textarea, .kl-form select {
  color: #263747;
  background: #ffffff;
  border-color: #c9d5de;
}
.kl-form input:focus, .kl-form textarea:focus, .kl-form select:focus {
  border-color: #274762;
  box-shadow: 0 0 0 3px #27476222;
}
.kl-footer { background: #0c2033; color: #d7e0e7; }
.kl-footer-top p, .kl-footer-about,
.kl-footer-grid>div>a:not(.kl-brand), .kl-address { color: #c8d3dd; }
.kl-footer-grid h3 { color: #e7cfa3; }
.kl-footer-bottom { color: #c3cfda; }
.kl-editorial-note { background: #f8f3e9; color: #6b5532; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline: 3px solid #b08a4a;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .kl-hero h1 { text-shadow: 0 3px 16px #07152199; }
}