/* WebTR — WordPress eklentileri (kaynak CSS'e dokunmadan) */
.sbtags{display:flex;flex-wrap:wrap;gap:8px}
.sbtags a{font-size:.78rem;font-weight:600;color:var(--body);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--pill);padding:6px 12px;transition:.15s}
.sbtags a:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}
.webtr-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.webtr-pager .btn.on{pointer-events:none}
.webtr-empty{padding:34px 22px;text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);font-size:.92rem}
.webtr-alert{display:none;margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:.86rem;font-weight:600}
.webtr-alert.ok{display:block;background:var(--green-soft);color:#047857}
.webtr-alert.bad{display:block;background:#fef2f2;color:#b91c1c}
.dlgnote{font-size:.82rem;color:var(--muted);margin-top:10px}
.dlgnote a{color:var(--accent);font-weight:600}

/* Sipariş · adım 1 — tasarım seçimi */
.wzsel{max-width:600px;margin:0 auto}
.wzsel .fld{margin-bottom:4px}
.wzsel .fld select{min-height:46px}
.wzsel .hint{display:block;margin-top:9px;line-height:1.5}
.wzsel .wzfoot{margin-top:20px}
@media(max-width:560px){.wzsel .wzfoot .btn{flex:1;justify-content:center}}

/* İkon boyutu güvencesi (inline SVG'ler buton/kart içinde taşmasın) */
.btn svg{width:15px;height:15px;flex:none}
.btn-sm svg{width:14px;height:14px;flex:none}
.qa a svg{width:17px;height:17px;flex:none}

/* ---- Bölüm boşlukları (HTML ile eşitleme) ---- */
.dsec, .dsec.soft{padding:34px 0}
.dcta{padding:34px 0 56px}

/* ---- Teşekkür sayfası: satır hizaları ---- */
.thxrows{text-align:left}
.thxrows .tr{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;text-align:left}
.thxrows .tr>span:first-child{text-align:left}
.thxrows .tr>span:last-child{text-align:right;white-space:nowrap}

/* ---- SSS: açılan cevabın üstünde nefes payı ---- */
.faq-cards details > .a{padding-top:2px}

/* ---- Hesap menüsü: mobilde de "Panelim" yazsın ---- */
@media(max-width:860px){
  .usrmenu .unm{display:block;max-width:none;font-size:.82rem}
  .usrmenu .uch{display:none}
  .usrchip{padding:4px 12px 4px 4px;border-radius:99px}
}
@media(max-width:480px){
  .usrmenu .uav{width:26px;height:26px;font-size:.7rem}
  .usrmenu .unm{font-size:.78rem}
}

/* ---- Tasarım detay: bilgi kartı dengesi ---- */
.dinfo{display:flex;flex-direction:column;justify-content:center}
.dinfo .dacts{margin-top:18px}
.dinfo .dback{margin-top:14px}
.dinfo .dprice{margin-top:6px}

/* ---- Kısa sayfalarda footer dibe yapışsın ---- */
body{display:flex;flex-direction:column;min-height:100vh}
body>footer{margin-top:auto}

/* ---- Blog meta kategori bağlantısı ---- */
.bmeta .bcat{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:.15s}
.bmeta .bcat:hover{color:var(--ink);border-bottom-color:var(--border-strong)}

/* ---- Panel tabloları: dar kolonda taşmasın ---- */
.card-b{overflow-x:auto}
.card-b > table{margin-bottom:0}

/* ---- Panel: destek yanıtı ve tablo sarmalayıcı ---- */
.tblwrap{overflow-x:auto}
.tpreply{margin-top:8px;padding:10px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;max-width:560px}
.tpreply span{display:block;font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-bottom:4px}
.tpreply p{margin:0;font-size:.86rem;color:var(--body);white-space:pre-line}
.tag.warn{background:#fef3c7;color:#92400e}
.tag.ok{background:#dcfce7;color:#047857}

/* ---- Footer marka bloğu (bağlantı değil) ---- */
.fbrand{pointer-events:none;text-decoration:none}
.flegal{margin:10px 0 0;font-size:.8rem;line-height:1.5;color:var(--muted)}

/* ---- Yasal metin popup ---- */
.lgl{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}
.lgl[hidden]{display:none}
.lgl-bd{position:absolute;inset:0;background:rgba(16,24,40,.55);backdrop-filter:blur(2px)}
.lgl-win{position:relative;z-index:1;width:min(760px,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border-radius:16px;box-shadow:0 30px 80px rgba(16,24,40,.28);overflow:hidden}
.lgl-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}
.lgl-h h2{margin:0;font-size:1.1rem}
.lgl-x{border:0;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted)}
.lgl-b{padding:20px 22px;overflow:auto;font-size:.92rem;line-height:1.65;color:var(--body)}
.lgl-b h1,.lgl-b h2,.lgl-b h3{margin:18px 0 8px;font-size:1rem;color:var(--ink)}
.lgl-f{padding:14px 22px;border-top:1px solid var(--border);text-align:right;background:var(--bg-soft)}
body.lgl-open{overflow:hidden}

/* ---- Sipariş formu doğrulama ---- */
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#dc2626 !important;background:#fef2f2}
.fmsg{display:none;margin:5px 0 0;font-size:.76rem;color:#b91c1c;font-weight:500}
.field.invalid .fmsg{display:block}
.err{color:#b91c1c}

/* ---- Giriş / Kayıt sayfası ---- */
.auth2{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:940px;margin:0 auto;align-items:start}
@media(max-width:820px){.auth2{grid-template-columns:1fr}}

/* ---- Panel: destek yazışması ---- */
.tkbox{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--surface)}
.tkhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tkdate{display:block;font-size:.74rem;color:var(--muted);font-weight:400;margin-top:2px}
.tkthread{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;padding:4px 2px}
.tkthread .msg{max-width:82%;padding:9px 12px;border-radius:11px;font-size:.85rem;line-height:1.55}
.tkthread .msg.cust{background:var(--bg-soft);border:1px solid var(--border);align-self:flex-start}
.tkthread .msg.staff{background:#eef6ff;border:1px solid #cfe2ff;align-self:flex-end}
.tkthread .msg-h{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--muted);margin-bottom:3px}
.tkform{display:flex;gap:8px;align-items:flex-start;margin-top:10px;flex-wrap:wrap}
.tkform textarea{flex:1;min-width:220px;border:1px solid var(--border);border-radius:10px;padding:9px 11px;font-family:inherit;font-size:.86rem}
.tkform .webtr-alert{width:100%;margin:0}