/*
Theme standard helpers for StoreRX static pages.
WordPress mapping:
- header.php loads template-parts/header/site-header.php
- footer.php loads template-parts/footer/site-footer.php
- archive-product.php maps to products.html
- single-product.php maps to product-detail.html
- archive.php/home.php maps to blog.html
- single.php maps to blog-detail.html
- taxonomy-publisher.php maps to publishers.html
- taxonomy-author.php maps to authors.html
- taxonomy-publisher detail/profile maps to publisher-detail.html
- taxonomy-author detail/profile maps to author-detail.html
*/
.nav-home-link {
  color:#fff; text-decoration:none; padding:13px 16px; font-size:14px; font-weight:600;
  display:flex; align-items:center; justify-content:center; opacity:.92;
}
.nav-home-link:hover { opacity:1; background:rgba(255,255,255,.1); color:#fff; }
.main-nav.d-none.d-lg-block { display:block; }
.footer-payments {
  display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin-bottom:14px;
}
.footer-payments i,
.footer-payment-troy {
  min-width:44px; height:28px; display:inline-flex; align-items:center; justify-content:center;
  color:#d7d9e6; font-size:28px; line-height:1;
}
.footer-payment-troy {
  border:1px solid rgba(255,255,255,.28); border-radius:4px; font-size:12px; font-weight:800; letter-spacing:.5px;
}
.site-template-note { display:none; }

.archive-toolbar {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  width:100%; min-height:62px; margin-bottom:24px; padding:11px 12px 11px 18px;
  background:#fff; border:1px solid #e1e4ea; border-radius:4px;
}
.archive-view-actions,
.archive-toolbar-controls {
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.archive-icon-btn,
.archive-compare-btn {
  border:0; background:transparent; color:#1f2a37; min-height:36px;
  display:inline-flex; align-items:center; justify-content:center;
}
.archive-icon-btn {
  width:24px; padding:0; font-size:18px;
}
.archive-icon-btn.is-active { color:#101828; }
.archive-compare-btn {
  gap:8px; padding:0; font-size:14px; color:#344054;
}
.archive-toolbar-controls label {
  margin:0 2px 0 8px; color:#667085; font-size:13px; font-weight:600;
}
.archive-toolbar-controls select {
  min-width:158px; height:36px; border:1px solid #dfe3ea; border-radius:5px;
  background:#fff; color:#101828; padding:0 34px 0 12px; font-size:14px;
}
.archive-toolbar-controls select:last-child { min-width:56px; width:56px; padding-right:22px; }
.archive-section-title { margin-bottom:18px; }
/* Desktop: toolbar görünür, mobile-tabs gizli */
.archive-sheet-backdrop { display:none; }
.archive-mobile-tabs { display:none; }

@media (max-width:991px) {
  /* Desktop toolbar içeriğini gizle, sadece kabı bırak */
  .archive-toolbar {
    display:block !important;
    min-height:0; padding:0; border:0; background:transparent; margin-bottom:0;
  }
  .archive-toolbar > .archive-view-actions,
  .archive-toolbar > .archive-toolbar-controls { display:none !important; }
  /* Sidebar gizle, ürün kolonu tam genişlik */
  .sidebar-filter,
  .srx-sidebar-filter,
  .blog-sidebar { display:none !important; }
  .col-lg-3:has(.srx-sidebar-filter) { display:none !important; }
  .products-section .col-lg-9 { width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
  /* Filtre barı — ürünlerin hemen üstünde, normal akışta */
  .archive-mobile-tabs {
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    width:100%; margin-bottom:16px;
    background:#fff; border:1px solid #e1e4ea; border-radius:6px;
    overflow:hidden;
  }
  .archive-mobile-tab {
    min-width:0; height:46px; border:0; border-right:1px solid #edf0f5; background:#fff;
    color:#1f2937; font-size:13px; font-weight:800;
    display:flex; align-items:center; justify-content:center; gap:7px;
  }
  .archive-mobile-tab:last-child { border-right:0; }
  .archive-mobile-tab i { color:var(--blue); font-size:14px; }
  .archive-sheet-backdrop {
    display:block; position:fixed; inset:0; z-index:1050; visibility:hidden; opacity:0;
    background:rgba(16,24,40,.42); transition:opacity .22s ease, visibility .22s ease;
  }
  .archive-sheet-backdrop.is-open { visibility:visible; opacity:1; }
  .archive-sheet {
    position:absolute; left:0; right:0; bottom:0; max-height:88vh; background:#fff;
    border-radius:16px 16px 0 0; box-shadow:0 -16px 44px rgba(16,24,40,.18);
    transform:translateY(100%); transition:transform .26s ease;
    display:flex; flex-direction:column;
  }
  .archive-sheet-backdrop.is-open .archive-sheet { transform:translateY(0); }
  .archive-sheet-handle {
    width:42px; height:4px; border-radius:999px; background:#d0d5dd;
    margin:10px auto 4px;
  }
  .archive-sheet-header,
  .archive-sheet-footer {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 16px; border-bottom:1px solid #edf0f5;
  }
  .archive-sheet-header h3 { margin:0; font-size:16px; font-weight:900; }
  .archive-sheet-close {
    width:34px; height:34px; border:1px solid #e1e4ea; border-radius:50%;
    background:#fff; color:#344054;
  }
  .archive-sheet-body { overflow:auto; padding:14px 16px 18px; }
  .archive-sheet-footer {
    border-top:1px solid #edf0f5; border-bottom:0; padding-bottom:calc(12px + env(safe-area-inset-bottom));
  }
  .archive-sheet-apply,
  .archive-sheet-clear {
    min-height:42px; border-radius:6px; font-size:14px; font-weight:900;
    display:inline-flex; align-items:center; justify-content:center;
  }
  .archive-sheet-apply { flex:1; border:1px solid var(--blue); background:var(--blue); color:#fff; }
  .archive-sheet-clear { width:96px; border:1px solid #dfe3ea; background:#fff; color:#344054; }
  .archive-sheet .sidebar-filter,
  .archive-sheet .srx-sidebar-filter,
  .archive-sheet .blog-sidebar,
  .archive-sheet .directory-search-bar {
    display:block !important; border:0; padding:0; margin:0; box-shadow:none; background:#fff;
  }
  .archive-sheet .btn-shop { display:none; }
  .archive-sheet .archive-toolbar-controls,
  .archive-sheet .archive-view-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
  .archive-sheet .archive-toolbar-controls label { display:none; }
  .archive-sheet .archive-toolbar-controls select {
    width:100%; min-width:0; height:44px; border:1px solid #dfe3ea; border-radius:6px;
    padding:0 36px 0 12px; background:#fff; color:#101828;
  }
  .archive-sheet .archive-toolbar-controls select:last-child { width:100%; min-width:0; }
  .archive-sheet .archive-view-actions {
    display:grid; grid-template-columns:1fr; gap:10px;
  }
  .archive-sheet .archive-icon-btn,
  .archive-sheet .archive-compare-btn {
    width:100%; min-height:44px; border:1px solid #e1e4ea; border-radius:6px;
    justify-content:flex-start; padding:0 14px; gap:10px; background:#fff;
  }
  .archive-sheet .archive-compare-btn { display:none; }
  .archive-sheet .archive-icon-btn.is-active { border-color:var(--blue); color:var(--blue); background:#f4f6ff; }
  body.archive-sheet-lock { overflow:hidden; }
  .archive-list-view > [class*="col-"] { flex:0 0 100%; max-width:100%; }
  .archive-list-view .product-card,
  .archive-list-view .blog-card,
  .archive-list-view .directory-card {
    display:grid; grid-template-columns:108px minmax(0,1fr); align-items:stretch; min-height:142px;
  }
  .archive-list-view .product-img-wrap,
  .archive-list-view .blog-img-wrap,
  .archive-list-view .directory-logo {
    width:100%; height:100%; min-height:142px; aspect-ratio:auto; border-radius:0;
  }
  .archive-list-view .directory-logo { min-height:100%; }
  .archive-list-view .directory-card { padding:0; overflow:hidden; }
  .archive-list-view .directory-card-content { justify-content:center; padding:16px; }
}

@media (max-width:991px) {
  .main-nav.d-none.d-lg-block { display:none!important; }
}

/* ══════════════════════════════════════════════════════════════
   SRX — Ürün Arşivi: Sidebar Filtre + Liste Görünümü  (v3)
   ══════════════════════════════════════════════════════════════ */

/* ── Sayfa genel ── */
.products-section { padding: 60px 0; }

/* ─────────────────────────────────────────
   SIDEBAR FİLTRE
───────────────────────────────────────── */
.srx-sidebar-filter {
  background: #fff;
  border: 1px solid #eee;
  border-radius: var(--card-radius, 8px);
  overflow: hidden;
}

/* Filtre kutusu */
.srx-filter-box {
  border-bottom: 1px solid #eee;
}
.srx-filter-box:last-of-type { border-bottom: none; }

/* Başlık butonu (accordion trigger) */
.srx-filter-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f8f9ff;
  border: none;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  color: #222;
  gap: 8px;
  transition: background .15s;
}
.srx-filter-header:hover { background: #eef1fb; }
.srx-filter-header > span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.srx-filter-header > span i { color: var(--blue, #2f4bcc); font-size: 12px; }

.srx-filter-arrow {
  font-size: 11px;
  color: #aaa;
  transition: transform .2s;
  flex-shrink: 0;
}
/* Kapalı durum */
.srx-filter-header[aria-expanded="false"] .srx-filter-arrow {
  transform: rotate(-90deg);
}

/* Açılır body — JS max-height ile yönetir */
.srx-filter-body {
  overflow: hidden;
  max-height: 9999px;   /* başlangıçta açık */
  transition: max-height .25s ease;
}

/* Arama kutusu */
.srx-filter-search-wrap {
  position: relative;
  padding: 10px 14px;
  border-bottom: 1px solid #f0f0f0;
}
.srx-filter-search-wrap > i {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #bbb;
  pointer-events: none;
}
.srx-filter-search {
  width: 100%;
  padding: 7px 10px 7px 28px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 12px;
  background: #fafafa;
  color: #333;
  outline: none;
  transition: border-color .15s, background .15s;
}
.srx-filter-search:focus {
  border-color: var(--blue, #2f4bcc);
  background: #fff;
}

/* Liste */
.srx-filter-list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  max-height: 210px;
  overflow-y: auto;
}
.srx-filter-list::-webkit-scrollbar       { width: 5px; }
.srx-filter-list::-webkit-scrollbar-track { background: #f5f5f5; }
.srx-filter-list::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }
.srx-filter-list::-webkit-scrollbar-thumb:hover { background: #bbb; }

/* Her filtre satırı */
.srx-filter-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  cursor: pointer;
  transition: background .15s;
  user-select: none;
}
.srx-filter-item:hover { background: #f4f6ff; }

/* Özel checkbox */
.srx-filter-check {
  position: relative;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.srx-filter-check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.srx-checkmark {
  position: absolute;
  inset: 0;
  border: 1.5px solid #d0d0d0;
  border-radius: 3px;
  background: #fff;
  transition: background .15s, border-color .15s;
}
.srx-filter-check input:checked ~ .srx-checkmark {
  background: var(--blue, #2f4bcc);
  border-color: var(--blue, #2f4bcc);
}
.srx-filter-check input:checked ~ .srx-checkmark::after {
  content: '';
  position: absolute;
  left: 4px; top: 1px;
  width: 5px; height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}

/* Seçili satır vurgusu */
.srx-filter-item:has(input:checked) {
  background: #f0f3ff;
}
.srx-filter-item:has(input:checked) .srx-filter-label {
  color: var(--blue, #2f4bcc);
  font-weight: 600;
}

/* İkon + etiket */
.srx-filter-icon {
  font-size: 11px;
  color: #bbb;
  flex-shrink: 0;
  width: 14px;
  text-align: center;
}
.srx-filter-label {
  font-size: 13px;
  color: #444;
  line-height: 1.3;
  flex: 1;
}

/* Filtreleri temizle butonu */
.srx-clear-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 12px 14px 14px;
  padding: 8px 16px;
  border: 1.5px solid #e0e0e0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  color: #888;
  text-decoration: none;
  transition: border-color .15s, color .15s, background .15s;
}
.srx-clear-btn:hover {
  border-color: #e63946;
  color: #e63946;
  background: #fff5f5;
}
.srx-clear-btn i { font-size: 11px; }

/* ─────────────────────────────────────────
   LİSTE GÖRÜNÜMÜ  (.srx-list-view)
───────────────────────────────────────── */

/* Tüm kolonlar tam genişlik */
.srx-list-view > .srx-grid-col {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Kart yatay düzen: görsel sol, içerik sağ */
.srx-list-view .product-card {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 160px;
  height: auto;          /* grid görünümündeki height:100%'ü sıfırla */
}

/* Görsel bölümü — sabit genişlik */
.srx-list-view .product-img-wrap {
  flex: 0 0 130px;
  width: 130px;
  min-height: 160px;
  aspect-ratio: auto;    /* grid'deki 2/3 oranı devre dışı */
  border-radius: 0;
  align-self: stretch;
}
.srx-list-view .product-img-wrap > a {
  position: absolute;
  inset: 0;
}
.srx-list-view .product-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Badge'ler listeye uygun konumlandırma */
.srx-list-view .badge-new-card,
.srx-list-view .discount-badge {
  font-size: 9px;
  padding: 2px 7px;
}
.srx-list-view .badge-new-card { top: 8px; right: 8px; }
.srx-list-view .discount-badge { bottom: 8px; left: 8px; }

/* İçerik bölümü — kalan alan */
.srx-list-view .product-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 16px;
  min-width: 0;        /* flex text overflow fix */
}

/* İsim: tek satırla sınırlama yok (tam başlık) */
.srx-list-view .product-name {
  font-size: 14px;
  font-weight: 700;
  margin: 4px 0 6px;
  -webkit-line-clamp: unset;
  overflow: visible;
  white-space: normal;
}

/* Fiyat + aksiyon satırını alta sabitle */
.srx-list-view .product-actions {
  margin-top: auto;
  padding-top: 10px;
}

/* Hover'da kaldırma animasyonu liste görünümünde kapalı */
.srx-list-view .product-card:hover {
  transform: none;
}

/* Küçük ekranlarda (≤575px) liste görünümü daha kompakt */
@media (max-width: 575px) {
  .srx-list-view .product-img-wrap {
    flex: 0 0 100px;
    width: 100px;
    min-height: 130px;
  }
  .srx-list-view .product-card { min-height: 130px; }
  .srx-list-view .product-body { padding: 10px 12px; }
  .srx-list-view .product-name { font-size: 13px; }
}

/* ══════════════════════════════════════════════════════════════
   KRİTİK 1 — Liste Görünümü: Masaüstü desteği
   (Önceki blok sadece @media 767px içindeydi — burası global)
   ══════════════════════════════════════════════════════════════ */

/* Tüm sütunları tam genişliğe al */
.archive-list-view > .srx-grid-col,
.archive-list-view > [class*="col-"] {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Kart: görsel sol (180px), içerik sağ */
.archive-list-view .product-card {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: stretch;
  min-height: 180px;
  height: auto;
}

/* Görsel bölümü: sabit genişlik, tam yükseklik */
.archive-list-view .product-img-wrap {
  width: 100%;
  height: 100%;
  min-height: 180px;
  aspect-ratio: auto;
  border-radius: 0;
  border-right: 1px solid #eee;
}

.archive-list-view .product-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* İçerik bölümü: esnek düzen */
.archive-list-view .product-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 20px;
}

/* Ürün adı: tüm satırları göster */
.archive-list-view .product-name {
  -webkit-line-clamp: unset;
  overflow: visible;
  white-space: normal;
  font-size: 15px;
  margin-bottom: 8px;
}

/* Fiyat satırını alta sabitle */
.archive-list-view .product-actions {
  margin-top: auto;
  padding-top: 12px;
}

/* Hover transform'ı kapat (yatay kartlarda bozuyor) */
.archive-list-view .product-card:hover {
  transform: none;
}

/* ── Blog kartı — Liste görünümü (masaüstü) ── */
.archive-list-view .blog-card {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  align-items: stretch;
  min-height: 150px;
  height: auto;
}

.archive-list-view .blog-img-wrap {
  width: 100%;
  height: 100%;
  min-height: 150px;
  aspect-ratio: auto;
  border-radius: 0;
  border-right: 1px solid #eee;
}

.archive-list-view .blog-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.archive-list-view .blog-card:hover {
  transform: none;
}

.archive-list-view .blog-body {
  padding: 14px 18px;
}

/* Tablet (768–991px): biraz daha dar görsel */
@media (min-width: 768px) and (max-width: 991px) {
  .archive-list-view .product-card {
    grid-template-columns: 130px minmax(0, 1fr);
  }
  .archive-list-view .product-img-wrap { min-height: 150px; }
}

/* ══════════════════════════════════════════════════════════════
   KRİTİK 2 — Sidebar class uyumsuzluğu köprüsü
   HTML: .sidebar-filter / .filter-box  →  PHP: .srx-sidebar-filter / .srx-filter-box
   Her ikisi aynı görünümü alsın diye eksik tanımlar eklendi.
   ══════════════════════════════════════════════════════════════ */

/* HTML tasarımındaki .filter-box ve alt sınıflarını kapsayan stiller
   (storerx-wp-core.css'e önceden eklenmemişti, inline style olarak products.html'deydi) */
.sidebar-filter {
  background: #fff;
  border: 1px solid #eee;
  border-radius: var(--card-radius, 8px);
  padding: 0;
  overflow: hidden;
}

.filter-box {
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.filter-box:last-of-type { border-bottom: none; }

.filter-box-header {
  background: #f8f9ff;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}
.filter-box-header h5 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.filter-search {
  padding: 10px 14px;
  border-bottom: 1px solid #f0f0f0;
}
.filter-search input {
  width: 100%;
  padding: 7px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 12px;
  background: #fafafa;
  outline: none;
  transition: border-color .15s;
}
.filter-search input:focus {
  border-color: var(--blue, #2f4bcc);
  background: #fff;
}

.filter-list-container {
  max-height: 200px;
  overflow-y: auto;
  padding: 6px 0;
}
.filter-list-container::-webkit-scrollbar       { width: 5px; }
.filter-list-container::-webkit-scrollbar-track { background: #f5f5f5; }
.filter-list-container::-webkit-scrollbar-thumb { background: #ddd; border-radius: 3px; }
.filter-list-container::-webkit-scrollbar-thumb:hover { background: #bbb; }

.filter-list { list-style: none; padding: 0; margin: 0; }
.filter-list li { margin: 0; }

.filter-list a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 13px;
  color: #444;
  text-decoration: none;
  transition: background .15s;
  cursor: pointer;
}
.filter-list a:hover { background: #f4f6ff; color: var(--blue, #2f4bcc); }
.filter-list input[type="checkbox"] { accent-color: var(--blue, #2f4bcc); flex-shrink: 0; }

/* Seçili satır vurgusu (her iki class sisteminde) */
.filter-list a:has(input:checked),
.srx-filter-item:has(input:checked) {
  background: #f0f3ff;
}
.filter-list a:has(input:checked),
.srx-filter-item:has(input:checked) .srx-filter-label {
  color: var(--blue, #2f4bcc);
  font-weight: 600;
}

/* ══════════════════════════════════════════════════════════════
   KRİTİK 5 — Wishlist / Compare görsel geri bildirimi
   ══════════════════════════════════════════════════════════════ */

/* Favorilere eklenmiş ürün kalbi dolu göster */
.btn-icon.is-wishlisted i.fa-regular.fa-heart::before { content: "\f004"; font-family: "Font Awesome 6 Free"; font-weight: 900; }
.btn-icon.is-wishlisted { color: #e63946 !important; }

/* Karşılaştırmaya eklenmiş ürün */
.btn-icon.is-compared { color: var(--blue, #2f4bcc) !important; }

/* Tooltip */
.btn-icon { position: relative; }
.btn-icon[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  z-index: 10;
}
.btn-icon[data-tooltip]:hover::after { opacity: 1; }

/* Karşılaştırma bar (sayfa altında sabit) */
#srx-compare-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #1a1a2e;
  color: #fff;
  z-index: 999;
  padding: 12px 0;
  transform: translateY(100%);
  transition: transform .3s ease;
}
#srx-compare-bar.is-visible { transform: translateY(0); }
#srx-compare-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.srx-compare-items {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  flex-wrap: wrap;
}
.srx-compare-slot {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.08);
  border: 1.5px dashed rgba(255,255,255,.25);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  min-width: 140px;
}
.srx-compare-slot.filled { border-style: solid; border-color: rgba(255,255,255,.4); }
.srx-compare-slot-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 110px; }
.srx-compare-slot-remove { cursor: pointer; opacity: .6; font-size: 14px; }
.srx-compare-slot-remove:hover { opacity: 1; color: #ff6b6b; }
.srx-compare-bar-actions { display: flex; gap: 10px; align-items: center; }
.srx-compare-bar-btn {
  padding: 8px 20px; border-radius: 6px; font-size: 13px; font-weight: 700;
  cursor: pointer; border: none; transition: background .15s;
}
.srx-compare-bar-go { background: var(--blue, #2f4bcc); color: #fff; }
.srx-compare-bar-go:hover { background: #2040b8; }
.srx-compare-bar-clear { background: transparent; color: #aaa; border: 1px solid rgba(255,255,255,.2); }
.srx-compare-bar-clear:hover { color: #fff; }
.srx-compare-count {
  font-size: 12px; font-weight: 800; background: var(--blue, #2f4bcc);
  color: #fff; border-radius: 999px; padding: 2px 8px; margin-left: 4px;
}

/* ══════════════════════════════════════════════════════════════
   KRİTİK 3 — Variable Product Stilleri
   ══════════════════════════════════════════════════════════════ */

.storerx-variable-form { margin-top: 0; }

.storerx-variations { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }

.storerx-variation-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  gap: 12px;
}

.storerx-variation-label {
  font-size: 13px;
  font-weight: 700;
  color: #333;
}

.storerx-variation-select select {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1.5px solid #e0e0e0;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s;
  appearance: auto;
}
.storerx-variation-select select:focus {
  border-color: var(--blue, #2f4bcc);
  outline: none;
}

/* Seçilen varyasyon özeti (fiyat, stok) */
.storerx-variation-summary { margin: 12px 0; min-height: 32px; }
.storerx-variation-summary .woocommerce-variation-price .price {
  font-size: 22px;
  font-weight: 800;
  color: #111;
}
.storerx-variation-summary .woocommerce-variation-availability .in-stock {
  color: #2ecc71;
  font-size: 13px;
  font-weight: 700;
}
.storerx-variation-summary .woocommerce-variation-availability .out-of-stock {
  color: #e63946;
  font-size: 13px;
  font-weight: 700;
}

/* Miktar + buton */
.storerx-variation-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.storerx-add-cart-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--blue, #2f4bcc);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 24px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background .2s, opacity .2s;
}
.storerx-add-cart-btn:hover { background: #2040b8; }
.storerx-add-cart-btn:disabled { opacity: .5; cursor: not-allowed; }

/* Seçimi sıfırla */
.storerx-reset-variations {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #888;
  text-decoration: none;
  margin-top: 8px;
  visibility: hidden;
}
.storerx-reset-variations.active { visibility: visible; }
.storerx-reset-variations:hover { color: var(--blue, #2f4bcc); }

/* Stok yoksa buton gizli */
.storerx-variable-form .woocommerce-variation-add-to-cart-disabled .storerx-add-cart-btn {
  opacity: .4;
  pointer-events: none;
}

/* Ürün kartında "Seçenek Seç" butonu (variable ürün) */
.btn-add-cart.btn-select-options {
  color: var(--blue, #2f4bcc);
  font-weight: 700;
}

/* Quantity input */
.storerx-variable-form .quantity input.qty {
  width: 64px;
  height: 40px;
  text-align: center;
  border: 1.5px solid #e0e0e0;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
}

.storerx-no-variations {
  color: #888;
  font-size: 14px;
  padding: 16px 0;
}

/* ══════════════════════════════════════════════════════════════
   KRİTİK 4A — Checkout Stilleri (Tam Tema Uyumlu)
   ══════════════════════════════════════════════════════════════ */

/* ── Checkout adım göstergesi ── */
.srx-checkout-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 32px;
  padding: 0;
  list-style: none;
}
.srx-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--muted, #888);
  position: relative;
}
.srx-step.active { color: var(--blue, #2f4bcc); }
.srx-step.done   { color: #4caf50; }
.srx-step-num {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: #e8ecf8;
  color: var(--muted, #888);
  font-size: 12px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.srx-step.active .srx-step-num { background: var(--blue, #2f4bcc); color: #fff; }
.srx-step.done   .srx-step-num { background: #4caf50; color: #fff; }
.srx-step-sep {
  width: 40px; height: 2px;
  background: #e8ecf8;
  margin: 0 4px;
  flex-shrink: 0;
}

/* ── Panel kartları ── */
.storerx-checkout-panel {
  background: #fff;
  border: 1.5px solid #e8ecf8;
  border-radius: var(--card-radius, 8px);
  padding: 28px 28px 24px;
  box-shadow: 0 2px 12px rgba(47,75,204,.05);
}
.storerx-checkout-panel-title {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--text, #222);
  margin: 0 0 22px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--light-bg, #f3f4f8);
  display: flex;
  align-items: center;
  gap: 10px;
}
.storerx-checkout-panel-title i {
  color: var(--blue, #2f4bcc);
  font-size: 16px;
}

/* ── Checkout Sağ Sütun: Accordion ── */
.storerx-checkout-sidebar-accordion {
  position: sticky;
  top: 20px;
  overflow: hidden;
}

/* Accordion item ayırıcı */
#srxCheckoutAccordion .srx-chkacc-item {
  border: none;
  border-bottom: 1px solid #eef0f8;
  border-radius: 0 !important;
  background: #fff;
}
#srxCheckoutAccordion .srx-chkacc-item:last-of-type {
  border-bottom: none;
}

/* Accordion başlık butonu */
#srxCheckoutAccordion .srx-chkacc-btn {
  padding: 15px 20px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--text, #222);
  background: #fff;
  box-shadow: none !important;
  gap: 0;
  display: flex !important;
  align-items: center;
}
/* Bootstrap veya tema kaynaklı ::before ghost content sıfırla */
#srxCheckoutAccordion .srx-chkacc-btn::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
}
#srxCheckoutAccordion .srx-chkacc-btn i {
  color: var(--blue, #2f4bcc);
  font-size: 14px;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
  margin-right: 10px;
}
#srxCheckoutAccordion .srx-chkacc-btn:not(.collapsed) {
  color: var(--blue, #2f4bcc);
  background: #f6f8ff;
  box-shadow: none !important;
}
#srxCheckoutAccordion .srx-chkacc-btn:not(.collapsed) i {
  color: var(--blue, #2f4bcc);
}
#srxCheckoutAccordion .srx-chkacc-btn::after {
  margin-left: auto;
  flex-shrink: 0;
  filter: opacity(.45);
}
#srxCheckoutAccordion .srx-chkacc-btn:not(.collapsed)::after {
  filter: opacity(1);
}

/* Accordion body */
#srxCheckoutAccordion .srx-chkacc-body {
  padding: 4px 20px 18px;
}
#srxCheckoutAccordion .srx-chkacc-body--payment {
  padding-top: 0;
}

/* Sipariş özeti içindeki #payment bloğunu gizle (ödeme accordion'a taşındı) */
#srxCheckoutAccordion #payment {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Kupon formu */
#srxCheckoutAccordion .srx-coupon-form {
  display: flex;
  gap: 8px;
}
#srxCheckoutAccordion .srx-coupon-btn {
  white-space: nowrap;
  padding: 9px 16px;
  font-size: 13px;
}

/* WC native checkout_coupon formu accordion içinde */
#srxCheckoutAccordion .woocommerce-form-coupon {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
#srxCheckoutAccordion .woocommerce-form-coupon p {
  margin: 0;
  flex: 1;
}
#srxCheckoutAccordion .woocommerce-form-coupon .input-text {
  width: 100% !important;
  padding: 9px 12px;
  border: 1.5px solid #dce0f0;
  border-radius: 6px;
  font-size: 13px;
  background: var(--light-bg, #f3f4f8);
  font-family: 'Nunito Sans', sans-serif;
}
#srxCheckoutAccordion .woocommerce-form-coupon .input-text:focus {
  border-color: var(--blue, #2f4bcc);
  background: #fff;
  outline: none;
}
#srxCheckoutAccordion .woocommerce-form-coupon .button {
  white-space: nowrap;
  padding: 9px 16px;
  background: var(--blue, #2f4bcc);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Nunito Sans', sans-serif;
  transition: background .15s;
}
#srxCheckoutAccordion .woocommerce-form-coupon .button:hover {
  background: var(--blue-dark, #1e3ab8);
}

/* Giriş formu override */
#srxCheckoutAccordion .woocommerce-form-login input[type="text"],
#srxCheckoutAccordion .woocommerce-form-login input[type="email"],
#srxCheckoutAccordion .woocommerce-form-login input[type="password"] {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #dce0f0;
  border-radius: 6px;
  font-size: 13px;
  margin-bottom: 10px;
  background: var(--light-bg, #f3f4f8);
}
#srxCheckoutAccordion .woocommerce-form-login input:focus {
  border-color: var(--blue, #2f4bcc);
  outline: none;
  background: #fff;
}
#srxCheckoutAccordion .woocommerce-form-login label {
  font-size: 12px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}
#srxCheckoutAccordion .woocommerce-form-login .woocommerce-button {
  width: 100%;
  margin-top: 4px;
}

/* Responsive: sticky kapat */
@media (max-width: 991px) {
  .storerx-checkout-sidebar-accordion { position: static; }
}

/* ── Sticky sipariş özeti (eski panel — artık accordion içinde) ── */
.storerx-order-review-panel {
  position: sticky;
  top: 20px;
}

/* ── Form label + input sistem ── */
.storerx-checkout-form .form-row,
.woocommerce-checkout .form-row {
  margin-bottom: 18px;
  padding: 0 !important;
}
.storerx-checkout-form label,
.woocommerce-checkout .form-row label {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--text, #222);
  margin-bottom: 7px;
  display: block;
  letter-spacing: .2px;
}
.storerx-checkout-form label .required,
.woocommerce-checkout label .required {
  color: #e63946;
  font-weight: 900;
}

.storerx-checkout-form input[type="text"],
.storerx-checkout-form input[type="email"],
.storerx-checkout-form input[type="tel"],
.storerx-checkout-form input[type="password"],
.storerx-checkout-form input[type="number"],
.storerx-checkout-form select,
.storerx-checkout-form textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid #dce0f0;
  border-radius: 6px;
  font-size: 13.5px;
  color: var(--text, #222);
  background: var(--light-bg, #f3f4f8);
  font-family: 'Nunito Sans', sans-serif;
  transition: border-color .15s, background .15s, box-shadow .15s;
  appearance: none;
  -webkit-appearance: none;
}
.storerx-checkout-form input:focus,
.storerx-checkout-form select:focus,
.storerx-checkout-form textarea:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
  border-color: var(--blue, #2f4bcc);
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(47,75,204,.1);
}
.woocommerce-checkout select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  cursor: pointer;
}
.woocommerce-checkout textarea { min-height: 90px; resize: vertical; }

/* Hata durumu */
.woocommerce-checkout .form-row.woocommerce-invalid input,
.woocommerce-checkout .form-row.woocommerce-invalid select {
  border-color: #e63946;
  background: #fff8f8;
}
.woocommerce-checkout .form-row.woocommerce-validated input,
.woocommerce-checkout .form-row.woocommerce-validated select {
  border-color: #4caf50;
}

/* ── Bölüm başlıkları (WC native h3) ── */
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
.woocommerce-additional-fields > h3,
#customer_details h3 {
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--text, #222);
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--light-bg, #f3f4f8);
  display: flex;
  align-items: center;
  gap: 9px;
}
/* Kargo adres toggle checkbox */
#ship-to-different-address label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text, #222);
  padding: 14px 18px;
  background: var(--light-bg, #f3f4f8);
  border-radius: 6px;
  margin-bottom: 18px;
  border: 1.5px solid #dce0f0;
  transition: border-color .15s, background .15s;
}
#ship-to-different-address label:hover { border-color: var(--blue, #2f4bcc); background: #f0f3ff; }
#ship-to-different-address input[type="checkbox"] {
  accent-color: var(--blue, #2f4bcc);
  width: 17px; height: 17px;
  flex-shrink: 0;
}

/* ── Ödeme metodları ── */
/* ── Ödeme yöntemleri — Bootstrap list-group eşdeğeri ── */
#payment {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Her ödeme yöntemi — Bootstrap list-group-item gibi */
.wc_payment_method {
  border: 1px solid #dee2e6;
  border-radius: .375rem;
  background: #fff;
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Seçili kart — Bootstrap primary outline */
.wc_payment_method:has(input:checked),
.wc_payment_method.srx-checked {
  border-color: #0d6efd;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

/* Label — tüm satır tıklanabilir */
.wc_payment_method > label {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 12px 16px !important;
  margin: 0 !important;
  cursor: pointer;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #212529 !important;
  background: transparent;
  user-select: none;
  width: 100%;
}

/* Radio — label'ın ilk elemanı, Bootstrap form-check-input boyutu */
.wc_payment_method input[type="radio"] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin: 0 !important;
  accent-color: #0d6efd;
  cursor: pointer;
}

/* Ödeme logoları */
.wc_payment_method > label img {
  max-height: 24px;
  max-width: 120px;
  object-fit: contain;
  flex-shrink: 0;
  vertical-align: middle;
}

/* Açıklama kutusu — Bootstrap alert-light tonu */
.payment_box {
  padding: 12px 16px;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
  font-size: 13px;
  color: #6c757d;
  border-radius: 0;
}
.payment_box::before { display: none !important; content: none !important; }
.payment_box p { margin: 0; line-height: 1.6; }
.payment_box a { color: #0d6efd; text-decoration: underline; }

/* ── Sipariş tablosu (sağ panel) ── Bootstrap table ╌ */
#order_review { margin: 0; }

#order_review .shop_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
#order_review .shop_table th,
#order_review .shop_table td {
  padding: .5rem .5rem;
  border: 1px solid #dee2e6;
  vertical-align: middle;
  text-align: left;
}
#order_review .shop_table thead th {
  border-bottom-width: 2px;
  background-color: #f8f9fa;
  font-weight: 700;
}
#order_review .shop_table th.product-quantity,
#order_review .shop_table td.product-quantity { text-align: center; }
#order_review .shop_table th.product-total,
#order_review .shop_table td.product-total    { text-align: right; }
#order_review .shop_table tfoot th { text-align: left; font-weight: 600; }
#order_review .shop_table tfoot td { text-align: right; }
#order_review .shop_table tfoot .order-total th,
#order_review .shop_table tfoot .order-total td { font-weight: 700; }

/* global .product-name kuralı (storerx-core.css) tablo hücrelerine
   margin/display karışmaması için order_review içinde sıfırla */
#order_review .shop_table td.product-name,
#order_review .shop_table th.product-name {
  margin: 0;
  display: table-cell;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}

/* ── Kupon alanı ── */
.woocommerce-checkout .checkout_coupon,
.woocommerce form.checkout_coupon {
  border: 1.5px dashed #dce0f0;
  border-radius: 6px;
  padding: 16px 20px;
  margin-bottom: 20px;
  background: #fafbff;
}
.woocommerce-checkout .checkout_coupon p { margin: 0 0 10px; font-size: 13px; color: var(--muted, #888); }
.woocommerce-checkout .checkout_coupon .input-text {
  width: calc(100% - 130px) !important;
  display: inline-block !important;
  margin-right: 8px;
}
.woocommerce-checkout .checkout_coupon .button {
  background: var(--blue, #2f4bcc);
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background .15s;
}
.woocommerce-checkout .checkout_coupon .button:hover { background: var(--blue-dark, #1e3ab8); }

/* ── Sipariş ver butonu ── */
#place_order,
.storerx-checkout-form #place_order {
  width: 100%;
  padding: 15px 24px;
  background: var(--blue, #2f4bcc);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background .2s, transform .1s, box-shadow .2s;
  margin-top: 20px;
  font-family: 'Nunito Sans', sans-serif;
  letter-spacing: .2px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 4px 16px rgba(47,75,204,.25);
}
#place_order:hover {
  background: var(--blue-dark, #1e3ab8);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(47,75,204,.35);
}
#place_order:active { transform: translateY(0); }
/* Güvenli ödeme notu — tek bir <p> olarak PHP'den render edilir (.storerx-secure-note) */
.storerx-secure-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--muted, #888);
  margin-top: 10px;
  letter-spacing: .3px;
}
.storerx-secure-note i {
  font-size: 11px;
  color: #4caf50;
}

/* ── WC notice (hata/bilgi mesajları) ── */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  border-radius: 8px;
  padding: 13px 18px;
  font-size: 13.5px;
  margin-bottom: 20px;
  border: none;
  list-style: none;
  padding-left: 18px; /* ::before sıfırlandığı için WC'nin eklediği ekstra sol boşluk kaldırıldı */
}

/* WooCommerce'in varsayılan ::before ikonunu sıfırla — aksi hâlde metin ve ikon üst üste biner */
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before {
  display: none !important;
  content: none !important;
}

/* WC'nin notice içine eklediği li > a buton öğesini satır sonuna it */
.woocommerce-error .button,
.woocommerce-error > li > a,
.woocommerce-message .button,
.woocommerce-message > li > a,
.woocommerce-info .button,
.woocommerce-info > li > a {
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;
}

/* WC notice içindeki li listesi — tüm li'ler flex satırında yer alır */
.woocommerce-error > li,
.woocommerce-message > li,
.woocommerce-info > li {
  display: contents; /* li sarmalını kaldır, flex doğrudan içeriğe uygulanır */
}

.woocommerce-error   { background: #fff0f0; color: #c62828; border-left: 4px solid #e63946; }
.woocommerce-message { background: #f0fff4; color: #2e7d32; border-left: 4px solid #4caf50; }
.woocommerce-info    { background: #e8f0ff; color: #1a3a8c; border-left: 4px solid var(--blue, #2f4bcc); }

/* ── Responsive ── */
@media (max-width: 991px) {
  .storerx-checkout-panel { padding: 20px 18px; }
  .storerx-order-review-panel { position: static; }
}
@media (max-width: 575px) {
  .storerx-checkout-panel { padding: 16px 14px; }
  .storerx-checkout-panel-title { font-size: 15px; }
  #place_order { font-size: 15px; }
}

/* ── Teşekkür Sayfası — bkz. woocommerce/checkout/thankyou.php ── */

/* ══════════════════════════════════════════════════════════════
   KRİTİK 4B — My Account Stilleri
   ══════════════════════════════════════════════════════════════ */

.storerx-myaccount-wrap {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 28px;
  align-items: start;
}
@media (max-width: 767px) {
  .storerx-myaccount-wrap { grid-template-columns: 1fr; }
}

/* Sidebar nav */
.storerx-account-nav {
  background: #fff;
  border: 1px solid #eee;
  border-radius: var(--card-radius, 8px);
  overflow: hidden;
  position: sticky; top: 80px;
}

.storerx-account-user {
  display: flex; align-items: center; gap: 12px;
  padding: 18px 16px; border-bottom: 1px solid #eee;
  background: #f8f9ff;
}
.storerx-account-avatar { border-radius: 50%; width: 44px; height: 44px; flex-shrink: 0; }
.storerx-account-name { font-size: 14px; font-weight: 800; color: #222; }
.storerx-account-email { font-size: 11px; color: #888; }

.storerx-account-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px; font-size: 13px; font-weight: 600;
  color: #444; text-decoration: none;
  border-bottom: 1px solid #f5f5f5;
  transition: background .15s, color .15s;
}
.storerx-account-nav-item:last-child { border-bottom: none; }
.storerx-account-nav-item i { width: 16px; text-align: center; color: #aaa; font-size: 14px; }
.storerx-account-nav-item:hover { background: #f4f6ff; color: var(--blue, #2f4bcc); }
.storerx-account-nav-item:hover i,
.storerx-account-nav-item.active i { color: var(--blue, #2f4bcc); }
.storerx-account-nav-item.active { background: #eef1ff; color: var(--blue, #2f4bcc); font-weight: 800; }

/* Çıkış linki kırmızı */
.storerx-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout {
  color: #e63946;
}
.storerx-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout i { color: #e63946; }
.storerx-account-nav-item.woocommerce-MyAccount-navigation-link--customer-logout:hover { background: #fff5f5; }

/* İçerik alanı */
.storerx-account-content {
  background: #fff;
  border: 1px solid #eee;
  border-radius: var(--card-radius, 8px);
  padding: 28px;
  min-height: 300px;
}

/* Hesap sayfası sipariş tablosu — Bootstrap table eşdeğeri */
.storerx-account-content .woocommerce-orders-table,
.storerx-account-content .shop_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.storerx-account-content table th,
.storerx-account-content table td {
  padding: .5rem .5rem;
  border: 1px solid #dee2e6;
  vertical-align: middle;
  text-align: left;
}
.storerx-account-content table thead th {
  border-bottom-width: 2px;
  background-color: #f8f9fa;
  font-weight: 700;
}
.storerx-account-content .woocommerce-orders-table th.woocommerce-orders-table__header-order-total,
.storerx-account-content .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total {
  text-align: right;
}
.storerx-account-content .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
.storerx-account-content .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
  text-align: center;
}
.storerx-account-content .button {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--blue, #2f4bcc); color: #fff;
  padding: 6px 14px; border-radius: 5px; font-size: 12px;
  font-weight: 700; text-decoration: none; transition: background .15s;
}
.storerx-account-content .button:hover { background: #2040b8; color: #fff; }

/* Form alanları (adres düzenleme vb.) */
.storerx-account-content input[type="text"],
.storerx-account-content input[type="email"],
.storerx-account-content input[type="tel"],
.storerx-account-content input[type="password"],
.storerx-account-content select {
  width: 100%; padding: 9px 12px; border: 1.5px solid #e0e0e0;
  border-radius: 6px; font-size: 13px; margin-top: 4px;
}
.storerx-account-content input:focus,
.storerx-account-content select:focus { border-color: var(--blue, #2f4bcc); outline: none; }

.storerx-account-content .woocommerce-EditAccountForm.edit-account fieldset {
  border: 1px solid #eee; border-radius: 6px; padding: 16px; margin-bottom: 20px;
}

/* ============================================================
   StoreRX — Sipariş Tamamlama / Teşekkür Sayfası Stilleri
   woocommerce/checkout/thankyou.php
   ============================================================ */

.storerx-thankyou-wrap {
  max-width: 720px;
  margin: 0 auto 60px;
  padding: 0 16px;
}

/* Başlık kutusu */
.storerx-thankyou-header {
  text-align: center;
  padding: 48px 32px 36px;
  border-radius: 16px;
  margin-bottom: 28px;
}

.storerx-thankyou-header i {
  font-size: 64px;
  margin-bottom: 16px;
  display: block;
}

.storerx-thankyou-header h1 {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px;
}

.storerx-thankyou-header p {
  font-size: 15px;
  margin: 0;
  opacity: .85;
}

/* Başarılı durum */
.storerx-thankyou-success {
  background: linear-gradient(135deg, #e8fdf2 0%, #d4f8e8 100%);
  border: 1.5px solid #a8e6c8;
  color: #1a7a4a;
}

.storerx-thankyou-success i { color: #22c55e; }

/* Başarısız durum */
.storerx-thankyou-failed {
  background: linear-gradient(135deg, #fff0f0 0%, #fde8e8 100%);
  border: 1.5px solid #f5baba;
  color: #a82020;
}

.storerx-thankyou-failed i { color: #ef4444; }

/* Detay kartları */
.storerx-thankyou-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}

@media (max-width: 480px) {
  .storerx-thankyou-details { grid-template-columns: 1fr; }
}

.storerx-thankyou-detail-card {
  background: #f8f9ff;
  border: 1px solid #eaecf8;
  border-radius: 10px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.storerx-thankyou-detail-card .detail-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #aaa;
}

.storerx-thankyou-detail-card .detail-value {
  font-size: 16px;
  font-weight: 700;
  color: var(--text, #222);
}

/* Sipariş durum rozeti */
.storerx-order-status {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
}

.storerx-order-status--processing { background: #dbeafe; color: #1d4ed8; }
.storerx-order-status--completed  { background: #dcfce7; color: #166534; }
.storerx-order-status--on-hold    { background: #fef9c3; color: #854d0e; }
.storerx-order-status--cancelled  { background: #fee2e2; color: #991b1b; }
.storerx-order-status--pending    { background: #f3f4f6; color: #374151; }
.storerx-order-status--refunded   { background: #ede9fe; color: #5b21b6; }
.storerx-order-status--failed     { background: #fee2e2; color: #991b1b; }

/* Aksiyon butonları */
.storerx-thankyou-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* storerx-btn-primary / storerx-btn-outline Bootstrap'e taşındı — btn btn-primary / btn btn-outline-primary */

/* WooCommerce sipariş detayları tablosu */
.storerx-thankyou-wrap .woocommerce-order-details,
.storerx-thankyou-wrap .woocommerce-customer-details {
  background: #f8f9ff;
  border: 1px solid #eaecf8;
  border-radius: 12px;
  padding: 20px;
  margin-top: 24px;
}

.storerx-thankyou-wrap .woocommerce-order-details h2,
.storerx-thankyou-wrap .woocommerce-customer-details h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
  color: var(--text, #222);
  padding-bottom: 10px;
  border-bottom: 1.5px solid #eaecf8;
}

.storerx-thankyou-wrap .woocommerce-table.order_details {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.storerx-thankyou-wrap .woocommerce-table.order_details th,
.storerx-thankyou-wrap .woocommerce-table.order_details td {
  padding: .5rem .5rem;
  border: 1px solid #dee2e6;
  vertical-align: middle;
  text-align: left;
}
.storerx-thankyou-wrap .woocommerce-table.order_details thead th {
  border-bottom-width: 2px;
  background-color: #f8f9fa;
  font-weight: 700;
}
.storerx-thankyou-wrap .woocommerce-table.order_details tfoot td {
  text-align: right;
}
.storerx-thankyou-wrap .woocommerce-table.order_details tfoot tr:last-child td,
.storerx-thankyou-wrap .woocommerce-table.order_details tfoot tr:last-child th {
  font-weight: 700;
  border-bottom: none;
}

.btn-icon:disabled{opacity:.5;cursor:not-allowed}
.btn-icon.is-active{transform:scale(.96)}

/* ── Panel İçi Filtre Kutuları (Ürün Listesi Modülü Ayarları) ─────── */
.srx-panel-filter-box {
    border: 1px solid #e8eaf0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}
.srx-panel-filter-header {
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    background: #f7f8fc;
    color: #3a3a5c;
    border-radius: 0;
    border: none;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background .15s;
}
.srx-panel-filter-header:hover { background: #eef1fb; }
.srx-panel-filter-header span  { display: flex; align-items: center; gap: 6px; }
.srx-panel-filter-header .srx-filter-arrow { font-size: 10px; transition: transform .2s; }
.srx-panel-filter-box .srx-filter-body {
    padding: 8px 10px;
    border-top: 1px solid #e8eaf0;
}
.srx-panel-filter-box .srx-filter-list {
    max-height: 160px;
    overflow-y: auto;
}
.srx-panel-filter-box .srx-filter-search-wrap {
    margin-bottom: 6px;
}

/* ── Filtre Link Modu (srx-filter-link) — yazar/yayınevi sayfaları ─── */
.srx-filter-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    transition: background .15s, color .15s;
    border-radius: 0;
}
.srx-filter-link:hover {
    background: #f4f6ff;
    color: var(--blue, #2f4bcc);
}
.srx-filter-link.is-active {
    background: #eef1fb;
    color: var(--blue, #2f4bcc);
    font-weight: 700;
}
/* Link modunda checkmark: dolgu göster */
.srx-filter-link .srx-checkmark {
    display: inline-flex;
    width: 15px;
    height: 15px;
    border: 2px solid #ccc;
    border-radius: 3px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transition: border-color .15s, background .15s;
}
.srx-filter-link.is-active .srx-checkmark,
.srx-filter-link .srx-checkmark.is-checked {
    background: var(--blue, #2f4bcc);
    border-color: var(--blue, #2f4bcc);
}
.srx-filter-link.is-active .srx-checkmark::after,
.srx-filter-link .srx-checkmark.is-checked::after {
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translate(-1px, -1px);
}

/* ── Panel Filtre Satır Düzeni (Ürün Listesi Modülü) ──────────────── */
.srx-panel-filter-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 2px;
}
/* Mobilde alt alta */
@media (max-width: 700px) {
    .srx-panel-filter-row {
        grid-template-columns: 1fr;
    }
}
/* Her filtre kutusu tam yükseklik alsın */
.srx-panel-filter-col {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-bottom: 0;
}
.srx-panel-filter-col .srx-filter-body {
    flex: 1;
}

/* ════════════════════════════════════════════════════════════════════
   SRXPF — Panel Filtre Kutusu (Image 2 tasarımı)
   Kullanılan yerler: template-parts/filters/*.php (panel modu)
   ════════════════════════════════════════════════════════════════════ */

/* Kutu */
.srxpf {
    background: #fff;
    border: 1px solid #e8eaef;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
.srxpf-col {
    min-width: 0;
}

/* Başlık (toggle) */
.srxpf-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 13px 16px;
    background: #f7f8fc;
    border: none;
    border-bottom: 1px solid #e8eaef;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: #1a1a2e;
    text-align: left;
    transition: background .15s;
    gap: 8px;
}
.srxpf-header:hover { background: #eef1fb; }
.srxpf-header[aria-expanded="false"] + .srxpf-body { display: none; }

.srxpf-header-inner {
    display: flex;
    align-items: center;
    gap: 8px;
}
.srxpf-icon {
    color: var(--blue, #2f4bcc);
    font-size: 13px;
    width: 14px;
    text-align: center;
}
.srxpf-arrow {
    font-size: 10px;
    color: #888;
    transition: transform .2s;
    flex-shrink: 0;
}
.srxpf-header[aria-expanded="false"] .srxpf-arrow { transform: rotate(-90deg); }

/* Gövde */
.srxpf-body {
    display: flex;
    flex-direction: column;
}

/* Arama kutusu */
.srxpf-search {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid #f0f1f6;
    background: #fafbff;
}
.srxpf-search-icon {
    color: #aab0c4;
    font-size: 12px;
    flex-shrink: 0;
}
.srxpf-search-input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    color: #444;
    width: 100%;
    padding: 0;
}
.srxpf-search-input::placeholder { color: #bec4d6; }

/* Liste */
.srxpf-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    max-height: 180px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #d0d4e8 transparent;
}
.srxpf-list::-webkit-scrollbar { width: 4px; }
.srxpf-list::-webkit-scrollbar-thumb { background: #d0d4e8; border-radius: 4px; }

.srxpf-label {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    cursor: pointer;
    transition: background .12s;
    border-radius: 0;
}
.srxpf-label:hover { background: #f4f6ff; }
.srxpf-item.is-checked .srxpf-label { background: #eef1fb; }

/* Checkbox/radio kutusu — gizle, özel çiz */
.srxpf-check {
    position: relative;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}
.srxpf-check input[type="checkbox"],
.srxpf-check input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}
.srxpf-checkmark {
    display: block;
    width: 16px;
    height: 16px;
    border: 1.5px solid #c8cde0;
    border-radius: 4px;
    background: #fff;
    transition: border-color .15s, background .15s;
    pointer-events: none;
}
.srxpf-checkmark.srxpf-radio {
    border-radius: 50%;
}

/* Checked state */
.srxpf-check input:checked ~ .srxpf-checkmark {
    background: var(--blue, #2f4bcc);
    border-color: var(--blue, #2f4bcc);
}
/* Checkbox tikmark */
.srxpf-check input[type="checkbox"]:checked ~ .srxpf-checkmark::after {
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    margin: 2px 0 0 4px;
}
/* Radio dot */
.srxpf-check input[type="radio"]:checked ~ .srxpf-radio::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin: 4px auto 0;
}

/* Öğe ikonu */
.srxpf-item-icon {
    color: #a0a8c4;
    font-size: 11px;
    width: 13px;
    text-align: center;
    flex-shrink: 0;
    transition: color .12s;
}
.srxpf-item.is-checked .srxpf-item-icon,
.srxpf-label:hover .srxpf-item-icon { color: var(--blue, #2f4bcc); }

/* Öğe yazısı */
.srxpf-item-label {
    font-size: 13px;
    color: #444;
    line-height: 1.35;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.srxpf-item.is-checked .srxpf-item-label { color: var(--blue, #2f4bcc); font-weight: 600; }

/* "Tüm..." satırı */
.srxpf-all-label {
    font-style: italic;
    color: #aaa !important;
    font-weight: 400 !important;
}
.srxpf-item.srxpf-all.is-checked .srxpf-all-label { color: var(--blue, #2f4bcc) !important; font-weight: 600 !important; }

/* ── Panel satır layout: zaten srx-panel-filter-row'da tanımlı ── */

/* ══════════════════════════════════════════════════════════════
   KRİTİK 5 — Müşteri Kayıt Sayfası Stilleri  (wc-register.php)
   ══════════════════════════════════════════════════════════════ */

/* ─── Sayfa sarmalayıcı ─── */
.srxreg-wrap {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 0 60px;
}

/* ─── İki sütun kart ─── */
.srxreg-card {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  border-radius: var(--card-radius, 8px);
  overflow: hidden;
  box-shadow: 0 4px 32px rgba(0,0,0,.10);
  border: 1px solid #e8ecf8;
}

/* ─── Sol: Mavi tanıtım paneli ─── */
.srxreg-side {
  background: linear-gradient(160deg, var(--blue, #2f4bcc) 0%, var(--blue-dark, #1e3ab8) 100%);
  color: #fff;
  display: flex;
  align-items: center;
  padding: 52px 40px;
}
.srxreg-side-inner { width: 100%; }

.srxreg-logo { margin-bottom: 32px; }
.srxreg-logo img,
.srxreg-logo .custom-logo {
  max-height: 48px;
  max-width: 180px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.srxreg-site-name {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -.5px;
}
.srxreg-side-title {
  font-family: 'Playfair Display', serif;
  font-size: 27px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
  line-height: 1.2;
}
.srxreg-side-desc {
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 28px;
}
.srxreg-features { list-style: none; padding: 0; margin: 0; }
.srxreg-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(255,255,255,.9);
  margin-bottom: 12px;
}
.srxreg-features li i { color: var(--gold, #e8b920); font-size: 15px; flex-shrink: 0; }

/* ─── Sağ: Form paneli ─── */
.srxreg-form-side {
  background: #fff;
  padding: 48px 48px 52px;
}
.srxreg-form-title {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--text, #222);
  margin: 0 0 6px;
}
.srxreg-form-sub { font-size: 13.5px; color: var(--muted, #888); margin: 0 0 24px; }

.srxreg-link { color: var(--blue, #2f4bcc); font-weight: 700; text-decoration: none; }
.srxreg-link:hover { text-decoration: underline; }

/* ─── Mesaj kutusu ─── */
.srxreg-message {
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 20px;
}
.srxreg-message.srxreg-success { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
.srxreg-message.srxreg-error   { background: #ffebee; color: #c62828; border: 1px solid #ef9a9a; }

/* ─── İki sütunlu satır ─── */
.srxreg-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* ─── Alan grubu ─── */
.srxreg-field { margin-bottom: 16px; }
.srxreg-field > label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--text, #222);
  margin-bottom: 6px;
}
.srxreg-req { color: #e63946; }

/* ─── Input sarmalayıcı ─── */
.srxreg-input-wrap { position: relative; display: flex; align-items: center; }
.srxreg-input-wrap > i:first-child {
  position: absolute;
  left: 14px;
  color: var(--muted, #888);
  font-size: 13px;
  pointer-events: none;
  z-index: 1;
}
.srxreg-input-wrap input {
  width: 100%;
  padding: 10px 14px 10px 40px;
  border: 1.5px solid #dce0f0;
  border-radius: 6px;
  font-size: 14px;
  color: var(--text, #222);
  background: var(--light-bg, #f3f4f8);
  transition: border-color .15s, background .15s;
  font-family: 'Nunito Sans', sans-serif;
}
.srxreg-input-wrap input:focus {
  outline: none;
  border-color: var(--blue, #2f4bcc);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(47,75,204,.1);
}
.srxreg-input-wrap input.srxreg-field-error { border-color: #e63946; background: #fff8f8; }

/* ─── Şifre göster/gizle ─── */
.srxreg-pw-wrap input { padding-right: 44px; }
.srxreg-toggle-pw {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--muted, #888);
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  line-height: 1;
}
.srxreg-toggle-pw:hover { color: var(--blue, #2f4bcc); }

/* ─── Şifre güç çubuğu ─── */
.srxreg-pw-strength { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.srxreg-pw-bar { flex: 1; height: 4px; background: #e8ecf8; border-radius: 2px; overflow: hidden; }
.srxreg-pw-bar span { display: block; height: 100%; border-radius: 2px; transition: width .3s, background .3s; width: 0%; }
#srxreg-pw-label { font-size: 11px; font-weight: 700; min-width: 60px; }

/* ─── Checkbox ─── */
.srxreg-check-field { margin-bottom: 12px; }
.srxreg-check-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  font-size: 13px;
  color: var(--muted, #888);
  font-weight: 400 !important;
}
.srxreg-check-label input[type="checkbox"] {
  margin-top: 2px;
  accent-color: var(--blue, #2f4bcc);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ─── Kayıt butonu ─── */
/* srxreg-btn-submit → Bootstrap btn btn-primary w-100 */
.srxreg-btn-submit:disabled { opacity: .7; cursor: not-allowed; }

/* ─── Ayraç ─── */
.srxreg-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--muted, #888);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 20px 0;
}
.srxreg-divider::before,
.srxreg-divider::after { content: ''; flex: 1; height: 1px; background: #e8ecf8; }

/* ─── Giriş yap butonu ─── */
/* srxreg-btn-login → Bootstrap btn btn-outline-primary w-100 */

/* ─── My Account sayfasındaki banner ─── */
.srxreg-myaccount-banner {
  background: var(--light-bg, #f3f4f8);
  border: 1.5px solid #dce0f0;
  border-radius: var(--card-radius, 8px);
  padding: 32px 24px;
  text-align: center;
}
.srxreg-myaccount-banner-icon { font-size: 36px; color: var(--blue, #2f4bcc); margin-bottom: 12px; }
.srxreg-myaccount-banner p { color: var(--muted, #888); font-size: 14px; margin-bottom: 18px; }
.srxreg-btn-goto-register {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 28px;
  background: var(--blue, #2f4bcc);
  color: #fff;
  border-radius: 6px;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  transition: background .15s;
}
.srxreg-btn-goto-register:hover { background: var(--blue-dark, #1e3ab8); color: #fff; }

/* ─── Responsive ─── */
@media (max-width: 900px) {
  .srxreg-card { grid-template-columns: 1fr; }
  .srxreg-side { padding: 36px 32px; }
  .srxreg-form-side { padding: 36px 32px 44px; }
}
@media (max-width: 600px) {
  .srxreg-row { grid-template-columns: 1fr; gap: 0; }
  .srxreg-form-side { padding: 28px 20px 36px; }
  .srxreg-side { padding: 28px 20px; }
}

/* ══════════════════════════════════════════════════════════════
   iyzico Ödeme Eklentisi — Tema Uyum Stilleri
   iyzico WooCommerce plugin ile uyumlu
══════════════════════════════════════════════════════════════ */

/* ── iyzico ödeme metodu satırı ── */
.payment_method_iyzico > label,
.payment_method_iyzico_checkout_form_responsive > label {
  /* genel .wc_payment_method > label kuralından miras alır; ek kural gereksiz */
}
.payment_method_iyzico > label img,
.payment_method_iyzico_checkout_form_responsive > label img {
  max-height: 28px !important;
  max-width: 100px !important;
  object-fit: contain;
  flex-shrink: 0;
}

/* ── iyzico payment_box container ── */
.payment_method_iyzico .payment_box,
.payment_method_iyzico_checkout_form_responsive .payment_box {
    padding: 0 !important;
    background: transparent !important;
    border-top: none !important;
}

/* ── iyzico responsive checkout formu ── */
.iyzipay-checkout-form-responsive,
#iyzipay-checkout-form,
.iyzicoCheckoutForm {
    width: 100% !important;
    border: none !important;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

/* ── iyzico iframe ── */
.iyzipay-checkout-form-responsive iframe,
#iyzipay-checkout-form iframe,
.iyzicoCheckoutForm iframe {
    width: 100% !important;
    min-height: 520px;
    border: none !important;
    border-radius: 8px;
    display: block;
}

/* ── iyzico popup overlay (3D Secure) ── */
.iyzipay-popup-overlay,
.iyzico-popup-overlay {
    z-index: 999999 !important;
    background: rgba(0, 0, 0, .65) !important;
}
.iyzipay-popup-overlay iframe,
.iyzico-popup-overlay iframe {
    border-radius: 8px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.3) !important;
}

/* ── iyzico başarılı ödeme teşekkür ── */
.storerx-iyzico-thankyou {
    background: #e8f5e9;
    border: 1px solid #c8e6c9;
    border-radius: 8px;
    padding: 12px 18px;
    margin: 16px 0;
    font-size: 14px;
    color: #2e7d32;
}

/* ── Checkout sayfası genel iyileştirmeler ── */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--text, #222);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1.5px solid var(--light-bg, #f3f4f8);
    font-family: 'Nunito Sans', sans-serif;
}

/* WooCommerce checkout bildirim mesajları */
/* Checkout bildirimleri — genel .woocommerce-info kurallarını miras alır */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
    margin-bottom: 16px;
}

/* Checkout login / kayıt accordion — .woocommerce-info içinde render edilir */
/* flex layout'u bozmamak için satır bazlı görünüm */
.woocommerce-checkout-login-toggle,
.woocommerce-checkout-coupon-toggle {
    cursor: pointer;
    font-size: 13.5px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.5;
}
/* Toggle içindeki bağlantı stili */
.woocommerce-checkout-login-toggle a,
.woocommerce-checkout-coupon-toggle a {
    color: var(--blue, #2f4bcc);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.woocommerce-checkout-login-toggle a:hover,
.woocommerce-checkout-coupon-toggle a:hover {
    text-decoration: underline;
}
.woocommerce form.login,
.woocommerce form.checkout_coupon {
    border-radius: 10px !important;
    border: 1.5px dashed var(--blue, #2f4bcc) !important;
    padding: 20px !important;
    background: #f9faff !important;
    margin-bottom: 20px !important;
}

/* ── Mobil checkout düzenlemeleri ── */
@media (max-width: 576px) {
    .iyzipay-checkout-form-responsive iframe,
    #iyzipay-checkout-form iframe {
        min-height: 600px;
    }
    .storerx-checkout-panel {
        padding: 16px 14px !important;
    }
}

/* ── woocommerce-general kaldırıldıktan sonra eksik kalan temel WC stilleri ──
   WC form alanları, notice'ler ve genel yapı burada sağlanıyor. */

/* Form row */
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce-additional-fields .form-row { margin-bottom: 1rem; }

/* WC notice'ler — Bootstrap alert eşdeğeri */
.woocommerce-message,
.woocommerce-info {
  padding: .75rem 1rem;
  border-radius: .375rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.woocommerce-message { background: #d1e7dd; border-color: #a3cfbb; color: #0a3622; }
.woocommerce-info    { background: #cff4fc; border-color: #9eeaf9; color: #055160; }
.woocommerce-error   { background: #f8d7da; border-color: #f1aeb5; color: #58151c;
  padding: .75rem 1rem; border-radius: .375rem; margin-bottom: 1rem;
  border: 1px solid transparent; list-style: none; }
.woocommerce-error li { margin: 0; }

/* Checkout privacy policy notu */
#payment .place-order .woocommerce-privacy-policy-text {
  font-size: 12px; color: #6c757d; margin-bottom: .75rem; line-height: 1.5;
}

/* Place order butonu */
#payment .place-order #place_order {
  width: 100%;
}