/* =====================================================================
   OZAN FOOD - tema katmani (sicak beyaz + renkli bolumler + shape'ler + dark mode)
   Dark mode: html.of-dark  |  gecis: .of-theme-switch anahtari
   ===================================================================== */

:root {
    --of-bg: #f6f4ef;            /* goz yormayan sicak beyaz */
    --of-bg-2: #efede6;
    --of-surface: #ffffff;
    --of-text: #26303b;
    --of-muted: #6b7684;
    --of-border: #e6e2d8;
    --of-brand: var(--site-color, #1E5AA8);
    --of-brand-dark: var(--site-color-3, #164a8c);
    --of-brand-tint: #e9f0fa;
    --of-shadow: 0 10px 30px rgba(38, 48, 59, .08);
}

html.of-dark {
    --of-bg: #10151b;
    --of-bg-2: #0c1116;
    --of-surface: #1a222b;
    --of-text: #e7ecf2;
    --of-muted: #9aa7b4;
    --of-border: #2a3540;
    --of-brand-tint: #1c2c42;
    --of-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

html { background: var(--of-bg); }

body {
    background-color: var(--of-bg);
    color: var(--of-text);
}

/* ---------------- genel yuzeyler ---------------- */
h1, h2, h3, h4, h5, h6 { color: var(--of-text); }

.sec-title h2,
.sec-title .sub-title { color: var(--of-text); }
.sec-title .sub-title { color: var(--of-brand); }

/* ---------------- header ---------------- */
.header-main-one.bg-white {
    background-color: var(--of-surface) !important;
    box-shadow: 0 2px 14px rgba(38, 48, 59, .06);
}
.header-nav__link { color: var(--of-text); }
.header-top-one.bg-1 { background-color: var(--of-brand-dark); }

/* tema anahtari (gunes/ay switch) */
.of-theme-switch {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.of-theme-switch__track {
    position: relative;
    width: 54px;
    height: 27px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .22);
    border: 1px solid rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    box-sizing: border-box;
    transition: background .25s ease;
}
.of-theme-switch__track svg {
    width: 13px;
    height: 13px;
    color: #fff;
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}
.of-theme-switch__knob {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
    transition: transform .25s ease, background .25s ease;
    z-index: 1;
}
html.of-dark .of-theme-switch__knob {
    transform: translateX(27px);
    background: #f4c34d;
}
html.of-dark .of-theme-switch__track { background: rgba(255, 255, 255, .12); }
/* acik zeminde (mobil menu) varyant */
.side-bar .of-theme-switch__track { background: rgba(0, 0, 0, .1); border-color: rgba(0, 0, 0, .18); }
.side-bar .of-theme-switch__track svg { color: #5a6470; }
html.of-dark .side-bar .of-theme-switch__track { background: rgba(255, 255, 255, .1); border-color: var(--of-border); }
html.of-dark .side-bar .of-theme-switch__track svg { color: #cfd8e3; }

/* ---------------- about bolumu (sicak zemin + blob shape) ---------------- */
.about-section {
    background-color: var(--of-bg);
    position: relative;
    overflow: hidden;
}
.about-section::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -140px;
    width: 420px;
    height: 420px;
    background: var(--of-brand);
    opacity: .07;
    border-radius: 42% 58% 63% 37% / 45% 42% 58% 55%;
    pointer-events: none;
}
.about-section .image-box .image {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--of-shadow);
    position: relative;
    z-index: 1;
}

/* ---------------- urunler (beyaz yuzey) ---------------- */
.products-section {
    background-color: var(--of-surface);
    position: relative;
}
.products-section .product-item,
.products-section .product-card-v2 {
    background: var(--of-bg);
    border: 1px solid var(--of-border);
    border-radius: 14px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}
.products-section .product-item:hover,
.products-section .product-card-v2:hover {
    transform: translateY(-4px);
    box-shadow: var(--of-shadow);
}

/* ---------------- neden ozan food (marka mavisi + wave shape) ---------------- */
/* Dalga tam ekran genisliginde tek parca (repeat yok -> kesilme/ek yeri yok),
   yukselen tepe tam ortada. Ust dalga: ustteki bolum rengi asagi sarkar,
   ortada incelir -> mavi kisim ortaya dogru yukselir. */
.why-section {
    position: relative;
    background: linear-gradient(135deg, var(--of-brand) 0%, var(--of-brand-dark) 100%);
    padding-top: 110px;
    padding-bottom: 120px;
}
.why-section::before,
.why-section::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 90px;
    pointer-events: none;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V62 C1150,10 1010,4 720,4 C430,4 290,10 0,62 Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0,0 H1440 V62 C1150,10 1010,4 720,4 C430,4 290,10 0,62 Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
/* ust dalga: ustundeki bolumun (urunler/beyaz yuzey) zeminiyle eslesir */
.why-section::before {
    top: -1px;
    background-color: var(--of-surface);
}
/* alt dalga: ust dalganin aynada yansimasi -> altindaki bolumun zeminiyle eslesir */
.why-section::after {
    bottom: -1px;
    background-color: var(--of-bg-2);
    transform: scaleY(-1);
}
.why-section .sec-title h2 { color: #fff; }
.why-section .sec-title .sub-title { color: rgba(255, 255, 255, .85); }
.why-section .why-item {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    padding: 26px 20px;
    backdrop-filter: blur(2px);
}
.why-section .why-item h4 { color: #fff; }
.why-section .why-item .description { color: rgba(255, 255, 255, .88); }
.why-section .why-item .icon-box { color: #fff; }
.why-section .why-item .icon-box svg,
.why-section .why-item .icon-box svg * { stroke: #fff; }

/* ---------------- haberler ---------------- */
.home-news-section,
.news-section {
    background-color: var(--of-bg-2);
}
.home-news-card,
.news-card {
    background: var(--of-surface);
    border: 1px solid var(--of-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(38, 48, 59, .05);
}

/* ---------------- marka/referans alani ---------------- */
.brand-area { background-color: var(--of-surface); }

/* ---------------- sayfa detaylari ---------------- */
.page-detail-section,
.document-section,
.gallery-section,
.gallery-images-section,
.video-gallery-section,
.video-detail-section,
.faq-section,
.news-detail-section { background-color: var(--of-bg); }

.section-title { color: var(--of-text); }

.document-card,
.gallery-card,
.gallery-item,
.video-card {
    background: var(--of-surface);
    border: 1px solid var(--of-border);
    border-radius: 12px;
}

/* iletisim */
.contact-section { background-color: var(--of-bg-2); }
.contact-info-box,
.contact-form-v2 {
    background: var(--of-surface);
    border-radius: 14px;
    box-shadow: var(--of-shadow);
}
.contact-form-v2 .form-control {
    background-color: var(--of-bg);
    border-color: var(--of-border);
    color: var(--of-text);
}
.contact-form-v2 .form-control:focus {
    background-color: var(--of-surface);
    color: var(--of-text);
}
.contact-form-v2 .submit-btn { background-color: var(--of-brand); }

/* ---------- SSS / akordiyon ---------- */
.bg_gray { background-color: var(--of-bg-2) !important; }
.accordion-item,
.acc-item {
    background: var(--of-surface);
    border: 1px solid var(--of-border);
    border-radius: 10px;
    margin-bottom: 12px;
}
.accordion-header .title,
.acc-btn h4 { color: var(--of-text); }
.acc-content .content { color: var(--of-muted); }
.custom-flex-container { background: transparent; }

/* ---------- urun detay ---------- */
.product-detail-section { background-color: var(--of-bg); }
.product-info-box,
.features-table {
    background: var(--of-surface);
}
.features-table td { color: var(--of-text); border-color: var(--of-border); }
.nav-tabs .nav-link { color: var(--of-text); }

/* ---------- breadcrumb ---------- */
.breadcrumb_section .page-title h3 { color: #fff; }

/* ---------- 404 / textler ---------- */
p, span, li, td, th, .text, .content { color: inherit; }

/* =====================================================================
   DARK MODE
   ===================================================================== */
html.of-dark body {
    background-color: var(--of-bg);
    color: var(--of-text);
}

html.of-dark .header-top-one.bg-1 { background-color: #0d1622; }
html.of-dark .header-main-one.bg-white {
    background-color: var(--of-surface) !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, .4);
}
html.of-dark .header-nav__link { color: var(--of-text); }
html.of-dark .header-nav__dropdown,
html.of-dark .header-nav__dropdown-bg {
    background-color: var(--of-surface);
}
html.of-dark .header-nav__dropdown .navigation-dropdown__item .title { color: var(--of-text); }
html.of-dark .side-bar { background-color: var(--of-surface); }
html.of-dark .side-bar .mainmenu > li { background: var(--of-bg-2); box-shadow: none; }
html.of-dark .side-bar .mainmenu > li > a { color: var(--of-text); }
html.of-dark .mobile-menu-overlay { background: rgba(0, 0, 0, .6); }
html.of-dark .close-icon-menu { color: var(--of-text); }

html.of-dark .about-section,
html.of-dark .products-section,
html.of-dark .page-detail-section,
html.of-dark .document-section,
html.of-dark .gallery-section,
html.of-dark .gallery-images-section,
html.of-dark .video-gallery-section,
html.of-dark .video-detail-section,
html.of-dark .faq-section,
html.of-dark .news-detail-section,
html.of-dark .contact-section,
html.of-dark .brand-area {
    background-color: var(--of-bg);
}

html.of-dark .home-news-section,
html.of-dark .news-section,
html.of-dark .bg_gray { background-color: var(--of-bg-2); }

html.of-dark .products-section .product-item,
html.of-dark .products-section .product-card-v2,
html.of-dark .home-news-card,
html.of-dark .news-card,
html.of-dark .document-card,
html.of-dark .gallery-card,
html.of-dark .video-card,
html.of-dark .accordion-item,
html.of-dark .acc-item,
html.of-dark .product-info-box,
html.of-dark .features-table,
html.of-dark .contact-info-box,
html.of-dark .contact-form-v2,
html.of-dark .icon_box_style6 {
    background: var(--of-surface);
    border-color: var(--of-border);
}

html.of-dark .item-title h3 a,
html.of-dark .news-card-title a,
html.of-dark .product-content h3 a,
html.of-dark .product-card-v2 h2 a,
html.of-dark .detail-btn,
html.of-dark .mini-news-title,
html.of-dark .accordion-header .title,
html.of-dark .acc-btn h4,
html.of-dark .document-card h4,
html.of-dark .widget-title,
html.of-dark .features-table td,
html.of-dark .contact-info-item .info-content span,
html.of-dark .contact-info-item .info-content a,
html.of-dark .contact-info-item .info-content p {
    color: var(--of-text);
}

html.of-dark .home-news-excerpt,
html.of-dark .news-card-excerpt,
html.of-dark .item-features,
html.of-dark .acc-content .content,
html.of-dark .gallery-card p,
html.of-dark .doc-info,
html.of-dark .doc-meta { color: var(--of-muted); }

html.of-dark img { filter: brightness(.92); }

html.of-dark .contact-form-v2 .form-control {
    background-color: var(--of-bg);
    color: var(--of-text);
    border-color: var(--of-border);
}

html.of-dark .portfolio_item,
html.of-dark .grid_container { background: transparent; }
html.of-dark .section-title { color: var(--of-text); }
html.of-dark .heading_s2 h4 { color: var(--of-text); }
html.of-dark .video-badge { background: var(--of-brand); color: #fff; }
html.of-dark .pagination_style1 li a { background: var(--of-surface); color: var(--of-text); border-color: var(--of-border); }
html.of-dark .pagination_style1 li.active a { background: var(--of-brand); color: #fff; }

/* gorsel popup zemini */
html.of-dark .mfp-bg { background: rgba(8, 11, 15, .9); }

/* yukari cik butonu */
.progress-wrap { color: var(--of-text); }

/* modal acikken sayfa kaymasin */
body.of-modal-open { overflow: hidden; }

/* =====================================================================
   DARK MODE: sabit koyu renkli metinlerin duzeltmesi
   ===================================================================== */
html.of-dark a { color: #8fb7e8; }
html.of-dark h1, html.of-dark h2, html.of-dark h3,
html.of-dark h4, html.of-dark h5, html.of-dark h6 { color: var(--of-text); }
html.of-dark p { color: var(--of-muted); }

html.of-dark .sec-title h2,
html.of-dark .section-title,
html.of-dark .heading_s1 h2,
html.of-dark .heading_s2 h4,
html.of-dark .home-news-title,
html.of-dark .mini-news-title,
html.of-dark .news-card-title,
html.of-dark .video-card-title,
html.of-dark .video-detail-title,
html.of-dark .gallery-detail-header h2,
html.of-dark .gallery-card h4,
html.of-dark .document-card h4,
html.of-dark .product-info-box h2,
html.of-dark .product-card-v2 .title-box h2,
html.of-dark .item-title h2,
html.of-dark .item-title h3,
html.of-dark .accordion-box .acc-btn h4,
html.of-dark .custom-alert .alert-content,
html.of-dark .catalog-link,
html.of-dark .reference-title,
html.of-dark .page-title { color: var(--of-text); }

html.of-dark .home-news-excerpt,
html.of-dark .news-card-excerpt,
html.of-dark .news-detail-text,
html.of-dark .video-detail-description,
html.of-dark .video-meta,
html.of-dark .video-detail-meta,
html.of-dark .news-detail-meta,
html.of-dark .mini-news-meta,
html.of-dark .doc-info,
html.of-dark .doc-meta,
html.of-dark .gallery-card p,
html.of-dark .gallery-detail-header p,
html.of-dark .content-column p,
html.of-dark .about-section .text-box p,
html.of-dark .accordion-box .acc-content p,
html.of-dark .tab-content-box,
html.of-dark .product-info-box .short-desc,
html.of-dark .product-info-box .feature-list li,
html.of-dark .item-features,
html.of-dark .item-buttons a span,
html.of-dark .item-buttons a i,
html.of-dark .share-title,
html.of-dark .gallery-card .photo-count-badge { color: var(--of-muted); }

html.of-dark .item-title h3 a,
html.of-dark .product-card-v2 .title-box h2 a,
html.of-dark .news-card-title a { color: var(--of-text); }

html.of-dark .home-news-read-more,
html.of-dark .product-card-v2 .detail-btn,
html.of-dark .document-card .btn-view,
html.of-dark .news-pagination a,
html.of-dark .news-pagination span,
html.of-dark .pagination_style1 li a,
html.of-dark .indicators_style3 li,
html.of-dark .service-details-content .nav-link { color: var(--of-text); }

html.of-dark .document-card .btn-view { background: var(--of-bg); }
html.of-dark .document-card .btn-view:hover { background: var(--of-brand); color: #fff; }
html.of-dark .view-more-btn:hover { background: var(--of-brand); }
html.of-dark .btn-download { color: #fff; }
html.of-dark .news-pagination .current { background: var(--of-brand); color: #fff; }
html.of-dark .pagination_style1 li.active a { background: var(--of-brand); color: #fff; }
html.of-dark .accordion-header .fa { color: var(--of-brand); }

/* ozan footer (dark): ust kap dahi koyu -> mavi zemin + desen tamamen kalkar */
html.of-dark .ozan-footer {
    background-color: #131a24;
    background-image: none;
    border-bottom-color: rgba(255, 255, 255, .06);
}
html.of-dark .ozan-footer p { color: #aab8c7; }
html.of-dark .ozan-footer-top {
    background: transparent;
    border-top: 0;
}
html.of-dark .ozan-footer-top .row>[class*="col-"]:not(:last-child) { border-right-color: rgba(255, 255, 255, .08); }
html.of-dark .ozan-footer-bottom {
    background: transparent;
    color: var(--of-muted);
    border-top: 1px solid rgba(255, 255, 255, .07);
}
html.of-dark .ozan-footer-bottom p { color: #8b99a8; }
html.of-dark .ozan-footer-heading { color: #fff; }
html.of-dark .ozan-footer-heading::after { background-color: var(--of-brand); }
html.of-dark .ozan-footer-hours-day { color: #c6d2e0; }
html.of-dark .ozan-footer-hours-time { color: #8b99a8; }
html.of-dark .ozan-footer-hours-list li { border-bottom-color: rgba(255, 255, 255, .08); }
html.of-dark .ozan-footer-links-grid a,
html.of-dark .ozan-footer-contact-list a,
html.of-dark .ozan-footer-contact-list p { color: #aab8c7; }
html.of-dark .ozan-footer-links-grid a:hover,
html.of-dark .ozan-footer-contact-list a:hover { color: #fff !important; opacity: 1; }
html.of-dark .ozan-footer-contact-list li svg { fill: #8fb7e8; }
html.of-dark .ozan-footer-social a {
    background: rgba(255, 255, 255, .08);
    border-radius: 50%;
}
html.of-dark .ozan-footer-social a:hover { background: var(--of-brand); }
html.of-dark .ozan-footer-social svg { fill: #c6d2e0; }
html.of-dark .ozan-footer-social a:hover svg { fill: #fff; }

/* iletisim widget linkleri */
html.of-dark .of-contact__item a { color: #8fb7e8; }

/* ---------- dark mode: iletisim kartlari (f8f9fa sabit zemin duzeltmesi) ---------- */
html.of-dark .custom-alert.alert-primary { background: var(--of-bg-2); border-left-color: var(--of-brand); }
html.of-dark .custom-alert .alert-content { color: var(--of-text); }
html.of-dark .contact-info-item { background: var(--of-bg-2); }
html.of-dark .contact-info-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, .3); }
html.of-dark .contact-info-item .info-content span { color: var(--of-muted); }
html.of-dark .contact-info-item .info-content p,
html.of-dark .contact-info-item .info-content a { color: var(--of-text); }
html.of-dark .contact-info-item .info-content a:hover { color: #8fb7e8; }
html.of-dark .contact-info-item .icon-box { background: rgba(255, 255, 255, .07); }
html.of-dark .contact-info-item .icon-box i { color: #8fb7e8; }

/* =====================================================================
   DARK MODE - 2. tur duzeltmeler (kullanicidan gelen raporlar)
   ===================================================================== */

/* --- header acilir menuler --- */
html.of-dark .header-nav__links { background: var(--of-surface); }
html.of-dark .header-nav__links li a { color: var(--of-muted); }
html.of-dark .header-nav__links li a:hover { color: #fff; background: var(--of-brand); }
html.of-dark .navigation-dropdown__item {
    background: var(--of-bg);
    border-color: var(--of-border);
}
html.of-dark .navigation-dropdown__item .title { color: var(--of-text); }
html.of-dark .navigation-dropdown__item .icon { color: var(--of-muted); }

/* --- referanslar sayfasi --- */
html.of-dark .references-page { background-color: var(--of-bg); }
html.of-dark .reference-placeholder { background: var(--of-bg-2); }
html.of-dark .reference-placeholder span { color: var(--of-muted); }
html.of-dark .reference-title { color: var(--of-text); }
html.of-dark .reference-img-box { background: var(--of-surface); border-radius: 8px; }

/* --- SSS akordiyon oklari --- */
html.of-dark .acc-item.active .acc-btn .icon-box,
html.of-dark .accordion-box .acc-item .acc-btn .icon-box { background: var(--of-brand); color: #fff; }
html.of-dark .acc-content { border-top: 1px dashed var(--of-border); }

/* --- urunler sayfasi kartlari (sayfa bagimsiz) --- */
html.of-dark .product-card-v2 {
    background: var(--of-surface);
    border-color: var(--of-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
html.of-dark .product-card-v2 .image-wrapper { background: var(--of-bg-2); }
html.of-dark .product-card-v2 .detail-btn {
    border-color: var(--of-border);
    color: var(--of-text);
}
html.of-dark .product-card-v2 .detail-btn:hover {
    background: var(--of-brand);
    border-color: var(--of-brand);
    color: #fff;
}
html.of-dark .product-card-v2 .seri_no,
html.of-dark .product-card-v2 .item-features { color: var(--of-muted); }

/* --- urun detay: "kesik" gorunen aciklama kutusu dark'ta kaldırilir --- */
html.of-dark .tab-content-box {
    background: transparent;
    border: 0;
    color: var(--of-muted);
}
html.of-dark .product-detail-section .nav-tabs { border-bottom-color: var(--of-border); }
html.of-dark .product-detail-section .nav-tabs .nav-link {
    background: transparent;
    color: var(--of-muted);
    border: 0;
}
html.of-dark .product-detail-section .nav-tabs .nav-link.active {
    background: transparent;
    color: var(--of-text);
    border-bottom: 2px solid var(--of-brand);
}

/* --- haber detay sag kolon (beyaz widget kartlari) --- */
html.of-dark .sidebar-widget {
    background: var(--of-surface);
    border: 1px solid var(--of-border);
    border-radius: 12px;
    padding: 18px;
}
html.of-dark .news-detail-content { color: var(--of-muted); }
html.of-dark .news-detail-content h1 { color: var(--of-text); }

/* --- foto galeri detay baslik alani --- */
html.of-dark .gallery-detail-header { background: var(--of-surface); }
html.of-dark .gallery-detail-header h2 { color: var(--of-text); }
html.of-dark .gallery-detail-header p { color: var(--of-muted); }

/* =====================================================================
   DARK MODE - 3. tur duzeltmeler (kapsama genisletme)
   ===================================================================== */

/* --- ana sayfa referans seridi: desenli acik zemin + beyaz kartlar --- */
html.of-dark .brand-area {
    background-color: var(--of-bg);
    background-image: none;
}
html.of-dark .brand-area .golge2 {
    background: var(--of-surface);
    box-shadow: 0 0 20px rgba(0, 0, 0, .35);
}
html.of-dark .brand-area .golge2:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, .5); }
html.of-dark .brand-area .ref-text-placeholder { color: #8fb7e8; }

/* --- referanslar sayfasi kartlari --- */
html.of-dark .reference-item {
    background: var(--of-surface);
    border-color: var(--of-border);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}
html.of-dark .reference-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }
html.of-dark .reference-item .reference-img-box { background: transparent; }

/* --- urun detay: gorsel alani ve kup degerleri --- */
html.of-dark .product-detail-section .gallery-main {
    background: var(--of-bg-2);
    border-color: var(--of-border);
}
html.of-dark .product-detail-section .thumb-item {
    border-color: var(--of-border);
    background: var(--of-bg-2);
}
html.of-dark .product-detail-section .product-info-box { background: transparent; }
html.of-dark .product-detail-section .features-table { background: transparent; }
html.of-dark .product-detail-section .features-table td { border-color: var(--of-border); }
/* products.css '!important' border'i asilir */
html.of-dark .service-details-content .nav-link { border-color: var(--of-border) !important; }

/* --- haber karti tarih rozeti + mini haber hover --- */
html.of-dark .news-date-badge {
    background: var(--of-surface);
    color: #8fb7e8;
}
html.of-dark .mini-news-card:hover .mini-news-title { color: #8fb7e8; }
html.of-dark .news-read-more { color: #8fb7e8; }

/* --- breadcrumb linkleri (parallax bg uzerinde) --- */
html.of-dark .breadcrumb_section .breadcrumb-item a { color: #cfd8e3; }
html.of-dark .breadcrumb_section .breadcrumb-item.active { color: #8b99a8; }

/* --- galeri/video kartlari ic bosluklar --- */
html.of-dark .gallery-card .gallery-card-body { background: transparent; }
html.of-dark .video-card .video-card-body { background: transparent; }

/* --- SSS: ok kutusu her durumda net --- */
html.of-dark .accordion-box .acc-btn .icon-box {
    background-color: var(--of-brand);
    color: #fff;
}
html.of-dark .accordion-box .acc-item.active .acc-btn h4 { color: #8fb7e8; }
html.of-dark .accordion-box .acc-content p { color: var(--of-muted); }