/* Koyunlu kurumsal renkleri. style.css'ten SONRA yüklenir; şablonun altın/yeşil tonlarını logodaki kırmızıyla değiştirir. */
:root,
.theme-color-1 {
    --theme-color: #a91100;          /* logo kırmızısı */
    --theme-color-rgb: 169, 17, 0;
    --theme-color1: #7e0d00;         /* koyu ton: hover, geçişler */
    --theme-color1-rgb: 126, 13, 0;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%);
}

/* style.css içinde rengi sabit yazılmış yeşil buton */
.btn-2-animation {
    background: #a91100;
    background: linear-gradient(90deg, #a91100 0%, #7e0d00 100%);
}
.btn-2-animation::after {
    background: #7e0d00;
    background: linear-gradient(90deg, #7e0d00 0%, #a91100 100%);
}

/* Bootstrap birincil renkleri */
.btn-primary,
.btn-primary:disabled {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--theme-color1) !important;
    border-color: var(--theme-color1) !important;
    color: #fff;
}
.form-control:focus,
.form-select:focus {
    border-color: rgba(var(--theme-color-rgb), .5);
    box-shadow: 0 0 0 .2rem rgba(var(--theme-color-rgb), .15);
}
.form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
::selection {
    background: rgba(var(--theme-color-rgb), .85);
    color: #fff;
}

/* Logo: geniş yatay logo, başlık ve alt bilgide orantılı dursun */
.nav-logo img,
.theme-logo img {
    height: 42px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}

/* Sipariş listesi: onay bekleyen etiketi (şablonda success/danger var) */
.order-table tbody tr td label.bekliyor {
    background-color: rgba(255, 166, 0, .12);
    color: #b26b00;
}

/* Sipariş onay: "Yeni Adres Ekle" kutusu */
.delivery-address-box.ks-adres-ekle {
    min-height: 150px;
    background-color: transparent;
    border: 2px dashed #e1d3d1;
    color: var(--theme-color);
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
}
.delivery-address-box.ks-adres-ekle:hover { border-color: var(--theme-color); background-color: rgba(169, 17, 0, .03); }
.delivery-address-box.ks-adres-ekle i { font-size: 22px; }