/* ====== Light Theme Vars ====== */
:root {
  --vs-bg: #f8fafc;        /* sayfa arka planı (açık gri/beyaz) */
  --vs-card: #ffffff;      /* kart rengi beyaz */
  --vs-text: #1e293b;      /* koyu gri metin (slate-800) */
  --vs-muted: #64748b;     /* ikincil metin (slate-500) */
  --vs-border: #e2e8f0;    /* açık gri kenarlık */
  --vs-primary: #dddddd;   /* marka mavisi (blue-600) */
  --vs-shadow: 0 6px 16px rgba(0,0,0,.08);
}


body.vorsia-account--active {
  background: var(--vs-bg);
  color: var(--vs-text);
}

/* ====== Üstteki aşırı boşlukları azalt ====== */
body.vorsia-account--active .entry-header,
body.vorsia-account--active .page-header,
body.vorsia-account--active .page-title-wrap {
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0;
}
body.vorsia-account--active .entry-content,
body.vorsia-account--active .site-content,
body.vorsia-account--active main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ====== Ortalanmış geniş container ====== */
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 40px auto 80px;
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 32px;
  align-items: start;
}
@media (max-width: 992px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 24px auto 60px;
  }
}

.woocommerce-MyAccount-content p a {
    color:#000000 !important;
}
/* ====== Navigasyon kartı ====== */
.woocommerce-MyAccount-navigation {
  background: var(--vs-card);
  border: 1px solid var(--vs-border);
  border-radius: 16px;
  box-shadow: var(--vs-shadow);
  padding: 12px;
  position: sticky;
  top: 24px; /* sayfa kayarken menü sabit kalır */
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 8px;
  display: grid;
  gap: 8px;
}

.woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--vs-text);
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: transform .06s ease, background .18s ease, border-color .18s ease;
  opacity: .95;
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li a:focus {
  background: rgba(255,255,255,.03);
  border-color: var(--vs-border);
  transform: translateY(-1px);
}

/* Dashicons ikonları */
.woocommerce-MyAccount-navigation li a:before {
  font: normal 18px/1 dashicons;
  opacity: .95;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a:before { content: "\f102"; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a:before { content: "\f174"; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a:before { content: "\f230"; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a:before { content: "\f110"; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:before { content: "\f14a"; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--destek a:before { content: "\f468"; }

.woocommerce-MyAccount-navigation li.is-active a {
  background: linear-gradient(293deg, rgb(206 206 206 / 22%), rgb(255 255 255 / 10%));
  border-color: rgb(190 190 190 / 35%);
}

/* ====== İçerik kartı ====== */
.woocommerce-MyAccount-content {
  background: var(--vs-card);
  border: 1px solid var(--vs-border);
  border-radius: 20px;
  box-shadow: var(--vs-shadow);
  padding: 26px;
  color: var(--vs-text);
  min-height: 260px;
}

/* Başlıklar & metin */
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  margin-top: 0;
  color: var(--vs-text);
  letter-spacing: .2px;
}
.woocommerce-MyAccount-content p {
  color: var(--vs-muted);
}

/* Linkler & butonlar */
.woocommerce a { color: var(--vs-primary); }
.woocommerce a:hover { opacity: .9; }

.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button {
  border-radius: 12px;
  padding: 10px 16px;
  background: #000000;
  /*border: 1px solid rgba(138,180,255,.35);*/
  /*background: linear-gradient(180deg, rgba(138,180,255,.18), rgba(138,180,255,.10));*/
  transition: transform .06s ease, filter .2s ease;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

/* Tablo ve listeler */
.woocommerce table.shop_table {
  border-color: var(--vs-border);
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: var(--vs-border);
  color: var(--vs-text);
}
.woocommerce table.shop_table thead th {
  background: rgba(255,255,255,.03);
}

/* Dashboard selamlama kutusu (Tema yazısını kart haline getir) */
body.vorsia-account--active .woocommerce-MyAccount-content .woocommerce-MyAccount-content > * {}
body.vorsia-account--active .woocommerce-MyAccount-content .woocommerce-info,
body.vorsia-account--active .woocommerce-MyAccount-content .woocommerce-message {
  border-radius: 12px;
}

/* Mobil uyum */
@media (max-width: 480px) {
  .woocommerce-MyAccount-navigation li a { padding: 10px 12px; }
  .woocommerce-MyAccount-content { padding: 18px; }
}


/* ==== Önce WooCommerce/tema float yerleşimini sıfırla ==== */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* WooCommerce'in clearfix pseudo-elementlerini etkisizleştir */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
  content: none !important;
  display: none !important;
}

/* ==== Wrapper'ı zorla: iki sütun grid ==== */
.woocommerce-account .woocommerce {
  max-width: 1200px !important;
  margin: 32px auto 80px !important;
  display: grid !important;
  grid-template-columns: 320px minmax(0,1fr) !important;
  gap: 32px !important;
  align-items: start !important;
}

/* Mobilde tek sütun */
@media (max-width: 992px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Navigasyon ve içerik kartlarının hizası */
.woocommerce-MyAccount-navigation { align-self: start !important; }
.woocommerce-MyAccount-content   { align-self: start !important; }

/* Dashboard’taki karşılama metninin kart içinde kalması için */
.woocommerce-MyAccount-content .woocommerce { display: block !important; }