:root {
  --dark-bg: #07080d;
  --dark-surface: #11131c;
  --dark-card: #171a26;
  --dark-border: #2a2f42;
  --dark-text: #f8fafc;
  --dark-muted: #a8b0c3;
  --neon-purple: #a855f7;
  --neon-purple-strong: #c084fc;
  --neon-pink: #ec4899;
}

/* Genel sayfa */
body,
.site,
.wp-site-blocks,
.aruellina-main,
.aruellina-content,
.woocommerce-page {
  background: var(--dark-bg) !important;
  color: var(--dark-text) !important;
}

/* Başlık, menü ve footer */
header,
.site-header,
.aruellina-site-header,
footer,
.site-footer,
.aruellina-site-footer {
  background: #0b0d14 !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

a,
.site-title a,
.menu a,
.aruellina-nav a {
  color: var(--dark-text) !important;
}

a:hover,
.menu a:hover,
.aruellina-nav a:hover {
  color: var(--neon-purple-strong) !important;
}

/* Ana sayfa hero */
.aruellina-hero {
  background: #05060a !important;
}

.aruellina-hero::after {
  background: linear-gradient(
    90deg,
    rgba(5, 6, 10, 0.92),
    rgba(88, 28, 135, 0.45)
  ) !important;
}

.aruellina-hero h1,
.aruellina-hero p {
  color: var(--dark-text) !important;
}

/* Bölümler */
.aruellina-section,
.wp-block-group,
.entry-content {
  background: transparent !important;
  color: var(--dark-text) !important;
}

h1, h2, h3, h4, h5, h6,
.aruellina-section-title,
.woocommerce-loop-product__title,
.product_title {
  color: var(--dark-text) !important;
}

p,
.aruellina-muted,
.woocommerce-result-count,
.woocommerce-breadcrumb {
  color: var(--dark-muted) !important;
}

/* Ürün kartları */
.aruellina-product-card,
.woocommerce ul.products li.product,
.wc-block-grid__product {
  background: var(--dark-card) !important;
  border: 1px solid var(--dark-border) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

.aruellina-product-card:hover,
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
  border-color: var(--neon-purple) !important;
  box-shadow: 0 0 28px rgba(168, 85, 247, 0.28) !important;
}

.woocommerce ul.products li.product .price,
.aruellina-price,
.price {
  color: var(--neon-purple-strong) !important;
}

/* Butonlar */
button,
.button,
.wp-element-button,
.aruellina-button,
.aruellina-cart-link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button {
  background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink)) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.35) !important;
}

button:hover,
.button:hover,
.wp-element-button:hover,
.aruellina-button:hover,
.aruellina-cart-link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover {
  background: linear-gradient(135deg, var(--neon-purple-strong), #f472b6) !important;
  color: #ffffff !important;
  box-shadow: 0 0 26px rgba(192, 132, 252, 0.55) !important;
}

/* Formlar, arama, seçim alanları */
input,
textarea,
select,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select {
  background: #0f111a !important;
  color: var(--dark-text) !important;
  border: 1px solid var(--dark-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: #7f879b !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--neon-purple) !important;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.2) !important;
  outline: none !important;
}

/* WooCommerce sepet / ödeme alanları */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce div.product .summary,
.aruellina-panel {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}

/* Etiketler ve indirim rozetleri */
.onsale,
.aruellina-chip {
  background: var(--neon-purple) !important;
  color: #ffffff !important;
}

/* Tablolar */
table,
.shop_table {
  background: var(--dark-surface) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

th,
td {
  border-color: var(--dark-border) !important;
}
/* WooCommerce Hesabım giriş/kayıt ekranı */
body.woocommerce-account:not(.logged-in) .woocommerce {
  min-height: 72vh;
  display: grid;
  place-items: center;
  padding: 56px 18px;
}

body.woocommerce-account:not(.logged-in) .woocommerce h2 {
  margin: 0 0 18px;
  color: #ffffff;
  text-align: center;
  font-size: 1.6rem;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
  width: min(100%, 980px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

body.woocommerce-account:not(.logged-in) .woocommerce .u-column1,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 {
  width: 100% !important;
  float: none !important;
}

body.woocommerce-account:not(.logged-in) form.login,
body.woocommerce-account:not(.logged-in) form.register {
  min-height: 100%;
  margin: 0 !important;
  padding: 30px !important;
  background: #11131c;
  border: 1px solid #2a2f42 !important;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
  color: #f8fafc;
}

body.woocommerce-account:not(.logged-in) form.login label,
body.woocommerce-account:not(.logged-in) form.register label {
  color: #d9def0;
  font-weight: 700;
}

body.woocommerce-account:not(.logged-in) .woocommerce-Input {
  min-height: 48px;
  background: #080a12 !important;
  color: #ffffff !important;
  border: 1px solid #32384d !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-Input:focus {
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.22) !important;
  outline: none !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-button,
body.woocommerce-account:not(.logged-in) button.button {
  width: 100%;
  min-height: 48px;
  margin-top: 10px;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #a855f7, #ec4899) !important;
  color: #ffffff !important;
  font-weight: 800;
  box-shadow: 0 0 22px rgba(168, 85, 247, 0.38);
}

body.woocommerce-account:not(.logged-in) .woocommerce-button:hover,
body.woocommerce-account:not(.logged-in) button.button:hover {
  background: linear-gradient(135deg, #c084fc, #f472b6) !important;
  box-shadow: 0 0 30px rgba(192, 132, 252, 0.55);
}

body.woocommerce-account:not(.logged-in) .lost_password,
body.woocommerce-account:not(.logged-in) .woocommerce-form__label-for-checkbox {
  color: #a8b0c3;
}

body.woocommerce-account:not(.logged-in) .lost_password a {
  color: #c084fc !important;
}

@media (max-width: 760px) {
  body.woocommerce-account:not(.logged-in) .woocommerce .u-columns {
    grid-template-columns: 1fr;
  }

  body.woocommerce-account:not(.logged-in) form.login,
  body.woocommerce-account:not(.logged-in) form.register {
    padding: 24px !important;
  }
}