/*
Theme Name: ForTheCards Child
Template: storefront
Description: ForTheCards Design – Anthrazit & Messing, Fächer-Optik
Version: 1.0
Author: ForTheCards
*/

@import url("../storefront/style.css");
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --anthrazit-deep: #FFFFFF;
  --anthrazit: #F7F6F8;
  --anthrazit-light: #EFEDF2;
  --messing: #8B5FA8;
  --messing-bright: #A87BC4;
  --bronze: #6B4A82;
  --off-white: #1C1B1F;
  --off-white-dim: #6B6873;
  --hairline: rgba(139,95,168,0.22);
}

body{
  background: var(--anthrazit-deep);
  color: var(--off-white);
  font-family: 'Inter', sans-serif;
}
a{ color: var(--messing); }
a:hover{ color: var(--messing-bright); }

/* Header / Navigation */
.site-header{
  background: rgba(255,255,255,0.95);
  border-bottom: 1px solid var(--hairline);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.site-title a{
  font-family: 'Fraunces', serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--off-white) !important;
}
.main-navigation ul li a{
  color: var(--off-white-dim);
  font-size: 0.85rem;
  text-transform: none;
  letter-spacing: 0.02em;
}
.main-navigation ul li a:hover{ color: var(--messing); }
.site-header-cart .cart-contents{ color: var(--off-white); }

/* Überschriften */
h1, h2, h3, .page-title, .woocommerce-loop-product__title{
  font-family: 'Fraunces', serif;
  font-weight: 500;
  color: var(--off-white);
}

/* Hero / Seiteninhalt */
.content-area{ background: var(--anthrazit-deep); }
.entry-content, .woocommerce{ color: var(--off-white); }

/* Produktkacheln = "Fächer" */
ul.products li.product{
  background: var(--anthrazit);
  border: 1px solid var(--hairline);
  padding: 20px;
  transition: background .25s ease, box-shadow .25s ease;
}
ul.products li.product:hover{
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(139,95,168,0.12);
}
ul.products li.product .price{
  color: var(--messing);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.9rem;
}
ul.products li.product .woocommerce-loop-product__title{
  font-size: 1.05rem;
}

/* Kategorie-Header als "Fach-Plakette" */
.woocommerce-products-header__title{
  font-family: 'Fraunces', serif;
  border-bottom: 1px solid var(--hairline);
  padding-bottom: 16px;
}

/* Buttons */
.button, .single_add_to_cart_button, .checkout-button{
  background: var(--messing) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: none !important;
  padding: 12px 26px !important;
  transition: background .25s ease;
}
.button:hover, .single_add_to_cart_button:hover{
  background: var(--messing-bright) !important;
}

/* Warenkorb / Checkout Felder */
.woocommerce table.shop_table, .woocommerce-checkout table.shop_table{
  border: 1px solid var(--hairline);
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce select,
.woocommerce textarea{
  background: #FFFFFF;
  border: 1px solid var(--hairline);
  color: var(--off-white);
}

/* Footer */
.site-footer{
  background: var(--anthrazit);
  border-top: 1px solid var(--hairline);
  color: var(--off-white-dim);
}

/* Preis-Highlights im Mono-Stil (Zertifikats-/Vitrinen-Optik) */
.price, .amount{
  font-family: 'IBM Plex Mono', monospace;
}

/* Responsive Feinschliff */
@media (max-width: 768px){
  .site-title a{ font-size: 1.1rem; }
}