/*
Theme Name:     Goldkueste Child
Theme URI:      https://goldkuestehair.ch
Description:    Custom Child Theme für Goldkueste Hair – baut auf Kendall auf und implementiert das Editorial-Design aus dem Mockup. Alle Inhalte zentral im Customizer pflegbar.
Author:         Goldkueste Hair / Custom Build
Author URI:     https://goldkuestehair.ch
Template:       kendall
Version:        2.2.33
Text Domain:    goldkueste-child
*/

/* ============================================================
   GOLDKUESTE CHILD THEME — v2.0
   Inhalte werden zentral im Customizer gepflegt.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300&family=Jost:wght@200;300;400;500&display=swap');

/* ---------- FARBVARIABLEN ---------- */
:root {
  --gk-cream: #ffffff;
  --gk-cream-deep: #fafafa;
  --gk-cream-shade: #f0f0f0;
  --gk-cream-warm: #e6e6e6;
  --gk-ink: #1a1a1a;
  --gk-ink-soft: #4a4a4a;
  --gk-mute: #888888;
  --gk-line: rgba(26,26,26,0.08);
  --gk-line-strong: rgba(26,26,26,0.18);
  --gk-coral: #ED887E;
  --gk-coral-deep: #d96b5f;
  --gk-serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --gk-sans: 'Jost', -apple-system, BlinkMacSystemFont, sans-serif;
}

body.gk-dark,
body.eltdf-dark,
body.eltdf-dark-header,
body.dark-mode,
html.dark-mode body,
body.gk-design[data-theme="dark"] {
  --gk-cream: #0d0d0d;
  --gk-cream-deep: #161616;
  --gk-cream-shade: #1f1f1f;
  --gk-cream-warm: #262626;
  --gk-ink: #ffffff;
  --gk-ink-soft: #c8c8c8;
  --gk-mute: #6f6f6f;
  --gk-line: rgba(255,255,255,0.10);
  --gk-line-strong: rgba(255,255,255,0.22);
}

/* ---------- GLOBAL ---------- */
body.gk-design {
  font-family: var(--gk-sans);
  font-weight: 300;
  background: var(--gk-cream);
  color: var(--gk-ink);
  line-height: 1.7;
  transition: background 0.4s ease, color 0.4s ease;
}

/* Im Dark-Mode: HTML und Body */
html.gk-dark-html,
html:has(body.gk-design.gk-dark) {
  background: #161616 !important;
  background-color: #161616 !important;
}

body.gk-design.gk-dark {
  background: #161616 !important;
  background-color: #161616 !important;
  color: #ffffff !important;
}

/* UNIVERSAL: Alle Hauptcontent-Wrapper im Dark-Mode dunkel.
   Greift auf jeder Seite mit gk-dark.
   Footer-Container (.eltdf-page-footer, .eltd-footer-*) sind
   AUSGESCHLOSSEN – die haben ihren eigenen Style.
   
   WICHTIG: Wir fassen NICHT .eltdf-container oder .eltd-container an,
   weil diese auch im Footer benutzt werden und das Grid-Layout
   zerstören würden. */
body.gk-design.gk-dark .eltd-wrapper,
body.gk-design.gk-dark .eltd-wrapper-inner,
body.gk-design.gk-dark .eltd-content,
body.gk-design.gk-dark .eltd-content-inner,
body.gk-design.gk-dark .eltdf-wrapper,
body.gk-design.gk-dark .eltdf-wrapper-inner,
body.gk-design.gk-dark .eltdf-content,
body.gk-design.gk-dark .eltdf-content-inner,
body.gk-design.gk-dark main,
body.gk-design.gk-dark #content,
body.gk-design.gk-dark .page-content,
body.gk-design.gk-dark .site-content {
  background: #161616 !important;
  background-color: #161616 !important;
}

/* PDP-spezifische Container (Kendall-Variant für Produktseiten) */
body.gk-design.gk-dark.single-product .eltdf-single-product,
body.gk-design.gk-dark.single-product .eltdf-single-product-wrapper,
body.gk-design.gk-dark.single-product .eltdf-single-product-summary,
body.gk-design.gk-dark.single-product .eltdf-single-product-summary-holder,
body.gk-design.gk-dark.single-product .eltdf-single-product-content,
body.gk-design.gk-dark.single-product .eltdf-product-content,
body.gk-design.gk-dark.single-product .eltdf-product-summary-holder,
body.gk-design.gk-dark.single-product .summary,
body.gk-design.gk-dark.single-product .summary.entry-summary,
body.gk-design.gk-dark.single-product div.product,
body.gk-design.gk-dark.single-product .product-type-simple,
body.gk-design.gk-dark.single-product .product-type-variable,
body.gk-design.gk-dark.single-product .product {
  background: #161616 !important;
  background-color: #161616 !important;
}

/* Kendalls .eltd-container ist innerhalb der PDP weiß - dunkel zwingen.
   Wir scopen es auf .eltd-content damit der Footer (.eltd-footer-*)
   nicht erfasst wird. */
body.gk-design.gk-dark.single-product .eltd-content .eltd-container,
body.gk-design.gk-dark.single-product .eltd-content .eltdf-container,
body.gk-design.gk-dark.woocommerce-account .eltd-content .eltd-container,
body.gk-design.gk-dark.woocommerce-account .eltd-content .eltdf-container,
body.gk-design.gk-dark.woocommerce-checkout .eltd-content .eltd-container,
body.gk-design.gk-dark.woocommerce-checkout .eltd-content .eltdf-container,
body.gk-design.gk-dark.woocommerce-cart .eltd-content .eltd-container,
body.gk-design.gk-dark.woocommerce-cart .eltd-content .eltdf-container {
  background: #161616 !important;
  background-color: #161616 !important;
}

body.gk-design h1,
body.gk-design h2,
body.gk-design h3,
body.gk-design h4 {
  font-family: var(--gk-serif);
  font-weight: 300;
  color: var(--gk-ink);
  letter-spacing: 0.005em;
}

/* ---------- LAYOUT UTILS ---------- */
.gk-section { padding: 90px 48px; }
.gk-section--cream { background: var(--gk-cream-deep); }
.gk-section--dark { background: var(--gk-ink); color: var(--gk-cream); }
body.gk-dark .gk-section--dark { background: #ffffff; color: #1a1a1a; }
body.gk-dark .gk-section--dark h1,
body.gk-dark .gk-section--dark h2,
body.gk-dark .gk-section--dark h3 { color: #1a1a1a; }

.gk-container { max-width: 1280px; margin: 0 auto; }
.gk-container--narrow { max-width: 760px; margin: 0 auto; }

.gk-sec-head { text-align: center; margin-bottom: 48px; }
.gk-sec-head h2 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-size: 44px;
  color: var(--gk-ink);
  margin: 8px 0;
  letter-spacing: 0.005em;
  line-height: 1.2;
}
.gk-section--dark .gk-sec-head h2 { color: var(--gk-cream); }
body.gk-dark .gk-section--dark .gk-sec-head h2 { color: #1a1a1a; }
.gk-sec-head h2 em { font-style: italic; }

.gk-eyebrow {
  font-size: 10px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gk-coral);
  font-weight: 500;
  display: block;
  margin-bottom: 14px;
}

.gk-rule {
  width: 32px; height: 0.5px;
  background: var(--gk-ink);
  margin: 18px auto;
}
.gk-section--dark .gk-rule { background: var(--gk-cream); }
body.gk-dark .gk-section--dark .gk-rule { background: #1a1a1a; }

/* ---------- HERO ---------- */
.gk-hero {
  padding: 110px 48px 80px;
  text-align: center;
  background: var(--gk-cream);
}
.gk-hero h1 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-size: 88px;
  line-height: 1.05;
  color: var(--gk-ink);
  margin: 18px 0 24px;
  letter-spacing: -0.005em;
}
.gk-hero h1 em { font-style: italic; }
.gk-hero p.gk-lead {
  font-size: 16px;
  color: var(--gk-ink-soft);
  max-width: 540px;
  margin: 0 auto 36px;
  line-height: 1.8;
}
.gk-hero-image {
  margin: 60px 48px 0;
  height: 380px;
  background: linear-gradient(135deg, var(--gk-cream-shade) 0%, var(--gk-cream-warm) 100%);
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

/* ---------- BUTTONS ---------- */
.gk-btn {
  display: inline-block;
  padding: 16px 38px;
  background: transparent;
  color: var(--gk-ink);
  border: 0.5px solid var(--gk-ink);
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-family: var(--gk-sans);
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.gk-btn:hover {
  background: var(--gk-ink);
  color: var(--gk-cream);
}
.gk-btn--solid { background: var(--gk-ink); color: var(--gk-cream); }
.gk-btn--solid:hover { background: var(--gk-coral); border-color: var(--gk-coral); color: #fff; }

/* ---------- MARQUEE ---------- */
.gk-marquee {
  overflow: hidden;
  padding: 18px 0;
  background: var(--gk-ink);
  color: var(--gk-cream);
}
.gk-marquee-track {
  display: flex;
  width: max-content;
  animation: gk-scroll 40s linear infinite;
  will-change: transform;
}
.gk-marquee-group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.gk-marquee-item,
.gk-marquee-sep {
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  padding: 0 24px;
  white-space: nowrap;
}
.gk-marquee-sep {
  opacity: 0.5;
}
/* Fallback: alte einzelne <span> falls noch im Cache */
.gk-marquee span {
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  padding: 0 24px;
  white-space: nowrap;
}
@keyframes gk-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Pause beim Hover (optional, nutzerfreundlich) */
.gk-marquee:hover .gk-marquee-track {
  animation-play-state: paused;
}

/* ---------- PRODUCT CARDS ---------- */
.gk-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
}
.gk-card {
  transition: transform 0.3s ease;
  text-decoration: none;
  color: inherit;
  display: block;
}
.gk-card:hover { transform: translateY(-4px); }
.gk-card-img {
  aspect-ratio: 3 / 4;
  background: var(--gk-cream-shade);
  border-radius: 4px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: background 0.3s;
}
.gk-card:hover .gk-card-img { background-color: var(--gk-cream-warm); }
.gk-card-meta {
  font-size: 10px;
  letter-spacing: 0.28em;
  color: var(--gk-coral);
  text-transform: uppercase;
  margin-bottom: 6px;
  font-weight: 500;
}
.gk-card-title {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  color: var(--gk-ink);
  margin: 0 0 6px;
  line-height: 1.3;
}
.gk-card-price {
  font-size: 13px;
  color: var(--gk-ink);
}

.gk-badge {
  position: absolute;
  top: 14px; right: 14px;
  background: var(--gk-coral);
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
}

/* ---------- STORY ---------- */
.gk-story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
.gk-story-img {
  aspect-ratio: 4 / 5;
  background: var(--gk-cream-shade);
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}
.gk-story h2 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.gk-story h2 em { font-style: italic; }
.gk-story p {
  font-size: 15px;
  line-height: 1.9;
  color: var(--gk-ink-soft);
  margin-bottom: 16px;
}
.gk-quote {
  font-family: var(--gk-serif);
  font-style: italic;
  color: var(--gk-coral);
  font-size: 17px;
  margin: 24px 0 32px;
  line-height: 1.6;
}

/* ---------- WAY / MANIFESTO ---------- */
.gk-way { text-align: center; max-width: 760px; margin: 0 auto; }
.gk-way .gk-quote-large {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.4;
  color: var(--gk-cream);
}
body.gk-dark .gk-section--dark .gk-quote-large { color: #1a1a1a; }
.gk-way-author {
  margin-top: 30px;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gk-coral);
}

/* ---------- MATERIALS ---------- */
.gk-materials {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: var(--gk-cream-deep);
  border-top: 0.5px solid var(--gk-line);
  border-bottom: 0.5px solid var(--gk-line);
}
.gk-mat-cell {
  padding: 50px 32px;
  text-align: center;
  border-right: 0.5px solid var(--gk-line);
}
.gk-mat-cell:last-child { border-right: 0; }
.gk-mat-cell h4 {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  margin: 14px 0 8px;
}
.gk-mat-cell p {
  font-size: 12px;
  color: var(--gk-mute);
  line-height: 1.7;
  margin: 0;
}
.gk-mat-num {
  font-family: var(--gk-serif);
  font-style: italic;
  color: var(--gk-coral);
  font-size: 14px;
}

/* ---------- NEWSLETTER ---------- */
.gk-newsletter {
  text-align: center;
  background: var(--gk-cream-deep);
  padding: 90px 48px;
}
.gk-newsletter h2 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-size: 38px;
  margin-bottom: 18px;
}
.gk-newsletter h2 em { font-style: italic; }
.gk-newsletter p {
  font-size: 14px;
  color: var(--gk-ink-soft);
  margin: 0 auto 32px;
  max-width: 460px;
  line-height: 1.8;
}
.gk-newsletter-form {
  display: flex;
  max-width: 460px;
  margin: 0 auto;
  border-bottom: 0.5px solid var(--gk-ink);
}
.gk-newsletter-form input[type="email"] {
  flex: 1; border: 0; background: transparent;
  padding: 14px 8px;
  font-size: 14px;
  color: var(--gk-ink);
  outline: none;
}
.gk-newsletter-form button {
  background: transparent; border: 0;
  color: var(--gk-ink);
  font-size: 10px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 14px 0;
}

/* ---------- ABOUT-PAGE LAYOUT ---------- */
.gk-about-hero {
  padding: 110px 48px 60px;
  text-align: center;
  background: var(--gk-cream);
}
.gk-about-hero h1 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-size: 64px;
  margin: 14px 0 0;
  line-height: 1.1;
}
.gk-about-hero h1 em { font-style: italic; }

.gk-about-intro {
  max-width: 720px;
  margin: 0 auto;
  padding: 60px 48px;
  text-align: center;
}
.gk-about-intro p {
  font-size: 17px;
  line-height: 1.9;
  color: var(--gk-ink-soft);
  margin-bottom: 20px;
}

.gk-about-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 48px;
}
.gk-pillar { text-align: center; }
.gk-pillar-icon {
  width: 48px; height: 48px;
  border: 0.5px solid var(--gk-coral);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gk-coral);
  font-family: var(--gk-serif);
  font-style: italic;
  margin-bottom: 18px;
}
.gk-pillar h3 {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  margin: 0 0 10px;
}
.gk-pillar p {
  font-size: 14px;
  color: var(--gk-ink-soft);
  line-height: 1.8;
  margin: 0;
}

/* ---------- FAQ ---------- */
.gk-faq-list {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px;
}
.gk-faq-item {
  border-bottom: 0.5px solid var(--gk-line-strong);
  padding: 24px 0;
}
.gk-faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  color: var(--gk-ink);
  list-style: none;
  user-select: none;
}
.gk-faq-q::-webkit-details-marker { display: none; }
.gk-faq-q::after {
  content: '+';
  font-family: var(--gk-sans);
  font-size: 24px;
  color: var(--gk-coral);
  font-style: normal;
  transition: transform 0.2s;
}
.gk-faq-item[open] .gk-faq-q::after {
  content: '–';
  transform: rotate(0deg);
}
.gk-faq-a {
  padding: 14px 0 6px;
  font-size: 15px;
  color: var(--gk-ink-soft);
  line-height: 1.9;
}

/* ---------- THEME TOGGLE ---------- */
/* Hinweis: Der Toggle sitzt im Header. Der Header bleibt im Dark-Mode optisch
   weiß (Kendalls Verhalten), daher muss der Toggle IMMER dunkel sein —
   unabhängig von Light/Dark Mode. */
.gk-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0.5px solid #1a1a1a;
  padding: 9px 16px;
  border-radius: 999px;
  cursor: pointer;
  font-family: var(--gk-sans);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1a1a1a;
  transition: all 0.3s;
}
.gk-theme-toggle:hover {
  background: #1a1a1a;
  color: #ffffff;
  border-color: #1a1a1a;
}
.gk-theme-toggle .gk-dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: #1a1a1a;
  flex-shrink: 0;
  transition: background 0.3s;
}
.gk-theme-toggle:hover .gk-dot { background: #ffffff; }
.gk-theme-toggle .gk-toggle-label { color: inherit; }

/* Spezial-Override: Falls der Toggle in einem dunklen Header sitzt
   (eltdf-dark-header), Inversion: heller Toggle */
body.gk-design header.eltdf-dark-header .gk-theme-toggle,
body.gk-design.gk-dark header.eltdf-dark-header .gk-theme-toggle {
  border-color: #ffffff !important;
  color: #ffffff !important;
}
body.gk-design header.eltdf-dark-header .gk-theme-toggle .gk-dot,
body.gk-design.gk-dark header.eltdf-dark-header .gk-theme-toggle .gk-dot {
  background: #ffffff !important;
}

/* Override mit höchster Spezifität gegen Catch-All Header-Regeln */
body.gk-design.gk-dark header .gk-theme-toggle {
  border-color: #1a1a1a !important;
  color: #1a1a1a !important;
  background: transparent !important;
}
body.gk-design.gk-dark header .gk-theme-toggle .gk-dot {
  background: #1a1a1a !important;
}
body.gk-design.gk-dark header .gk-theme-toggle .gk-toggle-label {
  color: #1a1a1a !important;
}
body.gk-design.gk-dark header .gk-theme-toggle:hover {
  background: #1a1a1a !important;
  color: #ffffff !important;
}
body.gk-design.gk-dark header .gk-theme-toggle:hover .gk-dot {
  background: #ffffff !important;
}
body.gk-design.gk-dark header .gk-theme-toggle:hover .gk-toggle-label {
  color: #ffffff !important;
}

/* ---------- WOOCOMMERCE ---------- */
body.gk-design .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
  color: var(--gk-ink);
}
body.gk-design .woocommerce ul.products li.product .price {
  color: var(--gk-ink);
  font-size: 13px;
}
body.gk-design .woocommerce ul.products li.product .button,
body.gk-design .woocommerce button.button,
body.gk-design .woocommerce a.button {
  background: var(--gk-ink);
  color: var(--gk-cream);
  border-radius: 0;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  padding: 14px 28px;
  font-family: var(--gk-sans);
  font-weight: 400;
  border: 0;
}
body.gk-design .woocommerce a.button:hover,
body.gk-design .woocommerce button.button:hover {
  background: var(--gk-coral);
  color: #fff;
}
body.gk-design.single-product .product_title {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-style: italic;
  font-size: 44px;
  color: var(--gk-ink);
}
body.gk-design.single-product .summary .price {
  color: var(--gk-ink);
  font-size: 18px;
  margin: 14px 0 24px;
}

/* ---------- SHOP FILTER BAR ---------- */
.gk-shop-filter {
  padding: 0 48px;
  margin: 40px auto 50px;
  max-width: 1280px;
}
.gk-shop-filter__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.5px solid var(--gk-line-strong);
  border-bottom: 0.5px solid var(--gk-line-strong);
  padding: 18px 0;
  flex-wrap: wrap;
  gap: 16px;
}
.gk-shop-tabs {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.gk-tab {
  background: transparent;
  border: 0;
  padding: 8px 16px;
  font-family: var(--gk-sans);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gk-mute);
  cursor: pointer;
  transition: color 0.25s;
  position: relative;
  font-weight: 400;
}
.gk-tab:hover { color: var(--gk-ink); }
.gk-tab--active {
  color: var(--gk-ink);
}
.gk-tab--active::after {
  content: '';
  position: absolute;
  left: 16px; right: 16px;
  bottom: 0;
  height: 1px;
  background: var(--gk-coral);
}

/* Sort Dropdown */
.gk-shop-sort {
  display: flex;
  align-items: center;
  gap: 12px;
}
.gk-sort-label {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gk-mute);
}
.gk-sort-dropdown {
  position: relative;
}
.gk-sort-current {
  background: transparent;
  border: 0;
  font-family: var(--gk-sans);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gk-ink);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  font-weight: 400;
}
.gk-sort-arrow {
  font-size: 10px;
  color: var(--gk-coral);
  transition: transform 0.2s;
}
.gk-sort-dropdown[data-open="true"] .gk-sort-arrow {
  transform: rotate(180deg);
}
.gk-sort-options {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 200px;
  background: var(--gk-cream);
  border: 0.5px solid var(--gk-line-strong);
  list-style: none;
  margin: 8px 0 0;
  padding: 8px 0;
  z-index: 50;
  display: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.gk-sort-dropdown[data-open="true"] .gk-sort-options {
  display: block;
}
.gk-sort-options li {
  margin: 0;
  padding: 0;
}
.gk-sort-option {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 10px 18px;
  font-family: var(--gk-sans);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gk-ink-soft);
  cursor: pointer;
  text-align: left;
  font-weight: 400;
  transition: background 0.15s, color 0.15s;
}
.gk-sort-option:hover {
  background: var(--gk-cream-shade);
  color: var(--gk-ink);
}
.gk-sort-option--active {
  color: var(--gk-coral);
}

/* Shop Grid (Filter-fähig) */
.gk-shop-grid {
  display: grid;
  gap: 36px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px 90px;
}
.gk-shop-grid--3col { grid-template-columns: repeat(3, 1fr); }
.gk-shop-grid--4col { grid-template-columns: repeat(4, 1fr); }
.gk-shop-item.gk-hidden { display: none; }
.gk-shop-item {
  animation: gk-fadein 0.4s ease;
}
@keyframes gk-fadein {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 900px) {
  .gk-shop-filter { padding: 0 24px; }
  .gk-shop-filter__inner { flex-direction: column; align-items: flex-start; }
  .gk-shop-grid { padding: 0 24px 60px; }
  .gk-shop-grid--3col, .gk-shop-grid--4col { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media (max-width: 600px) {
  .gk-shop-grid--3col, .gk-shop-grid--4col { grid-template-columns: 1fr; }
  .gk-tab { padding: 6px 10px; font-size: 10px; }
}

/* ============================================================
   WOOCOMMERCE: MY ACCOUNT (Mein Konto)
   ============================================================ */

/* Page-Hero (Titel-Banner) */
body.gk-design.woocommerce-account .gk-account-hero,
body.gk-design.woocommerce-checkout .gk-account-hero,
body.gk-design.woocommerce-cart .gk-account-hero {
  padding: 110px 48px 80px;
  text-align: center;
  background: var(--gk-cream-deep);
}
body.gk-design.woocommerce-account .gk-account-hero h1,
body.gk-design.woocommerce-checkout .gk-account-hero h1,
body.gk-design.woocommerce-cart .gk-account-hero h1 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-style: italic;
  font-size: 64px;
  margin: 14px 0 0;
  line-height: 1.1;
}

/* Container für Konto-Inhalte */
body.gk-design.woocommerce-account .woocommerce {
  max-width: 1080px;
  margin: 60px auto 100px;
  padding: 0 48px;
}

/* Layout: Navigation links, Content rechts */
body.gk-design .woocommerce-MyAccount-navigation {
  width: 260px;
  float: left;
}
body.gk-design .woocommerce-MyAccount-content {
  margin-left: 300px;
  width: auto;
  float: none;
}

/* Navigation-Liste (Dashboard, Orders, Addresses etc.) */
body.gk-design .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 0.5px solid var(--gk-line);
}
body.gk-design .woocommerce-MyAccount-navigation ul li {
  border-bottom: 0.5px solid var(--gk-line);
  margin: 0;
  padding: 0;
  background: transparent;
}
body.gk-design .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 18px 4px;
  font-family: var(--gk-sans);
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gk-ink-soft);
  text-decoration: none;
  transition: color 0.25s, padding-left 0.25s;
  font-weight: 400;
  background: transparent;
  border: 0;
}
body.gk-design .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--gk-ink);
  padding-left: 8px;
}
body.gk-design .woocommerce-MyAccount-navigation ul li.is-active a,
body.gk-design .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  color: var(--gk-coral);
  background: transparent;
  position: relative;
}
body.gk-design .woocommerce-MyAccount-navigation ul li.is-active a::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gk-coral);
}

/* Begrüßungstext + Body-Text */
body.gk-design .woocommerce-MyAccount-content p {
  font-size: 15px;
  line-height: 1.9;
  color: var(--gk-ink-soft);
  margin-bottom: 18px;
}
body.gk-design .woocommerce-MyAccount-content p a {
  color: var(--gk-coral);
  text-decoration: none;
  border-bottom: 0.5px solid var(--gk-coral);
}
body.gk-design .woocommerce-MyAccount-content p a:hover {
  color: var(--gk-coral-deep);
  border-bottom-color: var(--gk-coral-deep);
}

/* Section-Headings im Konto */
body.gk-design .woocommerce-MyAccount-content h2,
body.gk-design .woocommerce-MyAccount-content h3 {
  font-family: var(--gk-serif);
  font-weight: 300;
  font-style: italic;
  font-size: 32px;
  color: var(--gk-ink);
  margin: 0 0 24px;
  line-height: 1.2;
}

/* Tabellen (Orders, Downloads) */
body.gk-design .woocommerce-orders-table,
body.gk-design .shop_table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
body.gk-design .woocommerce-orders-table thead th,
body.gk-design .shop_table thead th {
  background: transparent;
  border-bottom: 0.5px solid var(--gk-line-strong);
  padding: 14px 12px;
  font-family: var(--gk-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gk-mute);
  text-align: left;
}
body.gk-design .woocommerce-orders-table tbody td,
body.gk-design .shop_table tbody td {
  padding: 18px 12px;
  border-bottom: 0.5px solid var(--gk-line);
  font-size: 13px;
  color: var(--gk-ink-soft);
  background: transparent;
}
body.gk-design .woocommerce-orders-table tbody tr:hover td {
  background: var(--gk-cream-deep);
}

/* Adressen-Boxen */
body.gk-design .woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 24px;
}
body.gk-design .woocommerce-Address {
  width: 100% !important;
  float: none !important;
  padding: 0;
}
body.gk-design .woocommerce-Address-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  border-bottom: 0.5px solid var(--gk-line-strong);
  padding-bottom: 10px;
}
body.gk-design .woocommerce-Address-title h2,
body.gk-design .woocommerce-Address-title h3 {
  font-size: 22px;
  margin: 0;
}
body.gk-design .woocommerce-Address-title .edit {
  font-size: 10px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gk-coral);
  text-decoration: none;
  border-bottom: 0.5px solid var(--gk-coral);
  padding-bottom: 2px;
}
body.gk-design .woocommerce-Address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.9;
  color: var(--gk-ink-soft);
}

/* Buttons im Konto-Bereich */
body.gk-design .woocommerce-MyAccount-content .button,
body.gk-design .woocommerce-MyAccount-content .woocommerce-Button {
  background: var(--gk-ink);
  color: var(--gk-cream);
  border: 0;
  border-radius: 0;
  padding: 14px 32px;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-family: var(--gk-sans);
  font-weight: 400;
  transition: background 0.25s;
  text-decoration: none;
  display: inline-block;
}
body.gk-design .woocommerce-MyAccount-content .button:hover {
  background: var(--gk-coral);
  color: #fff;
}

/* Login/Register Formulare */
body.gk-design .woocommerce-form-login,
body.gk-design .woocommerce-form-register {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
body.gk-design .u-columns.col2-set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
body.gk-design .u-columns .col-1,
body.gk-design .u-columns .col-2 {
  width: 100%;
  float: none;
  padding: 0;
}
body.gk-design .u-columns h2 {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 300;
  font-size: 32px;
  color: var(--gk-ink);
  margin: 0 0 8px;
  border: 0;
}

/* Input-Felder im Konto */
body.gk-design .woocommerce-form-row label,
body.gk-design .form-row label {
  display: block;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gk-mute);
  margin-bottom: 8px;
  font-weight: 400;
}
body.gk-design .woocommerce-form-row input[type="text"],
body.gk-design .woocommerce-form-row input[type="email"],
body.gk-design .woocommerce-form-row input[type="password"],
body.gk-design .woocommerce-form-row input[type="tel"],
body.gk-design .form-row input[type="text"],
body.gk-design .form-row input[type="email"],
body.gk-design .form-row input[type="password"],
body.gk-design .form-row input[type="tel"],
body.gk-design .form-row select,
body.gk-design .form-row textarea,
body.gk-design .woocommerce-form-login input[type="text"],
body.gk-design .woocommerce-form-login input[type="email"],
body.gk-design .woocommerce-form-login input[type="password"],
body.gk-design .woocommerce-form-register input[type="text"],
body.gk-design .woocommerce-form-register input[type="email"],
body.gk-design .woocommerce-form-register input[type="password"],
body.gk-design .woocommerce-account .woocommerce input[type="text"],
body.gk-design .woocommerce-account .woocommerce input[type="email"],
body.gk-design .woocommerce-account .woocommerce input[type="password"] {
  width: 100% !important;
  padding: 14px 16px !important;
  border: 0.5px solid var(--gk-line-strong) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  font-family: var(--gk-sans) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  transition: border-color 0.2s !important;
  box-shadow: none !important;
  outline: none !important;
}
body.gk-design .woocommerce-form-row input:focus,
body.gk-design .form-row input:focus,
body.gk-design .form-row select:focus {
  border-color: var(--gk-ink);
}
body.gk-design .form-row {
  margin-bottom: 18px;
}

/* "Lost password" Link */
body.gk-design .woocommerce-LostPassword a {
  color: var(--gk-coral);
  font-size: 12px;
  text-decoration: none;
  letter-spacing: 0.04em;
}

/* Tabellen-Footer / Buttons-Reihe */
body.gk-design .woocommerce-orders-table__cell-order-actions a {
  margin-right: 8px;
  font-size: 10px;
  padding: 8px 16px;
  letter-spacing: 0.22em;
}

/* "Keine Bestellungen" / Notice */
body.gk-design .woocommerce-MyAccount-content .woocommerce-Message,
body.gk-design .woocommerce-info {
  background: var(--gk-cream-deep);
  border-top: 2px solid var(--gk-coral);
  color: var(--gk-ink-soft);
  padding: 18px 22px;
  font-size: 13px;
  border-radius: 0;
}
body.gk-design .woocommerce-MyAccount-content .woocommerce-Message a {
  color: var(--gk-ink);
  border-bottom: 0.5px solid var(--gk-ink);
}


/* ============================================================
   WOOCOMMERCE: BLOCKS CHECKOUT
   ============================================================ */

/* Container */
body.gk-design.woocommerce-checkout .wc-block-checkout,
body.gk-design.woocommerce-checkout .wp-block-woocommerce-checkout {
  max-width: 1200px;
  margin: 60px auto 100px;
  padding: 0 48px;
}

/* Section-Überschriften */
body.gk-design .wc-block-components-title,
body.gk-design .wp-block-woocommerce-checkout-contact-information-block h2,
body.gk-design .wp-block-woocommerce-checkout-shipping-address-block h2,
body.gk-design .wp-block-woocommerce-checkout-billing-address-block h2,
body.gk-design .wp-block-woocommerce-checkout-shipping-methods-block h2,
body.gk-design .wp-block-woocommerce-checkout-payment-block h2,
body.gk-design .wp-block-woocommerce-checkout-order-note-block h2,
body.gk-design .wc-block-checkout__main h2 {
  font-family: var(--gk-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 28px !important;
  color: var(--gk-ink) !important;
  letter-spacing: 0.005em !important;
  margin-bottom: 18px !important;
  line-height: 1.3 !important;
}

/* "Order Summary"-Box */
body.gk-design .wc-block-components-sidebar,
body.gk-design .wp-block-woocommerce-checkout-totals-block {
  border: 0.5px solid var(--gk-line-strong);
  border-radius: 0;
  padding: 32px 28px;
  background: var(--gk-cream-deep);
}
body.gk-design .wc-block-components-sidebar h2,
body.gk-design .wc-block-components-checkout-order-summary__title {
  font-family: var(--gk-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 28px !important;
  color: var(--gk-ink) !important;
}

/* Produkt-Items im Order Summary */
body.gk-design .wc-block-components-order-summary-item__title {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 17px;
  color: var(--gk-ink);
}
body.gk-design .wc-block-components-product-metadata {
  font-size: 12px;
  color: var(--gk-mute);
  line-height: 1.7;
}

/* Total-Zeile */
body.gk-design .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.gk-design .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
  font-family: var(--gk-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 26px;
  color: var(--gk-ink);
}
body.gk-design .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-family: var(--gk-sans);
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--gk-ink);
  font-size: 16px;
}

/* Subtotal-Zeilen */
body.gk-design .wc-block-components-totals-item {
  padding: 8px 0;
  font-size: 13px;
  color: var(--gk-ink-soft);
}

/* Input-Felder (Email, Adresse etc.)
   WICHTIG: kein generelles padding setzen - das Floating-Label
   der WooCommerce Blocks braucht das interne Padding-System.
   Wir setzen nur die Optik-Eigenschaften (Farben, Border). */
body.gk-design .wc-block-components-text-input input,
body.gk-design .wc-block-components-address-form input,
body.gk-design .wc-block-components-select select,
body.gk-design .wc-block-components-textarea textarea {
  border: 0.5px solid var(--gk-line-strong) !important;
  border-radius: 0 !important;
  background: var(--gk-cream) !important;
  color: var(--gk-ink) !important;
  font-family: var(--gk-sans) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  box-shadow: none !important;
}
body.gk-design .wc-block-components-text-input input:focus,
body.gk-design .wc-block-components-address-form input:focus,
body.gk-design .wc-block-components-select select:focus {
  border-color: var(--gk-ink) !important;
  outline: 0 !important;
}

/* Label-Standardposition (im Input liegend), wird vom Block-CSS
   automatisch beim Tippen nach oben animiert. NICHT überschreiben. */
body.gk-design .wc-block-components-text-input label,
body.gk-design .wc-block-components-checkout-step__title,
body.gk-design .wc-block-components-form-row label {
  color: var(--gk-mute) !important;
  font-family: var(--gk-sans) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
}

/* Delivery-Tabs ("Ship" / "Pickup available") */
body.gk-design .wc-block-checkout-shipping-method-block .wc-block-components-radio-control-accordion-option,
body.gk-design .wc-block-checkout__shipping-option,
body.gk-design .wc-block-components-shipping-rates-control__package {
  border: 0.5px solid var(--gk-line-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin-bottom: 8px !important;
}
body.gk-design .wc-block-components-radio-control__option--checked,
body.gk-design .wc-block-components-shipping-rates-control__no-results-notice + label {
  border-color: var(--gk-ink) !important;
  background: var(--gk-cream) !important;
}

/* Shipping-Address-Card */
body.gk-design .wc-block-components-address-card,
body.gk-design .wc-block-components-shipping-address-edit__address-card,
body.gk-design .wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-address-card {
  border: 0.5px solid var(--gk-line-strong) !important;
  border-radius: 0 !important;
  padding: 18px 22px !important;
}
body.gk-design .wc-block-components-address-card__edit {
  color: var(--gk-coral) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid var(--gk-coral) !important;
}

/* Place-Order-Button */
body.gk-design .wc-block-components-checkout-place-order-button,
body.gk-design .wp-block-woocommerce-checkout-actions-block .wc-block-components-button {
  background: var(--gk-ink) !important;
  color: var(--gk-cream) !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 20px 40px !important;
  font-family: var(--gk-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  height: auto !important;
  min-height: 0 !important;
  transition: background 0.25s !important;
  width: 100% !important;
}
body.gk-design .wc-block-components-checkout-place-order-button:hover {
  background: var(--gk-coral) !important;
  color: #fff !important;
}

/* "Return to Cart"-Link */
body.gk-design .wc-block-components-checkout-return-to-cart-button,
body.gk-design .wp-block-woocommerce-checkout-order-summary-block + * .wc-block-components-button--text {
  color: var(--gk-mute) !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.gk-design .wc-block-components-checkout-return-to-cart-button:hover {
  color: var(--gk-ink) !important;
}

/* "Add coupons"-Toggle */
body.gk-design .wc-block-components-totals-coupon button,
body.gk-design .wc-block-components-totals-coupon__button {
  color: var(--gk-ink) !important;
  font-family: var(--gk-sans) !important;
  font-size: 13px !important;
}
body.gk-design .wc-block-components-totals-coupon-link {
  color: var(--gk-coral) !important;
}

/* Notice "There are no payment methods" */
body.gk-design .wc-block-components-notice-banner.is-error {
  border-radius: 0 !important;
  border-left: 4px solid var(--gk-coral) !important;
}

/* Coupon-Eingabe */
body.gk-design .wc-block-components-totals-coupon__content input {
  border: 0.5px solid var(--gk-line-strong) !important;
  border-radius: 0 !important;
}

/* Cart-Page (passt zum gleichen Theme) */
body.gk-design.woocommerce-cart .wc-block-cart,
body.gk-design.woocommerce-cart .wp-block-woocommerce-cart {
  max-width: 1200px;
  margin: 60px auto 100px;
  padding: 0 48px;
}
body.gk-design .wp-block-woocommerce-cart-line-items-block h2,
body.gk-design .wc-block-cart-items__header {
  font-family: var(--gk-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 28px !important;
}

/* Responsive für Konto + Checkout */
@media (max-width: 900px) {
  body.gk-design.woocommerce-account .woocommerce { padding: 0 24px; }
  body.gk-design .woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
    margin-bottom: 32px;
  }
  body.gk-design .woocommerce-MyAccount-content {
    margin-left: 0;
  }
  body.gk-design .woocommerce-Addresses { grid-template-columns: 1fr; gap: 24px; }
  body.gk-design .u-columns.col2-set { grid-template-columns: 1fr; gap: 40px; }
  body.gk-design.woocommerce-account .gk-account-hero,
  body.gk-design.woocommerce-checkout .gk-account-hero,
  body.gk-design.woocommerce-cart .gk-account-hero {
    padding: 70px 24px 50px;
  }
  body.gk-design.woocommerce-account .gk-account-hero h1,
  body.gk-design.woocommerce-checkout .gk-account-hero h1,
  body.gk-design.woocommerce-cart .gk-account-hero h1 {
    font-size: 44px;
  }
  body.gk-design.woocommerce-checkout .wc-block-checkout,
  body.gk-design.woocommerce-checkout .wp-block-woocommerce-checkout {
    padding: 0 24px;
    margin: 40px auto 60px;
  }
}

/* ============================================================
   DARK MODE — MOCKUP-SEKTIONEN
   Alle Texte explizit setzen, damit Kendalls CSS sie nicht
   versehentlich auf Schwarz zwingt.
   ============================================================ */

/* Hero */
body.gk-design.gk-dark .gk-hero {
  background: #0d0d0d !important;
}
body.gk-design.gk-dark .gk-hero h1 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-hero p.gk-lead {
  color: #c8c8c8 !important;
}

/* Eyebrow bleibt immer Korall — gut so */

/* Section-Headlines */
body.gk-design.gk-dark .gk-sec-head h2 {
  color: #ffffff !important;
}

/* Section-Hintergründe */
body.gk-design.gk-dark .gk-section {
  background: #0d0d0d;
  color: #ffffff;
}
body.gk-design.gk-dark .gk-section--cream {
  background: #161616 !important;
}

/* Newsletter-Box */
body.gk-design.gk-dark .gk-newsletter {
  background: #161616 !important;
}
body.gk-design.gk-dark .gk-newsletter h2 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-newsletter p {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark .gk-newsletter-form {
  border-bottom-color: #ffffff !important;
}
body.gk-design.gk-dark .gk-newsletter-form input[type="email"] {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-newsletter-form input[type="email"]::placeholder {
  color: rgba(255,255,255,0.4) !important;
}
body.gk-design.gk-dark .gk-newsletter-form button {
  color: #ffffff !important;
}

/* Product Cards (auch im Shop-Grid mit Filter) */
body.gk-design.gk-dark .gk-card .gk-card-title,
body.gk-design.gk-dark .gk-shop-item .gk-card-title,
body.gk-design.gk-dark a.gk-card .gk-card-title {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-card .gk-card-price,
body.gk-design.gk-dark .gk-shop-item .gk-card-price,
body.gk-design.gk-dark a.gk-card .gk-card-price {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark .gk-card .gk-card-meta,
body.gk-design.gk-dark .gk-shop-item .gk-card-meta {
  color: var(--gk-coral) !important;
}
body.gk-design.gk-dark .gk-card-img {
  background-color: #1f1f1f;
}
body.gk-design.gk-dark .gk-card:hover .gk-card-img {
  background-color: #262626;
}

/* Shop-Card-Hover: Border-Akzent */
body.gk-design.gk-dark .gk-shop-item:hover {
  color: #ffffff;
}

/* Card price-html (WooCommerce-Preise mit del/ins) */
body.gk-design.gk-dark .gk-card-price .woocommerce-Price-amount,
body.gk-design.gk-dark .gk-shop-item .gk-card-price .woocommerce-Price-amount,
body.gk-design.gk-dark .gk-card-price bdi,
body.gk-design.gk-dark .gk-shop-item .gk-card-price bdi {
  color: #c8c8c8 !important;
}

/* ============================================================
   FOOTER-CARDS (Custom-HTML-Widgets im Footer)
   Funktioniert mit den manuell eingefügten HTML-Blöcken
   in den Widget-Bereichen "Footer Column 1/2/3".
   ============================================================ */

.gk-foot-card {
  border: 0.5px solid var(--gk-line-strong);
  padding: 28px 24px;
  text-align: left;
  height: 100%;
  background: transparent;
}
.gk-foot-card--center {
  text-align: center;
}

.gk-foot-card-title {
  font-family: var(--gk-sans);
  font-size: 15px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--gk-ink);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 22px;
}

.gk-foot-card-eyebrow {
  font-family: var(--gk-sans);
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gk-coral);
  font-weight: 500;
  margin-bottom: 10px;
}

.gk-foot-card-value {
  font-family: var(--gk-serif);
  font-size: 18px;
  font-style: italic;
  color: var(--gk-ink);
  line-height: 1.4;
}
.gk-foot-card-value a {
  color: var(--gk-ink) !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid transparent !important;
  transition: border-color 0.2s, color 0.2s !important;
}
.gk-foot-card-value a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}

.gk-foot-card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gk-foot-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--gk-ink-soft);
  line-height: 1.5;
}
.gk-foot-row i {
  width: 18px;
  text-align: center;
  color: var(--gk-mute);
  flex-shrink: 0;
}
.gk-foot-row a {
  color: var(--gk-ink-soft) !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid transparent !important;
  transition: border-color 0.2s, color 0.2s !important;
}
.gk-foot-row a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}

/* ---------- FOOTER-CARDS DARK MODE ---------- */
body.gk-design.gk-dark .gk-foot-card {
  border-color: rgba(255,255,255,0.15);
}
body.gk-design.gk-dark .gk-foot-card-title {
  color: #ffffff;
}
body.gk-design.gk-dark .gk-foot-card-value {
  color: #ffffff;
}
body.gk-design.gk-dark .gk-foot-card-value a {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-foot-card-value a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}
body.gk-design.gk-dark .gk-foot-row {
  color: #c8c8c8;
}
body.gk-design.gk-dark .gk-foot-row a {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark .gk-foot-row a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}
body.gk-design.gk-dark .gk-foot-row i {
  color: #6f6f6f;
}

/* ============================================================
   KENDALL FOOTER — MOCKUP-DESIGN
   Light-Mode: weiße Fläche mit dunklem Text und Korall-Akzenten
   Dark-Mode: tiefes Schwarz mit hellem Text
   ============================================================ */

/* Footer-Hintergrund: Cream im Light, sehr dunkel im Dark */
body.gk-design .eltdf-page-footer,
body.gk-design footer.eltdf-page-footer,
body.gk-design #eltdf-page-footer,
body.gk-design footer,
body.gk-design .eltd-footer-inner,
body.gk-design .eltd-footer-top-holder,
body.gk-design .eltd-footer-top,
body.gk-design .eltd-footer-bottom-holder,
body.gk-design .eltd-footer-bottom-holder-inner {
  background: var(--gk-cream-deep) !important;
  background-color: var(--gk-cream-deep) !important;
  color: var(--gk-ink-soft) !important;
  border-top: 0 !important;
}

/* Footer-Top: Hauptbereich mit Widgets */
body.gk-design .eltdf-footer-top-holder,
body.gk-design .eltd-footer-top-holder,
body.gk-design .eltd-footer-top {
  padding: 80px 0 60px !important;
  background: transparent !important;
  border: 0 !important;
}

/* Footer-Spalten (Widget-Bereiche) */
body.gk-design .eltdf-footer-top-holder .eltdf-column-content {
  padding: 0 24px;
}

/* Widget-Titel (z.B. "Instagram", "Location") */
body.gk-design footer h1,
body.gk-design footer h2,
body.gk-design footer h3,
body.gk-design footer h4,
body.gk-design footer h5,
body.gk-design footer h6,
body.gk-design .eltdf-footer-top-holder h1,
body.gk-design .eltdf-footer-top-holder h2,
body.gk-design .eltdf-footer-top-holder h3,
body.gk-design .eltdf-footer-top-holder h4,
body.gk-design .eltdf-footer-top-holder h5,
body.gk-design .eltdf-footer-top-holder h6,
body.gk-design .widget-title,
body.gk-design .widgettitle {
  font-family: var(--gk-sans) !important;
  font-size: 10px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: var(--gk-coral) !important;
  font-weight: 500 !important;
  margin: 0 0 18px !important;
  font-style: normal !important;
}

/* Footer-Logo (Bild) zentriert und etwas kleiner */
body.gk-design footer img,
body.gk-design .eltdf-footer-top-holder img {
  max-width: 220px;
  height: auto;
}

/* Allgemeiner Text im Footer */
body.gk-design footer,
body.gk-design footer p,
body.gk-design footer span,
body.gk-design footer li,
body.gk-design .eltdf-footer-top-holder,
body.gk-design .eltdf-footer-top-holder p,
body.gk-design .eltdf-footer-top-holder span,
body.gk-design .eltdf-footer-top-holder li {
  font-family: var(--gk-sans) !important;
  font-size: 13px !important;
  color: var(--gk-ink-soft) !important;
  line-height: 1.9 !important;
  letter-spacing: 0.02em !important;
}

/* Links im Footer (E-Mail, Instagram-Handle) */
body.gk-design footer a,
body.gk-design .eltdf-footer-top-holder a {
  color: var(--gk-ink) !important;
  text-decoration: none !important;
  border-bottom: 0.5px solid transparent !important;
  transition: border-color 0.2s, color 0.2s !important;
  font-weight: 400 !important;
}
body.gk-design footer a:hover,
body.gk-design .eltdf-footer-top-holder a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}

/* Footer-Bottom (Copyright-Zeile) */
body.gk-design .eltdf-footer-bottom-holder {
  background: transparent !important;
  border-top: 0.5px solid var(--gk-line-strong) !important;
  padding: 24px 0 !important;
}
body.gk-design .eltdf-footer-bottom-holder,
body.gk-design .eltdf-footer-bottom-holder p,
body.gk-design .eltdf-footer-bottom-holder span,
body.gk-design .eltdf-footer-bottom-holder a {
  font-size: 11px !important;
  color: var(--gk-mute) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.gk-design .eltdf-footer-bottom-holder a {
  color: var(--gk-mute) !important;
}
body.gk-design .eltdf-footer-bottom-holder a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}

/* Falls Footer-Widgets als Liste gerendert werden */
body.gk-design footer ul,
body.gk-design .eltdf-footer-top-holder ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.gk-design footer ul li,
body.gk-design .eltdf-footer-top-holder ul li {
  padding: 4px 0 !important;
  border: 0 !important;
}

/* Social Icons im Footer (falls vorhanden) */
body.gk-design .eltdf-footer-top-holder .eltdf-social-icon-widget-holder {
  margin-top: 14px;
}
body.gk-design .eltdf-footer-top-holder .eltdf-social-icon-widget-holder a {
  color: var(--gk-ink) !important;
  margin-right: 16px !important;
  font-size: 16px !important;
}
body.gk-design .eltdf-footer-top-holder .eltdf-social-icon-widget-holder a:hover {
  color: var(--gk-coral) !important;
}

/* ---------- FOOTER DARK MODE ---------- */

/* HAMMER-REGEL: Alle möglichen Footer-Container im Dark-Mode dunkel zwingen.
   WICHTIG: Nur auf body.gk-dark triggern, NICHT auf eltdf-dark
   (Kendall fügt eltdf-dark auch im Light-Mode hinzu — würde sonst falsch greifen).
   ACHTUNG: Kendall benutzt SOWOHL "eltd-" als auch "eltdf-" Klassen-Präfixe! */
body.gk-design.gk-dark .eltdf-page-footer,
body.gk-design.gk-dark footer.eltdf-page-footer,
body.gk-design.gk-dark #eltdf-page-footer,
body.gk-design.gk-dark .eltdf-footer-top-holder,
body.gk-design.gk-dark .eltdf-footer-top-holder-inner,
body.gk-design.gk-dark .eltdf-footer-bottom-holder,
body.gk-design.gk-dark .eltdf-footer-bottom-holder-inner,
body.gk-design.gk-dark footer .eltdf-container,
body.gk-design.gk-dark footer,
body.gk-design.gk-dark .eltd-footer-inner,
body.gk-design.gk-dark .eltd-footer-top-holder,
body.gk-design.gk-dark .eltd-footer-top,
body.gk-design.gk-dark .eltd-footer-bottom-holder,
body.gk-design.gk-dark .eltd-footer-bottom-holder-inner,
body.gk-design.gk-dark footer .eltd-container,
body.gk-design.gk-dark footer .eltd-three-columns {
  background-color: #000000 !important;
  background-image: none !important;
  background: #000000 !important;
  border-top-color: rgba(255,255,255,0.08) !important;
  color: #c8c8c8 !important;
}

/* Falls ein Inline-Style den Cream-Hintergrund auf einem Widget oder
   Container direkt setzt, mit attribute-selektor und !important neutralisieren */
body.gk-design.gk-dark footer [style*="background:#fff8d2"],
body.gk-design.gk-dark footer [style*="background: #fff8d2"],
body.gk-design.gk-dark footer [style*="background:#FFF8D2"],
body.gk-design.gk-dark footer [style*="background: #FFF8D2"],
body.gk-design.gk-dark footer [style*="background-color:#fff8d2"],
body.gk-design.gk-dark footer [style*="background-color: #fff8d2"],
body.gk-design.gk-dark footer [style*="background-color:#FFF8D2"],
body.gk-design.gk-dark footer [style*="background-color: #FFF8D2"] {
  background-color: transparent !important;
  background: transparent !important;
}

body.gk-design.gk-dark footer,
body.gk-design.gk-dark footer p,
body.gk-design.gk-dark footer span,
body.gk-design.gk-dark footer li,
body.gk-design.gk-dark .eltdf-footer-top-holder,
body.gk-design.gk-dark .eltdf-footer-top-holder p,
body.gk-design.gk-dark .eltdf-footer-top-holder span,
body.gk-design.gk-dark .eltdf-footer-top-holder li {
  color: #c8c8c8 !important;
}

body.gk-design.gk-dark footer a,
body.gk-design.gk-dark .eltdf-footer-top-holder a {
  color: #ffffff !important;
}
body.gk-design.gk-dark footer a:hover,
body.gk-design.gk-dark .eltdf-footer-top-holder a:hover {
  color: var(--gk-coral) !important;
  border-bottom-color: var(--gk-coral) !important;
}

/* Footer-Bottom im Dark */
body.gk-design.gk-dark .eltdf-footer-bottom-holder {
  border-top-color: rgba(255,255,255,0.08) !important;
}
body.gk-design.gk-dark .eltdf-footer-bottom-holder,
body.gk-design.gk-dark .eltdf-footer-bottom-holder p,
body.gk-design.gk-dark .eltdf-footer-bottom-holder span {
  color: #6f6f6f !important;
}
body.gk-design.gk-dark .eltdf-footer-bottom-holder a {
  color: #6f6f6f !important;
}
body.gk-design.gk-dark .eltdf-footer-bottom-holder a:hover {
  color: var(--gk-coral) !important;
}

/* Widget-Titel im Dark behält Korall */
body.gk-design.gk-dark footer h1,
body.gk-design.gk-dark footer h2,
body.gk-design.gk-dark footer h3,
body.gk-design.gk-dark footer h4,
body.gk-design.gk-dark footer h5,
body.gk-design.gk-dark footer h6,
body.gk-design.gk-dark .widget-title,
body.gk-design.gk-dark .widgettitle {
  color: var(--gk-coral) !important;
}

/* Social Icons im Dark */
body.gk-design.gk-dark .eltdf-footer-top-holder .eltdf-social-icon-widget-holder a {
  color: #ffffff !important;
}

/* Footer-Bild-Logo: falls eines im Dark-Mode automatisch zur hellen Version
   wechseln soll, kann man hier eine .gk-light-logo-only Klasse einbauen.
   Default: das Logo bleibt wie es ist. */

/* ============================================================
   DARK MODE — WooCommerce STANDARD-PRODUKT-CARDS
   Greift auf: PDP "Related Products", Shop /shop/, /shop-main/ etc.
   Diese verwenden Kendalls/WooCommerce-Loop-Templates, NICHT gk-card.
   ============================================================ */

/* Produkt-Titel in WooCommerce-Loop (z.B. h2/h3 mit .woocommerce-loop-product__title) */
body.gk-design.gk-dark .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.gk-design.gk-dark .woocommerce ul.products li.product h2,
body.gk-design.gk-dark .woocommerce ul.products li.product h3,
body.gk-design.gk-dark .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
body.gk-design.gk-dark .related ul.products li.product .woocommerce-loop-product__title,
body.gk-design.gk-dark .upsells ul.products li.product .woocommerce-loop-product__title,
body.gk-design.gk-dark .related ul.products li.product h2,
body.gk-design.gk-dark .related ul.products li.product h3 {
  color: #ffffff !important;
}

/* Produkt-Titel als Link (Kendall wraps oft Titel in <a>) */
body.gk-design.gk-dark .woocommerce ul.products li.product a,
body.gk-design.gk-dark .related ul.products li.product a,
body.gk-design.gk-dark .upsells ul.products li.product a {
  color: #ffffff !important;
}

/* Produkt-Preise */
body.gk-design.gk-dark .woocommerce ul.products li.product .price,
body.gk-design.gk-dark .woocommerce ul.products li.product .price *,
body.gk-design.gk-dark .related ul.products li.product .price,
body.gk-design.gk-dark .related ul.products li.product .price *,
body.gk-design.gk-dark .upsells ul.products li.product .price,
body.gk-design.gk-dark .upsells ul.products li.product .price * {
  color: #c8c8c8 !important;
}

/* "Add to cart" Link / Select options in Loop */
body.gk-design.gk-dark .woocommerce ul.products li.product .add_to_cart_button,
body.gk-design.gk-dark .woocommerce ul.products li.product .button,
body.gk-design.gk-dark .related ul.products li.product .button,
body.gk-design.gk-dark .upsells ul.products li.product .button {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .woocommerce ul.products li.product .button:hover {
  background: var(--gk-coral) !important;
  color: #ffffff !important;
}

/* Kendall-spezifische Klassen für Produkt-Cards (falls vorhanden) */
body.gk-design.gk-dark [class*="eltdf-product"] h2,
body.gk-design.gk-dark [class*="eltdf-product"] h3,
body.gk-design.gk-dark [class*="eltdf-product"] h4,
body.gk-design.gk-dark [class*="eltdf-product"] .price,
body.gk-design.gk-dark [class*="eltdf-product"] a {
  color: #ffffff !important;
}

/* "in stock" / "out of stock" in der Loop */
body.gk-design.gk-dark .woocommerce ul.products li.product .stock {
  color: #c8c8c8 !important;
}

/* Story-Section */
body.gk-design.gk-dark .gk-story h2 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-story p {
  color: #c8c8c8 !important;
}

/* Manifesto (im Dark wird die Sektion HELL statt dunkel) */
body.gk-design.gk-dark .gk-section--dark {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .gk-section--dark .gk-sec-head h2 {
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .gk-section--dark .gk-quote-large {
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .gk-section--dark .gk-rule {
  background: #1a1a1a !important;
}

/* Materials-Strip */
body.gk-design.gk-dark .gk-materials {
  background: #161616 !important;
}
body.gk-design.gk-dark .gk-mat-cell h4 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-mat-cell p {
  color: #6f6f6f !important;
}

/* Marquee */
body.gk-design.gk-dark .gk-marquee {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .gk-marquee span {
  color: #1a1a1a !important;
}

/* About-Pillars */
body.gk-design.gk-dark .gk-pillar h3 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-pillar p {
  color: #c8c8c8 !important;
}

/* FAQ */
body.gk-design.gk-dark .gk-faq-q {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-faq-a {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark .gk-faq-item {
  border-bottom-color: rgba(255,255,255,0.18) !important;
}

/* About-Hero */
body.gk-design.gk-dark .gk-about-hero h1 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-about-intro p {
  color: #c8c8c8 !important;
}

/* Buttons im Dark-Mode */
body.gk-design.gk-dark .gk-btn {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
body.gk-design.gk-dark .gk-btn:hover {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .gk-btn--solid {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .gk-btn--solid:hover {
  background: var(--gk-coral) !important;
  border-color: var(--gk-coral) !important;
  color: #ffffff !important;
}

/* Card-Meta (Kategorie über Titel) bleibt Korall */

/* Shop-Filter-Bar im Dark-Mode */
body.gk-design.gk-dark .gk-tab {
  color: #6f6f6f !important;
}
body.gk-design.gk-dark .gk-tab:hover {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-tab--active {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-sort-label {
  color: #6f6f6f !important;
}
body.gk-design.gk-dark .gk-sort-current {
  color: #ffffff !important;
}
body.gk-design.gk-dark .gk-sort-options {
  background: #161616 !important;
  border-color: rgba(255,255,255,0.22) !important;
}
body.gk-design.gk-dark .gk-sort-option {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark .gk-sort-option:hover {
  background: #1f1f1f !important;
  color: #ffffff !important;
}

/* Hero-Image (Bild-Verlauf) im Dark */
body.gk-design.gk-dark .gk-hero-image {
  background: linear-gradient(135deg, #1f1f1f 0%, #262626 100%);
}

/* Story-Image und Card-Img Hintergrund */
body.gk-design.gk-dark .gk-story-img {
  background-color: #1f1f1f;
}

/* ============================================================
   KENDALL HEADER-PROTECTION (v2.2.5)
   Header bleibt optisch weiß im Dark-Mode (Kendall-Verhalten).
   ALLE Texte/Links/Toggles im Header werden mit hoher Spezifität
   auf dunkel gezwungen, damit sie auf weißem Hintergrund lesbar bleiben.
   Wir nutzen sehr breite Selektoren um alle möglichen Kendall-Versionen abzudecken.
   ============================================================ */

body.gk-design.gk-dark header,
body.gk-design.gk-dark .eltdf-page-header,
body.gk-design.gk-dark #eltdf-top-bar {
  background-color: #ffffff;
}

/* ALLE Text-Elemente im Header → dunkel, mit hoher Spezifität */
body.gk-design.gk-dark header *:not(img):not(svg):not(.eltdf-cart-info):not(.eltdf-amount),
body.gk-design.gk-dark .eltdf-page-header *:not(img):not(svg):not(.eltdf-cart-info):not(.eltdf-amount) {
  color: #1a1a1a !important;
}

/* Speziell: Links und Menü-Items */
body.gk-design.gk-dark header a,
body.gk-design.gk-dark .eltdf-main-menu a,
body.gk-design.gk-dark .eltdf-page-header a {
  color: #1a1a1a !important;
}

/* Hover-State der Header-Links → Korall */
body.gk-design.gk-dark header a:hover,
body.gk-design.gk-dark .eltdf-main-menu a:hover {
  color: var(--gk-coral) !important;
}

/* Cart-Number-Badge bleibt Korall */
body.gk-design.gk-dark .eltdf-amount,
body.gk-design.gk-dark .eltdf-cart-info {
  color: var(--gk-coral) !important;
}

/* Burger-Menü-Icon-Strips (die drei horizontalen Linien) */
body.gk-design.gk-dark header span[class*="eltdf"] {
  background-color: #1a1a1a !important;
}

/* Dark/Light-Switcher-Container: Border und Hintergrund erhalten */
body.gk-design.gk-dark .eltdf-switcher,
body.gk-design.gk-dark [class*="dark-light"],
body.gk-design.gk-dark [class*="switcher"]:not(.eltdf-main-menu):not(.eltdf-mobile-header) {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
  background-color: transparent !important;
}
body.gk-design.gk-dark .eltdf-switcher *,
body.gk-design.gk-dark [class*="dark-light"] * {
  color: #1a1a1a !important;
}

/* Der schwarze Punkt im Toggle (Kendall verwendet ein span/div als Indikator) */
body.gk-design.gk-dark .eltdf-switcher::before,
body.gk-design.gk-dark .eltdf-switcher span:first-child,
body.gk-design.gk-dark [class*="dark-light"]::before,
body.gk-design.gk-dark [class*="dark-light"] span:first-child {
  background-color: #1a1a1a !important;
}

/* Falls der Toggle als Button gerendert wird */
body.gk-design.gk-dark header button[class*="switch"],
body.gk-design.gk-dark header button[class*="dark"] {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
  background-color: transparent !important;
}

/* Falls Kendalls Header in der "dark variant" ist (eltdf-dark-header) — dann weiß bleiben */
body.gk-design header.eltdf-dark-header,
body.gk-design header.eltdf-dark-header * {
  color: #ffffff !important;
  background-color: transparent;
}
body.gk-design header.eltdf-dark-header {
  background-color: #1a1a1a !important;
}

/* ---------- WOOCOMMERCE BLOCKS — DARK MODE (v2.2.9) ---------- */

/* HAMMER-REGEL: Alles im main-Bereich von Checkout/Cart bekommt weiße Schrift.
   Mit sehr hoher Spezifität, sodass es alle anderen WooCommerce-Defaults schlägt. */
body.gk-design.gk-dark.woocommerce-checkout main,
body.gk-design.gk-dark.woocommerce-checkout #content,
body.gk-design.gk-dark.woocommerce-checkout .eltdf-content {
  color: #ffffff !important;
}

body.gk-design.gk-dark.woocommerce-checkout main *,
body.gk-design.gk-dark.woocommerce-checkout #content *,
body.gk-design.gk-dark.woocommerce-checkout .eltdf-content * {
  color: inherit;
}

/* Spezialfarben behalten: Korall-Links, Coral-Akzente */
body.gk-design.gk-dark.woocommerce-checkout main a,
body.gk-design.gk-dark.woocommerce-checkout .gk-eyebrow,
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-address-card__edit {
  color: var(--gk-coral) !important;
}

/* Headlines explizit weiß */
body.gk-design.gk-dark.woocommerce-checkout main h1,
body.gk-design.gk-dark.woocommerce-checkout main h2,
body.gk-design.gk-dark.woocommerce-checkout main h3,
body.gk-design.gk-dark.woocommerce-checkout main h4,
body.gk-design.gk-dark.woocommerce-checkout main h5,
body.gk-design.gk-dark.woocommerce-checkout main h6 {
  color: #ffffff !important;
}

/* Floating-Labels in den Input-Feldern */
body.gk-design.gk-dark.woocommerce-checkout main label {
  color: rgba(255,255,255,0.7) !important;
}

/* Input-Felder */
body.gk-design.gk-dark.woocommerce-checkout main input[type="text"],
body.gk-design.gk-dark.woocommerce-checkout main input[type="email"],
body.gk-design.gk-dark.woocommerce-checkout main input[type="tel"],
body.gk-design.gk-dark.woocommerce-checkout main input[type="number"],
body.gk-design.gk-dark.woocommerce-checkout main input[type="password"],
body.gk-design.gk-dark.woocommerce-checkout main select,
body.gk-design.gk-dark.woocommerce-checkout main textarea {
  background-color: #1f1f1f !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.gk-design.gk-dark.woocommerce-checkout main input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

/* SVG-Icons (Truck, Store, Pickup) */
body.gk-design.gk-dark.woocommerce-checkout main svg {
  fill: currentColor !important;
}

/* Order-Summary Box */
body.gk-design.gk-dark.woocommerce-checkout main .wc-block-components-sidebar,
body.gk-design.gk-dark.woocommerce-checkout main .wp-block-woocommerce-checkout-totals-block {
  background-color: #0d0d0d !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Place Order Button */
body.gk-design.gk-dark.woocommerce-checkout main .wc-block-components-checkout-place-order-button,
body.gk-design.gk-dark.woocommerce-checkout main button.wc-block-components-button[type="submit"] {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* Address-Card */
body.gk-design.gk-dark.woocommerce-checkout main .wc-block-components-address-card {
  background: transparent !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Hero im Dark */
body.gk-design.gk-dark.woocommerce-checkout .gk-account-hero,
body.gk-design.gk-dark.woocommerce-account .gk-account-hero,
body.gk-design.gk-dark.woocommerce-cart .gk-account-hero {
  background: #161616 !important;
}
body.gk-design.gk-dark.woocommerce-checkout .gk-account-hero h1,
body.gk-design.gk-dark.woocommerce-account .gk-account-hero h1,
body.gk-design.gk-dark.woocommerce-cart .gk-account-hero h1 {
  color: #ffffff !important;
}

/* Quantity-Badge */
body.gk-design.gk-dark.woocommerce-checkout main .wc-block-components-order-summary-item__quantity {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* Cart-Seite identisch behandeln */
body.gk-design.gk-dark.woocommerce-cart main {
  color: #ffffff !important;
}
body.gk-design.gk-dark.woocommerce-cart main h1,
body.gk-design.gk-dark.woocommerce-cart main h2,
body.gk-design.gk-dark.woocommerce-cart main h3 {
  color: #ffffff !important;
}

/* ============================================================
   WOOCOMMERCE: PDP — SICHERE TYPOGRAFIE-ANPASSUNGEN
   Wir lassen Kendalls Layout in Ruhe und ändern nur Schriften & Farben.
   ============================================================ */

/* Kendalls Demo-Title-Banner über dem Produkt ausblenden
   (das Stillife-Bild mit Make-up-Töpfen) */
body.gk-design.single-product .eltdf-title,
body.gk-design.single-product .eltdf-title-holder,
body.gk-design.single-product .eltdf-title-wrapper,
body.gk-design.single-product .eltd-title,
body.gk-design.single-product .eltd-title-holder,
body.gk-design.single-product .eltd-title-wrapper,
body.gk-design.single-product .eltdf-title-image,
body.gk-design.single-product .eltd-title-image {
  display: none !important;
}

/* Produkt-Titel: Editorial-Serif */
body.gk-design.single-product .product_title,
body.gk-design.single-product .summary .product_title,
body.gk-design.single-product h1.product_title {
  font-family: var(--gk-serif) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--gk-ink) !important;
  letter-spacing: 0.005em !important;
}

/* Preis */
body.gk-design.single-product .summary .price,
body.gk-design.single-product .summary > .price {
  color: var(--gk-ink) !important;
  font-family: var(--gk-sans) !important;
}
body.gk-design.single-product .summary .price ins {
  text-decoration: none;
  color: var(--gk-coral) !important;
}

/* Kurzbeschreibung */
body.gk-design.single-product .woocommerce-product-details__short-description {
  color: var(--gk-ink-soft);
  line-height: 1.9;
}

/* Stock-Anzeige */
body.gk-design.single-product .stock {
  font-family: var(--gk-sans) !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  color: var(--gk-mute) !important;
}
body.gk-design.single-product .stock.out-of-stock {
  color: var(--gk-coral) !important;
}

/* Add-to-Cart-Button (nur Farben/Schrift, kein Layout) */
body.gk-design.single-product .single_add_to_cart_button {
  background: var(--gk-ink) !important;
  color: var(--gk-cream) !important;
  border-radius: 0 !important;
  font-family: var(--gk-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  border: 0 !important;
}
body.gk-design.single-product .single_add_to_cart_button:hover {
  background: var(--gk-coral) !important;
  color: #ffffff !important;
}

/* Kategorie-Link in Korall */
body.gk-design.single-product .product_meta a {
  color: var(--gk-coral) !important;
  text-decoration: none;
}
body.gk-design.single-product .product_meta a:hover {
  border-bottom: 0.5px solid var(--gk-coral);
}

/* ============================================================
   PDP TABS — Kendall nutzt jQuery UI Tabs mit ui-tabs-anchor.
   
   Wirkliche Struktur:
   <ul class="tabs wc-tabs">
     <li class="description_tab ui-tabs-tab ui-tabs-active ui-state-active">
       <a class="ui-tabs-anchor" style="background: coral; color: coral">Description</a>
     </li>
     <li class="additional_information_tab ui-tabs-tab">
       <a class="ui-tabs-anchor" style="color: #444">Additional information</a>
     </li>
     <li class="eltd-tab-line" style="background: dark-color"></li>
   </ul>
   
   Wir killen die hässlichen Inline-Defaults und machen Editorial-Style. */

/* Tab-Container und Listen */
body.gk-design.single-product .wc-tabs,
body.gk-design.single-product .woocommerce-tabs .tabs,
body.gk-design.single-product .woocommerce-tabs ul.tabs {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 0 30px !important;
  list-style: none !important;
  border-bottom: 1px solid var(--gk-line) !important;
}

/* Alle Tab-Listenelemente (li): keine Hintergründe */
body.gk-design.single-product .woocommerce-tabs li.ui-tabs-tab,
body.gk-design.single-product .woocommerce-tabs li.description_tab,
body.gk-design.single-product .woocommerce-tabs li.additional_information_tab,
body.gk-design.single-product .woocommerce-tabs li.reviews_tab {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  margin: 0 30px 0 0 !important;
  padding: 0 !important;
}

/* Kendalls .eltd-tab-line (Underline-Strich) bekommt Korall im Light-Mode */
body.gk-design.single-product .woocommerce-tabs li.eltd-tab-line,
body.gk-design.single-product .eltd-tab-line {
  background: var(--gk-coral) !important;
  background-color: var(--gk-coral) !important;
  height: 1px !important;
}

/* Der <a class="ui-tabs-anchor"> — der KORE der Tabs */

/* Inaktiver Tab — dezent grau */
body.gk-design.single-product .ui-tabs-anchor,
body.gk-design.single-product li.ui-tabs-tab .ui-tabs-anchor,
body.gk-design.single-product .woocommerce-tabs .ui-tabs-anchor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--gk-mute) !important;
  font-family: var(--gk-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* Aktiver Tab — Korall */
body.gk-design.single-product li.ui-tabs-active .ui-tabs-anchor,
body.gk-design.single-product li.ui-state-active .ui-tabs-anchor,
body.gk-design.single-product .woocommerce-tabs li.ui-tabs-active .ui-tabs-anchor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--gk-coral) !important;
  border-bottom: 1px solid var(--gk-coral) !important;
}

/* Hover — leicht dunkler */
body.gk-design.single-product .ui-tabs-anchor:hover,
body.gk-design.single-product li.ui-tabs-tab:hover .ui-tabs-anchor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--gk-ink) !important;
}

/* Aktiver Tab im Hover bleibt Korall */
body.gk-design.single-product li.ui-tabs-active .ui-tabs-anchor:hover,
body.gk-design.single-product li.ui-state-active .ui-tabs-anchor:hover {
  color: var(--gk-coral) !important;
}

/* Related-Products Headline */
body.gk-design.single-product .related h2,
body.gk-design.single-product .upsells h2 {
  font-family: var(--gk-serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--gk-ink) !important;
}
body.gk-design.single-product .related .woocommerce-loop-product__title,
body.gk-design.single-product .upsells .woocommerce-loop-product__title {
  font-family: var(--gk-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--gk-ink) !important;
}

/* ---------- PDP DARK MODE (vollständig) ---------- */

/* Titel + Preis */
body.gk-design.gk-dark.single-product .product_title {
  color: #ffffff !important;
}
body.gk-design.gk-dark.single-product .summary .price {
  color: #ffffff !important;
}

/* Galerie-Wrapper und Bild-Container (verhindert helle Streifen) */
body.gk-design.gk-dark.single-product .woocommerce-product-gallery,
body.gk-design.gk-dark.single-product .woocommerce-product-gallery__wrapper,
body.gk-design.gk-dark.single-product .woocommerce-product-gallery__image,
body.gk-design.gk-dark.single-product .images,
body.gk-design.gk-dark.single-product .eltdf-single-product-images,
body.gk-design.gk-dark.single-product .eltdf-product-images-holder {
  background: transparent !important;
  background-color: transparent !important;
}

/* Wrapper darum (Section/Container) */
body.gk-design.gk-dark.single-product div.product,
body.gk-design.gk-dark.single-product .eltdf-single-product-summary,
body.gk-design.gk-dark.single-product .eltdf-single-product-content,
body.gk-design.gk-dark.single-product .eltdf-product-content {
  background: transparent !important;
  background-color: transparent !important;
}

/* Texte */
body.gk-design.gk-dark.single-product .woocommerce-product-details__short-description,
body.gk-design.gk-dark.single-product .woocommerce-product-details__short-description p,
body.gk-design.gk-dark.single-product .summary p,
body.gk-design.gk-dark.single-product .summary span {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark.single-product .stock {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark.single-product .product_meta,
body.gk-design.gk-dark.single-product .product_meta span,
body.gk-design.gk-dark.single-product .product_meta a {
  color: #c8c8c8 !important;
}

/* Variations-Labels (z.B. "Color") */
body.gk-design.gk-dark.single-product .variations th,
body.gk-design.gk-dark.single-product .variations td,
body.gk-design.gk-dark.single-product .variations label {
  color: #c8c8c8 !important;
}

/* Select-Dropdown (z.B. Color) */
body.gk-design.gk-dark.single-product .variations select,
body.gk-design.gk-dark.single-product select.orderby {
  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Add-to-Cart-Button */
body.gk-design.gk-dark.single-product .single_add_to_cart_button {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-color: #ffffff !important;
}
body.gk-design.gk-dark.single-product .single_add_to_cart_button:hover {
  background: var(--gk-coral) !important;
  color: #ffffff !important;
  border-color: var(--gk-coral) !important;
}

/* Quantity-Input */
body.gk-design.gk-dark.single-product input.qty,
body.gk-design.gk-dark.single-product .quantity input,
body.gk-design.gk-dark.single-product .eltd-quantity-buttons input,
body.gk-design.gk-dark.single-product .eltdf-quantity-buttons input {
  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Quantity-Buttons-Container (Kendalls Border um Input + Pfeile)
   Im Dark-Mode wird Kendalls hellgraue Border zu einer passenden
   subtilen weißen Border. */
body.gk-design.gk-dark.single-product .eltd-quantity-buttons,
body.gk-design.gk-dark.single-product .eltdf-quantity-buttons,
body.gk-design.gk-dark.single-product .quantity {
  border-color: rgba(255,255,255,0.18) !important;
}

/* Auch die Pfeil-Buttons (Plus/Minus) im Dark-Mode */
body.gk-design.gk-dark.single-product .eltd-quantity-buttons .quantity-control,
body.gk-design.gk-dark.single-product .eltdf-quantity-buttons .quantity-control,
body.gk-design.gk-dark.single-product .quantity-control a,
body.gk-design.gk-dark.single-product .quantity-up,
body.gk-design.gk-dark.single-product .quantity-down {
  color: rgba(255,255,255,0.7) !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.gk-design.gk-dark.single-product .quantity-control a:hover,
body.gk-design.gk-dark.single-product .quantity-up:hover,
body.gk-design.gk-dark.single-product .quantity-down:hover {
  color: #ffffff !important;
}

/* ============================================================
   PDP TABS — DARK MODE
   Wie im Light-Mode, aber mit dunklen Farben.
   ============================================================ */

/* Tab-Container im Dark-Mode */
body.gk-design.gk-dark.single-product .wc-tabs,
body.gk-design.gk-dark.single-product .woocommerce-tabs .tabs,
body.gk-design.gk-dark.single-product .woocommerce-tabs ul.tabs {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* Tab-li's */
body.gk-design.gk-dark.single-product .woocommerce-tabs li.ui-tabs-tab,
body.gk-design.gk-dark.single-product .woocommerce-tabs li.description_tab,
body.gk-design.gk-dark.single-product .woocommerce-tabs li.additional_information_tab,
body.gk-design.gk-dark.single-product .woocommerce-tabs li.reviews_tab {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}

/* .eltd-tab-line bleibt Korall auch im Dark-Mode */
body.gk-design.gk-dark.single-product .woocommerce-tabs li.eltd-tab-line,
body.gk-design.gk-dark.single-product .eltd-tab-line {
  background: var(--gk-coral) !important;
  background-color: var(--gk-coral) !important;
}

/* Inaktiver Tab im Dark-Mode — halb-transparentes Weiß */
body.gk-design.gk-dark.single-product .ui-tabs-anchor,
body.gk-design.gk-dark.single-product li.ui-tabs-tab .ui-tabs-anchor,
body.gk-design.gk-dark.single-product .woocommerce-tabs .ui-tabs-anchor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: rgba(255,255,255,0.55) !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
}

/* Aktiver Tab im Dark-Mode — Korall */
body.gk-design.gk-dark.single-product li.ui-tabs-active .ui-tabs-anchor,
body.gk-design.gk-dark.single-product li.ui-state-active .ui-tabs-anchor,
body.gk-design.gk-dark.single-product .woocommerce-tabs li.ui-tabs-active .ui-tabs-anchor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--gk-coral) !important;
  border-bottom: 1px solid var(--gk-coral) !important;
}

/* Hover Dark — voll-weiß */
body.gk-design.gk-dark.single-product .ui-tabs-anchor:hover,
body.gk-design.gk-dark.single-product li.ui-tabs-tab:hover .ui-tabs-anchor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Aktiver Tab im Hover — bleibt Korall */
body.gk-design.gk-dark.single-product li.ui-tabs-active .ui-tabs-anchor:hover,
body.gk-design.gk-dark.single-product li.ui-state-active .ui-tabs-anchor:hover {
  color: var(--gk-coral) !important;
}

/* Tab-Content */
body.gk-design.gk-dark.single-product .eltdf-tabs .eltdf-tab-container,
body.gk-design.gk-dark.single-product .eltdf-tabs-content,
body.gk-design.gk-dark.single-product .panel,
body.gk-design.gk-dark.single-product .woocommerce-Tabs-panel {
  background: transparent !important;
  background-color: transparent !important;
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark.single-product .eltdf-tabs h2,
body.gk-design.gk-dark.single-product .woocommerce-Tabs-panel h2 {
  color: #ffffff !important;
}
body.gk-design.gk-dark.single-product .eltdf-tabs p,
body.gk-design.gk-dark.single-product .woocommerce-Tabs-panel p,
body.gk-design.gk-dark.single-product .woocommerce-Tabs-panel li,
body.gk-design.gk-dark.single-product .woocommerce-Tabs-panel td,
body.gk-design.gk-dark.single-product .woocommerce-Tabs-panel th {
  color: #c8c8c8 !important;
}

/* Share-Icons (Facebook, Twitter etc.) */
body.gk-design.gk-dark.single-product .eltdf-social-share-holder a,
body.gk-design.gk-dark.single-product .eltdf-social-share-holder a i {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark.single-product .eltdf-social-share-holder a:hover,
body.gk-design.gk-dark.single-product .eltdf-social-share-holder a:hover i {
  color: var(--gk-coral) !important;
}

/* Related Products */
body.gk-design.gk-dark.single-product .related h2,
body.gk-design.gk-dark.single-product .upsells h2 {
  color: #ffffff !important;
}
body.gk-design.gk-dark.single-product .related .woocommerce-loop-product__title,
body.gk-design.gk-dark.single-product .upsells .woocommerce-loop-product__title {
  color: #ffffff !important;
}
body.gk-design.gk-dark.single-product .related .price,
body.gk-design.gk-dark.single-product .upsells .price {
  color: #c8c8c8 !important;
}

/* ---------- ALTE DARK-MODE-BLOCK-REGELN (Backup) ---------- */

/* ULTRA-ROBUSTER FIX: für alle Body-Klassen woocommerce-checkout und 
   woocommerce-cart erzwingen wir im Dark-Mode weiße Schrift und 
   abgesetzte Inputs. Wir nutzen wildcard-Selektoren `[class*="wc-block"]`
   und `[class*="wp-block-woocommerce"]` um alle aktuellen und kommenden
   WooCommerce-Block-Klassen abzudecken. */

body.gk-design.gk-dark.woocommerce-checkout,
body.gk-design.gk-dark.woocommerce-cart {
  color: #ffffff;
}

/* Headlines */
body.gk-design.gk-dark.woocommerce-checkout h1,
body.gk-design.gk-dark.woocommerce-checkout h2,
body.gk-design.gk-dark.woocommerce-checkout h3,
body.gk-design.gk-dark.woocommerce-checkout h4,
body.gk-design.gk-dark.woocommerce-cart h1,
body.gk-design.gk-dark.woocommerce-cart h2,
body.gk-design.gk-dark.woocommerce-cart h3,
body.gk-design.gk-dark.woocommerce-cart h4 {
  color: #ffffff !important;
}

/* Alle Block-Elemente */
body.gk-design.gk-dark.woocommerce-checkout [class*="wc-block"],
body.gk-design.gk-dark.woocommerce-checkout [class*="wp-block-woocommerce"] {
  color: #ffffff;
}
body.gk-design.gk-dark.woocommerce-checkout [class*="wc-block"] p,
body.gk-design.gk-dark.woocommerce-checkout [class*="wc-block"] span,
body.gk-design.gk-dark.woocommerce-checkout [class*="wc-block"] div {
  color: inherit;
}

/* Labels: hellgrau */
body.gk-design.gk-dark.woocommerce-checkout label,
body.gk-design.gk-dark.woocommerce-cart label {
  color: rgba(255,255,255,0.7) !important;
}

/* Input-Felder */
body.gk-design.gk-dark.woocommerce-checkout input[type="text"],
body.gk-design.gk-dark.woocommerce-checkout input[type="email"],
body.gk-design.gk-dark.woocommerce-checkout input[type="tel"],
body.gk-design.gk-dark.woocommerce-checkout input[type="number"],
body.gk-design.gk-dark.woocommerce-checkout select,
body.gk-design.gk-dark.woocommerce-checkout textarea {
  background-color: #1f1f1f !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.gk-design.gk-dark.woocommerce-checkout input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

/* SVG-Icons (Truck, Store, Pickup) */
body.gk-design.gk-dark.woocommerce-checkout svg {
  fill: currentColor !important;
}

/* Order-Summary-Box */
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-sidebar,
body.gk-design.gk-dark.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block {
  background-color: #0d0d0d !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* Place-Order Button */
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.gk-design.gk-dark.woocommerce-checkout button.wc-block-components-button[type="submit"] {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* Address-Card */
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-address-card {
  background: transparent !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-address-card__edit {
  color: var(--gk-coral) !important;
  border-color: var(--gk-coral) !important;
}

/* "Add coupons" und Panel-Buttons */
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-panel__button,
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-totals-coupon button {
  color: #ffffff !important;
}

/* "Return to Cart" */
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
  color: rgba(255,255,255,0.6) !important;
}

/* Quantity-Badge */
body.gk-design.gk-dark.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* Links → Korall */
body.gk-design.gk-dark.woocommerce-checkout main a {
  color: var(--gk-coral) !important;
}

/* Hero im Dark */
body.gk-design.gk-dark.woocommerce-checkout .gk-account-hero,
body.gk-design.gk-dark.woocommerce-account .gk-account-hero {
  background: #161616 !important;
}
body.gk-design.gk-dark.woocommerce-checkout .gk-account-hero h1,
body.gk-design.gk-dark.woocommerce-account .gk-account-hero h1 {
  color: #ffffff !important;
}

/* ---------- ALTE DARK-MODE-BLOCK-REGELN (Backup) ---------- */

/* Generelle Textfarben im Dark-Mode für ALLE Block-Elemente */
body.gk-design.gk-dark .wc-block-checkout,
body.gk-design.gk-dark .wp-block-woocommerce-checkout,
body.gk-design.gk-dark .wc-block-cart,
body.gk-design.gk-dark .wp-block-woocommerce-cart {
  color: #ffffff;
}

/* Headlines im Dark-Mode (Contact Information, Delivery, etc.) */
body.gk-design.gk-dark .wc-block-components-title,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-contact-information-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-shipping-address-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-billing-address-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-shipping-methods-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-shipping-method-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-payment-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-order-note-block h2,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-pickup-options-block h2,
body.gk-design.gk-dark .wc-block-checkout__main h2,
body.gk-design.gk-dark .wc-block-components-checkout-step__title {
  color: #ffffff !important;
}

/* Labels (z.B. "Email address") */
body.gk-design.gk-dark .wc-block-components-text-input label,
body.gk-design.gk-dark .wc-block-components-checkbox__label,
body.gk-design.gk-dark .wc-block-components-form-row label,
body.gk-design.gk-dark .wc-block-components-radio-control__label,
body.gk-design.gk-dark label {
  color: #c8c8c8 !important;
}

/* Input-Felder: heller Hintergrund, dunkler Text (besser lesbar im Dark Mode) */
body.gk-design.gk-dark .wc-block-components-text-input input,
body.gk-design.gk-dark .wc-block-components-address-form input,
body.gk-design.gk-dark .wc-block-components-select select,
body.gk-design.gk-dark .wc-block-components-textarea textarea {
  background: #1f1f1f !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.gk-design.gk-dark .wc-block-components-text-input input:focus,
body.gk-design.gk-dark .wc-block-components-address-form input:focus,
body.gk-design.gk-dark .wc-block-components-select select:focus {
  border-color: #ffffff !important;
}
body.gk-design.gk-dark .wc-block-components-text-input input::placeholder,
body.gk-design.gk-dark .wc-block-components-address-form input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

/* Floating Labels (z.B. "Email address" das nach oben schwebt) */
body.gk-design.gk-dark .wc-block-components-text-input.is-active label,
body.gk-design.gk-dark .wc-block-components-text-input:focus-within label {
  color: #ffffff !important;
}

/* Delivery-Tabs: Ship / Pickup */
body.gk-design.gk-dark .wc-block-checkout-shipping-method-block .wc-block-components-radio-control-accordion-option,
body.gk-design.gk-dark .wc-block-components-shipping-rates-control__package,
body.gk-design.gk-dark .wc-block-components-radio-control__option {
  background: transparent !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}
body.gk-design.gk-dark .wc-block-components-radio-control__option--checked {
  border-color: #ffffff !important;
  background: rgba(255,255,255,0.04) !important;
}
body.gk-design.gk-dark .wc-block-components-radio-control__label,
body.gk-design.gk-dark .wc-block-components-radio-control__option-label,
body.gk-design.gk-dark .wc-block-components-radio-control__description {
  color: #ffffff !important;
}

/* SVG-Icons (Truck, Store) im Delivery-Tab */
body.gk-design.gk-dark .wc-block-components-shipping-rates-control__package svg,
body.gk-design.gk-dark .wc-block-components-radio-control__option svg,
body.gk-design.gk-dark .wc-block-checkout-shipping-method-block svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Address-Card */
body.gk-design.gk-dark .wc-block-components-address-card,
body.gk-design.gk-dark .wc-block-components-shipping-address-edit__address-card,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-address-card {
  background: transparent !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}
body.gk-design.gk-dark .wc-block-components-address-card__address,
body.gk-design.gk-dark .wc-block-components-address-card address {
  color: #ffffff !important;
}

/* Checkbox "Use same address for billing" */
body.gk-design.gk-dark .wc-block-components-checkbox__input {
  border-color: rgba(255,255,255,0.4) !important;
  background: transparent !important;
}
body.gk-design.gk-dark .wc-block-components-checkbox__input:checked {
  background: var(--gk-coral) !important;
  border-color: var(--gk-coral) !important;
}
body.gk-design.gk-dark .wc-block-components-checkbox__mark svg {
  fill: #ffffff !important;
}
body.gk-design.gk-dark .wc-block-components-checkbox__label {
  color: #ffffff !important;
}

/* Order-Summary-Box im Dark-Mode */
body.gk-design.gk-dark .wc-block-components-sidebar,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-totals-block {
  background: #0d0d0d !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.gk-design.gk-dark .wc-block-components-sidebar h2,
body.gk-design.gk-dark .wc-block-components-checkout-order-summary__title {
  color: #ffffff !important;
}

/* Produkt-Titel im Order Summary */
body.gk-design.gk-dark .wc-block-components-order-summary-item__title,
body.gk-design.gk-dark .wc-block-components-order-summary-item__individual-prices {
  color: #ffffff !important;
}
body.gk-design.gk-dark .wc-block-components-product-metadata,
body.gk-design.gk-dark .wc-block-components-product-details {
  color: rgba(255,255,255,0.6) !important;
}

/* Quantity-Badge im Order Summary */
body.gk-design.gk-dark .wc-block-components-order-summary-item__quantity {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* Subtotal / Total Zeilen */
body.gk-design.gk-dark .wc-block-components-totals-item,
body.gk-design.gk-dark .wc-block-components-totals-item__label,
body.gk-design.gk-dark .wc-block-components-totals-item__value,
body.gk-design.gk-dark .wc-block-components-totals-footer-item,
body.gk-design.gk-dark .wc-block-components-totals-footer-item__label,
body.gk-design.gk-dark .wc-block-components-totals-footer-item__value,
body.gk-design.gk-dark .wc-block-formatted-money-amount {
  color: #ffffff !important;
}

/* Trenner-Linien in der Summary */
body.gk-design.gk-dark .wc-block-components-totals-wrapper,
body.gk-design.gk-dark .wc-block-components-panel,
body.gk-design.gk-dark .wc-block-components-order-summary {
  border-color: rgba(255,255,255,0.12) !important;
}

/* "Add coupons" Toggle */
body.gk-design.gk-dark .wc-block-components-totals-coupon button,
body.gk-design.gk-dark .wc-block-components-totals-coupon__button,
body.gk-design.gk-dark .wc-block-components-panel__button {
  color: #ffffff !important;
}
body.gk-design.gk-dark .wc-block-components-panel__button-icon,
body.gk-design.gk-dark .wc-block-components-totals-coupon button svg {
  fill: #ffffff !important;
}

/* "There are no payment methods" Notice */
body.gk-design.gk-dark .wc-block-components-notice-banner.is-error {
  background: rgba(237,136,126,0.08) !important;
  color: #ffeae6 !important;
  border-left-color: var(--gk-coral) !important;
}
body.gk-design.gk-dark .wc-block-components-notice-banner.is-error * {
  color: #ffeae6 !important;
}

/* "Add a note to your order" */
body.gk-design.gk-dark .wp-block-woocommerce-checkout-order-note-block label,
body.gk-design.gk-dark .wc-block-components-checkout-step__heading {
  color: #ffffff !important;
}

/* "Place Order" Button im Dark Mode: weiß auf schwarz wäre richtig herum */
body.gk-design.gk-dark .wc-block-components-checkout-place-order-button,
body.gk-design.gk-dark .wp-block-woocommerce-checkout-actions-block .wc-block-components-button {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
body.gk-design.gk-dark .wc-block-components-checkout-place-order-button:hover {
  background: var(--gk-coral) !important;
  color: #ffffff !important;
}

/* "Return to Cart" */
body.gk-design.gk-dark .wc-block-components-checkout-return-to-cart-button {
  color: rgba(255,255,255,0.6) !important;
}
body.gk-design.gk-dark .wc-block-components-checkout-return-to-cart-button:hover {
  color: #ffffff !important;
}

/* Privacy-Policy Disclaimer-Text unten */
body.gk-design.gk-dark .wp-block-woocommerce-checkout-terms-block,
body.gk-design.gk-dark .wc-block-checkout__terms {
  color: rgba(255,255,255,0.6) !important;
}

/* Generic-Fallback: alle Texte in Block-Checkout */
body.gk-design.gk-dark .wp-block-woocommerce-checkout p,
body.gk-design.gk-dark .wp-block-woocommerce-checkout span,
body.gk-design.gk-dark .wp-block-woocommerce-checkout div {
  color: inherit;
}

/* ============================================================
   DARK MODE FIXES — MY ACCOUNT
   ============================================================ */

body.gk-design.gk-dark .gk-account-hero {
  background: #161616 !important;
}
body.gk-design.gk-dark .gk-account-hero h1 {
  color: #ffffff !important;
}

body.gk-design.gk-dark .woocommerce-MyAccount-navigation ul li a {
  color: #c8c8c8 !important;
}
body.gk-design.gk-dark .woocommerce-MyAccount-navigation ul li a:hover {
  color: #ffffff !important;
}
body.gk-design.gk-dark .woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--gk-coral) !important;
}

body.gk-design.gk-dark .woocommerce-MyAccount-content p,
body.gk-design.gk-dark .woocommerce-MyAccount-content {
  color: #c8c8c8;
}
body.gk-design.gk-dark .woocommerce-MyAccount-content h2,
body.gk-design.gk-dark .woocommerce-MyAccount-content h3 {
  color: #ffffff !important;
}
body.gk-design.gk-dark .woocommerce-Address address {
  color: #c8c8c8;
}
body.gk-design.gk-dark .woocommerce-orders-table tbody td,
body.gk-design.gk-dark .shop_table tbody td {
  color: #c8c8c8;
}
body.gk-design.gk-dark .woocommerce-orders-table tbody tr:hover td {
  background: rgba(255,255,255,0.04);
}
body.gk-design.gk-dark .woocommerce-info {
  background: #1f1f1f !important;
  color: #c8c8c8 !important;
}

/* Input-Felder im Konto im Dark-Mode */
body.gk-design.gk-dark .form-row input[type="text"],
body.gk-design.gk-dark .form-row input[type="email"],
body.gk-design.gk-dark .form-row input[type="password"],
body.gk-design.gk-dark .form-row input[type="tel"],
body.gk-design.gk-dark .form-row select,
body.gk-design.gk-dark .form-row textarea,
body.gk-design.gk-dark .woocommerce-form-login input[type="text"],
body.gk-design.gk-dark .woocommerce-form-login input[type="email"],
body.gk-design.gk-dark .woocommerce-form-login input[type="password"],
body.gk-design.gk-dark .woocommerce-form-register input[type="text"],
body.gk-design.gk-dark .woocommerce-form-register input[type="email"],
body.gk-design.gk-dark .woocommerce-form-register input[type="password"],
body.gk-design.gk-dark .woocommerce-account .woocommerce input[type="text"],
body.gk-design.gk-dark .woocommerce-account .woocommerce input[type="email"],
body.gk-design.gk-dark .woocommerce-account .woocommerce input[type="password"] {
  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
}

/* Konto/Login-Seite — alle Headlines und Labels im Dark-Mode */
body.gk-design.gk-dark.woocommerce-account h1,
body.gk-design.gk-dark.woocommerce-account h2,
body.gk-design.gk-dark.woocommerce-account h3,
body.gk-design.gk-dark.woocommerce-account h4,
body.gk-design.gk-dark.woocommerce-account .woocommerce h1,
body.gk-design.gk-dark.woocommerce-account .woocommerce h2,
body.gk-design.gk-dark.woocommerce-account .woocommerce h3,
body.gk-design.gk-dark.woocommerce-account .woocommerce h4 {
  color: #ffffff !important;
}

/* Labels und Text im Konto-Bereich */
body.gk-design.gk-dark.woocommerce-account label,
body.gk-design.gk-dark.woocommerce-account .form-row label,
body.gk-design.gk-dark.woocommerce-account .woocommerce-form__label,
body.gk-design.gk-dark.woocommerce-account p,
body.gk-design.gk-dark.woocommerce-account span,
body.gk-design.gk-dark.woocommerce-account legend {
  color: #c8c8c8 !important;
}

/* Required-Sternchen */
body.gk-design.gk-dark.woocommerce-account .required {
  color: var(--gk-coral) !important;
}

/* Submit-Buttons (Log in, Register etc.) */
body.gk-design.gk-dark.woocommerce-account button.woocommerce-Button,
body.gk-design.gk-dark.woocommerce-account button[type="submit"],
body.gk-design.gk-dark.woocommerce-account .button {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border-color: #ffffff !important;
}
body.gk-design.gk-dark.woocommerce-account button.woocommerce-Button:hover,
body.gk-design.gk-dark.woocommerce-account button[type="submit"]:hover,
body.gk-design.gk-dark.woocommerce-account .button:hover {
  background: var(--gk-coral) !important;
  color: #ffffff !important;
  border-color: var(--gk-coral) !important;
}

/* Links im Konto-Bereich (Lost password etc.) bleiben Korall */
body.gk-design.gk-dark.woocommerce-account a {
  color: var(--gk-coral) !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  .gk-hero h1 { font-size: 56px; }
  .gk-grid-3, .gk-about-pillars { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .gk-story { grid-template-columns: 1fr; gap: 40px; }
  .gk-materials { grid-template-columns: 1fr 1fr; }
  .gk-mat-cell { border-right: 0; border-bottom: 0.5px solid var(--gk-line); }
  .gk-section { padding: 60px 24px; }
  .gk-hero { padding: 70px 24px 50px; }
  .gk-hero-image { margin: 40px 24px 0; height: 280px; }
  .gk-sec-head h2 { font-size: 32px; }
  .gk-way .gk-quote-large { font-size: 28px; }
  .gk-about-hero h1 { font-size: 44px; }
}
@media (max-width: 600px) {
  .gk-hero h1 { font-size: 42px; }
  .gk-grid-3, .gk-materials, .gk-about-pillars { grid-template-columns: 1fr; }
}