/*
Theme Name: KopfsalART Atelier
Theme URI: https://kopfsalart.com
Description: Child-Theme fuer Kadence fuer KopfsalART. Ueber Design -> Customizer -> "KopfsalART Design" laesst sich zwischen 7 Farb-/Schrift-Designs UND 5 Startseiten-Layouts wechseln. Das Theme rendert die Startseite selbst (kein Seitenbau noetig), raeumt den Header auf und blendet den oberen Ankuendigungsbalken standardmaessig aus. Aendert nur Aussehen & Startseite; Kadence & WooCommerce bleiben voll funktionsfaehig.
Author: KopfsalART
Template: kadence
Version: 3.0.0
Text Domain: kopfsalart-atelier
*/

/* =====================================================================
   BASIS-THEME – token-gesteuert.
   Die konkreten Farben/Schriften/Formen kommen aus dem aktiven Design
   (assets/designs/*.css), das ueber den Customizer gewaehlt wird.
   Hier stehen nur Fallback-Werte (= Design "Atelier-Galerie").
   ===================================================================== */
:root,
body{
  /* Farben */
  --ksa-paper:#F6F2EA;
  --ksa-paper-2:#EDE7DA;
  --ksa-ink:#211B13;
  --ksa-muted:#6F675A;
  --ksa-line:#DDD5C7;
  --ksa-acc:#C05B33;
  --ksa-acc-d:#9E4826;
  --ksa-on-acc:#ffffff;      /* Textfarbe auf Akzent-Buttons */
  --ksa-surface:#ffffff;     /* Karten- / Formular-Hintergrund */
  --ksa-surface-2:#EDE7DA;

  /* Schriften */
  --ksa-serif:'Fraunces', Georgia, serif;
  --ksa-sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Ueberschriften-Regler */
  --ksa-heading-weight:400;
  --ksa-heading-tt:none;
  --ksa-heading-spacing:-.01em;

  /* Button-Regler */
  --ksa-btn-radius:100px;
  --ksa-btn-border:1px solid transparent;
  --ksa-btn-shadow:none;
  --ksa-btn-shadow-hover:none;
  --ksa-btn-tt:none;
  --ksa-btn-spacing:.01em;
  --ksa-btn-hover:translateY(-1px);

  /* Karten-Regler */
  --ksa-card-radius:6px;
  --ksa-card-border:0;
  --ksa-card-shadow:none;

  /* Badge (onsale) */
  --ksa-badge-radius:100px;
  --ksa-badge-bg:#211B13;
  --ksa-badge-color:#F6F2EA;
  --ksa-badge-font:var(--ksa-serif);
}

/* ---------- Grundlagen ---------- */
body,
.content-bg,
.site,
.content-area{ background-color:var(--ksa-paper); }
body{
  font-family:var(--ksa-sans);
  color:var(--global-palette5);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.entry-title,.wp-block-heading{
  font-family:var(--ksa-serif);
  font-weight:var(--ksa-heading-weight);
  color:var(--ksa-ink);
  letter-spacing:var(--ksa-heading-spacing);
  text-transform:var(--ksa-heading-tt);
}
a{ color:var(--ksa-acc); }
a:hover{ color:var(--ksa-acc-d); }
::selection{ background:var(--ksa-acc); color:var(--ksa-on-acc); }
hr,.wp-block-separator{ border-color:var(--ksa-line); }

.site-header-row-container-inner{
  background:color-mix(in srgb, var(--ksa-paper) 92%, transparent);
  backdrop-filter:blur(8px);
}

/* ---------- Buttons ---------- */
.wp-block-button__link,
.kb-button,
.button,
button.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button{
  background-color:var(--ksa-acc);
  color:var(--ksa-on-acc);
  border-radius:var(--ksa-btn-radius);
  border:var(--ksa-btn-border);
  box-shadow:var(--ksa-btn-shadow);
  font-family:var(--ksa-sans);
  font-weight:600;
  text-transform:var(--ksa-btn-tt);
  letter-spacing:var(--ksa-btn-spacing);
  transition:background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.wp-block-button__link:hover,
.kb-button:hover,
.button:hover,
button.button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover{
  background-color:var(--ksa-acc-d);
  color:var(--ksa-on-acc);
  box-shadow:var(--ksa-btn-shadow-hover);
  transform:var(--ksa-btn-hover);
}

/* ---------- Shop-Raster ---------- */
.woocommerce ul.products li.product{ text-align:left; }
.woocommerce ul.products li.product a img{
  border-radius:var(--ksa-card-radius);
  border:var(--ksa-card-border);
  box-shadow:var(--ksa-card-shadow);
  background:var(--ksa-surface-2);
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.woocommerce ul.products li.product a:hover img{ transform:scale(1.03); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--ksa-serif);
  font-size:1.15rem;
  line-height:1.25;
  color:var(--ksa-ink);
  padding-top:.5em;
}
.woocommerce ul.products li.product .price{
  color:var(--ksa-ink);
  font-family:var(--ksa-sans);
  font-weight:600;
  font-size:.95rem;
}
.woocommerce ul.products li.product .price del{ color:var(--ksa-muted);font-weight:400; }
.woocommerce ul.products li.product .price ins{ color:var(--ksa-acc-d);text-decoration:none; }
.woocommerce ul.products{ gap:2rem 1.6rem; }

/* onsale-Badge */
.woocommerce span.onsale{
  background:var(--ksa-badge-bg);
  color:var(--ksa-badge-color);
  border-radius:var(--ksa-badge-radius);
  font-family:var(--ksa-badge-font);
  font-weight:400;
  min-height:auto;min-width:auto;line-height:1;
  padding:6px 12px;top:12px;left:12px;right:auto;margin:0;
}

/* ---------- Einzelprodukt ---------- */
.woocommerce div.product .product_title{ font-family:var(--ksa-serif);color:var(--ksa-ink); }
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ksa-ink);
  font-family:var(--ksa-serif);
  font-size:1.8rem;
}
.woocommerce div.product p.price ins{ color:var(--ksa-acc-d);text-decoration:none; }
.woocommerce .star-rating span,
.woocommerce .star-rating::before{ color:var(--ksa-acc); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom-color:var(--ksa-acc); }

/* ---------- Hinweise / Warenkorb / Checkout ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-noreviews{
  border-top-color:var(--ksa-acc);
  background:var(--ksa-surface);
  color:var(--ksa-ink);
}
.woocommerce-message::before,.woocommerce-info::before{ color:var(--ksa-acc); }
.woocommerce-error{ border-top-color:var(--ksa-acc-d); }
.woocommerce table.shop_table,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #payment{ border-radius:8px;border-color:var(--ksa-line); }
.woocommerce-checkout #payment{ background:var(--ksa-surface-2); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single{
  border:1px solid var(--ksa-line);
  border-radius:8px;
  background:var(--ksa-surface);
  color:var(--ksa-ink);
}
.woocommerce form .form-row input.input-text:focus{
  outline:2px solid var(--ksa-acc);outline-offset:1px;border-color:var(--ksa-acc);
}
.woocommerce-breadcrumb{ color:var(--ksa-muted);font-size:.85rem; }
.woocommerce-breadcrumb a{ color:var(--ksa-muted); }
.woocommerce-breadcrumb a:hover{ color:var(--ksa-acc-d); }

/* ---------- Header / Logo (aufgeraeumt) ---------- */
.site-top-header-wrap .site-header-row-container-inner,
.site-main-header-wrap .site-header-row-container-inner{
  background:var(--ksa-paper) !important;   /* neutralisiert dunkle Verlaeufe im Kopf */
  border-color:var(--ksa-line) !important;
}
#masthead,.site-header{ border-bottom:1px solid var(--ksa-line); }
/* Logo groesser & gut sichtbar; transparenter Hintergrund zeigt die Seitenfarbe */
.site-header .site-branding img,
.custom-logo,
.custom-logo-link img,
.site-branding a.brand img{ max-height:64px !important; width:auto; height:auto; }
@media(max-width:782px){
  .site-header .site-branding img,.custom-logo,.custom-logo-link img{ max-height:46px !important; }
}
/* Logo automatisch passend zum Design:
   helle Designs -> gesetztes Kadence-Logo (schwarzer Schriftzug)
   dunkle Designs -> gruenes Logo (Bild wird direkt getauscht) */
body.ksa-dark .site-branding img.custom-logo,
body.ksa-dark a.brand.has-logo-image img.custom-logo,
body.ksa-dark .site-header img.custom-logo{
  content:url('assets/logo-dark.png') !important;
}
.header-navigation .header-menu-container ul li a,
.header-menu-container ul li a{
  font-family:var(--ksa-sans); font-weight:500; letter-spacing:.01em; color:var(--ksa-ink);
}
.header-navigation .header-menu-container ul li a:hover,
.header-menu-container ul li.current-menu-item > a,
.header-menu-container ul li.current_page_item > a{ color:var(--ksa-acc); }
.header-cart-button,.header-account-button,.header-search-button{ color:var(--ksa-ink); }
.header-cart-total{ background:var(--ksa-acc); color:var(--ksa-on-acc,#fff); }

/* ---------- Ankuendigungsleiste ---------- */
.ksa-topbar{
  background:var(--ksa-ink);
  color:var(--ksa-paper);
  font-family:var(--ksa-sans);
  font-size:12.5px;letter-spacing:.04em;text-align:center;padding:9px 16px;
}
.ksa-topbar b{ color:var(--ksa-acc); font-weight:600; }
.ksa-topbar span{ opacity:.45;padding:0 10px; }