/* Erişilebilirlik düzeltmeleri (2026-09 denetimi ERS-01..18). theme.min.css düzenlenmiş
   üçüncü taraf tema dosyası olduğu için renk, odak ve dokunma hedefi değişiklikleri burada
   ezilir. Oranlar WCAG AA için hesaplandı (normal metin 4.5:1, büyük metin/arayüz 3:1). */

:root,
[data-bs-theme=light] {
    /* Birincil renk aynı tonun koyusu: beyaz metinle #f55266 3.34 idi, #d42a40 4.99. */
    --cz-primary: #d42a40;
    --cz-primary-rgb: 212, 42, 64;
    --cz-success: #1e7d45;
    --cz-success-rgb: 30, 125, 69;
    --cz-danger: #c81e1e;
    --cz-danger-rgb: 200, 30, 30;
    /* İkincil/üçüncül metin eskisine en yakın geçen tonlar: #6c727f #f5f7fa üstünde 4.49,
       #9ca3af (placeholder, tarih) 2.53 idi. #686d7a 4.82, #687281 4.54 (#f5f7fa üstünde). */
    --cz-secondary-color: #686d7a;
    --cz-secondary-color-rgb: 104, 109, 122;
    --cz-tertiary-color: #687281;
    --cz-tertiary-color-rgb: 104, 114, 129;
    --cz-form-valid-color: #1e7d45;
    --cz-form-valid-border-color: #1e7d45;
    --cz-form-invalid-color: #c81e1e;
    --cz-form-invalid-border-color: #c81e1e;
}

.btn-primary,
.product-card .count-input:not(.collapsed) .product-card-button,
.product-card:hover .product-card-button,
[data-bs-theme=dark] .product-card:hover .product-card-button {
    --cz-btn-bg: #d42a40;
    --cz-btn-border-color: #d42a40;
    --cz-btn-hover-bg: #b02437;
    --cz-btn-hover-border-color: #b02437;
    --cz-btn-active-bg: #b02437;
    --cz-btn-active-border-color: #b02437;
    --cz-btn-disabled-bg: #d42a40;
    --cz-btn-disabled-border-color: #d42a40;
    --cz-btn-focus-shadow-rgb: 212, 42, 64;
}

.btn-outline-primary {
    --cz-btn-color: #d42a40;
    --cz-btn-border-color: #d42a40;
    --cz-btn-hover-bg: #d42a40;
    --cz-btn-hover-border-color: #d42a40;
    --cz-btn-active-bg: #b02437;
    --cz-btn-active-border-color: #b02437;
}

.btn-success {
    --cz-btn-bg: #1e7d45;
    --cz-btn-border-color: #1e7d45;
    --cz-btn-hover-bg: #186638;
    --cz-btn-hover-border-color: #186638;
    --cz-btn-active-bg: #186638;
    --cz-btn-active-border-color: #186638;
    --cz-btn-disabled-bg: #1e7d45;
    --cz-btn-disabled-border-color: #1e7d45;
}

/* Turuncu zemin korunur, metin koyulaşır: beyaz 2.25 idi, #181d25 7.49. */
.btn-warning {
    --cz-btn-color: #181d25;
    --cz-btn-hover-color: #181d25;
    --cz-btn-active-color: #181d25;
    --cz-btn-disabled-color: #181d25;
}

/* Görünür klavye odağı; koyu zeminde beyaz. Temanın odak halkası %10 opak (1.22:1) olduğu
   için gösterge bu çerçeve. */
:focus-visible {
    outline: 3px solid #181d25 !important;
    outline-offset: 2px !important;
}

[data-bs-theme=dark] :focus-visible,
.bg-dark :focus-visible,
.chat-header :focus-visible {
    outline-color: #fff !important;
}

/* Metin alanında tarayıcı fareyle tıklamada da :focus-visible veriyor; kalın çerçeve her
   tıklamada çıkıyordu. İnce çerçeve kalır: box-shadow değil outline, çünkü temanın hatalı
   alan (:invalid/.is-invalid) odak kuralları box-shadow'u eziyordu (A-D incelemesi). */
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 1px solid #181d25 !important;
    outline-offset: 0 !important;
}

/* Dokunma hedefi en az 44px (proje kuralı), ama görünür boyut değişmez: min-height toast'ı,
   yukarı düğmesini ve hamburgeri büyütmüştü (kullanıcı fark etti, 2026-09-25). Alan
   görünmez ::after ile genişler; :where özgüllüğü 0, temanın kendi position'ı kazanır.
   :where'i tanımayan eski tarayıcıda position kuralı düşer, ::after üst kabı kaplardı:
   ikisi birlikte @supports içinde. */
@supports selector(:where(a)) {
    :where(.btn, .btn-close, .navbar-toggler) {
        position: relative;
    }

    .btn::after,
    .btn-close::after,
    .navbar-toggler::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: max(100%, 44px);
        height: max(100%, 44px);
        transform: translate(-50%, -50%);
    }
}

/* Adet kutusu overflow:hidden; sözde alan kırpıldığı için burada görünür 44px kalır. */
.count-input .btn {
    min-height: 44px;
    min-width: 44px;
}

/* Etkin sayfa adı tema "devre dışı" rengini kullanıyordu (#9ca3af, 2.53:1); okunur metin olmalı. */
.breadcrumb {
    --cz-breadcrumb-item-active-color: #687281;
}

/* Tıklama alanı büyür, negatif margin yerleşimi eski hâlinde tutar (bağlantısız öğeyle hizalı kalsın). */
.breadcrumb-item > a {
    display: inline-block;
    padding-block: .75rem;
    margin-block: -.75rem;
}

/* Footer bağlantıları: dolgu satırı uzatıyordu, alan görünmez ::after ile büyür. Blog
   kartlarındaki .stretched-link hariç: kendi ::after'ı kartı kaplar, position onu bozuyordu. */
.footer .nav-link:not(.stretched-link) {
    position: relative;
}

.footer .nav-link:not(.stretched-link)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: max(100%, 44px);
    transform: translateY(-50%);
}

/* iOS 16px altı alanda odaklanınca sayfayı büyütüyor; yakınlaştırma kilidi yerine bu. */
@media (max-width: 575.98px) {
    .form-control,
    .form-select {
        font-size: 16px;
    }
}

/* Form alanı kenarı zeminden ayırt edilsin (#cad0d9 1.45:1 idi). */
.form-control,
.form-select {
    border-color: #858d99;
}

.icerige-atla:focus {
    position: fixed;
    top: .5rem;
    left: .5rem;
    z-index: 100000002;
    padding: .75rem 1rem;
    background: #fff;
    color: #181d25;
    border-radius: .5rem;
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .2);
}

/* main#icerik atla bağlantısıyla odak alır; fare kullanıcısına çerçeve gösterilmez. */
#icerik:focus {
    outline: none !important;
}

/* WhatsApp simgesi artık <button>: tarayıcı düğme görünümü sıfırlanır. */
button.wp-icon {
    border: 0;
    padding: 0;
}

/* Otomatik kaymayan karusel; hareket azaltma tercihinde geçiş animasyonu da kapalı. */
@media (prefers-reduced-motion: reduce) {
    .swiper-wrapper {
        transition-duration: 0ms !important;
    }
}