/*
Theme Name: AstroTheme
Theme URI: https://astrotheme.com
Author: AI Studio
Description: Modern, canlı ve etkileşimli spiritüel enerji teması
Version: 2.6.1
Text Domain: astrotheme
*/

/* ==========================================================================
   1. TASARIM SİSTEMİ — CSS DEĞİŞKENLERİ
   ========================================================================== */
:root {
  /* Renk Paleti */
  --color-bg-deepest: #0a0410;
  --color-bg-deep: #130722;
  --color-bg-base: #1a0b2e;
  --color-bg-elevated: #2d1250;
  --color-bg-surface: rgba(255, 255, 255, 0.04);
  --color-bg-surface-hover: rgba(255, 255, 255, 0.08);

  --color-gold: #FFD700;
  --color-gold-warm: #FFA500;
  --color-gold-soft: rgba(255, 215, 0, 0.1);
  --color-gold-glow: rgba(255, 215, 0, 0.3);

  --color-purple: #8B5CF6;
  --color-purple-deep: #4b1d68;
  --color-purple-glow: rgba(139, 92, 246, 0.2);

  --color-blue: #3B82F6;
  --color-blue-glow: rgba(59, 130, 246, 0.2);

  --color-text-primary: #ffffff;
  --color-text-secondary: #d1d5db;
  --color-text-tertiary: #9ca3af;
  --color-text-muted: #6b7280;

  --color-danger: #ef4444;
  --color-success: #10b981;

  /* Tipografi */
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;

  /* Gölgeler */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.35);
  --shadow-gold: 0 8px 32px rgba(255, 215, 0, 0.15);
  --shadow-gold-lg: 0 16px 48px rgba(255, 215, 0, 0.25);

  /* Border'lar */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.1);
  --border-gold: rgba(255, 215, 0, 0.3);

  /* Radius'lar */
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-full: 9999px;

  /* Geçişler */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ==========================================================================
   2. TEMEL STİLLER & RESET
   ========================================================================== */
* { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  background-color: var(--color-bg-base);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 80% 50% at 20% 0%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(255, 215, 0, 0.05) 0%, transparent 50%),
    radial-gradient(ellipse 50% 30% at 50% 50%, rgba(59, 130, 246, 0.04) 0%, transparent 50%);
}

a { color: var(--color-gold); text-decoration: none; transition: color var(--transition-fast); }
a:hover { color: var(--color-gold-warm); }

img { max-width: 100%; height: auto; display: block; }

::selection { background: var(--color-gold); color: var(--color-bg-base); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--color-bg-deep); }
::-webkit-scrollbar-thumb { background: var(--color-bg-elevated); border-radius: var(--radius-full); }
::-webkit-scrollbar-thumb:hover { background: var(--color-gold); }

/* ==========================================================================
   3. ANİMASYONLAR
   ========================================================================== */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInScale {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(2deg); }
}

@keyframes floatSlow {
  0%, 100% { transform: translateY(0) translateX(0); }
  33% { transform: translateY(-15px) translateX(10px); }
  66% { transform: translateY(10px) translateX(-10px); }
}

@keyframes pulseGlow {
  0%, 100% { transform: scale(1); opacity: 0.6; box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.3); }
  50% { transform: scale(1.1); opacity: 1; box-shadow: 0 0 30px 10px rgba(139, 92, 246, 0.15); }
}

@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes twinkle {
  0%, 100% { opacity: 0.2; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.2); }
}

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

@keyframes borderGlow {
  0%, 100% { border-color: rgba(255, 215, 0, 0.2); box-shadow: 0 0 20px rgba(255, 215, 0, 0.1); }
  50% { border-color: rgba(255, 215, 0, 0.5); box-shadow: 0 0 30px rgba(255, 215, 0, 0.2); }
}

/* Scroll-reveal sınıfları */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.reveal-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }

/* ==========================================================================
   4. BUTONLAR
   ========================================================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  padding: 0.875rem 2rem;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-size: 0.95rem;
  position: relative;
  overflow: hidden;
}

.btn-gold {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: var(--color-bg-base);
  box-shadow: var(--shadow-gold);
}
.btn-gold:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: var(--shadow-gold-lg);
  color: var(--color-bg-base);
}
.btn-gold::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s ease;
}
.btn-gold:hover::before { left: 100%; }

.btn-outline {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--border-default);
}
.btn-outline:hover {
  border-color: var(--color-gold);
  color: var(--color-gold);
  background: var(--color-gold-soft);
  transform: translateY(-2px);
}

.btn-dark {
  background: var(--color-bg-base);
  color: var(--color-text-primary);
}
.btn-dark:hover {
  background: var(--color-bg-elevated);
  transform: translateY(-2px);
}

/* ==========================================================================
   5. KART SİSTEMİ
   ========================================================================== */
.card {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 2rem;
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
}

.card-hover:hover {
  transform: translateY(-8px);
  border-color: var(--border-gold);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-surface-hover);
}

.card-featured {
  border-color: var(--color-gold);
  background: linear-gradient(135deg, rgba(75, 29, 104, 0.3), var(--color-bg-base));
  box-shadow: var(--shadow-gold);
}

.card-featured::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--radius-lg);
  padding: 1px;
  background: linear-gradient(135deg, var(--color-gold), transparent, var(--color-gold));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.5;
  pointer-events: none;
}

/* ==========================================================================
   6. ETİKET / ROZET SİSTEMİ
   ========================================================================== */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  padding: 0.375rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  backdrop-filter: blur(10px);
}

.badge-gold {
  background: var(--color-gold-soft);
  border-color: var(--border-gold);
  color: var(--color-gold);
}

.badge-gradient {
  background: linear-gradient(135deg, var(--color-gold), var(--color-gold-warm));
  color: var(--color-bg-base);
  border: none;
  font-weight: 700;
}

/* ==========================================================================
   7. BÖLÜM BAŞLIK SİSTEMİ
   ========================================================================== */
.section-eyebrow {
  display: inline-block;
  color: var(--color-gold);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 2rem;
}
.section-eyebrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.5rem;
  height: 1px;
  background: var(--color-gold);
}

.section-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}

.section-desc {
  color: var(--color-text-tertiary);
  font-size: 1.05rem;
  line-height: 1.7;
  margin-bottom: 3rem;
}

.text-gradient-gold {
  background: linear-gradient(135deg, #FFD700, #FFA500, #FFD700);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 4s linear infinite;
}

/* ==========================================================================
   8. Instagram / Sosyal Medya butonları efekti
   ========================================================================== */
.icon-hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  transition: all var(--transition-base);
}
.icon-hover:hover {
  background: var(--color-gold);
  border-color: var(--color-gold);
  transform: translateY(-3px) rotate(8deg);
}

/* ==========================================================================
   9. INPUT / FORM SİSTEMİ
   ========================================================================== */
.input-modern {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  padding: 1rem 1.5rem;
  color: var(--color-text-primary);
  width: 100%;
  font-size: 0.95rem;
  transition: all var(--transition-base);
}
.input-modern:focus {
  outline: none;
  border-color: var(--color-gold);
  box-shadow: 0 0 0 3px var(--color-gold-soft);
  background: var(--color-bg-surface-hover);
}
.input-modern::placeholder { color: var(--color-text-muted); }

/* ==========================================================================
   11. MODÜL SİSTEMİ (Günün Planı, Bilinç, Astroloji)
   ========================================================================== */
.module-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 0;
  gap: 1rem;
}

.module-loading span {
  color: var(--color-text-tertiary);
  font-size: 0.85rem;
  animation: pulseText 2s ease-in-out infinite;
}

.loading-pulse {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-gold), var(--color-purple), var(--color-blue));
  animation: pulseGlow 1.5s ease-in-out infinite;
}

@keyframes pulseText {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

@keyframes badgePop {
  0% { transform: scale(1); }
  30% { transform: scale(1.25); }
  60% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.live-count-number {
  transition: transform 0.15s ease-out;
}
.live-count-number.pulse {
  animation: badgePop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.module-content .content-loaded {
  animation: fadeInUp 0.6s ease-out;
}

.module-content p {
  margin-bottom: 1rem;
  line-height: 1.85;
}

.module-content p:last-child { margin-bottom: 0; }

.module-empty {
  color: var(--color-text-muted);
  font-style: italic;
  text-align: center;
  padding: 2rem 0;
}

.daily-plan-card {
  position: relative;
  overflow: hidden;
}

.daily-plan-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 215, 0, 0.05) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.daily-plan-card:hover::before { opacity: 1; }

#consciousness-module, #astrology-module {
  position: relative;
  overflow: hidden;
}

#consciousness-module::before {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -20%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle, var(--color-purple-glow) 0%, transparent 70%);
  pointer-events: none;
}

#astrology-module::before {
  content: '';
  position: absolute;
  bottom: -30%;
  right: -20%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle, var(--color-blue-glow) 0%, transparent 70%);
  pointer-events: none;
}

/* ==========================================================================
   12. BUDDYPRESS — MODERN STİLLER
   ========================================================================== */
#buddypress {
  color: var(--color-text-secondary);
  font-family: var(--font-sans);
}

#buddypress a {
  color: var(--color-gold);
  transition: all var(--transition-fast);
}

#buddypress a:hover { color: var(--color-gold-warm); }

/* Profile & Group Header */
#buddypress div#item-header {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-xl);
  padding: 2.5rem;
  margin-bottom: 2.5rem;
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

#buddypress div#item-header::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, var(--color-purple-glow) 0%, transparent 70%);
  pointer-events: none;
}

#buddypress div#item-header img.avatar {
  border-radius: 50%;
  border: 4px solid var(--border-gold);
  box-shadow: 0 0 30px var(--color-gold-glow);
  transition: transform var(--transition-base);
}

#buddypress div#item-header img.avatar:hover { transform: scale(1.05); }

#buddypress div#item-header h2 {
  color: var(--color-text-primary);
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

#buddypress div#item-header h2 a { color: var(--color-text-primary); }

/* Navigation Tabs */
#buddypress div#item-nav {
  background: rgba(26, 11, 46, 0.6);
  border-radius: var(--radius-md);
  padding: 0.5rem;
  margin-bottom: 2.5rem;
  border: 1px solid var(--border-subtle);
  display: flex;
  overflow-x: auto;
  backdrop-filter: blur(10px);
}

#buddypress div#item-nav ul {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 0.25rem;
}

#buddypress div#item-nav ul li { margin: 0; }

#buddypress div#item-nav ul li a {
  color: var(--color-text-tertiary);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  display: block;
  border-radius: 0.75rem;
  transition: all var(--transition-base);
  white-space: nowrap;
}

#buddypress div#item-nav ul li a:hover {
  background: var(--color-bg-surface);
  color: var(--color-text-primary);
}

#buddypress div#item-nav ul li.current a,
#buddypress div#item-nav ul li.selected a {
  color: var(--color-bg-base);
  background: linear-gradient(135deg, var(--color-gold), var(--color-gold-warm));
  box-shadow: var(--shadow-gold);
}

/* Sub Navigation */
#buddypress div.item-list-tabs {
  background: transparent;
  border: none;
  margin-bottom: 2rem;
}

#buddypress div.item-list-tabs ul li a {
  background: var(--color-bg-surface);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  padding: 0.5rem 1.25rem;
  font-size: 0.9rem;
  border: 1px solid var(--border-default);
  transition: all var(--transition-base);
}

#buddypress div.item-list-tabs ul li a:hover {
  background: var(--color-bg-surface-hover);
  color: var(--color-text-primary);
  transform: translateY(-1px);
}

#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
  background: var(--color-gold-soft);
  color: var(--color-gold);
  border-color: var(--color-gold);
}

/* Form Elements */
#buddypress form#whats-new-form {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 2rem;
  margin-bottom: 2.5rem;
  backdrop-filter: blur(10px);
}

#buddypress textarea#whats-new,
#buddypress .standard-form textarea,
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="password"],
#buddypress .standard-form input[type="email"],
#buddypress div.dir-search input[type="text"] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--border-default);
  color: white;
  border-radius: var(--radius-md);
  padding: 1rem 1.5rem;
  width: 100%;
  transition: all var(--transition-base);
}

#buddypress textarea#whats-new:focus,
#buddypress .standard-form input:focus {
  outline: none;
  border-color: var(--color-gold);
  box-shadow: 0 0 0 3px var(--color-gold-soft);
}

/* Buttons */
#buddypress input[type="submit"],
#buddypress button,
#buddypress a.button,
#buddypress div.generic-button a {
  background: linear-gradient(135deg, var(--color-gold), var(--color-gold-warm));
  color: var(--color-bg-base) !important;
  border: none;
  border-radius: var(--radius-full);
  padding: 0.6rem 1.5rem;
  font-weight: 700;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-gold);
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.85rem;
  position: relative;
  overflow: hidden;
}

#buddypress input[type="submit"]:hover,
#buddypress button:hover,
#buddypress a.button:hover,
#buddypress div.generic-button a:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: var(--shadow-gold-lg);
}

/* Activity Stream */
#buddypress div.activity-list li {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 2rem;
  margin-bottom: 2rem;
  transition: all var(--transition-base);
  backdrop-filter: blur(10px);
}

#buddypress div.activity-list li:hover {
  border-color: var(--border-gold);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

#buddypress div.activity-list li .activity-avatar img.avatar {
  border-radius: 50%;
  border: 2px solid var(--border-default);
}

#buddypress div.activity-list li .activity-header {
  color: var(--color-text-secondary);
  line-height: 1.6;
}

#buddypress div.activity-list li .activity-content .activity-inner {
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin: 1.5rem 0;
  color: var(--color-text-primary);
  border: 1px solid var(--border-subtle);
}

#buddypress div.activity-list li .activity-meta {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}

#buddypress div.activity-list li .activity-meta a {
  background: var(--color-bg-surface);
  color: var(--color-text-secondary) !important;
  padding: 0.4rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.85rem;
  font-weight: 500;
  transition: all var(--transition-fast);
}

#buddypress div.activity-list li .activity-meta a:hover {
  background: var(--color-gold-soft);
  color: var(--color-gold) !important;
  transform: translateY(-1px);
}

/* Activity Comments */
#buddypress div.activity-comments {
  background: transparent;
  margin-top: 1.5rem;
}

#buddypress div.activity-comments ul li {
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-top: 1rem;
}

/* Directories (Members / Groups) */
#buddypress ul.item-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

#buddypress ul.item-list li {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: 2rem;
  text-align: center;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  align-items: center;
  backdrop-filter: blur(10px);
}

#buddypress ul.item-list li:hover {
  border-color: var(--border-gold);
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-surface-hover);
}

#buddypress ul.item-list li div.item-avatar img.avatar {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  border: 3px solid var(--border-gold);
  margin-bottom: 1rem;
  box-shadow: 0 0 20px var(--color-gold-glow);
}

#buddypress ul.item-list li div.item-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--color-text-primary);
}

#buddypress ul.item-list li div.item-meta {
  color: var(--color-text-tertiary);
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

#buddypress ul.item-list li div.action {
  margin-top: auto;
  width: 100%;
}

#buddypress ul.item-list li div.action .button {
  width: 100%;
  text-align: center;
}

/* Profile Tables */
#buddypress table.profile-fields {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-bg-surface);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-subtle);
}

#buddypress table.profile-fields tr td,
#buddypress table.profile-fields tr th {
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-subtle);
  color: var(--color-text-secondary);
}

#buddypress table.profile-fields tr:last-child td,
#buddypress table.profile-fields tr:last-child th { border-bottom: none; }

#buddypress table.profile-fields tr th {
  background: rgba(0, 0, 0, 0.2);
  width: 30%;
  font-weight: 600;
  color: var(--color-gold);
}

/* Messages & Notifications */
#buddypress table.messages-notices,
#buddypress table.notifications {
  width: 100%;
  background: var(--color-bg-surface);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border-subtle);
}

#buddypress table.messages-notices thead th,
#buddypress table.notifications thead th {
  background: rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
  color: var(--color-gold);
  font-weight: 600;
  text-align: left;
}

#buddypress table.messages-notices tbody td,
#buddypress table.notifications tbody td {
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-subtle);
  color: var(--color-text-secondary);
}

#buddypress table.messages-notices tbody tr.unread td,
#buddypress table.notifications tbody tr.unread td {
  background: var(--color-gold-soft);
  font-weight: 600;
  color: var(--color-text-primary);
}

/* Pagination */
#buddypress div.pagination {
  background: var(--color-bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-full);
  padding: 1rem 2rem;
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-text-tertiary);
}

#buddypress div.pagination .page-numbers {
  padding: 0.5rem 1rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
}

#buddypress div.pagination .page-numbers.current {
  background: var(--color-gold);
  color: var(--color-bg-base);
  font-weight: bold;
}

#buddypress div.pagination a.page-numbers:hover {
  background: var(--color-gold-soft);
  color: var(--color-gold);
}

/* Notices & Errors */
#buddypress div#message {
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: 500;
}

#buddypress div#message.info,
#buddypress div#message.updated {
  background: var(--color-gold-soft);
  border: 1px solid var(--border-gold);
  color: var(--color-gold);
}

#buddypress div#message.error {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: var(--color-danger);
}

/* ==========================================================================
   13. WOOCOMMERCE — ULTRA LÜKS KOZMİK STİLLER (SEBA AKADEMİ)
   ========================================================================== */

/* --- Mağaza Taşıyıcı ve Grid --- */
.seba-woocommerce-main {
  position: relative;
  min-height: 100vh;
  background-color: #08020f !important;
}

/* Sıralama Açılır Menüsü (White Box Fix) */
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  margin-bottom: 2rem !important;
  float: right !important;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
  background-color: #16072b !important;
  color: #FFD700 !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 0.75rem !important;
  padding: 0.65rem 1.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  outline: none !important;
  backdrop-filter: blur(12px) !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFD700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  padding-right: 2.5rem !important;
}
.woocommerce .woocommerce-ordering select:focus,
.woocommerce-page .woocommerce-ordering select:focus {
  border-color: #FFD700 !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.35) !important;
}
.woocommerce .woocommerce-ordering select option,
.woocommerce-page .woocommerce-ordering select option {
  background-color: #120524 !important;
  color: #ffffff !important;
  padding: 0.5rem !important;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
  color: #cbd5e1 !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 2rem !important;
}

/* Ürün Grid Düzeni */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  padding: 0 !important;
  margin: 0 0 3.5rem 0 !important;
  list-style: none !important;
  clear: both !important;
}
@media (min-width: 640px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after { display: none !important; }

/* Ürün Kartı (Ultra Lüks Glassmorphism) */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04) 0%, rgba(20, 8, 38, 0.7) 100%) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 1.5rem !important;
  padding: 1.25rem !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.woocommerce ul.products li.product::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.08), transparent);
  transform: skewX(-25deg);
  transition: 0.75s;
  pointer-events: none;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-8px) scale(1.015) !important;
  border-color: rgba(255, 215, 0, 0.55) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), 0 0 30px rgba(255, 215, 0, 0.25) !important;
}
.woocommerce ul.products li.product:hover::before {
  left: 200%;
}

/* KATEGORİ KUTULARI (Resimsiz, 3'lü Grid) */
.seba-cat-box {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(20, 8, 38, 0.7) 100%);
  border-color: rgba(255, 255, 255, 0.12);
  color: #e5e7eb;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.seba-cat-box:hover {
  border-color: rgba(255, 215, 0, 0.55) !important;
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), 0 0 18px rgba(255, 215, 0, 0.12);
}
.seba-cat-box .seba-cat-count {
  min-width: 2rem;
  text-align: center;
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  background: rgba(255, 215, 0, 0.08);
  border: 1px solid rgba(255, 215, 0, 0.25);
  color: #FFD700;
  font-size: 0.72rem;
  font-weight: 800;
}
.seba-cat-box-active,
.seba-cat-box-active:hover {
  border-color: #FFD700 !important;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.14), rgba(139, 92, 246, 0.12));
  color: #FFD700 !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.2);
}

/* Ana Sayfa — Akademi Portalı Son Ürünler Vitrini */
.seba-portal-product .price { color: #FFD700 !important; font-weight: 800; }
.seba-portal-product .price del { color: #6b7280 !important; font-weight: 500; margin-right: 0.35rem; }
.seba-portal-product .price ins { text-decoration: none; }

/* Ürün Rozetleri */
.seba-product-badges-wrapper {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  pointer-events: none;
}
.seba-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.seba-badge-sale {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.45);
}
.seba-badge-featured {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #120524;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
}
.seba-badge-out {
  background: rgba(100, 116, 139, 0.85);
  color: #ffffff;
}

/* Ürün Görseli & Thumb Container */
.seba-product-thumb-container {
  position: relative !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  margin-bottom: 1rem !important;
  height: 230px !important;
  background: radial-gradient(circle, rgba(55, 20, 100, 0.35) 0%, rgba(18, 7, 34, 0.85) 100%) !important;
  border: 1px solid rgba(255, 215, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}

.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: block !important;
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.06) !important;
}

/* Hover Quick View Butonu */
.seba-card-overlay-actions {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(18, 7, 34, 0.75) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.woocommerce ul.products li.product:hover .seba-card-overlay-actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.seba-quick-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: rgba(255, 215, 0, 0.18) !important;
  border: 1px solid rgba(255, 215, 0, 0.5) !important;
  padding: 0.55rem 1.25rem !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.25) !important;
}

/* Kategori & Başlık */
.seba-product-card-cat {
  margin-bottom: 0.4rem !important;
}
.seba-cat-pill {
  font-size: 0.7rem !important;
  color: #FFD700 !important;
  background: rgba(255, 215, 0, 0.1) !important;
  border: 1px solid rgba(255, 215, 0, 0.25) !important;
  padding: 0.2rem 0.6rem !important;
  border-radius: 0.4rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  display: inline-block !important;
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Syne', sans-serif !important;
  color: #ffffff !important;
  font-size: 1.125rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin: 0 0 0.5rem 0 !important;
  min-height: 2.7rem !important;
  transition: color 0.3s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.woocommerce ul.products li.product:hover h2,
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #FFD700 !important;
}

/* Yıldız Değerlendirmeleri */
.seba-card-rating-block {
  margin-bottom: 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
}
.seba-stars-default {
  color: #FFD700 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.15em !important;
}

/* Fiyat ve Sepete Ekle Butonu Kapsayıcısı */
.seba-card-bottom-wrapper {
  margin-top: auto !important;
  padding-top: 0.75rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: #FFD700 !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 0.5rem !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  color: #94a3b8 !important;
  font-size: 0.95rem !important;
  font-weight: normal !important;
  opacity: 0.7 !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
  color: #FFD700 !important;
  text-decoration: none !important;
}

/* Sepete Ekle Butonu */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
  color: #120524 !important;
  border-radius: 9999px !important;
  padding: 0.8rem 1.5rem !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: none !important;
  text-align: center !important;
  width: 100% !important;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.55) !important;
  background: linear-gradient(135deg, #FFE55C 0%, #FFB733 100%) !important;
  color: #120524 !important;
}

/* ==========================================================================
   MINI CART SLIDE-OUT DRAWER STİLLERİ
   ========================================================================== */
#seba-cart-drawer .woocommerce-mini-cart {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 1rem !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 215, 0, 0.15) !important;
  border-radius: 1rem !important;
  margin-bottom: 0.75rem !important;
  position: relative !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item img {
  width: 55px !important;
  height: 55px !important;
  object-fit: cover !important;
  border-radius: 0.5rem !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  margin: 0 !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item a:not(.remove) {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  flex: 1 !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item a:not(.remove):hover {
  color: #FFD700 !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item .quantity {
  color: #FFD700 !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item a.remove {
  color: #ef4444 !important;
  font-size: 1.25rem !important;
  position: static !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.5rem !important;
  background: rgba(239, 68, 68, 0.1) !important;
  transition: all 0.2s ease !important;
}
#seba-cart-drawer .woocommerce-mini-cart-item a.remove:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
}
#seba-cart-drawer .woocommerce-mini-cart__total {
  padding: 1.25rem 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: 1.5rem !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  display: flex !important;
  justify-content: space-between !important;
}
#seba-cart-drawer .woocommerce-mini-cart__total strong {
  color: #cbd5e1 !important;
}
#seba-cart-drawer .woocommerce-mini-cart__total .amount {
  color: #FFD700 !important;
  font-weight: 900 !important;
  font-size: 1.35rem !important;
}
#seba-cart-drawer .woocommerce-mini-cart__buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  margin: 0 !important;
}
#seba-cart-drawer .woocommerce-mini-cart__buttons a {
  border-radius: 9999px !important;
  padding: 0.85rem 1.5rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  text-align: center !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}
#seba-cart-drawer .woocommerce-mini-cart__buttons a:not(.checkout) {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
}
#seba-cart-drawer .woocommerce-mini-cart__buttons a:not(.checkout):hover {
  background: rgba(255, 215, 0, 0.15) !important;
  border-color: #FFD700 !important;
}
#seba-cart-drawer .woocommerce-mini-cart__buttons a.checkout {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
  color: #120524 !important;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4) !important;
}
#seba-cart-drawer .woocommerce-mini-cart__buttons a.checkout:hover {
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.6) !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
   13b. WOOCOMMERCE SAYFALAMA (KOZMİK BUTONLAR)
   ========================================================================== */
.woocommerce nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination { text-align: center; }
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
  display: inline-flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
  border: none !important;
  float: none !important;
  overflow: visible !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  height: 2.75rem;
  padding: 0 0.9rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.75rem !important;
  color: #e5e7eb !important;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:hover {
  background: rgba(255, 215, 0, 0.12) !important;
  border-color: rgba(255, 215, 0, 0.4) !important;
  color: #FFD700 !important;
  transform: translateY(-2px);
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  background: linear-gradient(135deg, #FFD700, #FFA500) !important;
  color: #1a0b2e !important;
  font-weight: 800;
  border-color: transparent !important;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.35);
}

/* ==========================================================================
   13c. WOOCOMMERCE SEPET / ÖDEME / HESABIM SAYFALARI (KOZMİK LÜKS)
   Tüm ürünler dijital + banka havalesi olduğundan bu sayfalar sadedir.
   ========================================================================== */

/* Genel Wu metin renkleri */
.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce { color: #e5e7eb; }

/* Bildirim / Mesaj Şeritleri ("Sepete eklendi" beyaz şerit düzeltmesi) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error,
.woocommerce-no-js .woocommerce-error {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.14), rgba(26, 11, 46, 0.6)) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-top-color: rgba(255, 215, 0, 0.35) !important;
  border-left: 4px solid #FFD700 !important;
  border-radius: 1rem !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.5;
  padding: 1rem 1.5rem !important;
  margin: 0 0 1.75rem 0 !important;
  list-style: none;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35), 0 0 20px rgba(255, 215, 0, 0.08);
  backdrop-filter: blur(12px);
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  content: '✦' !important;
  background: none !important;
  color: #FFD700 !important;
  font-size: 1.1rem;
  text-shadow: none;
  border-radius: 0;
  width: auto;
  height: auto;
  display: inline-block;
  position: static;
  top: auto;
  right: auto;
  font-family: inherit;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li { list-style: none; }
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.wc-forward {
  background: linear-gradient(135deg, #FFD700, #FFA500) !important;
  color: #1a0b2e !important;
  border-radius: 9999px !important;
  padding: 0.6rem 1.4rem !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border: none !important;
  float: none !important;
  margin-left: auto;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
  transition: all 0.3s ease;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.wc-forward:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5) !important;
}

/* Sepet Tablosu */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  width: 100%;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 1.25rem !important;
  overflow: hidden;
  color: #e5e7eb;
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  background: rgba(255, 215, 0, 0.08) !important;
  color: #FFD700 !important;
  font-weight: 800;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid rgba(255, 215, 0, 0.2) !important;
  text-align: left;
}
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
  padding: 1.1rem 1.25rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-top: none !important;
  color: #e5e7eb;
  vertical-align: middle;
}
.woocommerce table.shop_table img,
.woocommerce-page table.shop_table img {
  width: 60px !important;
  border-radius: 0.75rem !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  margin: 0 !important;
}
.woocommerce table.shop_table .product-name a,
.woocommerce-page table.shop_table .product-name a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}
.woocommerce table.shop_table .product-name a:hover { color: #FFD700; }
.woocommerce table.shop_table .amount,
.woocommerce-page table.shop_table .amount,
.woocommerce table.shop_table .product-price .amount,
.woocommerce-page table.shop_table .product-price .amount { color: #FFD700; font-weight: 800; }
.woocommerce table.shop_table td.product-subtotal .amount { color: #FFD700; }

/* İNDİRİM KUPONU (Sepet + Ödeme) */
.woocommerce form.checkout_coupon,
.woocommerce-page form.checkout_coupon,
.woocommerce-cart form.checkout_coupon {
  background: rgba(139, 92, 246, 0.1) !important;
  border: 1px dashed rgba(255, 215, 0, 0.45) !important;
  border-radius: 1rem !important;
  padding: 1.4rem 1.5rem !important;
  margin-bottom: 1.5rem;
  display: none; /* Tıklayınca açılır (Woo varsayılanı) */
}
.woocommerce form.checkout_coupon.is-visible,
.woocommerce-cart form.checkout_coupon.is-visible { display: block !important; }
.woocommerce form.checkout_coupon .form-row-first { float: left; width: calc(100% - 220px); }
.woocommerce form.checkout_coupon .form-row-last { float: right; width: 200px; }
.woocommerce form.checkout_coupon .input-text {
  background: rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 0.75rem !important;
  color: #FFD700 !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.85rem 1rem !important;
  width: 100%;
}
.woocommerce form.checkout_coupon .input-text::placeholder { color: rgba(255, 255, 255, 0.45); text-transform: none; letter-spacing: normal; }
@media (max-width: 640px) {
  .woocommerce form.checkout_coupon .form-row-first,
  .woocommerce form.checkout_coupon .form-row-last { float: none; width: 100%; }
  .woocommerce form.checkout_coupon .form-row-last { margin-top: 0.75rem; }
}
/* Kupon Uygula butonu (checkout_coupon içindeki genel buton stilinin üzerine altın vurgu) */
.woocommerce form.checkout_coupon button.button,
.woocommerce form.checkout_coupon input.button {
  background: linear-gradient(135deg, #FFD700, #FFA500) !important;
  color: #1a0b2e !important;
  border: none !important;
  font-weight: 800 !important;
  width: 100%;
}

/* Miktar Kutuları */
.woocommerce .quantity .qty,
.woocommerce-page .quantity .qty {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  color: #FFD700 !important;
  border-radius: 0.65rem !important;
  padding: 0.5rem 0.75rem !important;
  font-weight: 700;
}

/* Sepet Toplam / Sipariş Tabloları */
.woocommerce .cart_totals,
.woocommerce-page .cart_totals,
.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem;
  color: #ffffff;
}
/* Kupon İndirimi Satırı (sepet toplamlarında) */
.woocommerce .cart_totals .cart-discount .amount,
.woocommerce-page .cart_totals .cart-discount .amount,
.woocommerce-checkout-review-order-table .cart-discount .amount,
.woocommerce table.shop_table td.cart-discount .amount,
.woocommerce table.shop_table .cart-discount td .amount { color: #4ADE80 !important; }
.woocommerce table.shop_table td.cart-discount,
.woocommerce-checkout-review-order-table .cart-discount { color: #4ADE80; }
.woocommerce table.shop_table td.cart-discount th,
.woocommerce table.shop_table .cart-discount th,
.woocommerce-checkout-review-order-table .cart-discount th,
.woocommerce-checkout-review-order-table .cart-discount td { color: #4ADE80; }
.woocommerce-remove-coupon,
.woocommerce table.shop_table .cart-discount a { color: #f87171 !important; text-decoration: none; font-weight: 700; }
.woocommerce-remove-coupon:hover { color: #FFD700 !important; }
.woocommerce .cart_totals h2,
.woocommerce-checkout h2 {
  color: #ffffff;
  font-weight: 800;
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
.woocommerce-checkout-review-order-table .order-total .amount {
  color: #FFD700;
  font-size: 1.3rem;
  font-weight: 900;
}

/* Ödeme (Checkout) Formu */
.woocommerce form .form-row label,
.woocommerce-page form .form-row label { color: #d1d5db; font-weight: 600; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.woocommerce-billing-fields input,
.woocommerce-billing-fields select,
#customer_details input,
#customer_details select,
#customer_details textarea,
.select2-container--default .select2-selection--single {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.75rem !important;
  color: #ffffff !important;
  padding: 0.8rem 1rem !important;
  font-weight: 500;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff !important; }
.select2-dropdown { background: #130722 !important; border: 1px solid rgba(255, 215, 0, 0.3) !important; }
.select2-container--default .select2-results__option { color: #e5e7eb; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(255, 215, 0, 0.2) !important; color: #FFD700 !important; }

/* Ödeme Yöntemi (Sadece Banka Havalesi) */
.woocommerce-checkout #payment,
.woocommerce-page #payment {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 215, 0, 0.2) !important;
  border-radius: 1.25rem !important;
  color: #e5e7eb;
}
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 1.5rem !important;
}
.woocommerce-checkout #payment ul.payment_methods li { list-style: none; }
.woocommerce-checkout #payment ul.payment_methods label { color: #ffffff; font-weight: 700; }
.woocommerce-checkout #payment div.payment_box {
  background: rgba(139, 92, 246, 0.1) !important;
  border: 1px solid rgba(255, 215, 0, 0.25);
  border-radius: 1rem;
  color: #e5e7eb !important;
  font-size: 0.9rem;
}
.woocommerce-checkout #payment div.payment_box::before { display: none !important; }

/* Sipariş Ver / Sepeti Güncelle Butonları */
.woocommerce #place_order,
.woocommerce-page #place_order,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce .woocommerce-form-login .button,
.woocommerce .checkout-button {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
  color: #120524 !important;
  border-radius: 9999px !important;
  padding: 0.95rem 2rem !important;
  font-weight: 900 !important;
  font-size: 0.9rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none !important;
  box-shadow: 0 4px 20px rgba(255, 215, 0, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer;
}
.woocommerce #place_order:hover,
.woocommerce-page #place_order:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(255, 215, 0, 0.55) !important;
}

/* Genel Butonlar (Login, Sipariş Tekrar vb.) */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce-page button.button,
.woocommerce-page a.button,
.woocommerce-page input.button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #FFD700 !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-radius: 9999px !important;
  padding: 0.7rem 1.5rem !important;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page input.button:hover {
  background: rgba(255, 215, 0, 0.15) !important;
  border-color: #FFD700 !important;
}

/* Hesabım (Giriş / Kayıt) Formları */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.register {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1.25rem !important;
  padding: 2rem !important;
}

/* Sipariş Detay Sayfası (Teşekkür) */
.woocommerce-order-overview,
.woocommerce-page .woocommerce-order-overview { color: #e5e7eb; }
.woocommerce ul.order_details {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1.25rem;
}
.woocommerce ul.order_details li { border-right-color: rgba(255, 255, 255, 0.1); }

/* BOZUK GRID KESİN DÜZELTMESİ — WooCommerce varsayılan float gridini
   tamamen eziyor (kategorilerde kartların üst üste binmesinin kökten çözümü) */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce.columns-1 ul.products,
.woocommerce.columns-2 ul.products,
.woocommerce.columns-3 ul.products,
.woocommerce.columns-4 ul.products,
.woocommerce.columns-5 ul.products,
.woocommerce.columns-6 ul.products {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 1.75rem !important;
  padding: 0 !important;
  margin: 0 0 3rem 0 !important;
  list-style: none !important;
  clear: both !important;
  position: static !important;
}
@media (min-width: 560px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  clear: none !important;
  position: relative !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Kategori Açılır Menü (Shop Filtre Barı) */
.seba-cat-dropdown-menu { scrollbar-width: thin; scrollbar-color: rgba(255,215,0,0.4) transparent; }
.seba-cat-dropdown-menu::-webkit-scrollbar { width: 6px; }
.seba-cat-dropdown-menu::-webkit-scrollbar-thumb { background: rgba(255,215,0,0.35); border-radius: 999px; }
@media (max-width: 640px) {
  .seba-cat-dropdown-wrap { width: 100%; }
  #seba-cat-dropdown-btn { width: 100%; justify-content: space-between; }
  .seba-cat-dropdown-menu { width: 100% !important; }
}

/* ==========================================================================
   14. RESPONSİVE
   ========================================================================== */
@media (max-width: 768px) {
  #buddypress div#item-header { padding: 1.5rem; }
  #buddypress div#item-nav ul { flex-direction: column; }
  #buddypress div#item-nav ul li a { text-align: center; }
  #buddypress ul.item-list { grid-template-columns: 1fr; }
  .daily-plan-card { padding: 1.5rem; }
  #consciousness-module, #astrology-module { padding: 1.5rem; }
}

/* ==========================================================================
   14b. MOBILE FIRST RESPONSIVE (Kapsamlı)
   ========================================================================== */

/* --- Breakpoint değişkenleri --- */
:root {
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}

/* --- Genel Mobile First --- */
@media (max-width: 768px) {
  /* Hero Section */
  .hero-title {
    font-size: clamp(2.25rem, 8vw, 3.5rem) !important;
    line-height: 1.15 !important;
  }
  .hero-subtitle {
    font-size: clamp(1rem, 3.5vw, 1.15rem) !important;
  }
  .hero-badge {
    font-size: 0.75rem !important;
    padding: 0.5rem 1rem !important;
  }
  .hero-buttons {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
  .hero-buttons .btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .hero-stats {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  .hero-boxes {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .hero-box {
    padding: 1.25rem !important;
  }

  /* Section Titles */
  .section-title {
    font-size: clamp(1.75rem, 6vw, 2.5rem) !important;
  }
  .section-desc {
    font-size: 1rem !important;
  }
  .section-eyebrow {
    font-size: 0.7rem !important;
    padding-left: 1.25rem !important;
  }

  /* Grid Systems */
  .grid-2, .grid-3, .grid-4 {
    grid-template-columns: 1fr !important;
  }
  .grid-2-md {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  @media (min-width: 480px) and (max-width: 768px) {
    .grid-2-md { grid-template-columns: repeat(2, 1fr) !important; }
    .grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  }

  /* Cards */
  .card {
    padding: 1.5rem !important;
  }
  .card-hover:hover {
    transform: none !important;
  }

  /* Buttons - Touch friendly */
  .btn {
    padding: 1rem 2rem !important;
    min-height: 48px !important;
    font-size: 1rem !important;
  }
  .btn-gold, .btn-outline {
    width: 100%;
    justify-content: center;
  }

  /* Live Readers Badge */
  #live-readers-badge {
    left: 1rem !important;
    right: 1rem !important;
    bottom: 5rem !important;
    max-width: none !important;
    border-radius: 1rem !important;
    padding: 1rem 1.5rem !important;
  }
  #live-readers-badge .text-xs {
    display: inline-block !important;
  }

  /* Footer Online Badge */
  #footer-online-badge {
    left: 1rem !important;
    right: 1rem !important;
    bottom: 1rem !important;
    max-width: none !important;
    border-radius: 1rem !important;
  }

  /* Sections */
  section {
    padding: 3rem 1rem !important;
  }
  .section-inner {
    padding: 0 !important;
  }

  /* Navigation */
  .nav-menu {
    gap: 0.5rem !important;
  }
  .nav-menu a {
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
  }

  /* Mobil: Section eyebrow (sarı şerit) & başlık hiç kaybolmasın */
  .section-eyebrow {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 14px;
  }
  .section-eyebrow::before {
    display: block !important;
    width: 1.5rem !important;
    height: 2px !important;
    background: #FFD700 !important;
    content: '' !important;
  }
  .section-title {
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* Mobilde reveal animasyonu engellenmesin; içerik her koşulda görünür olsun */
  .reveal { opacity: 1 !important; transform: none !important; }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .footer-bottom {
    flex-direction: column !important;
    gap: 1rem !important;
    text-align: center !important;
  }
  .footer-social {
    justify-content: center !important;
  }

  /* Forms */
  .input-modern {
    padding: 1rem !important;
    font-size: 1rem !important; /* Prevents zoom on iOS */
  }
  textarea.input-modern {
    min-height: 120px !important;
  }

  /* Tables */
  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Images */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Modals/Overlays */
  .modal, .overlay {
    margin: 1rem !important;
    max-width: calc(100% - 2rem) !important;
    max-height: calc(100vh - 2rem) !important;
  }

  /* Whom/Process grids */
  .whom-grid, .process-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}

/* --- Tablet (481px - 1024px) --- */
@media (min-width: 481px) and (max-width: 1024px) {
  .grid-2, .grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .grid-4 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
  }
  .hero-boxes {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .hero-boxes > *:last-child {
    grid-column: span 2;
  }
  #live-readers-badge {
    left: 1.5rem !important;
    right: auto !important;
    bottom: 5rem !important;
    max-width: 280px !important;
  }
}

/* --- Desktop Large (1025px+) --- */
@media (min-width: 1025px) {
  .grid-3 { grid-template-columns: repeat(3, 1fr) !important; }
  .grid-4 { grid-template-columns: repeat(4, 1fr) !important; }
}

/* --- Touch Friendly --- */
@media (pointer: coarse) {
  a, button, .btn, .card-hover, [role="button"] {
    min-height: 48px !important;
    min-width: 48px !important;
  }
  .btn {
    padding: 1rem 2rem !important;
  }
  .card-hover:hover {
    transform: none !important;
  }
  .card-hover:active {
    transform: scale(0.98) !important;
    transition: transform 0.1s !important;
  }
}

/* --- Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   15. UTILITY SINIFLARI
   ========================================================================== */
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-slow { animation: floatSlow 10s ease-in-out infinite; }
.animate-fade-in { animation: fadeIn 1s ease-out; }
.animate-fade-in-up { animation: fadeInUp 0.8s ease-out; }
.animate-fade-in-scale { animation: fadeInScale 0.6s ease-out; }
.animate-spin-slow { animation: spin 20s linear infinite; }

/* ==========================================================================
   16. ENTRY CONTENT — YAZI İÇERİĞİ TİPOGRAFİSİ
   ========================================================================== */
.entry-content {
  color: rgba(209, 213, 219, 1);
  font-size: 1.125rem;
  line-height: 1.85;
  letter-spacing: 0.01em;
}

/* --- Başlıklar --- */
.entry-content h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 215, 0, 0.15);
  position: relative;
  line-height: 1.3;
}
.entry-content h2::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #FFD700, #FFA500);
  border-radius: 2px;
}

.entry-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  padding-left: 1rem;
  border-left: 3px solid #FFD700;
  line-height: 1.35;
}

.entry-content h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: rgba(255, 215, 0, 0.9);
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.entry-content h5 {
  font-size: 1.1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.95rem;
}

.entry-content h6 {
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(255, 215, 0, 0.7);
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* --- Paragraflar --- */
.entry-content p {
  margin-bottom: 1.5rem;
  color: rgba(209, 213, 219, 1);
  line-height: 1.85;
}

.entry-content p:last-child { margin-bottom: 0; }

/* --- Linkler --- */
.entry-content a {
  color: #FFD700;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 215, 0, 0.3);
  transition: all 0.3s ease;
}
.entry-content a:hover {
  color: #FFA500;
  border-bottom-color: #FFA500;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* --- Strong / Bold --- */
.entry-content strong,
.entry-content b {
  color: #ffffff;
  font-weight: 700;
}

/* --- Italik --- */
.entry-content em,
.entry-content i:not([data-lucide]) {
  color: rgba(255, 215, 0, 0.8);
  font-style: italic;
}

/* --- Listeler --- */
.entry-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.5rem;
}
.entry-content ul li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  color: rgba(209, 213, 219, 1);
  line-height: 1.7;
}
.entry-content ul li::before {
  content: '✦';
  position: absolute;
  left: 0;
  top: 0;
  color: #FFD700;
  font-size: 0.75rem;
  line-height: 1.7;
}

.entry-content ol {
  padding-left: 0;
  counter-reset: ol-counter;
  margin-bottom: 1.5rem;
  list-style: none;
}
.entry-content ol li {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 0.75rem;
  color: rgba(209, 213, 219, 1);
  line-height: 1.7;
  counter-increment: ol-counter;
}
.entry-content ol li::before {
  content: counter(ol-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 1.75rem;
  height: 1.75rem;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 165, 0, 0.1));
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFD700;
  line-height: 1.75rem;
  text-align: center;
}

/* --- Blockquote --- */
.entry-content blockquote {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  background: rgba(139, 92, 246, 0.08);
  border-left: 4px solid #8B5CF6;
  border-radius: 0 1rem 1rem 0;
  position: relative;
  font-style: italic;
  color: rgba(255, 255, 255, 0.85);
}
.entry-content blockquote::before {
  content: '"';
  position: absolute;
  top: -10px;
  left: 15px;
  font-size: 4rem;
  color: rgba(139, 92, 246, 0.2);
  font-family: 'Playfair Display', serif;
  line-height: 1;
}
.entry-content blockquote p {
  color: rgba(255, 255, 255, 0.85);
}

/* --- Code --- */
.entry-content code {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.15rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875em;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  color: #FFD700;
}

.entry-content pre {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1.5rem;
  overflow-x: auto;
  margin: 2rem 0;
}
.entry-content pre code {
  background: none;
  border: none;
  padding: 0;
  color: rgba(209, 213, 219, 1);
}

/* --- Resimler --- */
.entry-content img {
  border-radius: 1rem;
  margin: 2rem auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  max-width: 100%;
  height: auto;
}
.entry-content img:hover {
  transform: scale(1.02);
  box-shadow: 0 15px 50px rgba(255, 215, 0, 0.15);
}

/* --- Tablo --- */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.entry-content table thead th {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 165, 0, 0.1));
  color: #FFD700;
  font-weight: 700;
  text-align: left;
  padding: 1rem 1.25rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.entry-content table tbody td {
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(209, 213, 219, 1);
}
.entry-content table tbody tr:hover {
  background: rgba(255, 215, 0, 0.05);
}

/* --- Horizontal Rule --- */
.entry-content hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.3), transparent);
  margin: 3rem 0;
}

/* --- Figure & Caption --- */
.entry-content figure {
  margin: 2rem 0;
}
.entry-content figcaption {
  text-align: center;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.75rem;
  font-style: italic;
}

/* --- Nested Lists --- */
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
}

/* ==========================================================================
   17. GELİŞMİŞ ANİMASYON STİLLERİ
   ========================================================================== */

/* --- Starfield Canvas --- */
#astro-starfield {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

/* --- Stagger Reveal --- */
.stagger-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.stagger-item.reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

/* --- Reading Progress Bar --- */
#reading-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700);
  background-size: 200% auto;
  animation: shimmer 3s linear infinite;
  z-index: 9999;
  width: 0%;
  transition: width 0.1s linear;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

/* --- Typewriter Cursor --- */
.typewriter-cursor::after {
  content: '|';
  color: #FFD700;
  animation: blink 0.8s infinite;
  margin-left: 2px;
}
@keyframes blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

/* --- 3D Tilt Card --- */
[data-tilt] {
  transform-style: preserve-3d;
  will-change: transform;
}
[data-tilt] .tilt-shine {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  transition: background 0.2s ease;
}

/* --- Glow Active Text --- */
.glow-active {
  animation: textGlowPulse 3s ease-in-out;
}
@keyframes textGlowPulse {
  0% { filter: brightness(1); }
  30% { filter: brightness(1.3) drop-shadow(0 0 10px rgba(255, 215, 0, 0.3)); }
  100% { filter: brightness(1); }
}

/* --- Gradient Border Animated --- */
.gradient-border-animated {
  position: relative;
}
.gradient-border-animated::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from var(--border-angle, 0deg), #FFD700, #8B5CF6, #3B82F6, #FFD700);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.gradient-border-animated:hover::before {
  opacity: 1;
}

/* --- Shimmer Skeleton --- */
.shimmer-skeleton {
  background: linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.03) 75%);
  background-size: 400% 100%;
  animation: shimmerSkeleton 1.5s ease-in-out infinite;
}
@keyframes shimmerSkeleton {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* --- Floating Orb (dekoratif) --- */
.floating-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
  animation: orbFloat 8s ease-in-out infinite alternate;
}
@keyframes orbFloat {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(20px, -30px) scale(1.1); }
  100% { transform: translate(-10px, 15px) scale(0.95); }
}

/* --- Card Glow on Hover --- */
.card-glow:hover {
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.08), 0 20px 60px rgba(0, 0, 0, 0.3);
}

/* --- Pulse Ring (hero dekor) --- */
.pulse-ring {
  position: absolute;
  border: 1px solid rgba(255, 215, 0, 0.15);
  border-radius: 50%;
  animation: pulseRingAnim 4s ease-out infinite;
}
@keyframes pulseRingAnim {
  0% { transform: scale(0.8); opacity: 0.6; }
  100% { transform: scale(2.5); opacity: 0; }
}

/* --- Scroll-triggered heading underline --- */
.entry-content h2.reveal-visible::before {
  animation: headingLineGrow 0.8s ease-out forwards;
}
@keyframes headingLineGrow {
  0% { width: 0; }
  100% { width: 60px; }
}

/* ==========================================================================
   18. CSS GÜVENLİK AĞI — style.css YÜKLENMEDİĞİNDE TEMEL GÖRÜNÜRLÜK
   LiteSpeed vb. optimizasyon eklentileri stylesheet'i DOM'dan sildiğinde
   sayfa tamamen stilsiz kalıyordu (kırık grid, kaybolan sarı şeritler).
   Bu minimal kural seti (header.php içine ayrıca basılır) en kritik
   bileşenlerin her koşulda doğru görünmesini garanti eder.
   ========================================================================== */

/* Ürün Gridi — her koşulda düzenli */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  list-style: none !important;
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
}
@media (min-width: 560px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
  .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 215, 0, 0.18) !important;
  border-radius: 1.25rem !important;
  padding: 1rem !important;
  overflow: hidden;
}
.woocommerce ul.products li.product img { width: 100% !important; height: auto !important; border-radius: 0.75rem !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 { color: #fff !important; font-size: 1rem !important; font-weight: 700 !important; }
.woocommerce ul.products li.product .price { color: #FFD700 !important; font-weight: 800 !important; }

/* Rozet & Etiketler */
.badge, .badge-gradient {
  display: inline-flex;
  padding: 0.4rem 1rem;
  border-radius: 9999px;
}
.badge-gradient {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #1a0b2e;
  font-weight: 700;
  font-size: 0.8rem;
}

/* Section eyebrow (sarı şerit) her koşulda görünsün */
.section-eyebrow {
  display: inline-flex !important;
  align-items: center;
  color: #FFD700 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
  position: relative !important;
  padding-left: 2rem !important;
}
.section-eyebrow::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 1.5rem !important;
  height: 2px !important;
  background: #FFD700 !important;
}
.section-title { font-size: clamp(2rem, 5vw, 3.5rem) !important; font-weight: 700 !important; color: #fff !important; line-height: 1.15 !important; }

/* Butonlar */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-weight: 700; border-radius: 9999px; padding: 0.875rem 2rem; cursor: pointer; border: none; }
.btn-gold { background: linear-gradient(135deg, #FFD700, #FFA500); color: #1a0b2e !important; }
.btn-outline { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); }

/* Kartlar */
.card { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 1.5rem; padding: 2rem; }
.card-featured { border-color: #FFD700; }

/* Reading progress bar */
#reading-progress-bar { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(90deg, #FFD700, #FFA500); z-index: 9999; width: 0%; }

/* Bildirim şeritleri */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background: rgba(139, 92, 246, 0.12) !important;
  border: 1px solid rgba(255, 215, 0, 0.35) !important;
  border-left: 4px solid #FFD700 !important;
  border-radius: 1rem !important;
  color: #fff !important;
  padding: 1rem 1.25rem !important;
  list-style: none;
}

/* Sepet sayfası tablosu */
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1rem !important;
  color: #e5e7eb;
}
.woocommerce table.shop_table th { color: #FFD700 !important; }

/* Woo sayfalama */
.woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 0.4rem; border: none !important; list-style: none; padding: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; float: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 0.75rem !important; color: #fff !important; padding: 0.6rem 1rem !important; display: inline-block; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: linear-gradient(135deg, #FFD700, #FFA500) !important; color: #1a0b2e !important; font-weight: 800 !important; border-color: transparent !important; }

/* WooCommerce başlık alanları — sayfa şablonu kendi hero'sunu bastığı için gizle */
.woocommerce-products-header__title.page-title { display: none !important; }
.woocommerce .page-title,
.woocommerce-page .page-title { display: none !important; }

/* Sonuç sayısı + sıralama: yeni tasarım düzeni */
.woocommerce .woocommerce-result-count { margin-top: 0 !important; }

/* CSS Uygulama Probü — style.css'in gerçekten yüklenip yüklenmediğini JS ile test etmek için */
.seba-css-probe { z-index: 12345; }

/* tdc_zone shortcode sızıntısı nötralizasyonu: WPBakery'nin [tdc_zone]
   kısa kodu işlenmeden düz metin olarak basılırsa ekranda satır satır görünür.
   Kullanıcıya görünmesin; SEO'ya etkisi de kalır (display:none). */
.tdc_zone-text-leak,
.tdc_zone-text-leak * { display: none !important; }