/* ============================================================
   BTR Script — Ek stiller
   Bu dosya BTRCP.css + theme.css'in ÜZERİNE yüklenir, onları
   DEĞİŞTİRMEZ. Sadece websatisv3'te karşılığı olmayan, btrscript'e
   özgü birkaç bileşen için (çok dilli anahtar, ürün galerisi
   küçük resimleri, demo giriş kutusu vb.) minimal ek kurallar içerir.
   ============================================================ */

/* Ürün kartı görseli — <a> içine <form> yerleştirmemek için görsel
   linki ayrı bir iç <a>'ya taşındı; kapsayan konteyner artık <div>. */
.product-card-img-link { display: block; width: 100%; height: 100%; }
.product-card-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #cbd5e1; font-size: 2.4rem; background: #f1f5f9; }

/* Ürün detay galerisi — swiper yerine basit tıkla-değiştir küçük resimler */
.product-gallery-main img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.product-gallery-main .product-card-img-placeholder.pg-empty { aspect-ratio: 16/9; }
.product-gallery-thumbs { display: flex; gap: 10px; padding: 12px; background: #f8fafc; flex-wrap: wrap; }
.pg-thumb { width: 84px; height: 58px; object-fit: cover; border-radius: 10px; cursor: pointer; opacity: .55; border: 2px solid transparent; transition: all .2s ease; }
.pg-thumb.active, .pg-thumb:hover { opacity: 1; border-color: var(--primary); }

/* Demo giriş bilgisi kutusu (ürün satın alma kutusunda) */
.demo-credentials { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; font-size: .82rem; padding: 10px 14px; border-radius: 10px; margin-bottom: 14px; }
.product-sku { margin-top: 14px; font-size: .82rem; color: #94a3b8; }

/* Çalışma saatleri (iletişim sayfası) */
.working-hours-list { list-style: none; padding: 0; margin: 0; }
.working-hours-list li { display: flex; justify-content: space-between; padding: 5px 0; font-size: .85rem; color: #475569; }
.working-hours-list li.closed span:last-child { color: #dc3545; }

/* Çok dilli anahtar (websatisv3 tek dilli; bu proje TR/EN/DE destekler) */
.tb-dropdown-menu .dropdown-item.active { background: color-mix(in srgb, var(--primary) 10%, #fff); color: var(--primary); font-weight: 700; }

/* Müşteri yorumları (anasayfa) — websatisv3'te bu bileşen yok, ürün
   yorumlarıyla (pd-review-*) aynı görsel dili kullanır */
.testimonial-card { background: #fff; border: 1px solid #eef0f4; border-radius: var(--radius); padding: 26px; height: 100%; }
.testimonial-stars { color: #f59e0b; margin-bottom: 12px; font-size: .9rem; }
.testimonial-card p { color: #475569; font-style: italic; margin-bottom: 18px; }
.testimonial-author { display: flex; align-items: center; gap: 12px; }
.testimonial-author img, .testimonial-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.testimonial-avatar { background: #e2e8f0; display: flex; align-items: center; justify-content: center; color: #94a3b8; }
.testimonial-author strong { display: block; font-size: .88rem; }
.testimonial-author span { font-size: .76rem; color: #94a3b8; }

/* Sepet/İletişim uçan buton (websatisv3'te yerine livechat-float var; burada canlı destek yok) */
.appt-float { position: fixed; bottom: 92px; left: 26px; width: 54px; height: 54px; border-radius: 50%; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; box-shadow: 0 8px 24px color-mix(in srgb, var(--primary) 35%, transparent); z-index: 500; }
.cart-float-badge { position: absolute; top: -4px; right: -4px; background: var(--secondary); color: #fff; font-size: 10px; font-weight: 700; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; }