/*
 * Al-Khair public pages — unified dark mode
 * Loaded after page-specific styles so legacy inline/light styles are safely overridden.
 */

html[data-akf-theme="dark"] {
    --akf-dm-page: #0b1320;
    --akf-dm-page-2: #0e1827;
    --akf-dm-surface: #152235;
    --akf-dm-surface-2: #1b2a3e;
    --akf-dm-surface-3: #223149;
    --akf-dm-field: #0f1b2a;
    --akf-dm-border: #304158;
    --akf-dm-border-soft: #26364b;
    --akf-dm-text: #f3f7fc;
    --akf-dm-text-soft: #d8e2ee;
    --akf-dm-muted: #aebbd0;
    --akf-dm-link: #91bdff;
    --akf-dm-primary: #315da9;
    --akf-dm-primary-hover: #3b6bc0;
    --akf-dm-shadow: 0 18px 44px rgba(0, 0, 0, .24);
    color-scheme: dark;
}

/* =========================================================
   Shared internal-page foundation
   ========================================================= */
html[data-akf-theme="dark"] body.akf-site,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner {
    background: var(--akf-dm-page) !important;
    color: var(--akf-dm-text-soft) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner {
    min-height: 58vh;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner a:not(.btn):not([class*="donate"]):not([class*="button"]) {
    color: var(--akf-dm-link);
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner h1,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner h2,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner h3,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner h4,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner h5,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner h6,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner strong,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner b {
    color: var(--akf-dm-text) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner p,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner li,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner td,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner label,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .text-dark {
    color: var(--akf-dm-text-soft) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner .text-muted,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner small,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .small {
    color: var(--akf-dm-muted) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner hr {
    border-color: var(--akf-dm-border) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner .bg-white,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .bg-light,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .card,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .card-body,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .card-header,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .card-footer,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .modal-content,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .list-group-item {
    background-color: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-akf-theme="dark"] body.akf-site .akf-page--inner select,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner textarea,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .form-control,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .form-select,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .custom-select,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .input-group-text {
    background-color: var(--akf-dm-field) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
    box-shadow: none !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner input::placeholder,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner textarea::placeholder {
    color: #8190a5 !important;
    opacity: 1;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner select option {
    background: var(--akf-dm-field);
    color: var(--akf-dm-text);
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner table,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .table {
    color: var(--akf-dm-text-soft) !important;
    background: transparent !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner table th,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner table td,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .table th,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .table td {
    border-color: var(--akf-dm-border) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner table th,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .table thead th {
    background: #1d3354 !important;
    color: #fff !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner .table-hover tbody tr:hover,
html[data-akf-theme="dark"] body.akf-site .akf-page--inner table tbody tr:hover {
    background: #1c2c42 !important;
    color: var(--akf-dm-text) !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner .pagination .page-link {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-link) !important;
}
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .pagination .page-item.active .page-link {
    background: var(--akf-dm-primary) !important;
    color: #fff !important;
}
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .pagination .page-item.disabled .page-link {
    color: #65748a !important;
}

html[data-akf-theme="dark"] body.akf-site .akf-page--inner .alert-warning {
    background: #332a16 !important;
    border-color: #665329 !important;
    color: #ffe0a1 !important;
}
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .alert-success {
    background: #133226 !important;
    border-color: #286249 !important;
    color: #bcebd6 !important;
}
html[data-akf-theme="dark"] body.akf-site .akf-page--inner .alert-danger {
    background: #391b21 !important;
    border-color: #75333f !important;
    color: #ffc0ca !important;
}

/* Rich text shared by projects, programs, news and campaigns */
html[data-akf-theme="dark"] .akp-content-card ul,
html[data-akf-theme="dark"] .akp-content-card ol,
html[data-akf-theme="dark"] .dpp-rich ul,
html[data-akf-theme="dark"] .dpp-rich ol,
html[data-akf-theme="dark"] .article-content ul,
html[data-akf-theme="dark"] .article-content ol,
html[data-akf-theme="dark"] .program-rich-text ul,
html[data-akf-theme="dark"] .program-rich-text ol,
html[data-akf-theme="dark"] .kafala_describtion ul,
html[data-akf-theme="dark"] .kafala_describtion ol {
    margin: 1rem 0 !important;
    padding-inline-start: 1.4rem !important;
}
html[data-akf-theme="dark"] .akp-content-card li,
html[data-akf-theme="dark"] .dpp-rich li,
html[data-akf-theme="dark"] .article-content li,
html[data-akf-theme="dark"] .program-rich-text li,
html[data-akf-theme="dark"] .kafala_describtion li {
    position: relative;
    margin: .65rem 0 !important;
    line-height: 1.9 !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] .akp-content-card li::marker,
html[data-akf-theme="dark"] .dpp-rich li::marker,
html[data-akf-theme="dark"] .article-content li::marker,
html[data-akf-theme="dark"] .program-rich-text li::marker,
html[data-akf-theme="dark"] .kafala_describtion li::marker {
    color: #e9ac2d !important;
    font-weight: 900;
}

/* =========================================================
   Payment methods
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .akf-page--inner > .row {
    width: min(1280px, calc(100% - 32px));
    margin: 42px auto 70px !important;
    gap: 0;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .services {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box {
    border-radius: 18px !important;
    overflow: hidden;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box .title,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box .price,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box .price_label,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box .price_label_fast,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box td {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box > div[style*="border"],
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box tr,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box td,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .fast_donation_box .total {
    border-color: var(--akf-dm-border) !important;
    background: var(--akf-dm-surface-2) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .services {
    border-radius: 18px;
    padding: 18px !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service > a,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service > div,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service a > .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service > .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .paypal_button {
    background: var(--akf-dm-surface-2) !important;
    border: 1px solid var(--akf-dm-border) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service a > .mr-2:hover,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service > .mr-2:hover {
    background: var(--akf-dm-surface-3) !important;
    border-color: #47658c !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .service_desription .title {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .service_image img {
    opacity: 1 !important;
    filter: none !important;
}
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .modal-body,
html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .modal-body > div {
    background: var(--akf-dm-surface) !important;
    color: var(--akf-dm-text-soft) !important;
}

/* =========================================================
   Charity / Zakat / Funds lists and details
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-hero,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .sd-hero,
html[data-akf-theme="dark"] body[data-akf-page="box"] .sd-hero {
    background: linear-gradient(135deg, #17263a, #1d3048) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-toolbar,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .sd-toolbar,
html[data-akf-theme="dark"] body[data-akf-page="box"] .sd-toolbar {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-card,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .sd-card,
html[data-akf-theme="dark"] body[data-akf-page="box"] .sd-card,
html[data-akf-theme="dark"] body[data-akf-page="box"] .general_box,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .general_box {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.20) !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-icon,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .sd-icon,
html[data-akf-theme="dark"] body[data-akf-page="box"] .sd-icon,
html[data-akf-theme="dark"] body[data-akf-page="box"] .adah_image_container,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .adah_image_container {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-name,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-label,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .project_name,
html[data-akf-theme="dark"] body[data-akf-page="box"] .project_name {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .sd-btn.ghost {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-link) !important;
}

html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .inner_pages,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .inner_pages,
html[data-akf-theme="dark"] body[data-akf-page="box"] .inner_pages {
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .title_box,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .title_box,
html[data-akf-theme="dark"] body[data-akf-page="box"] .title_box {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .kafala_describtion,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .kafala_describtion,
html[data-akf-theme="dark"] body[data-akf-page="box"] .kafala_describtion {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .kafala_describtion *,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .kafala_describtion *,
html[data-akf-theme="dark"] body[data-akf-page="box"] .kafala_describtion * {
    color: inherit;
}
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] .main_image,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] .main_image,
html[data-akf-theme="dark"] body[data-akf-page="box"] .main_image {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
}

/* =========================================================
   News list
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-page {
    --bg: var(--akf-dm-page) !important;
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-page .hero {
    background: #182b48 !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-page .hero-card {
    background: rgba(21, 34, 53, .93) !important;
    border-color: rgba(143, 176, 222, .26) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .filters-bar {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.2) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-card {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-card .card-body,
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-card .card-footer {
    background: var(--akf-dm-surface) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-img {
    background: #101b2a !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-title {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-excerpt {
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-meta,
html[data-akf-theme="dark"] body[data-akf-page="news"] .mobile-count {
    color: var(--akf-dm-muted) !important;
}

/* News details */
html[data-akf-theme="dark"] body[data-akf-page="news"] .news-onecol,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-wrap {
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-card {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-card .head,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-card .body,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-card .share,
html[data-akf-theme="dark"] body[data-akf-page="news"] .share-modern {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-card .title,
html[data-akf-theme="dark"] body[data-akf-page="news"] .section-title {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content p,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content span,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content div {
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content h1,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content h2,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content h3,
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-content h4 {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .meta-pill,
html[data-akf-theme="dark"] body[data-akf-page="news"] .share-btn,
html[data-akf-theme="dark"] body[data-akf-page="news"] .report-box {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="news"] .article-card .hero,
html[data-akf-theme="dark"] body[data-akf-page="news"] #P_masterslider,
html[data-akf-theme="dark"] body[data-akf-page="news"] .master-slider-parent {
    background: #101a28 !important;
}

/* =========================================================
   Projects list
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="project"] .projects-page {
    --bg: var(--akf-dm-page) !important;
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .projects-page .hero {
    background: linear-gradient(135deg, #172949, #203a65) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .projects-page .hero-card,
html[data-akf-theme="dark"] body[data-akf-page="project"] .projects-page .filters-bar {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.22) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .card-body,
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .card-footer {
    background: var(--akf-dm-surface) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-img {
    background: #101a28 !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-title {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .desc-2 {
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .pill {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
    color: #c4d8f7 !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .progress-wrap,
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .progress-wrap {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .progress {
    background: #293a52 !important;
}
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .progress-head,
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .money,
html[data-akf-theme="dark"] body[data-akf-page="project"] .project-card .meta-row {
    color: var(--akf-dm-text-soft) !important;
}

/* =========================================================
   Standard project details (.akp-*)
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="project"] .akp-page {
    --akp-ink: var(--akf-dm-text-soft) !important;
    --akp-muted: var(--akf-dm-muted) !important;
    --akp-border: var(--akf-dm-border) !important;
    --akp-bg: var(--akf-dm-page) !important;
    background: var(--akf-dm-page) !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] .akp-breadcrumb,
html[data-akf-theme="dark"] .akp-breadcrumb a,
html[data-akf-theme="dark"] .akp-lead {
    color: var(--akf-dm-muted) !important;
}
html[data-akf-theme="dark"] .akp-heading-row h1,
html[data-akf-theme="dark"] .akp-section-title h2,
html[data-akf-theme="dark"] .akp-similar-heading h2,
html[data-akf-theme="dark"] .akp-donation-head h2 {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .akp-progress-card,
html[data-akf-theme="dark"] .akp-content-card,
html[data-akf-theme="dark"] .akp-section-card,
html[data-akf-theme="dark"] .akp-share-card,
html[data-akf-theme="dark"] .akp-report,
html[data-akf-theme="dark"] .akp-donation-card,
html[data-akf-theme="dark"] .akp-facts-card,
html[data-akf-theme="dark"] .akp-project-card {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] .akp-content-card,
html[data-akf-theme="dark"] .akp-content-card p,
html[data-akf-theme="dark"] .akp-content-card span,
html[data-akf-theme="dark"] .akp-content-card div,
html[data-akf-theme="dark"] .akp-project-body p {
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] .akp-content-card h1,
html[data-akf-theme="dark"] .akp-content-card h2,
html[data-akf-theme="dark"] .akp-content-card h3,
html[data-akf-theme="dark"] .akp-content-card h4,
html[data-akf-theme="dark"] .akp-content-card h5,
html[data-akf-theme="dark"] .akp-content-card h6,
html[data-akf-theme="dark"] .akp-project-body h3,
html[data-akf-theme="dark"] .akp-project-body strong {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .akp-content-card tbody tr,
html[data-akf-theme="dark"] .akp-content-card tbody tr:nth-child(even),
html[data-akf-theme="dark"] .akp-content-card tbody tr:hover {
    background: var(--akf-dm-surface-2) !important;
}
html[data-akf-theme="dark"] .akp-content-card td {
    color: var(--akf-dm-text-soft) !important;
    border-color: var(--akf-dm-border) !important;
}
html[data-akf-theme="dark"] .akp-report,
html[data-akf-theme="dark"] .akp-report strong,
html[data-akf-theme="dark"] .akp-share-card strong,
html[data-akf-theme="dark"] .akp-progress-top strong {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .akp-section-title > span,
html[data-akf-theme="dark"] .akp-report-icon,
html[data-akf-theme="dark"] .akp-share-actions a,
html[data-akf-theme="dark"] .akp-tags span,
html[data-akf-theme="dark"] .akp-project-tags span {
    background: var(--akf-dm-surface-2) !important;
    border: 1px solid var(--akf-dm-border) !important;
    color: var(--akf-dm-link) !important;
}
html[data-akf-theme="dark"] .akp-donation-head > span {
    background: var(--akf-dm-surface-2) !important;
    color: var(--akf-dm-link) !important;
}
html[data-akf-theme="dark"] .akp-share-option,
html[data-akf-theme="dark"] .akp-price-option,
html[data-akf-theme="dark"] .akp-quick-amounts button,
html[data-akf-theme="dark"] .akp-mode-switch,
html[data-akf-theme="dark"] .akp-checkbox,
html[data-akf-theme="dark"] .akp-target-select,
html[data-akf-theme="dark"] .akp-country-select,
html[data-akf-theme="dark"] .akp-amount-input input,
html[data-akf-theme="dark"] .akp-extra-field-wrap input,
html[data-akf-theme="dark"] .akp-extra-field-wrap select,
html[data-akf-theme="dark"] .akp-extra-field-wrap textarea {
    background: var(--akf-dm-field) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .akp-share-option em,
html[data-akf-theme="dark"] .akp-price-option em,
html[data-akf-theme="dark"] .akp-donation-head p,
html[data-akf-theme="dark"] .akp-secure,
html[data-akf-theme="dark"] .akp-section-title small,
html[data-akf-theme="dark"] .akp-share-card small,
html[data-akf-theme="dark"] .akp-report small,
html[data-akf-theme="dark"] .akp-progress-top small {
    color: var(--akf-dm-muted) !important;
}
html[data-akf-theme="dark"] .akp-share-option:hover,
html[data-akf-theme="dark"] .akp-share-option.is-active,
html[data-akf-theme="dark"] .akp-price-option:hover,
html[data-akf-theme="dark"] .akp-price-option.is-active,
html[data-akf-theme="dark"] .akp-quick-amounts button:hover,
html[data-akf-theme="dark"] .akp-quick-amounts button.is-active,
html[data-akf-theme="dark"] .akp-mode-switch button.is-active {
    background: var(--akf-dm-surface-3) !important;
    color: #fff !important;
    border-color: #5273a0 !important;
}
html[data-akf-theme="dark"] .akp-mode-switch button {
    color: var(--akf-dm-muted) !important;
}
html[data-akf-theme="dark"] .akp-progress-track {
    background: #293a52 !important;
}
html[data-akf-theme="dark"] .akp-hero,
html[data-akf-theme="dark"] .akp-project-image,
html[data-akf-theme="dark"] .akp-gallery-swiper .swiper-slide,
html[data-akf-theme="dark"] .akp-gallery a {
    background: #101a28 !important;
}
html[data-akf-theme="dark"] .akp-gallery-next,
html[data-akf-theme="dark"] .akp-gallery-prev {
    background: var(--akf-dm-surface-2) !important;
    border: 1px solid var(--akf-dm-border) !important;
    color: var(--akf-dm-link) !important;
}

/* =========================================================
   Dynamic project builder (.dpp-*)
   ========================================================= */
html[data-akf-theme="dark"] .dpp-page {
    --dpp-bg: var(--akf-dm-page) !important;
    --dpp-surface: var(--akf-dm-surface) !important;
    --dpp-border: var(--akf-dm-border) !important;
    --dpp-text: var(--akf-dm-text-soft) !important;
    --dpp-muted: var(--akf-dm-muted) !important;
    background: var(--akf-dm-page) !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] .dpp-section,
html[data-akf-theme="dark"] .dpp-section[style*="background"],
html[data-akf-theme="dark"] .dpp-hero,
html[data-akf-theme="dark"] .dpp-donation-card,
html[data-akf-theme="dark"] .dpp-impact-card,
html[data-akf-theme="dark"] .dpp-stat-card,
html[data-akf-theme="dark"] .dpp-benefit-card,
html[data-akf-theme="dark"] .dpp-campaign-progress,
html[data-akf-theme="dark"] .dpp-faq-item,
html[data-akf-theme="dark"] .dpp-recurring-panel,
html[data-akf-theme="dark"] .dpp-gallery-item,
html[data-akf-theme="dark"] .dpp-pricing-block {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] .dpp-hero-content h1,
html[data-akf-theme="dark"] .dpp-section h2,
html[data-akf-theme="dark"] .dpp-section h3,
html[data-akf-theme="dark"] .dpp-impact-card h3,
html[data-akf-theme="dark"] .dpp-stat-card strong,
html[data-akf-theme="dark"] .dpp-benefit-card h3,
html[data-akf-theme="dark"] .dpp-progress-heading,
html[data-akf-theme="dark"] .dpp-rich h1,
html[data-akf-theme="dark"] .dpp-rich h2,
html[data-akf-theme="dark"] .dpp-rich h3,
html[data-akf-theme="dark"] .dpp-rich h4,
html[data-akf-theme="dark"] .dpp-rich h5,
html[data-akf-theme="dark"] .dpp-rich h6 {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .dpp-hero-description,
html[data-akf-theme="dark"] .dpp-section p,
html[data-akf-theme="dark"] .dpp-rich,
html[data-akf-theme="dark"] .dpp-rich p,
html[data-akf-theme="dark"] .dpp-rich span,
html[data-akf-theme="dark"] .dpp-rich div,
html[data-akf-theme="dark"] .dpp-impact-message,
html[data-akf-theme="dark"] .dpp-stat-card span,
html[data-akf-theme="dark"] .dpp-benefit-card p,
html[data-akf-theme="dark"] .dpp-progress-stat__label,
html[data-akf-theme="dark"] .dpp-recurring-login-note {
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] .dpp-donation-mode,
html[data-akf-theme="dark"] .dpp-donation-type,
html[data-akf-theme="dark"] .dpp-period-option,
html[data-akf-theme="dark"] .dpp-target-option,
html[data-akf-theme="dark"] .dpp-amount-btn,
html[data-akf-theme="dark"] .dpp-selected-price,
html[data-akf-theme="dark"] .dpp-progress-stat,
html[data-akf-theme="dark"] .dpp-country-select,
html[data-akf-theme="dark"] .dpp-target-select,
html[data-akf-theme="dark"] .dpp-extra-field-wrap input,
html[data-akf-theme="dark"] .dpp-extra-field-wrap select,
html[data-akf-theme="dark"] .dpp-extra-field-wrap textarea,
html[data-akf-theme="dark"] .dpp-extra-checkbox,
html[data-akf-theme="dark"] .dpp-auto-consent {
    background: var(--akf-dm-field) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .dpp-donation-type.active,
html[data-akf-theme="dark"] .dpp-period-option.active,
html[data-akf-theme="dark"] .dpp-target-option.active,
html[data-akf-theme="dark"] .dpp-amount-btn.active {
    background: var(--akf-dm-surface-3) !important;
    border-color: #5475a3 !important;
    color: #fff !important;
}
html[data-akf-theme="dark"] .dpp-progress-track {
    background: #293a52 !important;
}
html[data-akf-theme="dark"] .dpp-hero-media,
html[data-akf-theme="dark"] .dpp-gallery-item,
html[data-akf-theme="dark"] .dpp-gallery-lightbox {
    background: #101a28 !important;
}
html[data-akf-theme="dark"] .dpp-gallery-arrow,
html[data-akf-theme="dark"] .dpp-gallery-lightbox-close {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
    color: #fff !important;
}

/* =========================================================
   Water campaign page
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .akf-page--inner,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .hero-section,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .projects-section,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .stats-section,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .water-gallery-section,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] section.py-5,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] section[style*="background:#fff"],
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] section[style*="background: #fff"] {
    background: var(--akf-dm-page) !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .donation-card,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .impact-text-box,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .project-donation-card,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .well-documentation-box,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .stat-card,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .gallery-card,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .quick-card-side,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .quick-text-side {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .section-title,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .project-donation-card h3,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .gallery-title,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .doc-title,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .stat-card strong {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .section-subtitle,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .project-donation-card p,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .gallery-desc,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .doc-note,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .stat-card span,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .impact-list li {
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .amt-btn,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .project-meta,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .price-pill,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .well-price-pill,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .fixed-price-note,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .well-current-note {
    background: var(--akf-dm-field) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .amt-btn.active,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .amt-btn:hover {
    background: var(--akf-dm-primary) !important;
    color: #fff !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .project-icon,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .stat-icon {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .impact-banner-section {
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .impact-banner-box,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .water-hadith-card,
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .gaza-water-banner {
    border: 1px solid rgba(132,169,221,.34) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .water-hadith-section {
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .gallery-card img {
    background: #101a28 !important;
}

/* =========================================================
   Cart, checkout, Stripe/pay and thank-you
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="cart"] .gradient-custom,
html[data-akf-theme="dark"] body[data-akf-page="checkout"] .akf-page--inner,
html[data-akf-theme="dark"] body[data-akf-page="pay"] .akf-page--inner,
html[data-akf-theme="dark"] body[data-akf-page="success_payment"] .akf-page--inner,
html[data-akf-theme="dark"] body[data-akf-page="success-payment"] .akf-page--inner {
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="cart"] .card,
html[data-akf-theme="dark"] body[data-akf-page="cart"] .list-group,
html[data-akf-theme="dark"] body[data-akf-page="checkout"] .credit-card-box,
html[data-akf-theme="dark"] body[data-akf-page="pay"] .credit-card-box,
html[data-akf-theme="dark"] body[data-akf-page="success_payment"] .thanks_box,
html[data-akf-theme="dark"] body[data-akf-page="success-payment"] .thanks_box {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="checkout"] .credit-card-box .card-heading,
html[data-akf-theme="dark"] body[data-akf-page="pay"] .credit-card-box .card-heading,
html[data-akf-theme="dark"] body[data-akf-page="checkout"] .credit-card-box .card-body,
html[data-akf-theme="dark"] body[data-akf-page="pay"] .credit-card-box .card-body {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="success_payment"] .thanks_word,
html[data-akf-theme="dark"] body[data-akf-page="success-payment"] .thanks_word,
html[data-akf-theme="dark"] body[data-akf-page="success_payment"] .contributed,
html[data-akf-theme="dark"] body[data-akf-page="success-payment"] .contributed,
html[data-akf-theme="dark"] body[data-akf-page="success_payment"] .hadeh,
html[data-akf-theme="dark"] body[data-akf-page="success-payment"] .hadeh {
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="success_payment"] .share_links,
html[data-akf-theme="dark"] body[data-akf-page="success-payment"] .share_links {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
}

/* Stripe Elements and payment widgets can be injected after page load. */
html[data-akf-theme="dark"] .StripeElement,
html[data-akf-theme="dark"] #card-element,
html[data-akf-theme="dark"] .stripe-card-element,
html[data-akf-theme="dark"] iframe[name^="__privateStripeFrame"] {
    background: var(--akf-dm-field) !important;
    border-color: var(--akf-dm-border) !important;
    color-scheme: dark;
}

/* =========================================================
   Programs and program page-builder surfaces
   ========================================================= */
html[data-akf-theme="dark"] body[data-akf-page="program"] .program-page,
html[data-akf-theme="dark"] body[data-akf-page="programs"] .program-page,
html[data-akf-theme="dark"] body[data-akf-page="program"] .programs-page,
html[data-akf-theme="dark"] body[data-akf-page="programs"] .programs-page {
    background: var(--akf-dm-page) !important;
}
html[data-akf-theme="dark"] .program-card,
html[data-akf-theme="dark"] .program-section,
html[data-akf-theme="dark"] .program-project-card,
html[data-akf-theme="dark"] .program-donation-card,
html[data-akf-theme="dark"] .program-quick-donate,
html[data-akf-theme="dark"] .program-related-card {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] .program-card h2,
html[data-akf-theme="dark"] .program-card h3,
html[data-akf-theme="dark"] .program-section h2,
html[data-akf-theme="dark"] .program-section h3,
html[data-akf-theme="dark"] .program-project-card h3 {
    color: var(--akf-dm-text) !important;
}

/* Generic legacy page boxes that still use white inline backgrounds. */
html[data-akf-theme="dark"] body:not([data-akf-page="home"]) .akf-page--inner [style*="background:#fff"],
html[data-akf-theme="dark"] body:not([data-akf-page="home"]) .akf-page--inner [style*="background: #fff"],
html[data-akf-theme="dark"] body:not([data-akf-page="home"]) .akf-page--inner [style*="background:#ffffff"],
html[data-akf-theme="dark"] body:not([data-akf-page="home"]) .akf-page--inner [style*="background: #ffffff"],
html[data-akf-theme="dark"] body:not([data-akf-page="home"]) .akf-page--inner [style*="background-color:#fff"],
html[data-akf-theme="dark"] body:not([data-akf-page="home"]) .akf-page--inner [style*="background-color: #fff"] {
    background: var(--akf-dm-surface) !important;
}

/* Keep intentional light media/logos readable, without turning their parent card white. */
html[data-akf-theme="dark"] .service_image img,
html[data-akf-theme="dark"] .program-icon img,
html[data-akf-theme="dark"] .sd-icon img,
html[data-akf-theme="dark"] .akp-hero img,
html[data-akf-theme="dark"] .akp-project-image img,
html[data-akf-theme="dark"] .news-img,
html[data-akf-theme="dark"] .project-img,
html[data-akf-theme="dark"] .gallery-card img,
html[data-akf-theme="dark"] .main_image img {
    filter: none !important;
}

@media (max-width: 767.98px) {
    html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .akf-page--inner > .row {
        width: min(100% - 20px, 1280px);
        margin-top: 22px !important;
    }
    html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .services {
        padding: 10px !important;
    }
    html[data-akf-theme="dark"] body[data-akf-page="paymentmethod"] .our_service {
        padding-inline: 5px !important;
    }
}

/* Route aliases used by older localized links. */
html[data-akf-theme="dark"] body[data-akf-page="donate"] .fast_donation_box,
html[data-akf-theme="dark"] body[data-akf-page="donate"] .services {
    background: var(--akf-dm-surface) !important;
    border: 1px solid var(--akf-dm-border) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="donate"] .our_service a > .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="donate"] .our_service > .mr-2 {
    background: var(--akf-dm-surface-2) !important;
    border: 1px solid var(--akf-dm-border) !important;
}
html[data-akf-theme="dark"] body[data-akf-page="donate"] .service_desription .title,
html[data-akf-theme="dark"] body[data-akf-page="donate"] .fast_donation_box .title,
html[data-akf-theme="dark"] body[data-akf-page="donate"] .fast_donation_box .price,
html[data-akf-theme="dark"] body[data-akf-page="donate"] .fast_donation_box td {
    color: var(--akf-dm-text) !important;
}

html[data-akf-theme="dark"] body[data-akf-page="zakat"] .general_box,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] .title_box,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] .kafala_describtion,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] .general_box,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] .title_box,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] .kafala_describtion,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] .general_box,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] .title_box,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] .kafala_describtion {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: var(--akf-dm-shadow) !important;
}

html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .p-3.rounded[style*="background:#f7f9fd"],
html[data-akf-theme="dark"] body[data-akf-page="build-a-water-well"] .p-3.rounded[style*="background: #f7f9fd"] {
    background: var(--akf-dm-surface-2) !important;
    border: 1px solid var(--akf-dm-border) !important;
}

html[data-akf-theme="dark"] .dpp-donation-mode span,
html[data-akf-theme="dark"] .dpp-faq-question,
html[data-akf-theme="dark"] .dpp-duration-row input,
html[data-akf-theme="dark"] .dpp-duration-row button,
html[data-akf-theme="dark"] .dpp-recurring-summary,
html[data-akf-theme="dark"] .dpp-price-option {
    background: var(--akf-dm-field) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text) !important;
}
html[data-akf-theme="dark"] .dpp-faq-answer,
html[data-akf-theme="dark"] .dpp-pricing-label,
html[data-akf-theme="dark"] .dpp-extra-field-wrap > label,
html[data-akf-theme="dark"] .dpp-donation-type__label,
html[data-akf-theme="dark"] .dpp-recurring-summary,
html[data-akf-theme="dark"] .dpp-auto-consent {
    color: var(--akf-dm-muted) !important;
}
html[data-akf-theme="dark"] .dpp-quote,
html[data-akf-theme="dark"] .dpp-quote--ayah,
html[data-akf-theme="dark"] .dpp-quote--hadith,
html[data-akf-theme="dark"] .dpp-quote-body,
html[data-akf-theme="dark"] .dpp-quote-kicker {
    color: var(--akf-dm-text-soft) !important;
}

/* =========================================================
   v6 — remaining legacy contrast fixes
   ========================================================= */

/* Old Zakat / Sadaqah / Funds cards use plain .title links rather than
   headings. Keep both the label and its link readable in dark mode. */
html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala .mr-2,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala .mr-2 {
    background: var(--akf-dm-surface) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
}

html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .title,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .title a,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .sd-name,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .sd-label,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala .title,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala .title a,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala .title,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala .title a,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala .title,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala .title a,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala .title,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala .title a,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala .title,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala .title a {
    color: var(--akf-dm-text) !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala label,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala label,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala label,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala label,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala label,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala label {
    color: var(--akf-dm-text) !important;
}

html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .sadaka_value,
html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .form-control,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala .sadaka_value,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala .form-control,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala .sadaka_value,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala .form-control,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala .sadaka_value,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala .form-control,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala .form-control,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala .form-control {
    background: var(--akf-dm-field) !important;
    border-color: #3a4d67 !important;
    color: var(--akf-dm-text) !important;
    opacity: 1 !important;
}

html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala input::placeholder,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala input::placeholder,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala input::placeholder,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala input::placeholder,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala input::placeholder,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala input::placeholder {
    color: #b9c6d9 !important;
    opacity: 1 !important;
}

html[data-akf-theme="dark"] body[data-akf-page="zaka"] #kafala .donate_button,
html[data-akf-theme="dark"] body[data-akf-page="zakat"] #kafala .donate_button,
html[data-akf-theme="dark"] body[data-akf-page="sdaka"] #kafala .donate_button,
html[data-akf-theme="dark"] body[data-akf-page="sdakat"] #kafala .donate_button,
html[data-akf-theme="dark"] body[data-akf-page="box"] #kafala .donate_button,
html[data-akf-theme="dark"] body[data-akf-page="boxs"] #kafala .donate_button {
    color: #fff !important;
}

/* CKEditor content may contain inline white or near-white boxes. These were
   still visible as white blocks on standard project pages. */
html[data-akf-theme="dark"] .akp-content-card .bg-white,
html[data-akf-theme="dark"] .akp-content-card .bg-light,
html[data-akf-theme="dark"] .akp-content-card .alert-light,
html[data-akf-theme="dark"] .akp-content-card [style*="background:#fff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background: #fff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background:#ffffff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background: #ffffff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background:white"],
html[data-akf-theme="dark"] .akp-content-card [style*="background: white"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:#fff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: #fff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:#ffffff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: #ffffff"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:white"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: white"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: rgb(255"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:rgb(255"],
html[data-akf-theme="dark"] .akp-content-card [style*="background: rgb(255"],
html[data-akf-theme="dark"] .akp-content-card [style*="background:rgb(255"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:#f8f9fa"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: #f8f9fa"],
html[data-akf-theme="dark"] .akp-content-card [style*="background:#f8f9fa"],
html[data-akf-theme="dark"] .akp-content-card [style*="background: #f8f9fa"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:#f7f9fd"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: #f7f9fd"],
html[data-akf-theme="dark"] .akp-content-card [style*="background:#f7f9fd"],
html[data-akf-theme="dark"] .akp-content-card [style*="background: #f7f9fd"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:#FAF7F7"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: #FAF7F7"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: rgb(248, 249, 250)"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:rgb(248, 249, 250)"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color: rgb(250, 251, 255)"],
html[data-akf-theme="dark"] .akp-content-card [style*="background-color:rgb(250, 251, 255)"] {
    background: var(--akf-dm-surface-2) !important;
    border-color: var(--akf-dm-border) !important;
    color: var(--akf-dm-text-soft) !important;
    box-shadow: none !important;
}

html[data-akf-theme="dark"] .akp-content-card [style*="color:"],
html[data-akf-theme="dark"] .akp-content-card [color],
html[data-akf-theme="dark"] .akp-content-card .text-black,
html[data-akf-theme="dark"] .akp-content-card .text-dark,
html[data-akf-theme="dark"] .akp-content-card .text-secondary {
    color: var(--akf-dm-text-soft) !important;
}

html[data-akf-theme="dark"] .akp-content-card a {
    color: var(--akf-dm-link) !important;
}

html[data-akf-theme="dark"] .akp-content-card ul,
html[data-akf-theme="dark"] .akp-content-card ol {
    padding-inline-start: 1.55rem !important;
}

html[data-akf-theme="dark"] .akp-content-card li {
    border-color: var(--akf-dm-border) !important;
}

/* Keep genuine media visible; theme rules should never darken the bitmap. */
html[data-akf-theme="dark"] .akp-hero img,
html[data-akf-theme="dark"] .akp-project-image img,
html[data-akf-theme="dark"] .dpp-hero-media img,
html[data-akf-theme="dark"] .project-img img,
html[data-akf-theme="dark"] .news-img img {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* v7: Remove light list-item cards inside rich text in dark mode. */
html[data-akf-theme="dark"] .akp-content-card ul li,
html[data-akf-theme="dark"] .akp-content-card ol li,
html[data-akf-theme="dark"] .project-rich-text ul li,
html[data-akf-theme="dark"] .project-rich-text ol li,
html[data-akf-theme="dark"] .dpp-rich ul li,
html[data-akf-theme="dark"] .dpp-rich ol li,
html[data-akf-theme="dark"] .article-content ul li,
html[data-akf-theme="dark"] .article-content ol li,
html[data-akf-theme="dark"] .program-rich-text ul li,
html[data-akf-theme="dark"] .program-rich-text ol li,
html[data-akf-theme="dark"] .kafala_description ul li,
html[data-akf-theme="dark"] .kafala_description ol li,
html[data-akf-theme="dark"] .kafala_describtion ul li,
html[data-akf-theme="dark"] .kafala_describtion ol li {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}