/* Ui:A11yTealContrast (owner decision 27.10): zones that carry WHITE text.
   Brand cyan #1bb5cc (white on it 2.46:1) and the gradient ends that reach it become dark teal #138191 (white on it 4.59:1, WCAG 2.1 AA 1.4.3).
   Hover / active states are darker still (#0f6c79, 6.10:1). Coral price badge and Gaboras green follow the same rule (white on both >= 4.5:1).
   Method: every rule repeats the selector of the component it replaces behind "html body" (specificity +0,0,2, so the page styles that load later do not win)
   and sets only the background. Not touched: logo, decorative areas, icons, lines, accent text colours, cyan zones that carry dark text, text, sizes, spacing.
   !important appears only where the original colour sits in an inline style attribute (a stylesheet cannot win against it otherwise). */
:root {
    --a11y-teal: #138191;
    --a11y-teal-hover: #0f6c79;
    --a11y-coral-from: #d93a3d;
    --a11y-coral-to: #bf2b34;
    --a11y-green: #008736;
}

/* Home: "RE-OS.com" badge (also /hazir-web-sitesi): 90deg navy -> teal */
html body .reosBGColor {
    background-image: linear-gradient(90deg, #064a97 0%, var(--a11y-teal) 100%);
}

/* Home: "2013'ten Beri Emlak Sektorunde" pill (teal start) */
html body .reos-portal-badge {
    background: linear-gradient(135deg, var(--a11y-teal) 0%, #064a97 100%);
}

/* Home: "Uygulamayi simdi indirin" band (DownloadSection) */
html body .section-banner.layout-04 .inner.background-yellow {
    background: linear-gradient(to right, #064a97, var(--a11y-teal));
}

/* Home: Konut / Ticari / Arsa demand buttons (primary navy, K2) */
html body .property-demand-section .create-demand-button:not(:hover) {
    background-color: #064a97;
}

/* /kayit-ol: left panel and submit button (navy, K2); /iletisim: "Mesaj Gonder" */
html body .register-left {
    background: linear-gradient(135deg, var(--primary, #0056b3) 0%, var(--a11y-teal) 100%);
}
html body .submit-btn {
    background: #064a97;
}

/* /hazir-web-sitesi: navy band with white heading, text and buttons */
html body .background-navy {
    background: linear-gradient(to right, #064a97, var(--a11y-teal));
}

/* /telefon-crm-entegrasyonu, /kimler-icin, /rehber: primary button, step numbers, CTA band */
html body .pcrm-btn-primary {
    background: #064a97;
}
html body .pcrm-btn-primary:hover {
    background: #022041;
}
html body .pcrm-step-num,
html body .pcrm-intro-tag-first,
html body .pcrm-security-icon {
    background: linear-gradient(135deg, var(--pcrm-primary, #064a97), var(--a11y-teal));
}
html body .pcrm-cta {
    background: linear-gradient(135deg, var(--pcrm-primary, #064a97) 0%, var(--a11y-teal) 100%);
}

/* /sss: "Basla" button (gradient is in an inline style attribute) */
html body .baslaBtn[style*="1bb5cc" i] {
    background: #064a97 !important;
}

/* /fiyatlar: coral "%25 INDIRIM" badge (white text; #ff6b6b -> #e63946 was 2.78:1 / 4.17:1) */
html body .paket-tab-badge {
    background: linear-gradient(135deg, var(--a11y-coral-from), var(--a11y-coral-to));
}

/* /gaboras: contact band green #00993d (inline style attribute) */
html body .hangiev-contact[style*="#00993d" i] {
    background: var(--a11y-green) !important;
}

/* /fiyatlar and price modals: "modal-header" band with white title (064A97 -> 1bb5cc) */
html body .modal-header {
    background: linear-gradient(to right, #064a97, var(--a11y-teal));
}

/* Service agreement: card header (the page style is !important, so this one is too) */
html body .card-header.bg-primary.text-white {
    background: linear-gradient(135deg, #022041, var(--a11y-teal)) !important;
}

/* Home AI block: white-text pill and the first icon tile */
html body .ai-features-badge {
    background: linear-gradient(135deg, var(--a11y-teal) 0%, #064a9a 100%);
}
html body .ai-feature-icon.bg-primary {
    background: linear-gradient(135deg, var(--a11y-teal) 0%, var(--a11y-teal-hover) 100%);
}

/* /mobil-uygulama: white store icon on a navy -> teal tile */
html body .download-icon-wrapper {
    background: linear-gradient(135deg, #064a97 0%, var(--a11y-teal) 100%);
}

/* Hover states that paint the same navy -> cyan gradient under white text */
html body .block-icon-box .icon-box:hover,
html body .block-icon-box.layout-05 .icon-box:hover .BaslikAciklama,
html body .counter-box:hover,
html body .counter-box:hover .icon,
html body .custom-stats-container .custom-stats-box:hover {
    background: linear-gradient(to right, #064a97, var(--a11y-teal));
}

/* Form selects (CreateRequest): chips and highlighted option, white text; the page style is !important */
html body .select2-container--default .select2-selection--multiple .select2-selection__choice,
html body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(135deg, #004494, var(--a11y-teal)) !important;
}

/* Chat assistant widget: header, own bubble, send and lead buttons (white text) */
html body .ra .ra-header,
html body .ra .ra-send,
html body .ra .ra-lead-submit {
    background: linear-gradient(135deg, var(--a11y-teal), #064a97);
}
html body .ra .ra-msg--user .ra-bubble {
    background: var(--a11y-teal);
}

/* Tinted white text that sat on the cyan end: 90 % / 92 % white on #138191 is 4.03 / 4.14:1, full white is 4.59:1.
   Only the strength of the white changes (opacity .9 -> 1, rgba(255,255,255,.92) -> #fff); size, weight and wording are untouched. */
html body .register-left .welcome-content p {
    opacity: 1;
}
html body .pcrm-cta p {
    color: #fff;
}