/* Patili Dostlar marka renkleri
 * Temanın style.css ve Bootstrap içine sabit yazılmış mavi/turkuaz tonlarını
 * marka renklerine çeker. Panelden ayarlanan renkler veritabanındadır
 * (bkz. kurulum/02_renkler.sql); burada yalnızca sabit kodlu olanlar var.
 */
:root {
  --patili-kahve: #4c2a13;
  --patili-kahve-orta: #6b4a35;
  --patili-kahve-soluk: #9a7a64;
  --patili-turuncu: #e37421;
  --patili-turuncu-koyu: #c95f12;
  --patili-turuncu-acik: #fbe3d0;
  --patili-krem: #fdf6ef;
  --patili-cizgi: #f1e2d6;
}

/* Tema buton sınıfları: mavi = ana vurgu (turuncu), yeşil = ikincil (kahve) */
.button-blue { background-color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; color: #fff !important; }
.button-blue:hover { background-color: var(--patili-turuncu-koyu) !important; border-color: var(--patili-turuncu-koyu) !important; }
.button-blue-out { color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.button-blue-out:hover { background-color: var(--patili-turuncu) !important; color: #fff !important; }

.button-green { background-color: var(--patili-kahve) !important; border-color: var(--patili-kahve) !important; color: #fff !important; }
.button-green:hover { background-color: var(--patili-kahve-orta) !important; border-color: var(--patili-kahve-orta) !important; }
.button-green-out { color: var(--patili-kahve) !important; border-color: var(--patili-kahve) !important; }
.button-green-out:hover { background-color: var(--patili-kahve) !important; color: #fff !important; }

/* Kategori sayfası ürün kutusu sepet butonu, karşılaştır bağlantısı */
.cat-detail-products-box-cart-1 button,
.cat-detail-products-box-cart-1 a { background-color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.cat-detail-products-box-cart-1 button:hover,
.cat-detail-products-box-cart-1 a:hover { background-color: var(--patili-turuncu-koyu) !important; border-color: var(--patili-turuncu-koyu) !important; }
.compare-href, .compare-href:hover { color: var(--patili-turuncu) !important; }

/* Köşe şeridi (ribbon) */
.ribbon span { background: var(--patili-turuncu) !important; }
.ribbon span::before { border-left-color: var(--patili-turuncu-koyu) !important; border-top-color: var(--patili-turuncu-koyu) !important; }
.ribbon span::after { border-right-color: var(--patili-turuncu-koyu) !important; border-top-color: var(--patili-turuncu-koyu) !important; }

/* Bildirimler, hesap, üye ol */
.dropdown-bell-list-box-baslik a:hover, .dropdown-bell-list-box-date { color: var(--patili-turuncu) !important; }
ul#bildirim_tabs li a.selected { color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
ul#bildirim_tabs li a.selected:after { background: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.account_subpage_order_cargo_main { color: var(--patili-kahve) !important; }
.up-arrow-blue:before { border-bottom-color: var(--patili-turuncu) !important; color: var(--patili-turuncu) !important; }
.dropdown-user-area-header .register-btn-header { background-color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }

/* Bootstrap varsayılan mavileri */
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active,
.badge-primary, .bg-primary { background-color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--patili-turuncu-koyu) !important; border-color: var(--patili-turuncu-koyu) !important; }
.btn-outline-primary { color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.btn-outline-primary:hover { background-color: var(--patili-turuncu) !important; color: #fff !important; }
.text-primary { color: var(--patili-turuncu) !important; }
.page-item.active .page-link { background-color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.page-link { color: var(--patili-kahve); }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--patili-turuncu) !important; border-color: var(--patili-turuncu) !important; }
.form-control:focus { border-color: var(--patili-turuncu) !important; box-shadow: 0 0 0 .2rem rgba(227, 116, 33, .2) !important; }

/* Footer: ince ayarlar */
.footer-module-box-logo img { max-width: 260px; height: auto; }

/* Hız: layout kaymasını önleme (görünüm değişmez) */
img[data-pd-boyut] { height: auto; }
/* Kayan banner: slider başlamadan önce de son halindeki genişlikte dursun */
.kayan-banner-main .swiper-slide { width: calc((100% - 10px) / 2); margin-right: 10px; }
@media (min-width: 768px) { .kayan-banner-main .swiper-slide { width: calc((100% - 20px) / 3); } }
@media (min-width: 1024px) { .kayan-banner-main .swiper-slide { width: calc((100% - 30px) / 4); } }