/* STADYUM PRO V8.58.6
 * Yalniz UI: kombine tribün renk uyumu + mobil ödeme görünürlüğü + bekleyen havale hatırlatıcı + duyuru mobil uyumu.
 * Satış / rezervasyon / ödeme / havale / QR / kombine business logic değişmez.
 */

/* ---------- Kombine tribün kartları: haritadaki gerçek tribün rengi ile uyum ---------- */
body.shop-body .vip-zone-tabs button[data-vip-zone-color]{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--vip-zone-color,#19d3ae) 42%,#d7e4ec)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--vip-zone-color,#19d3ae) 15%,#fff),#fff 72%)!important;
  color:#17384f!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 6px 16px rgba(20,53,78,.06)!important;
}
body.shop-body .vip-zone-tabs button[data-vip-zone-color]::before{
  content:"";width:7px;height:7px;border-radius:999px;background:var(--vip-zone-color,#19d3ae);box-shadow:0 0 0 3px color-mix(in srgb,var(--vip-zone-color,#19d3ae) 18%,transparent);margin-right:5px;display:inline-block;vertical-align:middle;
}
body.shop-body .vip-zone-tabs button[data-vip-zone-color].active{
  border-color:color-mix(in srgb,var(--vip-zone-color,#19d3ae) 74%,#62839a)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--vip-zone-color,#19d3ae) 28%,#fff),#fff 78%)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--vip-zone-color,#19d3ae) 18%,transparent)!important;
}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color]{
  position:relative!important;
  overflow:hidden!important;
  border-color:color-mix(in srgb,var(--vip-zone-color,#19d3ae) 38%,#d7e5ed)!important;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--vip-zone-color,#19d3ae) 18%,transparent),transparent 38%),
    linear-gradient(145deg,color-mix(in srgb,var(--vip-zone-color,#19d3ae) 10%,#fff),#fff 66%)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--vip-zone-color,#19d3ae) 10%,rgba(17,48,71,.08))!important;
}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color]::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--vip-zone-color,#19d3ae);border-radius:inherit;
}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color]::after{
  content:"";position:absolute;right:-32px;top:-34px;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--vip-zone-color,#19d3ae) 14%,transparent);pointer-events:none;
}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color]>:where(header,.vip-mobile-zone-stats,footer){position:relative;z-index:1}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color] .vip-mobile-zone-stats>span{
  background:rgba(255,255,255,.76)!important;border:1px solid color-mix(in srgb,var(--vip-zone-color,#19d3ae) 16%,#e2ebf0)!important;
}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color] footer b{color:color-mix(in srgb,var(--vip-zone-color,#19d3ae) 58%,#0d3f60)!important;-webkit-text-fill-color:currentColor!important}
body.shop-body .vip-mobile-zone-card[data-vip-zone-color]:active{transform:scale(.992)!important}

/* ---------- Ödeme: mobilde tüm yöntem ve butonlar görünür / dokunulur ---------- */
@media(max-width:900px){
  body.shop-body .v8570-vip-checkout-shell{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:calc(100% - 16px)!important;margin:8px auto 20px!important}
  body.shop-body .v8570-payment-choice-panel{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important;padding:12px!important}
  body.shop-body .v8570-vip-payment-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;min-width:0!important}
  body.shop-body .vip-payment-methods{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;min-width:0!important;overflow:visible!important}
  body.shop-body .vip-payment-method{width:100%!important;min-width:0!important;min-height:68px!important;margin:0!important;padding:11px 12px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;border-radius:13px!important;overflow:visible!important;touch-action:manipulation}
  body.shop-body .vip-payment-method input[type="radio"]{width:21px!important;height:21px!important;margin:0!important;accent-color:var(--brand-primary,#1559d6)}
  body.shop-body .vip-payment-method>span{display:grid!important;gap:3px!important;min-width:0!important}
  body.shop-body .vip-payment-method b{color:#153950!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important}
  body.shop-body .vip-payment-method small{color:#627b8f!important;font-size:10px!important;line-height:1.35!important;white-space:normal!important}
  body.shop-body .v8570-check-stack{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  body.shop-body .v8570-check-stack .check{min-height:52px!important;padding:10px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:9px!important;align-items:start!important;border-radius:11px!important}
  body.shop-body .v8570-check-stack input[type="checkbox"]{width:20px!important;height:20px!important;margin:0!important}
  body.shop-body .v8570-pay-button{display:flex!important;width:100%!important;min-height:54px!important;align-items:center!important;justify-content:center!important;padding:11px 13px!important;border-radius:13px!important;white-space:normal!important;text-align:center!important;line-height:1.25!important;touch-action:manipulation}
  body.shop-body .vip-mobile-paybar{z-index:80!important}
  body.shop-body .vip-zone-modal__footer{position:sticky!important;bottom:0!important;z-index:4!important}
  body.shop-body .vip-zone-modal__actions :where(a,button){display:flex!important;align-items:center!important;justify-content:center!important}
}

/* ---------- Bekleyen havale: tam sayfa yenilemeden kalıcı durum ---------- */
.v8586-bank-reminder[hidden]{display:none!important}
.v8586-bank-reminder{
  position:fixed;z-index:1200;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 24px));
  border:1px solid #cbdde8;border-radius:18px;background:rgba(255,255,255,.985);box-shadow:0 20px 60px rgba(13,43,66,.24);color:#153950;overflow:hidden;backdrop-filter:blur(14px)
}
.v8586-bank-reminder.is-waiting{border-color:#d8ca93;background:linear-gradient(145deg,#fffdf6,#fff)}
.v8586-bank-reminder.is-submitted{border-color:#b9ddcf;background:linear-gradient(145deg,#f7fffb,#fff)}
.v8586-bank-reminder__bar{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px}
.v8586-bank-reminder__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef6fb;color:#12648f;font-size:20px;font-weight:950}
.v8586-bank-reminder.is-waiting .v8586-bank-reminder__icon{background:#fff4ca;color:#8b6500}
.v8586-bank-reminder.is-submitted .v8586-bank-reminder__icon{background:#e7f8f0;color:#08745a}
.v8586-bank-reminder__copy{display:grid;gap:2px;min-width:0}
.v8586-bank-reminder__copy b{font-size:13px;line-height:1.2;color:#14384f}
.v8586-bank-reminder__copy small{font-size:10px;line-height:1.35;color:#60798c}
.v8586-bank-reminder__toggle,.v8586-bank-reminder__action,.v8586-bank-reminder__details button{min-height:38px;border-radius:10px;border:1px solid #d4e1e9;background:#fff;color:#16435f;font-size:10px;font-weight:850;padding:8px 10px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}
.v8586-bank-reminder__action{border-color:#176ca2;background:#176ca2;color:#fff}
.v8586-bank-reminder.is-waiting .v8586-bank-reminder__action{border-color:#a97808;background:#a97808}
.v8586-bank-reminder__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 12px 12px}
.v8586-bank-reminder__details>div{min-width:0;padding:8px 9px;border:1px solid #dfe9ef;border-radius:10px;background:#f8fbfd;display:grid;gap:2px}
.v8586-bank-reminder__details small{color:#6a8294;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.v8586-bank-reminder__details :where(b,code){color:#163a52;font-size:10px;font-weight:850;overflow-wrap:anywhere;white-space:normal}
.v8586-bank-reminder__details .is-iban{grid-column:span 2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px}
.v8586-bank-reminder__details .is-iban small,.v8586-bank-reminder__details .is-iban code{grid-column:1}
.v8586-bank-reminder__details .is-iban button{grid-column:2;grid-row:1/3}
body:has(.vip-mobile-paybar) .v8586-bank-reminder{bottom:86px}

/* ---------- Duyurular: mevcut shop navbar/layout ile ekrana tam otur ---------- */
body.shop-body .v85523-member-announcements{width:min(1480px,calc(100% - 24px))!important;max-width:none!important;margin:14px auto 26px!important;min-width:0!important}
body.shop-body .v85523-member-ann-hero{width:100%!important;min-width:0!important}
body.shop-body .v85523-member-ann-section{width:100%!important;min-width:0!important}
body.shop-body .v85523-member-ann-grid{min-width:0!important}
body.shop-body .v85523-member-ann-card{min-width:0!important;overflow:hidden!important}
body.shop-body .v85523-member-ann-card :where(h3,p,strong,small,time,span){overflow-wrap:anywhere!important}

@media(max-width:700px){
  body:has(.vip-mobile-paybar) .v8586-bank-reminder{bottom:82px}
  .v8586-bank-reminder{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));transform:none;width:auto;border-radius:15px}
  .v8586-bank-reminder__bar{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:9px}
  .v8586-bank-reminder__icon{width:36px;height:36px;border-radius:10px;font-size:18px}
  .v8586-bank-reminder__copy b{font-size:11.5px}.v8586-bank-reminder__copy small{font-size:9px}
  .v8586-bank-reminder__toggle,.v8586-bank-reminder__action{grid-column:auto;min-height:40px;width:100%;font-size:9.5px}
  .v8586-bank-reminder__toggle{grid-column:1}.v8586-bank-reminder__action{grid-column:2}
  .v8586-bank-reminder__details{grid-template-columns:1fr;padding:0 9px 9px;gap:5px;max-height:48vh;overflow:auto;-webkit-overflow-scrolling:touch}
  .v8586-bank-reminder__details .is-iban{grid-column:auto;grid-template-columns:minmax(0,1fr) auto}
  .v8586-bank-reminder__details>div{padding:7px 8px}

  body.shop-body .v85523-member-announcements{width:calc(100% - 16px)!important;margin:8px auto 18px!important}
  body.shop-body .v85523-member-ann-hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;border-radius:16px!important}
  body.shop-body .v85523-member-ann-hero h1{font-size:22px!important;line-height:1.15!important;color:#13364f!important}
  body.shop-body .v85523-member-ann-hero p{font-size:10.5px!important;line-height:1.5!important;color:#60788b!important}
  body.shop-body .v85523-member-ann-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
  body.shop-body .v85523-member-ann-stats article{min-width:0!important;padding:9px!important;border-radius:11px!important}
  body.shop-body .v85523-section-head{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;align-items:start!important}
  body.shop-body .v85523-section-head h2{font-size:17px!important;line-height:1.2!important;color:#153950!important}
  body.shop-body .v85523-section-head p{font-size:9.5px!important;line-height:1.4!important;color:#627b8e!important}
  body.shop-body .v85523-section-head>b{justify-self:start!important}
  body.shop-body .v85523-member-ann-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.shop-body .v85523-member-ann-card{padding:12px!important;border-radius:14px!important}
  body.shop-body .v85523-member-ann-card h3{font-size:15px!important;line-height:1.25!important;color:#153950!important}
  body.shop-body .v85523-member-ann-card>strong{font-size:10px!important;line-height:1.4!important;color:#294b63!important}
  body.shop-body .v85523-member-ann-card>p{font-size:10px!important;line-height:1.5!important;color:#526f84!important}
  body.shop-body .v85523-member-ann-card footer{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
}