/* Glowing — QR ile giriş (inc/glw-qr-giris.php).
   Bilgisayar: oturumsuz Hesabım'da avantaj panelinin altında (ödeme kapısında sol sütunda) kutu; açılınca QR paneli.
   Telefon: /hesabim/?glw_qr=… onay kartı. Mobilde (≤700px) bilgisayar kutusu gizli. */

.glw-qr,.glw-qr-onay{--gq-kart:#FFFFFF;--gq-zemin:var(--g-bg3,#F5FBFE)}
html[data-glw-tema="gece"] .glw-qr,html[data-glw-tema="gece"] .glw-qr-onay{--gq-kart:#1A2436;--gq-zemin:rgba(255,255,255,.04)}

/* ----- Ortak düğmeler (GeneratePress button stilini ezer) ----- */
.glw-qr .glw-qr-btn,.glw-qr-onay .glw-qr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;box-sizing:border-box;
  background:var(--g-buton);color:#FFFFFF;border:1px solid var(--g-buton);border-radius:12px;
  font:inherit;font-size:var(--g-fs-ui);font-weight:700;line-height:1.2;text-decoration:none;text-transform:none;letter-spacing:0;
  box-shadow:none;cursor:pointer;transition:background .2s var(--g-ease),border-color .2s var(--g-ease),color .2s var(--g-ease)
}
.glw-qr .glw-qr-btn:hover,.glw-qr-onay .glw-qr-btn:hover{background:var(--g-buton-hover);border-color:var(--g-buton-hover);color:#FFFFFF;text-decoration:none}
.glw-qr .glw-qr-btn--ikincil,.glw-qr-onay .glw-qr-btn--ikincil{background:var(--gq-kart);color:var(--g-metin);border-color:var(--g-form-cizgi)}
.glw-qr .glw-qr-btn--ikincil:hover,.glw-qr-onay .glw-qr-btn--ikincil:hover{background:var(--gq-kart);color:var(--g-teal-metin);border-color:var(--g-teal)}
.glw-qr .glw-qr-btn:focus-visible,.glw-qr-onay .glw-qr-btn:focus-visible,.glw-qr .glw-qr-vazgec:focus-visible{outline:2px solid var(--g-teal);outline-offset:2px}
.glw-qr-onay .glw-qr-btn:disabled{background:#C9D3DA;border-color:#C9D3DA;color:#FFFFFF;cursor:not-allowed}

/* ----- Bilgisayar kutusu ----- */
.glw-qr{display:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--g-cizgi);text-align:left;container-type:inline-size}
.glw-qr.is-hazir{display:block}
.glw-qr-ust{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}
/* Kapalı: başlık + düğme; genişse tek satır */
.glw-qr.is-hazir:not(.is-acik){display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.glw-qr:not(.is-acik) .glw-qr-ust{flex:1 1 100%;margin:0}
@container (min-width:380px){
  .glw-qr:not(.is-acik) .glw-qr-ust{flex:1 1 0;min-width:0}
  .glw-qr:not(.is-acik) .glw-qr-ac{flex:0 0 auto;width:auto;padding:8px 16px}
}
.glw-qr-ikon{
  display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;
  background:var(--gq-kart);color:var(--g-teal-metin);box-shadow:0 0 0 1px var(--g-cizgi)
}
.glw-qr-ikon svg{display:block}
.glw-qr .glw-qr-baslik{margin:0 0 2px;font-size:var(--g-fs-md);font-weight:700;line-height:1.3;color:var(--g-metin)}
.glw-qr .glw-qr-aciklama{margin:0;font-size:var(--g-fs-sm);line-height:1.45;color:var(--g-soluk)}
.glw-qr .glw-qr-ac{width:100%}
.glw-qr .glw-qr-ac[hidden],.glw-qr [hidden]{display:none!important}

.glw-qr-panel{margin:0}
.glw-qr-govde{display:flex;align-items:center;gap:18px}
.glw-qr-kare{
  position:relative;flex:0 0 172px;width:172px;height:172px;padding:6px;box-sizing:border-box;
  background:#FFFFFF;border:1px solid var(--g-cizgi);border-radius:var(--g-r);overflow:hidden
}
.glw-qr-resim{width:100%;height:100%}
.glw-qr-resim svg{display:block;width:100%;height:100%}
.glw-qr.is-yukleniyor .glw-qr-resim{background:linear-gradient(90deg,#EEF5F9 25%,#F7FBFD 50%,#EEF5F9 75%);background-size:200% 100%;border-radius:8px;animation:glw-qr-parilti 1.2s linear infinite}
@keyframes glw-qr-parilti{to{background-position:-200% 0}}
.glw-qr.is-bitti .glw-qr-resim,.glw-qr.is-tamam .glw-qr-resim{opacity:.08}
.glw-qr-ortu{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;
  text-align:center;background:rgba(255,255,255,.86)
}
.glw-qr .glw-qr-ortu-metin{margin:0;font-size:var(--g-fs-sm);font-weight:700;line-height:1.35;color:#2F3B5A}
.glw-qr .glw-qr-yeni{min-height:40px;padding:8px 10px;font-size:var(--g-fs-xs);white-space:nowrap}

.glw-qr-yan{position:relative;min-width:0;flex:1 1 auto}
.glw-qr .glw-qr-adimlar{margin:0 0 6px;padding:0 0 0 1.2em;font-size:var(--g-fs-sm);line-height:1.45;color:var(--g-metin)}
.glw-qr .glw-qr-adimlar li{margin:0 0 4px}
.glw-qr .glw-qr-sayi{
  display:inline-flex;align-items:center;justify-content:center;min-width:72px;margin:2px 0 8px;padding:6px 14px;box-sizing:border-box;
  font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--g-metin);
  background:var(--gq-zemin);border:1px solid var(--g-cizgi);border-radius:12px
}
.glw-qr.is-bitti .glw-qr-sayi{opacity:.4}
.glw-qr .glw-qr-durum{margin:0;font-size:var(--g-fs-sm);font-weight:600;line-height:1.4;color:var(--g-teal-metin)}
.glw-qr.is-bitti .glw-qr-durum{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.glw-qr.is-tamam .glw-qr-durum{color:#1F7A4A}
.glw-qr-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0}
.glw-qr .glw-qr-sure{font-size:var(--g-fs-xs);color:var(--g-soluk);font-variant-numeric:tabular-nums}
.glw-qr .glw-qr-vazgec{
  appearance:none;min-height:40px;padding:6px 4px;background:transparent;border:0;border-radius:8px;box-shadow:none;
  font:inherit;font-size:var(--g-fs-sm);font-weight:600;color:var(--g-teal-metin);text-decoration:underline;text-underline-offset:2px;cursor:pointer
}
.glw-qr .glw-qr-vazgec:hover{background:transparent;color:var(--g-teal)}

/* Avantaj paneli açıkken: avantaj listesi gizlenir, QR paneli yerini alır */
.glw-oturum-sag.glw-qr-acik .glw-oturum-sag-baslik,
.glw-oturum-sag.glw-qr-acik .glw-oturum-sag-alt,
.glw-oturum-sag.glw-qr-acik .glw-oturum-avantaj-liste{display:none}
.glw-oturum-sag.glw-qr-acik .glw-qr{margin-top:0;padding-top:0;border-top:0}

/* Ödeme kapısı (tek sütun, sol) */
.glw-qr--sol{margin-top:14px;padding:16px;border:1px solid var(--g-cizgi);border-radius:var(--g-r);background:var(--gq-zemin)}

/* Kısa masaüstü ekranları */
@media(min-width:861px) and (max-height:820px){
  .glw-qr{margin-top:14px;padding-top:14px}
  .glw-qr-ust{margin-bottom:10px}
  .glw-qr-kare{flex-basis:156px;width:156px;height:156px}
}
/* Telefon: kendi ekranını okutmak anlamsız */
@media(max-width:700px){
  .glw-qr,.glw-qr.is-hazir{display:none}
}

/* ----- Telefon notu (oturumsuz) ----- */
body.glw-auth-sayfa .woocommerce .glw-qr-not{margin:0 0 12px!important}

/* ----- Telefon onay kartı ----- */
.glw-qr-onay{display:flex;justify-content:center;padding:clamp(8px,3vh,32px) 0}
.glw-qr-onay-kart{
  width:100%;max-width:480px;padding:28px 28px 24px;box-sizing:border-box;text-align:center;
  background:var(--gq-kart);border:1px solid var(--g-cizgi);border-radius:var(--g-r);box-shadow:var(--g-golge-1)
}
.glw-qr-onay-ikon{
  display:inline-grid;place-items:center;width:56px;height:56px;margin:0 0 14px;border-radius:14px;
  background:#E6F6FC;color:var(--g-teal-metin)
}
.glw-qr-onay-ikon--onaylandi{background:#E8F8EF;color:#1F7A4A}
.glw-qr-onay-ikon--reddedildi,.glw-qr-onay-ikon--kod_yanlis,.glw-qr-onay-ikon--engel{background:#FDECEA;color:#B23B2F}
.glw-qr-onay-ikon--suresi_doldu{background:var(--gq-zemin);color:var(--g-soluk)}
.glw-qr-onay .glw-qr-onay-baslik{display:block;margin:0 0 8px;font-size:var(--g-fs-2xl);font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--g-metin)}
.glw-qr-onay .glw-qr-onay-alt{margin:0 0 18px;font-size:var(--g-fs-ui);line-height:1.5;color:var(--g-soluk)}
.glw-qr-onay .glw-qr-onay-alt strong{color:var(--g-metin);font-weight:700;word-break:break-all}

.glw-qr-onay-cihaz{
  display:grid;gap:0;margin:0 0 18px;padding:4px 16px;text-align:left;
  background:var(--gq-zemin);border:1px solid var(--g-cizgi);border-radius:12px
}
.glw-qr-onay-cihaz>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0}
.glw-qr-onay-cihaz>div+div{border-top:1px solid var(--g-cizgi)}
.glw-qr-onay-cihaz dt{margin:0;font-size:var(--g-fs-sm);font-weight:600;color:var(--g-soluk)}
.glw-qr-onay-cihaz dd{margin:0;font-size:var(--g-fs-sm);font-weight:700;color:var(--g-metin);text-align:right}

.glw-qr-onay-form{margin:0}
.glw-qr-onay-sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px;padding:0;border:0;min-width:0}
.glw-qr-onay-sayilar legend{grid-column:1 / -1;width:100%;margin:0 0 10px;padding:0;font-size:var(--g-fs-ui);font-weight:700;color:var(--g-metin)}
.glw-qr-onay-sayi{position:relative;display:block;margin:0;cursor:pointer}
.glw-qr-onay-sayi input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.glw-qr-onay-sayi span{
  display:flex;align-items:center;justify-content:center;min-height:64px;box-sizing:border-box;
  font-size:1.75rem;font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--g-metin);
  background:var(--gq-kart);border:2px solid var(--g-form-cizgi);border-radius:12px;transition:border-color .15s var(--g-ease),background .15s var(--g-ease)
}
.glw-qr-onay-sayi:hover span{border-color:var(--g-teal)}
.glw-qr-onay-sayi input:checked+span{border-color:var(--g-buton);background:#E6F6FC;color:var(--g-teal-metin);box-shadow:0 0 0 2px rgba(0,125,170,.18)}
.glw-qr-onay-sayi input:focus-visible+span{outline:2px solid var(--g-teal);outline-offset:2px}
.glw-qr-onay .glw-qr-onay-hata{margin:-4px 0 14px;font-size:var(--g-fs-sm);font-weight:600;color:#B23B2F}
.glw-qr-onay-eylem{display:grid;gap:10px}
.glw-qr-onay-eylem .glw-qr-btn{width:100%}
.glw-qr-onay-form.is-gonderiliyor .glw-qr-btn{opacity:.7;pointer-events:none}
.glw-qr-onay .glw-qr-onay-uyari{
  display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;padding:12px 14px;text-align:left;
  font-size:var(--g-fs-xs);line-height:1.5;color:var(--g-soluk);background:var(--gq-zemin);border-radius:12px
}
.glw-qr-onay .glw-qr-onay-uyari svg{flex:0 0 20px;width:20px;height:20px;color:var(--g-teal-metin)}
.glw-qr-onay .glw-qr-onay-uyari strong{color:var(--g-metin)}

@media(max-width:480px){
  .glw-qr-onay{padding:4px 0 8px}
  .glw-qr-onay-kart{padding:22px 16px 18px}
  .glw-qr-onay .glw-qr-onay-baslik{font-size:var(--g-fs-xl)}
  .glw-qr-onay-sayi span{min-height:58px}
}

/* ----- Gece modu: QR karesi okunabilirlik için beyaz kalır ----- */
html[data-glw-tema="gece"] .glw-qr-ortu{background:rgba(255,255,255,.9)}
html[data-glw-tema="gece"] .glw-qr-onay-sayi input:checked+span{background:rgba(0,164,221,.16);color:#FFFFFF}