/* Ui:A11yN115 (N115, accessibility QA66 follow-up; 28.10). Size, spacing and colour only: no position, float, transform or display-mode change of a whole block.
   Every rule sits behind "html:root body" so it wins over the page sheets and the earlier Ui sheets by specificity; !important only where the replaced value is itself !important.
   Tokens (WCAG 2.1 contrast): --a11yn115-tick #00802b on white 5.09 / on #f5f9ff 4.82; --a11yn115-cross #c80000 on white 6.08 / on #f5f9ff 5.75;
   --a11yn115-em #c8dcf2 on the pricing result gradient (#021c3a to #064a97) 6.15 at its lightest end; --a11yn115-muted #5c656d on #f8f9fa 5.63. */
:root {
    --a11yn115-tick: #00802b;
    --a11yn115-cross: #c80000;
    --a11yn115-em: #c8dcf2;
    --a11yn115-muted: #5c656d;
}

/* touch targets: mobile social icons 44x44 (were 40x40 under 600 px) */
@media (max-width: 600px) {
    html:root body .social-bar-fixed .social-icon {
        width: 44px;
        height: 44px;
    }
}

/* touch targets: footer link lists reach 44 px tall where the columns stack (were 23 px lines with a 12 px gap) */
@media (max-width: 991px) {
    html:root body .footer-item ul li {
        margin-bottom: 0;
    }

    html:root body .footer-item ul li a {
        display: flex;
        align-items: center;
        min-height: 44px;
    }
}

/* /fiyatlar: badges and small labels reach 12 px (were 10 to 11.5 px) */
html:root body span.paket-tab-badge,
html:root body span.sure-badge,
html:root body span.hcalc-badge-mini,
html:root body span.paket-tab-mini,
html:root body span.sure-alt,
html:root body span.hcalc-tier-limits span,
html:root body span.hcalc-tier-limits b,
html:root body a.price-buy {
    font-size: 12px;
}

/* home: portal card badges and the AI features badge reach 12 px (were 11 and 11.2 px) */
html:root body span.reos-portal-card-badge,
html:root body div.ai-features-badge > span {
    font-size: 12px;
}

/* /fiyatlar pricing breakdown notes: solid light blue instead of white at 62% opacity (3.56:1 at the lightest end of the gradient) */
html:root body ul.hcalc-breakdown em {
    opacity: 1;
    color: var(--a11yn115-em);
}

/* /fiyatlar comparison marks (13 px glyphs, were #009e2c 3.35 to 3.54 and #ff0000 3.78 to 4.00) */
html:root body .comparison .tickgreen {
    color: var(--a11yn115-tick) !important;
}

html:root body .comparison .falsered {
    color: var(--a11yn115-cross) !important;
}

/* /hakkimizda secondary list text (Bootstrap text-secondary #6c757d = 4.45 on #f8f9fa) */
html:root body article.news-article .text-secondary {
    color: var(--a11yn115-muted) !important;
}

/* chat launcher while the cookie card is on screen (--ra-lift is the card height, 0px otherwise; min(lift, 1px) is 0 or 1px, so these extras vanish at 0):
   12 px gap above the card, and moved left of the social bar (bar width + 12 px) so the two never overlap; the move is animated like the lift.
   The lift itself is H-663's "translate: 0 -lift" (ClsH663.AssistantStyle, always on), so "bottom" carries only the resting offset and the
   12 px gap: adding the lift here as well put the launcher twice the card height up (aitest 30.10: 328 px above a 315 px card).
   Browsers without "translate" get the lift in "bottom" (last block). */
html:root body .ra .ra-toggle {
    bottom: calc(25px + min(var(--ra-lift, 0px), 1px) * 12);
    right: calc(25px + min(var(--ra-lift, 0px), 1px) * 39);
    transition: transform 0.2s ease, translate 0.5s cubic-bezier(.4, 0, .2, 1), bottom 0.5s cubic-bezier(.4, 0, .2, 1), right 0.5s cubic-bezier(.4, 0, .2, 1);
}

@media (max-width: 600px) {
    html:root body .ra .ra-toggle {
        right: calc(25px + min(var(--ra-lift, 0px), 1px) * 31);
    }
}

@media (max-width: 450px) {
    html:root body .ra .ra-toggle {
        bottom: calc(20px + min(var(--ra-lift, 0px), 1px) * 12);
        right: calc(20px + min(var(--ra-lift, 0px), 1px) * 36);
    }
}

@supports not (translate: 0) {
    html:root body .ra .ra-toggle {
        bottom: calc(25px + var(--ra-lift, 0px) + min(var(--ra-lift, 0px), 1px) * 12);
    }
    @media (max-width: 450px) {
        html:root body .ra .ra-toggle {
            bottom: calc(20px + var(--ra-lift, 0px) + min(var(--ra-lift, 0px), 1px) * 12);
        }
    }
}