/* ==========================================================
   SoruCevap/Index — Urunler/Index glass dili (scope'lu)
   ========================================================== */

.sorucevap-page .card,
.sorucevap-page .card.border,
.sorucevap-page .card.shadow-sm,
.sorucevap-page .card.shadow-lg{
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-md, 0 22px 60px rgba(0,0,0,.45)) !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  color: rgba(234,240,255,.92);
}

.sorucevap-page h1,
.sorucevap-page h2,
.sorucevap-page h3,
.sorucevap-page h4,
.sorucevap-page h5{
  color: rgba(255,255,255,.92) !important;
}
.sorucevap-page p,
.sorucevap-page .small,
.sorucevap-page label{
  color: rgba(234,240,255,.76) !important;
}

.sorucevap-page .form-control,
.sorucevap-page .form-select{
  background: rgba(12,16,28,.40) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(255,255,255,.90) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.sorucevap-page .form-control::placeholder{
  color: rgba(234,240,255,.55) !important;
}
.sorucevap-page .form-control:focus,
.sorucevap-page .form-select:focus{
  border-color: rgba(168,85,247,.45) !important;
  box-shadow: 0 0 0 3px rgba(168,85,247,.18) !important;
  outline: none !important;
}

/* breadcrumb glass */
.sorucevap-page .app-breadcrumb{
  padding: .85rem 1rem;
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  box-shadow: var(--shadow-sm, 0 10px 24px rgba(0,0,0,.22));
}

/* Form iç kart (bir tık daha koyu) */
.sorucevap-page .sc-form-inner{
  background: rgba(12,16,28,.35) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
}

/* toolbar spacing */
.sorucevap-page .sc-toolbar{
  display:flex;
  gap:.5rem;
  flex-wrap: wrap;
}

/* konu kartı hover */
.sorucevap-page .sc-topic-card{
  background: rgba(12,16,28,.35) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.sorucevap-page .sc-topic-card:hover{
  transform: translateY(-2px);
  background: rgba(17,25,40,.44) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* link tonları */
.sorucevap-page .sc-topic-title,
.sorucevap-page .sc-user-link,
.sorucevap-page .sc-product-link{
  color: #ff4500 !important;
  font-weight: 800;
}
.sorucevap-page .sc-topic-title:hover,
.sorucevap-page .sc-user-link:hover,
.sorucevap-page .sc-product-link:hover{
  text-decoration: underline !important;
}

/* meta */
.sorucevap-page .sc-topic-meta{
  font-size: 14px;
  color: rgba(234,240,255,.70);
}

/* sidebar list link */
.sorucevap-page .sc-side-link{
  color: rgba(255,255,255,.86);
}
.sorucevap-page .sc-side-link:hover{
  color: rgba(255,255,255,.95);
  text-decoration: underline;
}

/* hr */
.sorucevap-page hr{
  border-color: rgba(148,163,184,.14) !important;
}
/* ==========================================================
   SoruCevap/Index — Urunler/Index glass dili (scope'lu)
   ========================================================== */

/* ==========================================================
   SoruCevap/Detay — Urunler/Index glass dili (scope'lu)
   ========================================================== */

.sorucevap-page .card,
.sorucevap-page .card.border,
.sorucevap-page .card.shadow-sm,
.sorucevap-page .card.shadow-lg{
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-md, 0 22px 60px rgba(0,0,0,.45)) !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  color: rgba(234,240,255,.92);
}

.sorucevap-page h1,
.sorucevap-page h2,
.sorucevap-page h3,
.sorucevap-page h4,
.sorucevap-page h5{
  color: rgba(255,255,255,.92) !important;
}

.sorucevap-page .form-control,
.sorucevap-page .form-select{
  background: rgba(12,16,28,.40) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(255,255,255,.90) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.sorucevap-page .form-control:focus,
.sorucevap-page .form-select:focus{
  border-color: rgba(168,85,247,.45) !important;
  box-shadow: 0 0 0 3px rgba(168,85,247,.18) !important;
  outline: none !important;
}

/* breadcrumb glass */
.sorucevap-page .app-breadcrumb{
  padding: .85rem 1rem;
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  box-shadow: var(--shadow-sm, 0 10px 24px rgba(0,0,0,.22));
  margin: 0;
}
.sorucevap-page .app-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: rgba(234,240,255,.55);
}
.sorucevap-page .sc-link{
  color: rgba(255,255,255,.90);
}
.sorucevap-page .sc-link:hover{ text-decoration: underline; }

/* küçük tonlar */
.sorucevap-page .sc-muted{ color: rgba(234,240,255,.72) !important; }

/* chip */
.sorucevap-page .sc-chip{
  display:inline-flex;
  align-items:center;
  padding: .22rem .55rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(12,16,28,.28);
  color: rgba(255,255,255,.86);
  font-weight: 800;
  font-size: .85rem;
}

/* post kartları (soru + cevap) bir tık daha koyu */
.sorucevap-page .sc-post{
  background: rgba(12,16,28,.35) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
}
.sorucevap-page .sc-reply{
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.sorucevap-page .sc-reply:hover{
  transform: translateY(-2px);
  background: rgba(17,25,40,.44) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* kullanıcı linkleri */
.sorucevap-page .sc-user{
  color: #ff4500 !important;
  font-weight: 900;
}
.sorucevap-page .sc-user--op{
  color: rgba(34,197,94,.95) !important; /* soru sahibi yeşil */
}
.sorucevap-page .sc-user:hover{ text-decoration: underline; }

/* admin badge */
.sorucevap-page .sc-badge-admin{
  background: rgba(255,69,0,.18) !important;
  border: 1px solid rgba(255,69,0,.35) !important;
  color: rgba(255,235,228,.96) !important;
  border-radius: 999px;
  padding: .28rem .55rem;
  font-weight: 900;
}

/* ürün link */
.sorucevap-page .sc-product-link{
  color: #ff4500 !important;
  font-weight: 900;
}
.sorucevap-page .sc-product-link:hover{ text-decoration: underline; }

/* sidebar link */
.sorucevap-page .sc-side-link{
  color: rgba(255,255,255,.86);
}
.sorucevap-page .sc-side-link:hover{
  color: rgba(255,255,255,.95);
  text-decoration: underline;
}

/* reaksiyon butonları: küçük, düzenli */
.sorucevap-page .sc-reacts .btn{
  padding: .42rem .85rem !important;
}

/* hr */
.sorucevap-page hr{
  border-color: rgba(148,163,184,.14) !important;
}