/*
Theme Name: Daniela Epoxy Child
Theme URI: https://dreamherzepoxid.eu/
Description: Child theme for Daniela's Epoxy & Jewelry shop — Lavendel-Lila styling. Deutsch + Englisch, TikTok statt X/Instagram.
Author: Thomas Max Fischer
Version: 1.5
Template: twentytwentythree
Text Domain: daniela-epoxy-child
*/

:root{
  --color-primary: #8a63d9; /* Lavendel-Lila */
  --color-accent: #f8f6ff;
  --color-text: #222222;
  --color-muted: #666666;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

body{
  color:var(--color-text);
  font-family: var(--font-body);
  background-color: #ffffff;
}

h1,h2,h3,h4,h5,h6{
  font-family: var(--font-heading);
  color: var(--color-primary);
}

.site-header, .site-footer{
  background: var(--color-accent);
}

.product .price {
  color: var(--color-primary);
  font-weight: 600;
}

/* Image-focused product grid */
.products .product .woocommerce-loop-product__link{
  display:block;
}

/* Lavendel-Buttons (Warenkorb, Kasse, Formulare, Block-Buttons) */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart,
.wp-block-button__link,
.wp-element-button,
.wc-block-components-button{
  background: var(--color-primary);
  color:#fff;
  border-radius:6px;
  font-weight:600;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover{
  background:#6f4bbf;
  color:#fff;
}

/* Produkt-Bildkarten */
.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:24px;
  list-style:none;
  margin:0;
  padding:0;
}
.woocommerce ul.products li.product{
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(138,99,217,.12);
  transition:transform .2s ease, box-shadow .2s ease;
  display:flex;
  flex-direction:column;
  text-align:center;
  padding:0 0 16px;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(138,99,217,.22);
}
.woocommerce ul.products li.product img{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding:10px 12px 0;
  font-size:1rem;
  line-height:1.3;
  word-break:break-word;
}
.woocommerce ul.products li.product .price{
  padding:4px 12px;
}

/* Header-Logo (rund, dezent schwebend) */
.daniela-site-logo img{
  border-radius:50%;
  width:64px;
  height:64px;
  object-fit:cover;
  box-shadow:0 2px 10px rgba(138,99,217,.3);
  border:2px solid #fff;
}
.wp-site-logo + .wp-block-site-title{
  margin-left:12px;
}

/* Footer in Lavendel-Optik */
.site-footer{
  background: var(--color-accent);
}
.site-footer .wp-block-social-links{
  gap:10px;
}
.site-footer .wp-block-social-link{
  border-radius:50%;
  transition:transform .2s ease;
}
.site-footer .wp-block-social-link:hover{
  transform:translateY(-2px);
}
.site-footer .wp-block-social-link-anchor svg{
  fill:#fff;
}

/* Sprachumschalter (Polylang) */
.lang-switcher,
ul.lang-switcher{
  list-style:none;
  display:flex;
  gap:6px;
  margin:0;
  padding:0;
  align-items:center;
}
.lang-switcher li a{
  display:inline-block;
  padding:4px 10px;
  border-radius:20px;
  font-size:0.85rem;
  font-weight:600;
  color:var(--color-primary);
  border:1px solid rgba(138,99,217,.35);
  text-decoration:none;
}
.lang-switcher li a:hover{
  background:var(--color-primary);
  color:#fff;
}
.lang-switcher li.lang-item-current a{
  background:var(--color-primary);
  color:#fff;
}

/* Zweisprachige Artikel-Texte: Englisch dezent auszeichnen */
.product-description-en{
  margin-top:14px;
  padding-top:14px;
  border-top:1px dashed rgba(138,99,217,.3);
  color:var(--color-muted);
  font-size:0.95rem;
}