/* H-92 / H-96: remaining contrast, 44 px touch targets, /kimler-icin left edge, one-row desktop menu; loaded only while Seo:UiH92 is on.
   Colour, min-height and spacing only. Fixed contact buttons, header and cookie markup, brand logo section, hero text and every z-index: not touched. */

/* H-92 contrast (WCAG 1.4.3): gradient text that axe cannot measure. The bright cyan end (#1bb5cc) is 2.46:1 on white; #0e7f91 is 4.71:1. */
html body .ai-gradient-text { background-image: linear-gradient(135deg, #0e7f91 0%, #064a9a 100%); }
html body .ai-features-badge { background-image: linear-gradient(135deg, #0e7f91 0%, #064a9a 100%); }
html body .reos-portal-title { background-image: linear-gradient(135deg, #064a97 0%, #0e7f91 100%); }

/* H-92 contrast: /sss mail link #1e90ff on #f7fafd is 3.09:1; #0b6bcb is above 5:1 (hover colour of the page stays). */
html body a.mail-link { color: #0b6bcb; }

/* H-92 contrast: home mobile CRM block, white text at 85 % / 75 % over a gradient that ends in #0e7eb8 is about 3.8:1 at the light end. */
html body .home-pcrm-desc { color: #fff; }
html body ul.home-pcrm-list > li > div > span { color: rgba(255, 255, 255, .95) !important; }

/* H-92 touch targets: 44 px high links and buttons (width is already larger; the top bar phone and e-mail links stay as they are because a 44 px row would make the header taller). Inline links inside running text are not touched. */
html body .reos-skip-link,
html body .home-yetenek-link a,
html body .home-faq-more a,
html body .reos-portal-card-title a,
html body .ozl-who-all a,
html body .apps a:not(.button),
html body .footer-bottom-col a:has(> img) { display: inline-flex; align-items: center; min-height: 44px; }
html body .btn-lg,
html body .price-buy,
html body .alt-nav .link-block-3,
html body .expand-hint,
html body a.baslaBtn,
html body a[href*="linkedin.com"].btn { min-height: 44px; }
html body a[href*="linkedin.com"].btn { display: inline-flex; align-items: center; }

/* Hub card links (/ozellikler, /kimler-icin): the 12 px list padding moves into the link so a row keeps about the same height. */
html body .ozl-card-link { display: inline-flex; align-items: center; min-height: 44px; }
html body .ozl-card-list li { padding-top: 2px; padding-bottom: 2px; }
html body .ozl-card-title,
html body .ozl-box-title { padding-bottom: 0; }
html body .ozl-guides-list li { padding-top: 0; padding-bottom: 0; }
html body .ozl-guides-list li::before { top: 19px; }
html body .ozl-guides-list a { display: inline-flex; align-items: center; min-height: 44px; }

/* Footer link lists: 44 px rows on touch and narrow screens; on desktop 24 px (the WCAG 2.5.8 AA minimum, was 23 px) so the desktop footer keeps its height. */
html body .footer .footer-menu li > a { display: inline-flex; align-items: center; min-height: 24px; }
@media (max-width: 991.98px), (pointer: coarse) {
    html body .footer .footer-menu li > a { min-height: 44px; }
}

/* H-96 (a) /kimler-icin at 1280: lead text, 2x2 boxes, 3-column cards and the "all features" line start at one left edge (the centred 1100 px column).
   The boxes list lost its auto margin to the later "margin: 4px 0 18px" rule of .ozl-page .ozl-boxes. */
html body .prf-page .ozl-boxes { margin-left: auto; margin-right: auto; }
html body .prf-page .ozl-lead { margin-left: max(0px, calc((100% - 1100px) / 2)); margin-right: auto; }
html body .prf-page .pcrm-table-wrap { max-width: 1100px; margin-left: auto; margin-right: auto; }

/* H-96 (b) home page menu at desktop widths: the 8 top-level items (18 px side padding) ran into the "Kayıt Ol" button at 1265-1280 px (up to 12 px overlap) and wrapped in some browsers.
   14 px side padding gives the row about 60 px of free space (up to 1250 px the theme already uses 10 px). Header markup, links and the dropdown panels are not touched. */
@media (min-width: 1251px) and (max-width: 1439.98px) {
    html body .site-header .main-menu > ul > li > a { padding-left: 14px; padding-right: 14px; }
}

/* H-325: "Kayıt Ol" and "Giriş Yap" broke onto two lines at every desktop width (col-lg-2 is about 190 px for two 20 px padded
   buttons). From 1200 px they stay on one line with 12 px side padding; measured on aitest 1200-1440: one line each, at least
   12 px clear of the last menu item. Below 1200 the menu itself wraps (theme), so the buttons are left as they are. */
@media (min-width: 1200px) {
    html body .site-header .header-right .button.fullfield { white-space: nowrap; padding-left: 12px; padding-right: 12px; }
}

/* U1b: keep the 8 top-level menu items on one row between 992 and 1199 px (they wrapped and the last item sat on the hero title). */

@media (min-width: 992px) and (max-width: 1199.98px) {

    html body .site-header .main-menu > ul > li > a { padding: 14px 7px; font-size: 15px; }

}