/* css/sayfa/satis-kanallarimiz.css — Yetkili Satış Noktaları — 2026-10-04 yeniden yazıldı
   Şablon: temalar/efsaneweb/satis-kanallarimiz.php · Başlık şeridi (.page-header-bar) css/custom.css içindedir.
   Eski kart ızgarası, koyu görselli başlık ve turuncu/lacivert davet alanı kaldırıldı; sitenin açık zemin + beyaz kart + kırmızı vurgu düzenine geçildi. */

.auk-bayi { padding: 32px 0 64px; background: #f6f6f7; }

/* --- Üst satır: özet + süzgeçler --- */
.auk-bayi-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-bottom: 16px; }
.auk-bayi-ozet { margin: 0; font-size: .95rem; color: #6b6b6b; }
.auk-bayi-ozet strong { font-size: 1.15rem; font-weight: 700; color: #111111; }
.auk-bayi-ozet span { margin: 0 6px; color: #c4c4c4; }
.auk-bayi-arac { display: flex; flex-wrap: wrap; gap: 10px; }
.auk-bayi-sec, .auk-bayi-ara { position: relative; display: block; margin: 0; }
.auk-bayi-sec select, .auk-bayi-ara input {
    height: 44px; margin: 0; font-size: .9rem; line-height: 1.2; color: #111111; background-color: #ffffff;
    border: 1px solid #e3e3e6; border-radius: 12px; outline: 0; box-shadow: none; transition: border-color .15s;
}
.auk-bayi-sec select { min-width: 190px; padding: 0 38px 0 14px; cursor: pointer; -webkit-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; }
.auk-bayi-ara input { width: 280px; padding: 0 14px 0 40px; }
.auk-bayi-ara .auk-i { position: absolute; top: 50%; left: 14px; font-size: 16px; color: #9a9a9a; transform: translateY(-50%); pointer-events: none; }
.auk-bayi-sec select:focus, .auk-bayi-ara input:focus { border-color: #111111; }

/* --- Tablo kartı --- */
.auk-bayi-kart { background: #ffffff; border: 1px solid #ececec; border-radius: 16px; overflow: hidden; }
.auk-bayi-tablo { width: 100%; margin: 0; font-size: .9rem; border-collapse: collapse; }
.auk-bayi-tablo th { padding: 14px 18px; font-size: 11px; font-weight: 700; letter-spacing: .7px; text-align: left; text-transform: uppercase; color: #8a8a8a; white-space: nowrap; background: #fafafa; border-bottom: 1px solid #ececec; }
.auk-bayi-tablo td { padding: 14px 18px; vertical-align: middle; color: #444444; border-bottom: 1px solid #f0f0f2; }
.auk-bayi-tablo tbody tr:last-child td { border-bottom: 0; }
.auk-bayi-tablo tbody tr { transition: background .15s; }
.auk-bayi-tablo tbody tr:hover { background: #fbfbfc; }
.auk-bayi-tablo[hidden], .auk-bayi-tablo tr[hidden] { display: none !important; }

.auk-bayi-yer { white-space: nowrap; }
.auk-bayi-yer strong { display: block; font-weight: 700; line-height: 1.3; color: #111111; }
.auk-bayi-yer span { display: block; font-size: .82rem; line-height: 1.3; color: #8a8a8a; }
.auk-bayi-ad { font-weight: 700; color: #111111; }
.auk-bayi-adres { min-width: 220px; font-size: .86rem; line-height: 1.5; color: #6b6b6b; }
.auk-bayi-tel { white-space: nowrap; }
.auk-bayi-tel a { font-weight: 600; color: #111111; text-decoration: none; }
.auk-bayi-tel a:hover { color: #E43131; }
.auk-bayi-islem { white-space: nowrap; }
/* Düğmeler sağdan dizilir: "Yol Tarifi" hep en sağda ve aynı hizada; web sitesi olan bayide solunda "Web Sitesi" çıkar */
.auk-bayi-dugmeler { display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 8px; }
.auk-bayi-dugme { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; font-size: .82rem; font-weight: 600; color: #ffffff; text-decoration: none; background: #111111; border: 1px solid #111111; border-radius: 999px; transition: background .15s, border-color .15s, color .15s; }
.auk-bayi-dugme:hover { color: #ffffff; background: #E43131; border-color: #E43131; }
.auk-bayi-dugme .auk-i { font-size: 14px; }
.auk-bayi-dugme--acik { color: #333333; background: #ffffff; border-color: #dedee2; }
.auk-bayi-dugme--acik:hover { color: #E43131; background: #ffffff; border-color: #E43131; }

.auk-bayi-yok { margin: 0; padding: 34px 20px; font-size: .92rem; text-align: center; color: #6b6b6b; }
.auk-bayi-yok[hidden] { display: none; }

.auk-bayi-bos { padding: 54px 24px; text-align: center; }
.auk-bayi-bos .auk-i { font-size: 40px; color: #c4c4c4; }
.auk-bayi-bos h2 { margin: 14px 0 6px; font-size: 1.2rem; font-weight: 700; color: #111111; }
.auk-bayi-bos p { margin: 0; color: #6b6b6b; }

.auk-bayi-not { display: flex; align-items: flex-start; gap: 10px; margin: 16px 2px 0; font-size: .86rem; line-height: 1.55; color: #6b6b6b; }
.auk-bayi-not .auk-i { flex: none; margin-top: 2px; font-size: 16px; color: #9a9a9a; }

/* --- Bayilik daveti --- */
.auk-bayi-davet { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px; margin-top: 36px; padding: 34px 38px; overflow: hidden; background: linear-gradient(135deg, #0a0a0a 0%, #1c1c1c 100%); border-radius: 16px; }
.auk-bayi-davet::before { content: ''; position: absolute; top: 0; right: 0; width: 140px; height: 100%; background: #FD0200; opacity: .12; transform: skewX(-20deg) translateX(60px); }
.auk-bayi-davet-metin { position: relative; flex: 1 1 420px; min-width: 0; }
.auk-bayi-davet-etiket { display: inline-block; margin-bottom: 10px; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #ff6b6b; }
.auk-bayi-davet h2 { margin: 0 0 8px; font-size: 1.5rem; font-weight: 700; line-height: 1.25; color: #ffffff; }
.auk-bayi-davet p { margin: 0; font-size: .93rem; line-height: 1.6; color: #b9b9b9; }
.auk-bayi-davet-eylem { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.auk-bayi-davet-dugme { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 26px; font-size: .92rem; font-weight: 700; color: #ffffff; text-decoration: none; background: #E43131; border-radius: 999px; transition: background .15s; }
.auk-bayi-davet-dugme:hover { color: #ffffff; background: #c62828; }
.auk-bayi-davet-giris { padding-left: 4px; font-size: .84rem; color: #b9b9b9; text-decoration: underline; text-underline-offset: 2px; }
.auk-bayi-davet-giris:hover { color: #ffffff; }

/* --- Orta ekran: adres sütunu daralır --- */
@media (max-width: 1199.98px) {
    .auk-bayi-tablo th, .auk-bayi-tablo td { padding: 12px 14px; }
    .auk-bayi-dugmeler { flex-direction: column; align-items: stretch; gap: 6px; }
    .auk-bayi-dugme { justify-content: center; }
}

/* --- Telefon: her satır kendi kutusunda, sütun başlıkları gizli --- */
@media (max-width: 767.98px) {
    .auk-bayi { padding: 20px 0 44px; }
    .auk-bayi-arac, .auk-bayi-sec, .auk-bayi-ara { width: 100%; }
    .auk-bayi-sec select, .auk-bayi-ara input { width: 100%; min-width: 0; }
    .auk-bayi-kart { background: none; border: 0; border-radius: 0; overflow: visible; }
    .auk-bayi-tablo, .auk-bayi-tablo tbody, .auk-bayi-tablo tr, .auk-bayi-tablo td { display: block; width: 100%; }
    .auk-bayi-tablo thead { display: none; }
    .auk-bayi-tablo tbody tr { margin-bottom: 12px; padding: 16px; background: #ffffff; border: 1px solid #ececec; border-radius: 14px; }
    .auk-bayi-tablo tbody tr:hover { background: #ffffff; }
    .auk-bayi-tablo td { padding: 0; border: 0; }
    .auk-bayi-yer { display: flex !important; align-items: baseline; gap: 6px; margin-bottom: 6px; font-size: .78rem; }
    .auk-bayi-yer strong { display: inline; font-size: .78rem; letter-spacing: .5px; text-transform: uppercase; color: #E43131; }
    .auk-bayi-yer span { display: inline; font-size: .78rem; }
    .auk-bayi-ad { margin-bottom: 4px; font-size: 1rem; }
    .auk-bayi-adres { min-width: 0; margin-bottom: 8px; }
    .auk-bayi-tel { margin-bottom: 12px; }
    .auk-bayi-dugmeler { flex-direction: row; gap: 8px; }
    .auk-bayi-dugme { flex: 1 1 0; height: 40px; }
    .auk-bayi-yok { background: #ffffff; border: 1px solid #ececec; border-radius: 14px; }
    .auk-bayi-davet { margin-top: 24px; padding: 26px 22px; }
    .auk-bayi-davet h2 { font-size: 1.25rem; }
    .auk-bayi-davet-eylem { width: 100%; }
    .auk-bayi-davet-dugme { width: 100%; justify-content: center; }
}