/* ============================================================
   OBGYN PURPLE / PINK THEME OVERRIDE (COLOR-ONLY)
   - İçerik / HTML / SEO / link / layout'a dokunmaz
   - Amaç: Mavi kalan tüm öğeleri mor/pembe tonlarıyla uyumlu yapmak
   - Not: styles-clean.css içinde !important mavi override'lar olduğu için
          burada gerekli yerlerde !important kullanılır.
   ============================================================ */

:root{
  --obgyn-primary: #7c3aed;      /* mor */
  --obgyn-primary-dark: #5b21b6; /* koyu mor */
  --obgyn-primary-soft: #f5f3ff; /* çok açık lavanta */
  --obgyn-pink: #ec4899;         /* pembe vurgu */
  --obgyn-pink-soft: #fdf2f8;    /* çok açık pembe */
  --obgyn-ink: #2d3748;
}

/* =========================
   NAVBAR + MENU (mavi öldür)
   ========================= */

.navbar{
  background: linear-gradient(180deg, var(--obgyn-primary), var(--obgyn-primary-dark)) !important;
  border-bottom-color: rgba(0,0,0,0.25) !important; /* mevcut çizgi kalsın ama mavi olmasın */
}

/* Menü kapsayıcı (mavi gradient yerine yumuşak şeffaf) */
.navbar .nav-menu{
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.28) !important;
}

/* Link kutucukları */
.navbar .nav-link,
.navbar .nav-menu a{
  color: #fff !important;
  background: transparent !important;
  border-right-color: rgba(255,255,255,0.18) !important;
}

/* Hover */
.navbar .nav-link:hover,
.navbar .nav-menu a:hover{
  background: rgba(255,255,255,0.18) !important;
  color: #fff !important;
}

/* Mobile hamburger bars */
.nav-toggle .bar{
  background: #fff !important;
}

/* =========================
   HERO (hafif degrade)
   ========================= */

.hero{
  background: linear-gradient(180deg, var(--obgyn-primary-soft) 0%, #ffffff 75%) !important;
}

.hero-content h2{
  color: var(--obgyn-primary) !important;
}

/* hero'daki dekoratif noktalar (varsa) görünmesin */
.hero::before{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* =========================
   BUTTONS (mavi kalanları mor yap)
   ========================= */

.btn-primary,
.btn-primary:visited,
.video-link{
  background: linear-gradient(135deg, var(--obgyn-primary) 0%, var(--obgyn-primary-dark) 100%) !important;
  color:#fff !important;
}

.btn-primary:hover,
.video-link:hover{
  background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%) !important;
  box-shadow: 0 8px 25px rgba(124,58,237,0.30) !important;
}

/* styles-clean.css .btn-secondary'yi maviye çekiyordu; burada mor/pembe uyumu veriyoruz */
.btn-secondary,
.btn-secondary:visited{
  background: linear-gradient(135deg, rgba(124,58,237,0.18) 0%, rgba(236,72,153,0.14) 100%) !important;
  color: var(--obgyn-ink) !important;
  border: 2px solid rgba(124,58,237,0.22) !important;
}

.btn-secondary:hover{
  background: linear-gradient(135deg, rgba(124,58,237,0.26) 0%, rgba(236,72,153,0.20) 100%) !important;
  box-shadow: 0 8px 25px rgba(124,58,237,0.22) !important;
}

/* Outline butonlar */
.btn-outline,
.btn-outline:visited{
  color: var(--obgyn-primary) !important;
  border-color: rgba(124,58,237,0.35) !important;
  background: rgba(255,255,255,0.92) !important;
}

.btn-outline:hover{
  background: var(--obgyn-primary) !important;
  color:#fff !important;
  border-color: var(--obgyn-primary-dark) !important;
}

/* Genel link butonları (kart 'Detaylar →' vs) */
.card-link{
  color: var(--obgyn-primary) !important;
}
.card-link:hover{
  background: rgba(124,58,237,0.10) !important;
}

/* =========================
   TABS / PILL BUTTONS (Gebelik sekmeleri vb)
   ========================= */

.tab-buttons .tab-button,
.tab-button{
  border-color: rgba(124,58,237,0.35) !important;
  color: var(--obgyn-ink) !important;
  background: rgba(255,255,255,0.92) !important;
}

.tab-buttons .tab-button:hover,
.tab-button:hover{
  background: rgba(124,58,237,0.10) !important;
  border-color: rgba(124,58,237,0.45) !important;
}

.tab-buttons .tab-button.active,
.tab-button.active,
.tab-buttons .tab-button[aria-selected="true"]{
  background: linear-gradient(135deg, var(--obgyn-primary) 0%, var(--obgyn-primary-dark) 100%) !important;
  color: #fff !important;
  border-color: rgba(0,0,0,0.10) !important;
}

/* =========================
   CARDS / BOXES (sadece vurgu rengi)
   ========================= */

.card{
  box-shadow: 0 8px 30px rgba(124,58,237,0.14) !important;
}
.card:hover{
  box-shadow: 0 15px 40px rgba(124,58,237,0.22) !important;
}

.info-box,
.definition-box,
.important-note{
  background: var(--obgyn-pink-soft) !important;
  border-left-color: var(--obgyn-pink) !important;
}

/* Başlıklar */
section h2{
  color: var(--obgyn-primary-dark) !important;
}

/* =========================
   MEDICAL DISCLAIMER (sakin)
   ========================= */

.medical-disclaimer{
  background: #faf7fb !important;
  border-left-color: var(--obgyn-primary) !important;
}

/* varsa popup başlık rengi (mavi kalmasın) */
.popup-content h4{
  color: var(--obgyn-primary-dark) !important;
}

/* ============================
   MOBILE HAMBURGER MENU FIX
   ============================ */

@media (max-width: 768px) {

  /* Açılan mobil menü */
  #nav-menu {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;

    background-color: #ffffff !important; /* OPAK */
    z-index: 99999;

    flex-direction: column;
  }

  #nav-menu.active {
    display: flex;
  }

  /* Menü linkleri */
  #nav-menu a {
    color: #111827 !important;  /* KOYU */
    font-size: 1.1rem;
    font-weight: 600;

    padding: 16px;
    text-align: center;

    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
  }

  #nav-menu a:hover {
    background: #f3f4f6;
  }
}