/*
Theme Name: Arkana
Template: twentytwentyfive
Description: Mystisches Child-Theme für den Steiner Shop – Sternenhimmel, Violett und Gold.
Version: 1.0.0
Text Domain: arkana
*/

html { scroll-behavior: smooth; }

body {
  background-color: #120a24;
  background-image:
    radial-gradient(1px 1px at 12% 18%, rgba(240,215,140,.9) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 28% 72%, rgba(255,255,255,.8) 50%, transparent 51%),
    radial-gradient(1px 1px at 47% 33%, rgba(240,215,140,.7) 50%, transparent 51%),
    radial-gradient(2px 2px at 63% 81%, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1px 1px at 78% 22%, rgba(255,255,255,.9) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 91% 56%, rgba(240,215,140,.8) 50%, transparent 51%),
    radial-gradient(ellipse at 20% 0%, #3b1c63 0%, transparent 55%),
    radial-gradient(ellipse at 90% 100%, #1f1a4d 0%, transparent 50%);
  background-size: 340px 340px, 420px 420px, 290px 290px, 510px 510px, 380px 380px, 450px 450px, 100% 100%, 100% 100%;
  background-attachment: fixed;
}

h1, h2, h3, .wp-block-site-title, .wp-block-post-title, .woocommerce-loop-product__title {
  font-family: "Cormorant Garamond", "Palatino Linotype", Palatino, Georgia, serif;
  letter-spacing: .06em;
  font-weight: 500;
}
h1, h2, .wp-block-site-title {
  background: linear-gradient(90deg, #f3dc8f, #d4a94a 50%, #f3dc8f);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 0 30px rgba(212,169,74,.25);
}
.wp-block-site-title a { color: transparent; }

h2::after {
  content: "✦ ☾ ✦";
  display: block; font-size: .5em; letter-spacing: .6em; margin-top: .4em;
  color: #d4a94a; -webkit-text-fill-color: #d4a94a;
}

a { text-decoration-color: rgba(212,169,74,.5); text-underline-offset: 4px; }
a:hover { color: #f3dc8f; }

/* Header & Footer */
header.wp-block-template-part, footer.wp-block-template-part {
  border-color: rgba(212,169,74,.35);
}
header.wp-block-template-part { border-bottom: 1px solid rgba(212,169,74,.35); background: rgba(18,10,36,.6); backdrop-filter: blur(6px); }
footer.wp-block-template-part { border-top: 1px solid rgba(212,169,74,.35); }

/* Buttons */
.wp-element-button, .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt {
  background: linear-gradient(135deg, #6b2fa8, #4a1d86);
  color: #f6e9bd; border: 1px solid #d4a94a; border-radius: 999px;
  padding: .7em 1.8em; letter-spacing: .08em; text-transform: uppercase; font-size: .85rem;
  box-shadow: 0 0 14px rgba(212,169,74,.25);
  transition: box-shadow .3s, transform .3s;
}
.wp-element-button:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover {
  background: linear-gradient(135deg, #7d3dc4, #5a28a0); color: #fff;
  box-shadow: 0 0 26px rgba(243,220,143,.55); transform: translateY(-1px);
}

/* Produktkarten */
.wc-block-grid__product, .wc-block-product, ul.products li.product {
  background: rgba(40,22,74,.55);
  border: 1px solid rgba(212,169,74,.3);
  border-radius: 18px; padding: 1rem;
  transition: box-shadow .35s, transform .35s;
}
.wc-block-grid__product:hover, .wc-block-product:hover, ul.products li.product:hover {
  box-shadow: 0 0 30px rgba(155,89,230,.45), 0 0 6px rgba(243,220,143,.5);
  transform: translateY(-4px);
}
.wc-block-grid__product-image img, .wc-block-components-product-image img, ul.products li.product img { border-radius: 12px; }
.wc-block-components-product-price, .price, .woocommerce-Price-amount { color: #f3dc8f; }
.onsale, .wc-block-components-product-sale-badge {
  background: #d4a94a !important; color: #120a24 !important; border-radius: 999px !important; border: 0 !important;
}

/* Formulare / Warenkorb / Kasse */
input, select, textarea, .wc-block-components-text-input input {
  background: rgba(18,10,36,.8) !important; color: #efe6ff !important;
  border: 1px solid rgba(212,169,74,.45) !important; border-radius: 10px !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar,
.woocommerce-info, .woocommerce-message, table.shop_table {
  background: rgba(40,22,74,.45); border-color: rgba(212,169,74,.3);
  border-radius: 14px;
}
.woocommerce-breadcrumb, .wc-block-components-product-metadata { color: #bfa8e8; }

/* Rechtlicher Hinweis */
.arkana-hinweis {
  font-size: .8rem; color: #bfa8e8; border: 1px dashed rgba(212,169,74,.4);
  padding: .8rem 1rem; border-radius: 10px; margin-top: 1.5rem;
}
.arkana-orakel {
  text-align: center; font-style: italic; font-size: 1.25rem; color: #f3dc8f;
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } html { scroll-behavior: auto; } }

/* Startseite */
.home .wp-block-post-title { display: none; }
.wp-block-cover h1 { background: none; -webkit-text-fill-color: #f3dc8f; color: #f3dc8f; text-shadow: 0 0 30px rgba(212,169,74,.5); }
.wp-block-cover p { color: #efe6ff; }

/* Produktraster */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.5rem; width: 100%; margin: 0; padding: 0; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.2rem; background: none; -webkit-text-fill-color: #f3dc8f; }
.woocommerce ul.products li.product h2::after, .wc-block-grid__product-title::after { content: none; }