/* REV_FAZ1_START */
/* FAZ-1: Tek skin otoritesi - neo-glass kart standardı */
/* === SV_RUYALAR_CARDS_REV1_START === */
/* hedef: neo-glass kart + padding + hover glow + meta safe spacing */

:root{
  --sv-card-r: 22px;
  --sv-card-b: rgba(255,255,255,.10);
  --sv-card-b2: rgba(255,255,255,.06);
  --sv-card-stroke: rgba(255,255,255,.14);
  --sv-card-stroke-hover: rgba(255,255,255,.26);
  --sv-glow: rgba(120,170,255,.22);
  --sv-glow-2: rgba(160,110,255,.18);
}

/* Dark mode için daha belirgin token'lar - 2026 STANDARTLARI */
[data-theme="dark"] {
  --sv-card-stroke: rgba(255,255,255,.28); /* Daha belirgin border */
  --sv-card-stroke-hover: rgba(255,255,255,.40); /* Daha belirgin hover border */
  --sv-glow: rgba(140,190,255,.35); /* Daha belirgin glow */
  --sv-glow-2: rgba(160,140,255,.28); /* Daha belirgin glow 2 */
}

/* REV_THEME_CORE_2026_START — TOKEN UYUMU */
/* 1) sayfa genel background token kullanımı */
.ruya-list-page{
  background: var(--bg, #f6f8fc);
}
/* REV_THEME_CORE_2026_END */

/* REV_THEME_CORE_2026_START — KART TOKEN UYUMU */
/* REV_PO_UI_LIST_V5 */
/* 2) grid kartları (ruyalar kartları) - PRO Google Material Skin */
.ruya-list-page .ruya-card,
.ruya-list-page .ruya-card-item,
.ruya-list-page a.ruya-card,
.ruya-list-page a.ruya-card-link{
  position: relative;
  border-radius: var(--radius-glass, var(--sv-card-r, 18px));
  background: var(--glass-bg, rgba(255, 255, 255, 0.88));
  border: 1px solid var(--glass-border-edge, rgba(0, 0, 0, 0.1));
  border-left: 4px solid var(--ruya-accent, rgba(52, 168, 83, 0.9)); /* Accent: pseudo overlay yerine border (ikonu kapatmaz) */
  backdrop-filter: blur(var(--glass-blur, 16px));
  -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
  box-shadow: var(--elevation-2, 0 8px 24px rgba(0, 0, 0, 0.08));
  overflow: hidden;
  transform: translateZ(0);
  transition: var(--transition-glass, transform .25s ease, box-shadow .25s ease, border-color .2s ease);
  min-height: 180px; /* CLS: minimum yükseklik */
  max-height: none;
  height: auto;
}

/* Sol accent şerit KALDIRILDI - ikon ve başlık üzerinde overlay yapıyordu */
/* Accent artık border-left ile veriliyor (içerikle çakışmaz) */
.ruya-list-page .ruya-card::before,
.ruya-list-page .ruya-card-item::before,
.ruya-list-page a.ruya-card::before,
.ruya-list-page a.ruya-card-link::before{
  content: none !important;
}

/* Dark mode - aynı */
[data-theme="dark"] .ruya-list-page .ruya-card::before,
[data-theme="dark"] .ruya-list-page .ruya-card-item::before,
[data-theme="dark"] .ruya-list-page a.ruya-card::before,
[data-theme="dark"] .ruya-list-page a.ruya-card-link::before{
  content: none !important;
}

/* İç accent tint overlay - KALDIRILDI (ikon/başlık kapanıyordu) */
.ruya-list-page .ruya-card::after,
.ruya-list-page .ruya-card-item::after,
.ruya-list-page a.ruya-card::after,
.ruya-list-page a.ruya-card-link::after{
  content: none !important;
}
/* REV_PO_UI_LIST_V5 */

/* REV_PO_UI_LIST_V5 */
/* hover: lift + shadow (CLS=0: sadece transform) */
.ruya-list-page .ruya-card:hover,
.ruya-list-page .ruya-card-item:hover,
.ruya-list-page a.ruya-card:hover,
.ruya-list-page a.ruya-card-link:hover{
  transform: translateY(-8px);
  border-color: var(--glass-border, rgba(0, 0, 0, 0.12));
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
}

/* ::before kapatıldı - hover kuralları kaldırıldı */

/* ::after kapatıldığı için hover state kaldırıldı */
/* REV_PO_UI_LIST_V5 */

/* 3) içerik spacing: kenara değme sorununu kökten çöz */
/* ÖNEMLİ: position+z-index ile overlay'lerin ÜSTÜNDE kal (ikon/yazı kapanmasın) */
.ruya-list-page .ruya-card-content{
  position: relative;
  z-index: 2;
  isolation: isolate;
  padding: 18px 20px 20px 20px; /* alt padding arttı - meta kenara değmesin */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  min-height: 128px; /* CLS: içerik yüksekliği sabit */
}

/* Başlık satırı: ikon + başlık yan yana (ikon line-clamp'tan ayrı, kesilmez) */
.ruya-list-page .ruya-card-title-row{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px 0;
}

.ruya-list-page .ruya-card-title-row .ruya-card-title{
  flex: 1;
  min-width: 0;
  margin: 0;
}

/* başlık: biraz yukarı, daha rahat */
/* Trend rozeti (trend_score > 0) */
/* YENİ badge - son 48 saat içinde eklenenler */
.ruya-list-page .ruya-card-badge-yeni {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #fff;
  box-shadow: 0 2px 10px rgba(16, 185, 129, 0.5);
  z-index: 2;
}

.ruya-list-page .ruya-card-trend-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: linear-gradient(135deg, #34a853, #0d652d);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(52, 168, 83, 0.4);
  z-index: 2;
}
.ruya-card-trend-badge svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
[data-theme="dark"] .ruya-list-page .ruya-card-trend-badge {
  background: linear-gradient(135deg, #5fb874, #34a853);
  box-shadow: 0 2px 8px rgba(95, 184, 116, 0.5);
}

.ruya-list-page .ruya-card-title,
.ruya-list-page .ruya-card h3{
  margin: 2px 0 12px;
  line-height: 1.18;
}

/* 4) alt meta şeridi (kategori + 👁) - kenara değmeyecek */
.ruya-list-page .ruya-card-meta{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto; /* flex ile alta it */
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.06);
}

/* REV_PO_UI_LIST_V5 */
/* meta chip (Google Material pill style) */
.ruya-list-page .ruya-card-category,
.ruya-list-page .ruya-card-views,
.ruya-list-page .ruya-tag,
.ruya-list-page .ruya-card-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.70);
  font-size: 12px;
  font-weight: 500;
  transition: background .2s ease, transform .2s ease, opacity .2s ease;
  box-shadow: none;
}

.ruya-list-page .ruya-card-category:hover,
.ruya-list-page .ruya-card-views:hover{
  background: rgba(0, 0, 0, 0.10);
  transform: translateY(-1px);
  opacity: 0.9;
}

/* Category chip - accent glow KALDIRILDI (üst çizgi sorunu) */
.ruya-list-page .ruya-card-category{
  position: relative;
}

.ruya-list-page .ruya-card-category::before{
  content: none !important;
}

.ruya-list-page .ruya-card:hover .ruya-card-category::before{
  content: none !important;
}
/* REV_PO_UI_LIST_V5 */

/* REV_PO_UI_LIST_V5 */
/* 5) premium "ikon badge" (Google Material style - net border) */
.ruya-list-page .ruya-ico{
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.90);
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
  margin-right: 0;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position: relative;
  z-index: 1;
}

/* İkon badge accent glow */
.ruya-list-page .ruya-ico::before{
  content: none !important;
}

/* İkon hover: sadece transform (CLS=0) */
.ruya-list-page .ruya-card:hover .ruya-ico,
.ruya-list-page .ruya-card-item:hover .ruya-ico,
.ruya-list-page a.ruya-card:hover .ruya-ico{
  transform: scale(1.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.16);
}
/* REV_PO_UI_LIST_V5 */

/* 6) mobil: padding biraz artsın, lift azalt */
@media (max-width: 768px){
  .ruya-list-page .ruya-card:hover,
  .ruya-list-page .ruya-card-item:hover,
  .ruya-list-page a.ruya-card:hover{
    transform: translateY(-3px);
  }

  .ruya-list-page .ruya-card-content{
    padding: 18px 16px 14px;
  }
}

/* === SV_RUYALAR_CARDS_REV1_END === */
/* REV_FAZ1_END */

/* REV_FAZ1C_START */
/* FAZ-1.0: Dark mode contrast fix - neo-glass premium görünüm */
/* Dark mode'da kartlar "beyaz plastik" gibi patlamasın */

/* REV_THEME_CORE_2026_REV2_START — DARK MODE SELECTOR GÜNCELLEMESİ */
[data-theme="dark"] .ruya-list-page{
  /* Sayfa arkaplan: daha koyu premium */
  background-image:
    radial-gradient(900px 500px at 15% 10%, rgba(80,120,200,.08), transparent 60%),
    radial-gradient(900px 500px at 85% 25%, rgba(100,80,180,.06), transparent 60%),
    radial-gradient(900px 700px at 55% 90%, rgba(40,160,140,.04), transparent 65%),
    linear-gradient(180deg, rgba(5,10,20,.98), rgba(5,10,20,.99));
}

/* REV_PO_UI_LIST_V5 */
/* Dark mode kart: BELİRGİN border, koyu material yüzey - 2026 STANDARTLARI */
[data-theme="dark"] .ruya-list-page .ruya-card,
[data-theme="dark"] .ruya-list-page .ruya-card-item,
[data-theme="dark"] .ruya-list-page a.ruya-card,
[data-theme="dark"] .ruya-list-page a.ruya-card-link{
  background: rgba(20, 24, 32, 0.92); /* Daha opak - daha belirgin */
  border: 1.5px solid rgba(255, 255, 255, 0.28); /* Daha kalın ve belirgin border */
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.5),
    0 2px 6px rgba(0, 0, 0, 0.4);
  /* inset çizgi KALDIRILDI - ikon/başlık üstünde çizgi yapıyordu */
}

[data-theme="dark"] .ruya-list-page .ruya-card::after,
[data-theme="dark"] .ruya-list-page .ruya-card-item::after,
[data-theme="dark"] .ruya-list-page a.ruya-card::after,
[data-theme="dark"] .ruya-list-page a.ruya-card-link::after{
  content: none !important; /* overlay kapalı */
}
/* REV_PO_UI_LIST_V5 */

/* REV_PO_UI_LIST_V5 */
/* Dark mode kart hover: ÇOK BELİRGİN border, güçlü shadow - 2026 STANDARTLARI */
[data-theme="dark"] .ruya-list-page .ruya-card:hover,
[data-theme="dark"] .ruya-list-page .ruya-card-item:hover,
[data-theme="dark"] .ruya-list-page a.ruya-card:hover,
[data-theme="dark"] .ruya-list-page a.ruya-card-link:hover{
  border-color: rgba(255, 255, 255, 0.40); /* Çok daha belirgin hover border */
  background: rgba(20, 24, 32, 0.96); /* Hover'da daha opak */
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.6),
    0 4px 12px rgba(0, 0, 0, 0.5);
  /* inset çizgi KALDIRILDI */
  transform: translateY(-4px); /* Hover lift efekti */
}

[data-theme="dark"] .ruya-list-page .ruya-card:hover::after,
[data-theme="dark"] .ruya-list-page .ruya-card-item:hover::after,
[data-theme="dark"] .ruya-list-page a.ruya-card:hover::after,
[data-theme="dark"] .ruya-list-page a.ruya-card-link:hover::after{
  content: none !important;
}
/* REV_PO_UI_LIST_V5 */

/* Dark mode kart başlık: BELİRGİN kontrast - 2026 STANDARTLARI */
[data-theme="dark"] .ruya-list-page .ruya-card-title,
[data-theme="dark"] .ruya-list-page .ruya-card h3{
  color: rgba(255,255,255,.98); /* Daha belirgin - 0.95'ten 0.98'e */
  text-shadow: 0 1px 3px rgba(0,0,0,.40); /* Daha belirgin text shadow */
  font-weight: 600; /* Biraz daha kalın */
}

/* REV_PO_UI_LIST_V5 */
/* Dark mode meta chip: Google Material pill - BELİRGİN border - 2026 STANDARTLARI */
[data-theme="dark"] .ruya-list-page .ruya-card-category,
[data-theme="dark"] .ruya-list-page .ruya-card-views,
[data-theme="dark"] .ruya-list-page .ruya-tag,
[data-theme="dark"] .ruya-list-page .ruya-card-badge{
  background: rgba(255, 255, 255, 0.12); /* Daha belirgin background */
  border: 1.5px solid rgba(255, 255, 255, 0.25); /* Daha kalın ve belirgin border */
  color: rgba(255, 255, 255, 0.92); /* Daha belirgin text */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /* Hafif shadow */
}

[data-theme="dark"] .ruya-list-page .ruya-card-category:hover,
[data-theme="dark"] .ruya-list-page .ruya-card-views:hover{
  background: rgba(255, 255, 255, 0.18); /* Hover'da daha belirgin */
  border-color: rgba(255, 255, 255, 0.35); /* Hover'da daha belirgin border */
}
/* REV_PO_UI_LIST_V5 */

/* REV_PO_UI_LIST_V5 */
/* Dark mode ikon badge: BELİRGİN border - 2026 STANDARTLARI */
[data-theme="dark"] .ruya-list-page .ruya-ico{
  background: rgba(255, 255, 255, 0.14); /* Daha belirgin background */
  border: 1.5px solid rgba(255, 255, 255, 0.28); /* Daha kalın ve belirgin border */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  /* inset çizgi KALDIRILDI - ikon üstünde çizgi yapıyordu */
}

[data-theme="dark"] .ruya-list-page .ruya-card:hover .ruya-ico,
[data-theme="dark"] .ruya-list-page .ruya-card-item:hover .ruya-ico,
[data-theme="dark"] .ruya-list-page a.ruya-card:hover .ruya-ico{
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  /* inset çizgi KALDIRILDI */
  border-color: rgba(255, 255, 255, 0.40); /* Hover'da çok daha belirgin border */
  background: rgba(255, 255, 255, 0.18); /* Hover'da daha belirgin background */
}
/* REV_PO_UI_LIST_V5 */

/* REV_PO_UI_LIST_V5 */
/* Dark mode kart "soft sheen": kaldırıldı (accent şerit ve tint kullanıyoruz) */
[data-theme="dark"] .ruya-list-page .ruya-card::before,
[data-theme="dark"] .ruya-list-page .ruya-card-item::before,
[data-theme="dark"] .ruya-list-page a.ruya-card::before,
[data-theme="dark"] .ruya-list-page a.ruya-card-link::before{
  /* Accent şerit zaten var, soft sheen kaldırıldı */
}
/* REV_PO_UI_LIST_V5 */

/* Dark mode meta border: minimal (üst çizgi sorununu önle) */
[data-theme="dark"] .ruya-list-page .ruya-card-meta{
  border-top: 1px solid rgba(255,255,255,.06);
}

/* REV_FAZ1C_END */

/* REV_PO_UI_LIST_V5 */
/* Light mode kart: net border, açık material yüzey */
[data-theme="light"] .ruya-list-page .ruya-card,
[data-theme="light"] .ruya-list-page .ruya-card-item,
[data-theme="light"] .ruya-list-page a.ruya-card,
[data-theme="light"] .ruya-list-page a.ruya-card-link,
:root:not([data-theme]) .ruya-list-page .ruya-card,
:root:not([data-theme]) .ruya-list-page .ruya-card-item,
:root:not([data-theme]) .ruya-list-page a.ruya-card,
:root:not([data-theme]) .ruya-list-page a.ruya-card-link{
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .ruya-list-page .ruya-card:hover,
[data-theme="light"] .ruya-list-page .ruya-card-item:hover,
[data-theme="light"] .ruya-list-page a.ruya-card:hover,
[data-theme="light"] .ruya-list-page a.ruya-card-link:hover,
:root:not([data-theme]) .ruya-list-page .ruya-card:hover,
:root:not([data-theme]) .ruya-list-page .ruya-card-item:hover,
:root:not([data-theme]) .ruya-list-page a.ruya-card:hover,
:root:not([data-theme]) .ruya-list-page a.ruya-card-link:hover{
  border-color: rgba(0, 0, 0, 0.16);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .ruya-list-page .ruya-card-category,
[data-theme="light"] .ruya-list-page .ruya-card-views,
:root:not([data-theme]) .ruya-list-page .ruya-card-category,
:root:not([data-theme]) .ruya-list-page .ruya-card-views{
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.70);
}

[data-theme="light"] .ruya-list-page .ruya-ico,
:root:not([data-theme]) .ruya-list-page .ruya-ico{
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
/* REV_PO_UI_LIST_V5 */

/* REV_FAZ1_1_START */
/* FAZ-1.1: SEO + Etkileşim + Gelir + Tutma */

/* 1) H1 altı micro-content bloğu */
.ruya-list-page .ruya-micro-content{
  max-width: 700px;
  margin: 0 auto var(--space-6, 24px);
  padding: 0 var(--space-4, 16px);
  text-align: center;
  font-size: var(--fs-md, 16px);
  line-height: 1.6;
  color: var(--text, rgba(255,255,255,.85));
}

[data-theme="dark"] .ruya-list-page .ruya-micro-content{
  color: rgba(255,255,255,.88); /* Daha belirgin - 0.80'den 0.88'e - 2026 STANDARTLARI */
}

[data-theme="light"], :root:not([data-theme]) .ruya-list-page .ruya-micro-content{
  color: rgba(10,12,18,.70);
}

/* 2) Kart açıklaması (max 140 karakter) */
.ruya-list-page .ruya-card-description{
  font-size: var(--fs-sm, 14px);
  line-height: 1.5;
  color: var(--muted, rgba(255,255,255,.65));
  margin: 0 0 8px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme="dark"] .ruya-list-page .ruya-card-description{
  color: rgba(255,255,255,.75); /* Daha belirgin - 0.65'ten 0.75'e - 2026 STANDARTLARI */
}

[data-theme="light"], :root:not([data-theme]) .ruya-list-page .ruya-card-description{
  color: rgba(10,12,18,.65);
}

/* 3) Kart altı mikro CTA */
.ruya-list-page .ruya-cta{
  display: inline-block;
  margin-top: 8px;
  font-size: var(--fs-sm, 14px);
  color: var(--primary, rgba(120,170,255,.90));
  text-decoration: none;
  transition: opacity .18s ease, text-decoration .18s ease;
  opacity: .75;
}

.ruya-list-page .ruya-card:hover .ruya-cta{
  opacity: 1;
  text-decoration: underline;
}

[data-theme="dark"] .ruya-list-page .ruya-cta{
  color: rgba(140,190,255,.95); /* Daha belirgin ve primary token'a uyumlu - 2026 STANDARTLARI */
  font-weight: 500; /* Biraz daha kalın */
}

[data-theme="light"], :root:not([data-theme]) .ruya-list-page .ruya-cta{
  color: rgba(102,126,234,.85);
}

/* 4) Kategori chip tıklanabilir */
.ruya-list-page .ruya-card-category{
  cursor: pointer;
  transition: opacity .18s ease, transform .18s ease;
}

.ruya-list-page .ruya-card-category:hover{
  opacity: .85;
  transform: scale(1.02);
}

.ruya-list-page .ruya-card-category.active{
  background: var(--primary, rgba(120,170,255,.25));
  border-color: var(--primary, rgba(120,170,255,.40));
}

/* REV_PO_UI_LIST_V6 */
/* REV_PO_UI_LIST_V7 */
/* REV_PO_UI_LIST_V8 */
/* REV_PO_UI_LIST_V9 */
/* 5) Inline content slot (her 8 kartta 1) - Sponsor Panel */
.ruya-list-page .ruya-inline-slot,
.ruya-list-page .ruya-grid-ad {
  grid-column: 1 / -1;
  min-height: 180px; /* CLS: Sabit yükseklik - kesin korunmalı */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: rgba(255, 255, 255, 0.98);
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(0, 0, 0, 0.025) 10px,
    rgba(0, 0, 0, 0.025) 20px
  );
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: var(--sv-card-r, 22px);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1),
              0 2px 8px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
/* REV_PO_UI_LIST_V9 */

.ruya-list-page .ruya-inline-slot::before {
  content: "Reklam";
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 10px;
  font-weight: var(--fw-medium, 500);
  color: var(--muted, rgba(0, 0, 0, 0.6));
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  z-index: 2;
}

.ruya-list-page .ruya-inline-slot:empty::after {
  content: "Sponsorlu Reklam Alanı";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--fs-md, 16px);
  font-weight: var(--fw-medium, 500);
  color: var(--muted, rgba(0, 0, 0, 0.5));
  z-index: 1;
}
/* REV_PO_UI_LIST_V8 */
/* REV_PO_UI_LIST_V7 */

.ruya-list-page .ruya-inline-slot:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12),
              0 2px 6px rgba(0, 0, 0, 0.08);
}

/* REV_PO_UI_LIST_V9 */
[data-theme="dark"] .ruya-list-page .ruya-inline-slot,
[data-theme="dark"] .ruya-list-page .ruya-grid-ad {
  background: rgba(20, 24, 32, 0.92);
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(255, 255, 255, 0.025) 10px,
    rgba(255, 255, 255, 0.025) 20px
  );
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5),
              0 2px 8px rgba(0, 0, 0, 0.4);
}
/* REV_PO_UI_LIST_V9 */

[data-theme="dark"] .ruya-list-page .ruya-inline-slot::before {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(20, 24, 32, 0.9);
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .ruya-list-page .ruya-inline-slot:empty::after {
  color: rgba(255, 255, 255, 0.5);
}

/* REV_PO_UI_LIST_V8 */

[data-theme="dark"] .ruya-list-page .ruya-inline-slot:hover {
  border-color: rgba(255, 255, 255, 0.40);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7),
              0 4px 12px rgba(0, 0, 0, 0.6);
}

[data-theme="light"], :root:not([data-theme]) .ruya-list-page .ruya-inline-slot{
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.15);
}
/* REV_PO_UI_LIST_V6 */

/* 6) Sayfa sonu "En Çok Arananlar" */
.ruya-list-page .ruya-popular-searches{
  padding: var(--space-6, 24px) var(--space-4, 16px);
  max-width: var(--sv-detail-max, 1120px);
  margin: 0 auto;
}

.ruya-list-page .ruya-popular-searches-title{
  font-size: var(--fs-xl, 24px);
  font-weight: var(--fw-bold, 700);
  color: var(--text, rgba(255,255,255,.95));
  margin: 0 0 var(--space-4, 16px) 0;
  text-align: center;
}

.ruya-list-page .ruya-popular-searches-list{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 12px);
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ruya-list-page .ruya-popular-searches-item{
  margin: 0;
}

.ruya-list-page .ruya-popular-searches-link{
  display: inline-block;
  padding: var(--space-2, 8px) var(--space-4, 16px);
  background: var(--sv-card-b, rgba(255,255,255,.10));
  border: 1px solid var(--sv-card-stroke, rgba(255,255,255,.14));
  border-radius: 999px;
  color: var(--text, rgba(255,255,255,.90));
  text-decoration: none;
  font-size: var(--fs-md, 16px);
  transition: opacity .18s ease, transform .18s ease, border-color .18s ease;
  opacity: .85;
}

.ruya-list-page .ruya-popular-searches-link:hover{
  opacity: 1;
  transform: translateY(-2px);
  border-color: var(--sv-card-stroke-hover, rgba(255,255,255,.26));
}

[data-theme="dark"] .ruya-list-page .ruya-popular-searches-link{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
}

[data-theme="light"], :root:not([data-theme]) .ruya-list-page .ruya-popular-searches-link{
  background: rgba(255,255,255,.85);
  border-color: hsl(var(--sv-border));
  color: hsl(var(--sv-text));
}

/* REV_FAZ1_1_END */

/* REV_UI_LAYOUT_FIX2_START — ruyalar grid standard - Optimized */
/* NOT: Genel .ruya-grid fallback KALDIRILDI - Sadece .ruya-list-page .ruya-grid kullanılıyor */
/* Çakışmaları önlemek için genel fallback kaldırıldı */

/* REV_PO_UI_LIST_V6 */
/* REV_PO_UI_LIST_V7 */
/* Ad slot grid içinde tam satır kaplasın, kart sayısını bozmasın - Optimized */
/* NOT: Genel .ruya-grid selector'ı KALDIRILDI - Sadece .ruya-list-page .ruya-grid kullanılıyor */
/* Çakışmaları önlemek için genel selector kaldırıldı */
/* REV_UI_LAYOUT_FIX2_END */

/* REV_PO_UI_LIST_V7 */
/* AD/Sponsor panels must span full row inside grid */
.ruya-list-page .ruya-inline-slot,
.ruya-list-page .ruya-grid-ad,
.ruya-list-page .sv-ad.ruya-grid-ad{
  grid-column: 1 / -1;     /* tam satır */
  justify-self: stretch;   /* genişle */
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  min-height: 180px;       /* CLS=0: sabit */
  display: block;
  border-radius: 18px;
  overflow: hidden;
}

/* "ince çizgi"yi üreten durum: dar kalma -> border gibi görünme.
   Bu fix ile panel gerçek panel olur. */
/* REV_PO_UI_LIST_V7 */

/* REV_PO_UI_LIST_V8 */
/* REV_PO_UI_LIST_V9 */
/* Sponsor Panel - Grid Ad & SV-Ad (ruya-inline-slot ile aynı stil) */
.ruya-list-page .ruya-grid-ad::before,
.ruya-list-page .sv-ad.ruya-grid-ad::before{
  content: "Reklam";
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 10px;
  font-weight: var(--fw-medium, 500);
  color: var(--muted, rgba(0, 0, 0, 0.6));
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  z-index: 2;
}

.ruya-list-page .ruya-grid-ad:empty::after,
.ruya-list-page .sv-ad.ruya-grid-ad:empty::after {
  content: "Sponsorlu Reklam Alanı";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--fs-md, 16px);
  font-weight: var(--fw-medium, 500);
  color: var(--muted, rgba(0, 0, 0, 0.5));
  z-index: 1;
}
/* REV_PO_UI_LIST_V9 */


.ruya-list-page .ruya-grid-ad:hover,
.ruya-list-page .sv-ad.ruya-grid-ad:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12),
              0 2px 6px rgba(0, 0, 0, 0.08);
}

/* REV_PO_UI_LIST_V9 */
[data-theme="dark"] .ruya-list-page .ruya-grid-ad::before,
[data-theme="dark"] .ruya-list-page .sv-ad.ruya-grid-ad::before {
  color: rgba(255, 255, 255, 0.85); /* Daha belirgin text - 2026 STANDARTLARI */
  background: rgba(20, 24, 32, 0.95); /* Daha opak */
  border: 1.5px solid rgba(255, 255, 255, 0.28); /* Daha kalın ve belirgin border */
}

[data-theme="dark"] .ruya-list-page .ruya-grid-ad:empty::after,
[data-theme="dark"] .ruya-list-page .sv-ad.ruya-grid-ad:empty::after {
  color: rgba(255, 255, 255, 0.70); /* Daha belirgin placeholder text */
}
/* REV_PO_UI_LIST_V9 */

[data-theme="dark"] .ruya-list-page .ruya-grid-ad:hover,
[data-theme="dark"] .ruya-list-page .sv-ad.ruya-grid-ad:hover {
  border-color: rgba(255, 255, 255, 0.40);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7),
              0 4px 12px rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .ruya-list-page .ruya-grid-ad,
:root:not([data-theme]) .ruya-list-page .ruya-grid-ad,
[data-theme="light"] .ruya-list-page .sv-ad.ruya-grid-ad,
:root:not([data-theme]) .ruya-list-page .sv-ad.ruya-grid-ad {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.15);
}
/* REV_PO_UI_LIST_V6 */

/* REV_UI_POLISH_V3_START — ruyalar search enforce */
.sv-page--ruyalar .sv-searchbar{ margin-top: 16px; }
.sv-page--ruyalar .sv-search-dd{ backdrop-filter: blur(10px); }
/* REV_UI_POLISH_V3_END */

/* REV_PO_UI_LIST_V10 */
/* Reklam paneli: divider çizgisi gibi değil, gerçek blok gibi */
.ruya-inline-slot,
.ruya-grid-ad,
.sv-ad.ruya-grid-ad{
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.14);
  box-shadow: 0 10px 28px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.08);
}

[data-theme="dark"] .ruya-inline-slot,
[data-theme="dark"] .ruya-grid-ad,
[data-theme="dark"] .sv-ad.ruya-grid-ad{
  background: rgba(20,24,32,.95);
  border: 1.5px solid rgba(255,255,255,.28);
  box-shadow: 0 12px 30px rgba(0,0,0,.6), 
              0 2px 10px rgba(0,0,0,.5);
}

/* boşsa: ortalı ve net placeholder */
.ruya-inline-slot:empty::after,
.ruya-grid-ad:empty::after,
.sv-ad.ruya-grid-ad:empty::after{
  content: "Sponsorlu Reklam Alanı";
  opacity: .82;
  font-weight: 600;
  letter-spacing: .2px;
}

/* üst sol "Reklam" badge daha premium */
.ruya-inline-slot::before,
.ruya-grid-ad::before,
.sv-ad.ruya-grid-ad::before{
  content: "REKLAM";
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.14);
}

[data-theme="dark"] .ruya-inline-slot::before,
[data-theme="dark"] .ruya-grid-ad::before,
[data-theme="dark"] .sv-ad.ruya-grid-ad::before{
  background: rgba(255,255,255,.16); /* Daha belirgin background - 2026 STANDARTLARI */
  border: 1.5px solid rgba(255,255,255,.28); /* Daha kalın ve belirgin border */
  color: rgba(255,255,255,.85); /* Daha belirgin text */
}
/* REV_PO_UI_LIST_V10 */

/* REV_PO_UI_LIST_V10 */
/* En Çok Arananlar: modern chip set */
.ruya-popular-searches .sv-chip,
.ruya-popular-searches-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.ruya-popular-searches .sv-chip:hover,
.ruya-popular-searches-link:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.26);
  box-shadow: 0 10px 24px rgba(0,0,0,.24);
}

.ruya-popular-searches .sv-chip:focus-visible,
.ruya-popular-searches-link:focus-visible{
  outline: 3px solid rgba(120,170,255,.55);
  outline-offset: 4px;
}
/* REV_PO_UI_LIST_V10 */

/* ===================================================== */
/* REV_PO_UI_LIST_V12 — GRID LOCK FIX (Kesin 4 Kolon Düzeni) */
/* ruyalar-2026.css son yüklendiği için kesin otorite burada */
/* ===================================================== */

/* Grid tanımları ruya-list-2026.css'te - Burada sadece kart stilleri */
/* Çakışmaları önlemek için grid tanımları tek dosyada toplandı */

/* Reklam slotu her zaman tam satır - Optimized */
.ruya-list-page .ruya-grid > .ruya-inline-slot,
.ruya-list-page.ruya-grid > .ruya-inline-slot,
.ruya-list-page .ruya-grid > .ruya-grid-ad,
.ruya-list-page.ruya-grid > .ruya-grid-ad,
.ruya-list-page .ruya-grid > .sv-ad.ruya-grid-ad,
.ruya-list-page.ruya-grid > .sv-ad.ruya-grid-ad{
  grid-column: 1 / -1;
  width: 100%;
  max-width: var(--sv-detail-max, 1120px);
  margin: 0 auto;
}

/* Son satırda tek kutu kalırsa - DÜZELTME: Reklamları hesaba katmadan */
/* Not: Bu kural sadece son child bir kart ise ve 4n+1 pozisyonundaysa çalışır */
/* Ancak reklamlar grid içinde olduğu için nth-child doğru çalışmayabilir */
/* Bu durumda JavaScript ile kontrol edilmeli veya kural kaldırılmalı */
/* Geçici çözüm: Son satır tek kutu kuralını kaldır, normal grid davranışına bırak */
/* .ruya-list-page .ruya-grid > .ruya-card:last-child:nth-child(4n+1){
  grid-column: 2 / 3;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
} */

/* ===================================================== */
/* REV_PO_UI_LIST_V12 END */
/* ===================================================== */

/* Daha fazla yükle - Rüyalar AJAX load more 2026.2.26 */
.ruya-load-more-wrap {
  margin-top: 2rem;
  padding: 1rem 0;
  text-align: center;
}
.ruya-load-more-btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
}
.ruya-load-more-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.ruya-load-status {
  margin-top: 0.5rem;
  color: var(--muted, #666);
  font-size: 0.9rem;
}
.ruya-load-more-done .ruya-load-status { display: block !important; }
.ruya-card--skeleton .ruya-card-content { pointer-events: none; }

/* UX #128: Keşfet | A-Z Sözlük sekmeleri */
.ruya-view-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--border, rgba(0,0,0,.08));
}
.ruya-view-tab {
  padding: 10px 20px;
  border-radius: var(--radius-2, 10px);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  color: var(--muted);
  background: transparent;
  transition: background .2s, color .2s;
}
.ruya-view-tab:hover {
  color: var(--primary);
  background: var(--surface-2, rgba(0,0,0,.04));
}
.ruya-view-tab--active {
  color: #fff;
  background: var(--primary);
}
[data-theme="dark"] .ruya-view-tabs { border-color: rgba(255,255,255,.12); }
[data-theme="dark"] .ruya-view-tab:hover { background: rgba(255,255,255,.08); }

/* UX #128: A-Z Harf indeksi */
.ruya-az-index {
  padding: 2rem 0;
  margin-bottom: 2rem;
}
.ruya-az-title {
  font-size: clamp(20px, 2.5vw, 28px);
  margin: 0 0 0.5rem;
  color: var(--text);
}
.ruya-az-desc {
  color: var(--muted);
  margin: 0 0 1.5rem;
  font-size: 0.95rem;
}
.ruya-az-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}
.ruya-az-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--glass-bg, rgba(255,255,255,.9));
  border: 1px solid var(--border, rgba(0,0,0,.1));
  color: var(--primary);
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  transition: transform .15s, background .2s, box-shadow .2s;
}
.ruya-az-letter:hover {
  background: var(--primary);
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(37,99,235,.3);
}
.ruya-az-letter:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
[data-theme="dark"] .ruya-az-letter {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.2);
}

/* Grid/Liste görünüm toggle */
.ruya-view-bar { display: flex; justify-content: flex-end; }
.ruya-view-toggle { display: flex; gap: 4px; }
.ruya-view-btn {
  padding: 8px 12px; border: none; border-radius: var(--radius-2, 8px);
  background: var(--surface-2, rgba(0,0,0,.05)); color: var(--muted);
  cursor: pointer; transition: background .2s, color .2s;
}
.ruya-view-btn:hover { color: var(--primary); background: var(--surface-3, rgba(0,0,0,.08)); }
.ruya-view-btn.is-active { background: var(--primary); color: #fff; }

#ruyaListGrid.ruya-grid[data-view="liste"],
.ruya-list-page.ruya-grid[data-view="liste"] {
  grid-template-columns: 1fr;
  gap: var(--space-3, 12px);
}
#ruyaListGrid[data-view="liste"] .ruya-card,
.ruya-list-page[data-view="liste"] .ruya-card {
  min-height: auto;
  display: flex;
}
#ruyaListGrid[data-view="liste"] .ruya-card-content,
.ruya-list-page[data-view="liste"] .ruya-card-content {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: var(--space-4, 16px);
  min-height: auto;
  padding: var(--space-3, 12px) var(--space-4, 16px);
}
#ruyaListGrid[data-view="liste"] .ruya-card-title-row,
.ruya-list-page[data-view="liste"] .ruya-card-title-row {
  flex: 1;
  min-width: 0;
  margin: 0;
}
#ruyaListGrid[data-view="liste"] .ruya-card-description,
.ruya-list-page[data-view="liste"] .ruya-card-description {
  flex: 2;
  min-width: 0;
  margin: 0;
}
#ruyaListGrid[data-view="liste"] .ruya-card-meta,
.ruya-list-page[data-view="liste"] .ruya-card-meta {
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 639px) {
  #ruyaListGrid[data-view="liste"] .ruya-card-content,
  .ruya-list-page[data-view="liste"] .ruya-card-content { flex-direction: column; align-items: flex-start; }
}