/* klavye-odak.css */
/* klavye-odak.css (Q-251, Seo:KeyboardFocus): keyboard parity only. Loaded only while the flag is on.
   The desktop sub-menus (Ozellikler, Blog) open on :hover through StyleSheet.css (two rules: display, then opacity / visibility /
   transform); their links were never reachable by Tab because the panel stays hidden. The two rules below repeat the same
   declarations for keyboard focus inside the item. Escape sets .reos-kf-kapali (klavye-odak.js) so the panel can be dismissed
   without moving focus (WCAG 1.4.13). No colour, size, spacing or ring style is set here: ring appearance is a design decision
   (see kanit/Q251-KLAVYE-ODAK.md). */
@media (min-width: 769px) {
    .is-mega-menu.has-sub-menu:focus-within:not(.reos-kf-kapali) .dropdown-menu {
        display: block;
    }

    .has-sub-menu:focus-within:not(.reos-kf-kapali) .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
}
/* kontrast-duzelt.css */
/* kontrast-duzelt.css (Q-271, Seo:ContrastFix). Generated by tools/kontrast-q271/uret.mjs from the audit; loaded only while the flag is on.
   Sets ONLY the text colour, ONLY on elements measured below WCAG AA (4.5:1, large text 3:1), one lightness step at a time
   (darker on a light backdrop, lighter on a dark one). Backdrops, sizes and the brand palette are not touched. */
html body article.news-article > div.news-text.text-dark > div.bg-light.p-5 > p.mt-3.fst-italic { color: #677078 !important; } /* #6c757d -> #677078 */
html body div.container > div.footer-bottom-row.custom-footer-bottom-row > div.footer-bottom-col.custom-footer-col > span { color: #df6666 !important; } /* #d32f2f -> #df6666 */
html body div.hcalc-grid > div.hcalc-panel.hcalc-controls > div.hcalc-field > p.hcalc-sub-note { color: #67758a !important; } /* #8b97a8 -> #67758a */
html body div.mb-5 > div.d-flex.flex-column > div.flex-grow-1 > a.btn.btn-outline-primary { color: #0260e9 !important; } /* #0d6efd -> #0260e9 */
html body div.mb-5 > div.p-4.bg-light > p.small.text-muted > strong { color: #677078 !important; } /* #6c757d -> #677078 */
html body div.news-text.text-dark > div.mb-5 > div.p-4.bg-light > p.small.text-muted { color: #677078 !important; } /* #6c757d -> #677078 */
html body div.pcrm-prose.kar-notes > ul.kar-sources > li > a { color: #064892 !important; } /* #064a97 -> #064892 */
html body div.row > div.col-md-6 > ul.list-unstyled.text-secondary > li.mb-2 { color: #677078 !important; } /* #6c757d -> #677078 */
html body div.site-content.pt0 > div.property-feature-section > div.property-feature-menu > div.property-feature-menu-item.active { color: #117584 !important; } /* #1bb5cc -> #117584 */
html body div#acb02ca > div.bdt-ep-advanced-heading-sub-title > div.bdt-ep-advanced-heading-sub-title-content { color: #137d8d !important; } /* #1bb5cc -> #137d8d */
html body div#hcalcTierField > p.hcalc-sub-note { color: #67758a !important; } /* #8b97a8 -> #67758a */
html body div#hcalcTierField > p.hcalc-sub-note > a.hcalc-features-link { color: #137d8d !important; } /* #1bb5cc -> #137d8d */
html body div#hesaplama > p.hcalc-disclaimer { color: #67758a !important; } /* #8b97a8 -> #67758a */
html body div#hesaplama > p.hcalc-disclaimer > strong { color: #67758a !important; } /* #8b97a8 -> #67758a */
html body div#sureSecim > button.sure-btn > span.sure-ay > b.sure-yildiz { color: #945f12 !important; } /* #e8a33d -> #945f12 */
html body form#contactForm > div.row > div.kvkk-check > label { color: #5c666a !important; } /* #636e72 -> #5c666a */
html body main#icerik > div.site-content.pt0 > div.mlsnedir-dijital.mt-5 > div.mlsnedir-dijital-desc { color: #6f6f6f !important; } /* #868686 -> #6f6f6f */
html body main#icerik > div.site-content.pt0 > div.property-feature-section > div.property-feature-main-title { color: #1799ac !important; } /* #1bb5cc -> #1799ac */
html body p#hcalcMinNote { color: #67758a !important; } /* #8b97a8 -> #67758a */
html body p#hcalcPeriodNote { color: #67758a !important; } /* #8b97a8 -> #67758a */
html body tbody > tr > td > span.falsered { color: #e60000 !important; } /* #ff0000 -> #e60000 */
html body tbody > tr > td > span.tickgreen { color: #008525 !important; } /* #009e2c -> #008525 */
html body tbody > tr.compare-row > td > span.falsered { color: #e00000 !important; } /* #ff0000 -> #e00000 */
html body tbody > tr.compare-row > td > span.tickgreen { color: #007f23 !important; } /* #009e2c -> #007f23 */
html body ul.home-pcrm-list > li > div > span { color: rgba(255,255,255,0.75) !important; } /* #ffffff -> rgba(255,255,255,0.75) */
/* duzeltmeler-p933.css */
/* duzeltmeler-p933.css (P9.33, Seo:A11yFixes): two small fixes from the P9.19 audit. Loaded only while the flag is on.
   Selectors start with "html body" so they win over the page's inline <style> blocks, which come later in the document. */

/* B3 (WCAG 1.4.10 reflow): the home hero text column is a flex container; its child .heading kept min-width:auto, i.e. the width of its
   longest unbreakable content (606 px in a 516 px column), so the h1 and the paragraph were clipped on the right at 320 px and 200 % zoom.
   min-width:0 lets the column shrink to the available width and the text wraps. Only below the lg breakpoint (992 px, where the hero
   columns stack and the clipping happens, 200 % zoom of a 1280 px window = 640 px): from 992 px up the hero keeps its current look,
   including the width of the brand logo grid under the text. */
@media (max-width: 991.98px) {
    html body .SliderText .heading {
        min-width: 0;
    }
}

/* The h1 words are also wider (the theme sets the size with !important, so these two rules need it too) than the column: "Pazarlama Platformu" is 10.9 em wide, so it needs 296 px at 31 px type (column at 320 px = 296 px)
   and 606 px at 56 px type (column 516 px for 577-767 px). Type scales down just enough to fit; nothing changes from 768 px up,
   or at 375 px and wider on phones (min() keeps the current 31 px). */
@media (max-width: 576px) {
    html body .SliderText .heading .heading-title {
        font-size: min(31px, calc((100vw - 24px) / 10.9)) !important;
    }
}

@media (min-width: 577px) and (max-width: 767.98px) {
    html body .SliderText .heading .heading-title {
        font-size: 47px !important;
    }
}

/* B6 (WCAG 1.4.3): /fiyatlar package buttons. The sub-label ("Yıllık Üyelik", "Tanışma Paketi") is the button colour #4a5d75 at opacity .72,
   which is 3.30:1 on the #eef4fc strip. Opacity .9 gives 4.86:1 (measured value in the audit note); the active button keeps its own .85. */
html body .sure-btn:not(.active) .sure-alt {
    opacity: 0.9;
}

/* P9.70 (WCAG 1.4.3 / 1.4.1 / 1.3.1): the last flag-independent axe findings. Colour darkening only, no layout change. */
/* /emlak24 content heading: #fdbb3b on white is 1.7:1; a darker amber of the same hue (#8f5b00) is above 5:1. */
html body .emlak24-content-text h2 {
    color: #8f5b00;
}

/* /entegrasyonlar subtitle: brand cyan #1bb5cc is 2.4:1 on the light section; #0b7285 keeps the hue and is above 5:1. */
html body .reos-integration-subtitle {
    color: #0b7285;
}

/* /entegrasyonlar: the in-sentence Gaboras link is told apart from the text by colour only (link-in-text-block); underline it. */
html body p > a[href$="/gaboras"] {
    text-decoration: underline;
}

/* Visually hidden text for the empty comparison-table header cells added by duzeltmeler-p933.js. */
.reos-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* P9.101 (WCAG 1.4.3): remaining non-footer contrast items. Text colour darkened one step only (values measured in Q-271, same as the
   Seo:ContrastFix set); backdrops, sizes and layout are not touched. Selectors start with "html body" and carry !important because
   the page's own inline <style> blocks come later in the document. */
/* /fiyatlar calculator notes: #8b97a8 -> #67758a */
html body p.hcalc-sub-note,
html body p#hcalcMinNote,
html body p#hcalcPeriodNote,
html body div#hesaplama > p.hcalc-disclaimer,
html body div#hesaplama > p.hcalc-disclaimer > strong {
    color: #67758a !important;
}

/* brand cyan #1bb5cc on light backdrops: link and sub-title -> #137d8d, active menu item -> #117584, section title (large text) -> #1799ac */
html body p.hcalc-sub-note > a.hcalc-features-link,
html body div#acb02ca > div.bdt-ep-advanced-heading-sub-title > div.bdt-ep-advanced-heading-sub-title-content {
    color: #137d8d !important;
}

html body div.property-feature-menu > div.property-feature-menu-item.active {
    color: #117584 !important;
}

html body div.property-feature-section > div.property-feature-main-title {
    color: #1799ac !important;
}

/* /ozellikler description grey #868686 -> #6f6f6f */
html body div.mlsnedir-dijital > div.mlsnedir-dijital-desc {
    color: #6f6f6f !important;
}

/* /hakkimizda Bootstrap grey #6c757d on bg-light -> #677078 */
html body div.bg-light p.fst-italic.text-muted,
html body div.bg-light ul.list-unstyled.text-secondary > li.mb-2,
html body div.bg-light p.small.text-muted,
html body div.bg-light p.small.text-muted > strong {
    color: #677078 !important;
}

/* /kvkk-aydinlatma-metni, /gizlilik (link-in-text-block): the in-sentence account-deletion link is told apart from the text by colour only. */
html body a[href$="uyelik-sonlandirma"] {
    text-decoration: underline;
}
/* erisilebilirlik-h64.css */
/* erisilebilirlik-h64.css (H-64, Seo:A11yH64). Loaded only while the flag is on, after the theme stylesheets.
   Sets ONLY the text colour of the three elements the H-58 audit measured below WCAG AA 4.5:1, plus the 44 px mobile menu opener.
   Brand colours of backgrounds, icons and accents are not touched. Ratios (WCAG 2.x relative luminance):
   #1bb5cc on #ffffff 2.46 -> #0e7f91 on #ffffff 4.71 (home testimonial card, institution / title line)
   #6c757d on #f8f9fa 4.45 -> #5b636a on #f8f9fa 5.80 (/hakkimizda muted / secondary / small text) */
html body .testimonial-header .info span { color: #0e7f91 !important; }
html body .news-article .text-muted,
html body .news-article .text-secondary,
html body .news-article .text-secondary li,
html body .news-article .small,
html body .news-article .small strong { color: #5b636a !important; }
html body .news-article .btn-outline-primary:not(:hover):not(:focus):not(:active) { color: #0a58ca !important; }
html body .canvas-menu .icon a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
