/*
Theme Name: MalubART
Theme URI: https://malubart.shop
Description: Galerie-ruhiges Child-Theme fuer den Kunst-Shop von MalubART. Baut auf
  Storefront auf und verwandelt es in eine reduzierte, werk-fokussierte Gallery-Wall.
  Eigenes Design in :root-Tokens, keine externen Requests (DSGVO), system-hosted Fonts.
Author: MT Digital
Template: storefront
Version: 0.1.0
Text Domain: malubart
*/

/* =========================================================================
   Selbst gehostete Fonts (DSGVO: keine externen Requests) — dieselben wie die
   Startseite/Design-Vorschau, damit Shop und Landing aus einem Guss wirken.
   ========================================================================= */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/archivo-var.woff2') format('woff2-variations');}
@font-face{font-family:'Plex Mono';font-weight:400;font-display:swap;src:url('fonts/plexmono-400.woff2') format('woff2')}
@font-face{font-family:'Plex Mono';font-weight:600;font-display:swap;src:url('fonts/plexmono-600.woff2') format('woff2')}

/* =========================================================================
   Design-Tokens  —  "die Bilder sind die Farbe, der Shop ist die Wand"
   Palette identisch zur Startseite (Ozean-Tuerkis + Magenta-Akzent).
   ========================================================================= */
:root{
  --paper:#FBFAF8;        /* warmes Galerie-Weiss (wie Landing) */
  --paper-2:#F1EFEB;      /* abgesetzte Baender */
  --ink:#16141A;          /* Text / Wortmarke */
  --ink-soft:#3A3640;
  --grey:#6B6670;         /* Sekundaertext */
  --faint:#9C96A0;        /* Captions, Meta */
  --line:rgba(22,20,26,.13);
  --line-2:rgba(22,20,26,.22);
  --accent:#0FA3B5;       /* Ozean-Tuerkis (Save the Ocean) */
  --accent-2:#E23D8B;     /* Magenta (Queen of Colors) */
  --accent-ink:#FFFFFF;
  --ok:#2FAE7E;

  /* Wilde Palette — identisch zur Landing (css/landing.css). Der Shop traegt
     jetzt bewusst dieselben kraeftigen Farben wie die Startseite. */
  --ocean:#0FA3B5; --ocean-d:#0B7F8D;
  --magenta:#E23D8B;
  --sun:#F3A712;
  --emerald:#2FAE7E;
  --violet:#8B4FA6;
  --accent-d:#0B7F8D;     /* frueher undefiniert -> Bugfix */
  --card:#FFFFFF;
  --shadow-l:0 2px 4px rgba(20,15,25,.06),0 34px 70px rgba(30,20,35,.20); /* frueher undefiniert */
  --grad:linear-gradient(90deg,var(--ocean),var(--magenta),var(--sun));   /* Regenbogen-Akzent */

  --wrap:1180px;
  --sans:'Archivo',-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;
  --mono:'Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --serif:Georgia,'Times New Roman',serif;
  --display:'Archivo',var(--sans); /* schwere, weite Gallery-Ueberschriften */
}

/* =========================================================================
   Grund-Layer
   ========================================================================= */
body,
body.woocommerce,
.site{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
body{letter-spacing:.005em}

a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent)}

.col-full{max-width:var(--wrap);padding-left:24px;padding-right:24px}

h1,h2,h3,h4,.site-title,.entry-title,.product_title,
.woocommerce-loop-product__title,.section-title{
  font-family:var(--display);
  color:var(--ink);
  letter-spacing:-.015em;
  line-height:1.1;
  text-wrap:balance;
}

/* =========================================================================
   Header — weisse Galerie-Leiste, zentrierte Wortmarke, Haarlinie unten
   ========================================================================= */
.site-header{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding-top:26px;
  padding-bottom:22px;
}
.site-header .col-full{display:flex;flex-direction:column;align-items:center;gap:14px}
.site-branding{margin:0;text-align:center}
.site-header .site-title,
.site-header .site-title a{
  font-weight:800;
  font-size:clamp(1.5rem,3.4vw,2.1rem);
  text-transform:uppercase;
  letter-spacing:.22em;      /* weite Gallery-Wortmarke */
  color:var(--ink);
}
.site-header .site-title a:hover{color:var(--accent)}
.site-description{color:var(--faint);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}

/* Navigation — schlicht, uppercase, Haarlinie als Hover */
.main-navigation ul,
.storefront-primary-navigation{background:transparent}
.main-navigation ul.menu,.main-navigation ul.nav-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.main-navigation ul li a{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:var(--ink-soft);
  padding:8px 14px;
  position:relative;
}
.main-navigation ul li a:hover{color:var(--accent)}
.main-navigation ul li a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;
}
.main-navigation ul li a:hover::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.main-navigation ul li a::after{transition:none}}

/* Warenkorb-Icon im Header dezent */
.site-header-cart .cart-contents{color:var(--ink);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.site-header-cart .cart-contents:hover{color:var(--accent)}
.site-header-cart .count{background:var(--accent);color:var(--accent-ink)}

/* =========================================================================
   Buttons — Tinte, kantig, weit gesperrt (Museums-Beschriftung)
   ========================================================================= */
button,input[type="button"],input[type="submit"],
.button,a.button,.woocommerce a.button,.woocommerce button.button,
.woocommerce input.button,.woocommerce #respond input#submit{
  background:var(--ink);
  color:var(--paper);
  border:1px solid var(--ink);
  border-radius:0;
  font-family:var(--sans);
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:.85em 1.6em;
  transition:background .2s ease,color .2s ease;
}
button:hover,.button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{
  background:var(--accent);border-color:var(--accent);color:var(--accent-ink);
}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt{
  background:var(--accent);border-color:var(--accent);color:var(--accent-ink);
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--ink);border-color:var(--ink);color:var(--paper);
}
@media (prefers-reduced-motion:reduce){button,.button{transition:none}}

/* =========================================================================
   Produkt-Raster — Bild im Vordergrund, minimale Beschriftung darunter
   ========================================================================= */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:transparent;
  text-align:left;
  padding-bottom:8px;
}
.woocommerce ul.products li.product a img{
  margin-bottom:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px rgba(30,25,20,.09);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease;
  display:block;
}
.woocommerce ul.products li.product a:hover img{
  transform:translateY(-4px);
  box-shadow:0 2px 4px rgba(0,0,0,.06),0 30px 60px rgba(30,25,20,.16);
}
@media (prefers-reduced-motion:reduce){
  .woocommerce ul.products li.product a img{transition:none}
  .woocommerce ul.products li.product a:hover img{transform:none}
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.02rem;font-weight:600;padding:0;margin:0 0 2px;
}
.woocommerce ul.products li.product .price{
  color:var(--grey);font-size:.92rem;font-weight:400;
}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--ink);font-weight:600}
.woocommerce ul.products li.product .price del{color:var(--faint);opacity:1}
/* "In den Warenkorb" im Raster erst bei Hover — ruhige Galerie */
.woocommerce ul.products li.product .button{margin-top:12px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:focus-within .button{opacity:1;transform:none}
@media (hover:none){.woocommerce ul.products li.product .button{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.woocommerce ul.products li.product .button{transition:none;opacity:1;transform:none}}

/* Sale-Badge — schlicht statt Knallbutton */
.woocommerce span.onsale{
  background:var(--accent);color:var(--accent-ink);border-radius:0;
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  min-height:auto;min-width:auto;padding:5px 10px;line-height:1;top:12px;left:12px;margin:0;
}

/* =========================================================================
   Einzelnes Produkt (Werk) — grosszuegig, editorial
   ========================================================================= */
.single-product .product .product_title{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.3em}
.single-product .product .price{color:var(--ink);font-size:1.35rem;font-weight:400}
.single-product .woocommerce-product-details__short-description{color:var(--ink-soft);font-size:1.05rem}
.single-product .product .entry-summary{padding-left:8px}
.woocommerce-tabs ul.tabs li{background:transparent;border-radius:0}
.woocommerce-tabs ul.tabs li a{color:var(--grey);letter-spacing:.06em}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink)}

/* =========================================================================
   Breadcrumb / Meldungen
   ========================================================================= */
.woocommerce-breadcrumb{color:var(--faint);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.woocommerce-breadcrumb a{color:var(--grey)}
.woocommerce-message,.woocommerce-info{border-top-color:var(--accent)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}

/* =========================================================================
   Footer — ruhige dunkle Tinte, dezenter MT-Digital-Credit
   ========================================================================= */
.site-footer{
  background:var(--ink);
  color:var(--paper);
  border-top:1px solid var(--line-2);
  padding-top:48px;
  font-size:.92rem;
}
.site-footer a{color:var(--paper)}
.site-footer a:hover{color:var(--accent-2)}
.site-footer .site-info{border:0;color:var(--faint);font-size:.8rem;letter-spacing:.04em}

/* Dezenter Studio-Credit (per functions.php eingehaengt) */
.mt-credit{color:var(--faint);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:6px 0 2px}
.mt-credit a{color:var(--faint)}
.mt-credit a:hover{color:var(--accent-2)}

/* =========================================================================
   Formulare / Inputs
   ========================================================================= */
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],
input[type="search"],input[type="number"],textarea,select,.select2-container .select2-selection{
  border:1px solid var(--line-2);border-radius:0;background:#fff;color:var(--ink);
}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}

/* =========================================================================
   Sanfte Blur-in-Reveals (per js/main.js gesetzt) — Hausstil
   ========================================================================= */
.reveal{opacity:0;filter:blur(6px);transform:translateY(14px);transition:opacity .7s ease,filter .7s ease,transform .7s ease}
.reveal.in{opacity:1;filter:none;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;filter:none;transform:none;transition:none}}

/* =========================================================================
   Shop-Header: gemaltes Logo (wie die Startseite) statt Text-Wortmarke
   ========================================================================= */
.site-header .site-title a{
  display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999px;
  width:190px;max-width:62vw;height:54px;
  background:url('img/logo.webp') center/contain no-repeat;
}
.site-header .site-description{display:none}

/* =========================================================================
   Warenkorb / Kasse / Konto  —  im Shop-Design (englisch via functions.php)
   ========================================================================= */
.woocommerce .cart_totals h2,.woocommerce-checkout h3,.woocommerce-account h2,
.woocommerce .cart-empty,.woocommerce-order-received h2{
  font-family:var(--display);letter-spacing:-.01em;
}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.woocommerce table.shop_table th{
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--grey);
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;
}
.wc-proceed-to-checkout a.checkout-button{width:100%;text-align:center}
.woocommerce #payment,.woocommerce-checkout #payment{background:transparent}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top-color:var(--accent)}

/* =========================================================================
   EINZELPRODUKT (Werk-Detailseite)  —  ansprechend, editorial
   ========================================================================= */
.single-product div.product{margin-top:8px}
.single-product .woocommerce-breadcrumb{margin-bottom:26px}
/* Bild links, Zusammenfassung rechts, grosszuegig */
.single-product div.product div.images{margin-bottom:0}
.single-product div.product div.images img{border-radius:14px;box-shadow:var(--shadow-l)}
.single-product div.product .woocommerce-product-gallery__trigger{border-radius:999px}
.single-product .product .product_title{
  font-family:var(--display);font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.05;margin:0 0 .25em;
}
.single-product .product .price{color:var(--ink);font-size:1.5rem;font-weight:400;margin-bottom:18px}
.single-product .product .price del{color:var(--faint)}
.single-product .product .price ins{text-decoration:none;font-weight:600}
.single-product .woocommerce-product-details__short-description{color:var(--ink-soft);font-size:1.06rem;line-height:1.6}
.single-product .product form.cart{margin:26px 0 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.single-product .product form.cart .quantity .qty{
  width:76px;height:52px;text-align:center;border:1px solid var(--line-2);border-radius:0;font-family:var(--mono);
}
.single-product .product .single_add_to_cart_button{min-height:52px;padding:0 2em;display:inline-flex;align-items:center}
.single-product .product_meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--grey);border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.single-product .product_meta a{color:var(--accent-d)}
/* Beschreibung / Tabs */
.woocommerce-tabs{margin-top:56px}
.woocommerce-tabs ul.tabs{border:0;padding:0}
.woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce-tabs ul.tabs li{background:transparent;border:0;border-bottom:2px solid transparent;margin:0 22px 0 0;padding:0 0 10px}
.woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--accent);background:transparent}
.woocommerce-tabs ul.tabs li a{color:var(--grey);font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;padding:0}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.woocommerce-tabs .panel h2{font-family:var(--display)}
/* verwandte Werke */
.related.products,.upsells.products{margin-top:64px;border-top:1px solid var(--line);padding-top:40px}
.related.products>h2,.upsells.products>h2{font-family:var(--display);font-size:1.6rem;margin-bottom:22px}

/* =========================================================================
   WARENKORB (Cart)  —  im Store-Design
   ========================================================================= */
.woocommerce-cart .woocommerce{max-width:var(--wrap);margin:0 auto}
.woocommerce-cart table.cart img{border-radius:8px}
.woocommerce-cart table.cart td.product-name a{font-family:var(--display);color:var(--ink)}
.woocommerce-cart table.cart td.product-name a:hover{color:var(--accent)}
.woocommerce-cart .product-remove a.remove{color:var(--accent-2)!important;border:1px solid var(--line-2);background:#fff!important}
.woocommerce-cart .product-remove a.remove:hover{background:var(--accent-2)!important;color:#fff!important}
.woocommerce-cart .actions .coupon .input-text{height:48px}
.woocommerce-cart .cart-collaterals .cart_totals h2{font-family:var(--display);font-size:1.4rem;margin-bottom:16px}
.woocommerce-cart .cart_totals table.shop_table{background:transparent;border:0}
.woocommerce-cart .cart_totals table.shop_table th{background:transparent}
.wc-proceed-to-checkout a.checkout-button{width:100%;text-align:center;min-height:54px;display:flex;align-items:center;justify-content:center;font-size:.82rem}

/* =========================================================================
   KASSE (Checkout)  —  im Store-Design
   ========================================================================= */
.woocommerce-checkout h3{font-family:var(--display);font-size:1.35rem;margin-bottom:14px}
.woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{margin-bottom:8px}
.woocommerce-checkout form.checkout .form-row label{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.woocommerce-checkout #order_review_heading{font-family:var(--display);font-size:1.35rem;margin-top:0}
.woocommerce-checkout #order_review{position:relative}
.woocommerce-checkout table.woocommerce-checkout-review-order-table{background:transparent;border:0}
.woocommerce-checkout #place_order{width:100%;min-height:56px;font-size:.85rem}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:12px 0}

/* =========================================================================
   ===  WILD MODE  ==========================================================
   Der Shop traegt jetzt bewusst dieselben kraeftigen Farben wie die Landing:
   Regenbogen-Akzente (Ozean -> Magenta -> Sonne), kraeftige Kauf-CTAs,
   schwebende Farb-Blobs im Hintergrund. Steht am Dateiende -> gewinnt in der
   Kaskade ueber die ruhigeren Basis-Regeln oben. Laptop + Mobile, und alles
   hinter prefers-reduced-motion abgesichert.
   ========================================================================= */

/* ---- Ambient-Farb-Blobs: fixe, weiche Farbwolken hinter Shop-/Kauf-Seiten ---- */
.single-product .site,
.woocommerce-cart .site,
.woocommerce-checkout .site,
.woocommerce-account .site,
.post-type-archive-product .site,
.tax-product_cat .site{position:relative;z-index:0;overflow-x:clip}
.single-product .site>*,
.woocommerce-cart .site>*,
.woocommerce-checkout .site>*,
.woocommerce-account .site>*,
.post-type-archive-product .site>*,
.tax-product_cat .site>*{position:relative;z-index:1}
.single-product .site::before,
.woocommerce-cart .site::before,
.woocommerce-checkout .site::before,
.woocommerce-account .site::before,
.post-type-archive-product .site::before,
.tax-product_cat .site::before,
.single-product .site::after,
.woocommerce-cart .site::after,
.woocommerce-checkout .site::after,
.woocommerce-account .site::after,
.post-type-archive-product .site::after,
.tax-product_cat .site::after{
  content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;
  width:48vmax;height:48vmax;filter:blur(70px);opacity:.5;will-change:transform;
}
.single-product .site::before,
.woocommerce-cart .site::before,
.woocommerce-checkout .site::before,
.woocommerce-account .site::before,
.post-type-archive-product .site::before,
.tax-product_cat .site::before{
  top:-14vmax;right:-12vmax;
  background:radial-gradient(circle,rgba(226,61,139,.42),transparent 68%);
}
.single-product .site::after,
.woocommerce-cart .site::after,
.woocommerce-checkout .site::after,
.woocommerce-account .site::after,
.post-type-archive-product .site::after,
.tax-product_cat .site::after{
  bottom:-16vmax;left:-14vmax;
  background:radial-gradient(circle,rgba(15,163,181,.40),transparent 68%);
}
@keyframes maluba-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-26px) scale(1.12)}}
@media (prefers-reduced-motion:no-preference){
  .single-product .site::before,.woocommerce-cart .site::before,.woocommerce-checkout .site::before,
  .woocommerce-account .site::before,.post-type-archive-product .site::before,.tax-product_cat .site::before{animation:maluba-drift 15s ease-in-out infinite}
  .single-product .site::after,.woocommerce-cart .site::after,.woocommerce-checkout .site::after,
  .woocommerce-account .site::after,.post-type-archive-product .site::after,.tax-product_cat .site::after{animation:maluba-drift 19s ease-in-out infinite reverse}
}

/* ---- Regenbogen-Akzent: Haarband ueber grosse Ueberschriften ---- */
.single-product .product .product_title::after,
.woocommerce-cart .cart_totals h2::after,
.woocommerce-checkout #order_review_heading::after,
.woocommerce-checkout h3::after,
.woocommerce-column__title::after,
.cross-sells>h2::after,.related.products>h2::after,.upsells.products>h2::after{
  content:"";display:block;width:64px;height:4px;border-radius:99px;margin-top:.5em;
  background:var(--grad);
}

/* ---- Kauf-CTAs: kraeftiger Regenbogen-Verlauf, hebt sich beim Hover ---- */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single-product .product .single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order,
.woocommerce .cart .button,.woocommerce .cart input.button{
  background:var(--grad);background-size:180% 100%;background-position:0% 50%;
  border:0;color:#fff;border-radius:999px;
  box-shadow:0 10px 26px rgba(226,61,139,.28);
  transition:background-position .5s ease,transform .18s ease,box-shadow .3s ease;
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.single-product .product .single_add_to_cart_button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce .cart .button:hover,.woocommerce .cart input.button:hover{
  background-position:100% 50%;color:#fff;
  transform:translateY(-2px);box-shadow:0 16px 36px rgba(226,61,139,.36);
}
@media (prefers-reduced-motion:reduce){
  .single-product .product .single_add_to_cart_button,.wc-proceed-to-checkout a.checkout-button,
  .woocommerce-checkout #place_order,.woocommerce a.button.alt{transition:none}
  .single-product .product .single_add_to_cart_button:hover,.wc-proceed-to-checkout a.checkout-button:hover,
  .woocommerce-checkout #place_order:hover{transform:none}
}

/* ---- Produkt-Raster: "In den Warenkorb" IMMER sichtbar + Magenta-Kante ---- */
.woocommerce ul.products li.product .button{opacity:1;transform:none;background:var(--magenta);border-color:var(--magenta);color:#fff;border-radius:999px}
.woocommerce ul.products li.product .button:hover{background:var(--sun);border-color:var(--sun);color:#3a2600}
.woocommerce ul.products li.product .price{color:var(--magenta);font-family:var(--mono);font-weight:600}
.woocommerce ul.products li.product a img{border-radius:14px}
.woocommerce ul.products li.product:hover a img{box-shadow:0 2px 4px rgba(0,0,0,.06),0 30px 60px rgba(226,61,139,.22)}
.woocommerce span.onsale{background:var(--magenta)}

/* ---- Einzelprodukt: editorial + wild ---- */
.maluba-back{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:6px 0 18px}
.maluba-back:hover{color:var(--magenta)}
.maluba-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-d);margin:0 0 12px}
.maluba-eyebrow .rainbow{display:inline-block;width:34px;height:4px;border-radius:99px;background:var(--grad)}
.single-product .product .price{color:var(--magenta);font-weight:600}
.single-product div.product div.images img{border-radius:16px;box-shadow:var(--shadow-l)}
.single-product .product .single_add_to_cart_button{min-height:54px;padding:0 2.4em;font-size:.8rem}
.single-product .product form.cart .quantity .qty{border-radius:999px;border-color:var(--line-2)}
.single-product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--magenta)}
.single-product .product_meta a:hover{color:var(--magenta)}

/* ---- Warenkorb & Checkout: farbige Karten, Regenbogen-Meldungen ---- */
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 24px 60px rgba(30,20,35,.10);
}
.woocommerce-cart table.cart td.product-name a:hover,
.woocommerce-checkout .product-name a:hover{color:var(--magenta)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,
.woocommerce-noreviews,.woocommerce-store-notice{
  border-top:3px solid transparent;border-image:var(--grad) 1;background:#fff;
}
.woocommerce-message::before{color:var(--emerald)}
.woocommerce-info::before{color:var(--ocean)}
.woocommerce-error::before{color:var(--magenta)}
.woocommerce ul#shipping_method li input:checked+label,
.woocommerce-checkout .payment_methods li input:checked~label{color:var(--ink)}
.woocommerce form .form-row .required{color:var(--magenta)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--ocean)}
input:focus,textarea:focus,select:focus,.select2-container--focus .select2-selection{outline-color:var(--magenta)!important}

/* ---- Order-received / Danke-Seite ---- */
.woocommerce-order .woocommerce-thankyou-order-received{font-family:var(--display);color:var(--ink)}
.woocommerce-order ul.order_details{border-radius:16px;border:1px solid var(--line);overflow:hidden}
.woocommerce-order ul.order_details li strong{color:var(--magenta)}

/* ---- Mobile-Feinschliff ---- */
@media (max-width:600px){
  .single-product .product form.cart{gap:10px}
  .single-product .product .single_add_to_cart_button{flex:1 1 100%;justify-content:center}
  .woocommerce-cart .cart-collaterals .cart_totals,
  .woocommerce-checkout #order_review{padding:18px}
  .single-product .site::before,.woocommerce-cart .site::before,.woocommerce-checkout .site::before,
  .single-product .site::after,.woocommerce-cart .site::after,.woocommerce-checkout .site::after{opacity:.38;filter:blur(60px)}
}

/* =========================================================================
   ===  WooCommerce CART/CHECKOUT BLOCKS  ===================================
   Der Shop nutzt den Block-Warenkorb & -Checkout (Gutenberg-Bloecke,
   .wc-block-*). Die klassischen .woocommerce-cart-Regeln oben greifen dort
   NICHT — deshalb hier dieselbe wilde Optik gezielt auf die Block-Klassen.
   ========================================================================= */

/* Grosse Bloecke tragen dieselben Ambient-Blobs wie die klassischen Seiten
   (die body-Klassen .woocommerce-cart/.woocommerce-checkout matchen bereits). */

/* Titel "Cart" / "Checkout" + Regenbogen-Unterstrich */
.wc-block-components-title,
.wp-block-woocommerce-cart .wc-block-cart__totals-title,
.wc-block-components-checkout-step__title{
  font-family:var(--display)!important;color:var(--ink)!important;letter-spacing:-.01em;
}
.wc-block-cart__totals-title::after,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title::after{
  content:"";display:block;width:60px;height:4px;border-radius:99px;margin-top:.55em;background:var(--grad);
}

/* Primaer-Buttons (Proceed to Checkout / Place Order) — Verlaufs-Pill */
.wc-block-components-button.contained,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-button.contained{
  background:var(--grad)!important;background-size:180% 100%!important;background-position:0% 50%!important;
  color:#fff!important;border:0!important;border-radius:999px!important;
  box-shadow:0 10px 26px rgba(226,61,139,.28);
  transition:background-position .5s ease,transform .18s ease,box-shadow .3s ease;
}
.wc-block-components-button.contained:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button.contained:hover{
  background-position:100% 50%!important;transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(226,61,139,.36);
}
.wc-block-components-button.contained .wc-block-components-button__text{color:#fff!important}
@media (prefers-reduced-motion:reduce){
  .wc-block-components-button.contained,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{transition:none}
  .wc-block-components-button.contained:hover,.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button:hover{transform:none}
}

/* Sekundaer-/Text-Buttons (z.B. "Apply", Mengen) — Magenta-Kontur statt schwarz */
.wc-block-components-button.outlined{border-color:var(--magenta)!important;color:var(--magenta)!important;border-radius:999px!important}
.wc-block-components-button.outlined:hover{background:var(--magenta)!important;color:#fff!important}

/* Zusammenfassungs-Karte (Cart totals / Your order) — farbige Karte */
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-components-sidebar.wc-block-cart__sidebar,
.wp-block-woocommerce-checkout-totals-block{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 24px 60px rgba(30,20,35,.10);padding:22px;
}
@media (max-width:600px){
  .wc-block-cart__sidebar .wc-block-components-sidebar,
  .wp-block-woocommerce-checkout-order-summary-block,
  .wp-block-woocommerce-checkout-totals-block{padding:16px}
}

/* Produktname, Preis, Summen */
.wc-block-components-product-name{font-family:var(--display);color:var(--ink)}
a.wc-block-components-product-name:hover{color:var(--magenta)}
.wc-block-components-product-price__value,
.wc-block-formatted-money-amount{font-family:var(--mono);font-weight:600}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount{color:var(--magenta)}
.wc-block-components-totals-item{font-family:var(--sans)}

/* Entfernen-Link, Coupon-Panel, Inputs, Fokus, Pflichtstern */
.wc-block-cart-item__remove-link{color:var(--magenta)!important}
.wc-block-cart-item__remove-link:hover{color:var(--ink)!important}
.wc-block-components-panel__button{color:var(--ink)}
.wc-block-components-panel__button:hover{color:var(--magenta)}
.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus,
.wc-block-components-textarea:focus{outline:2px solid var(--magenta)!important;outline-offset:1px}
.wc-block-components-text-input.is-active label{color:var(--magenta)}
.wc-block-components-validation-error{color:var(--magenta)}

/* Mengen-Selektor & Divider dezent im Store-Ton */
.wc-block-components-quantity-selector{border-radius:999px;border-color:var(--line-2)}
.wc-block-cart-items__row{border-color:var(--line)}

/* Empfehlungs-/Hinweisboxen im Block-Checkout */
.wc-block-components-notice-banner{border-radius:12px;border-left-color:var(--magenta)}
.wc-block-components-notice-banner.is-success{border-left-color:var(--emerald)}
.wc-block-components-notice-banner.is-info{border-left-color:var(--ocean)}

/* =========================================================================
   Warenkorb-Seite: redundanten "…hinzugefuegt / View cart"-Hinweis entfernen.
   Auf der Cart-Seite ist so ein Kasten ueberfluessig (man SIEHT den Warenkorb).
   Fehlermeldungen (Coupon falsch o.ae.) bleiben sichtbar.
   ========================================================================= */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .wc-block-components-notice-banner.is-success,
.woocommerce-cart .wc-block-components-notice-banner.is-info{display:none!important}

/* =========================================================================
   Rechtsseiten (Impressum / Datenschutz) + Footer-Rechtslinks
   ========================================================================= */
.malubart-legal{max-width:760px;margin:0 auto}
.malubart-legal .legal-lead{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-d);margin:0 0 1.4em}
.malubart-legal h3{font-family:var(--display);font-size:1.15rem;margin:1.8em 0 .45em}
.malubart-legal p{color:var(--ink-soft)}
.malubart-legal a{color:var(--accent-d);word-break:break-word}
.malubart-legal a:hover{color:var(--magenta)}
.malubart-legal .legal-source{color:var(--faint);font-size:.85rem;margin-top:2.4em}

.malubart-legal-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:8px 0 2px}
.malubart-legal-links a{color:var(--faint);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.malubart-legal-links a:hover{color:var(--accent-2)}

/* =========================================================================
   Social-Links (Instagram / Facebook / LinkedIn) entfernen.
   Kommen aus einem Widget/Plugin (z.B. Storefront-Footer-Social-Icons), nicht
   aus dem Theme — deshalb per Ziel-URL ausblenden, inkl. Listen-Wrapper.
   ========================================================================= */
a[href*="instagram.com" i],
a[href*="facebook.com" i],
a[href*="fb.com" i],
a[href*="linkedin.com" i],
li:has(> a[href*="instagram.com" i]),
li:has(> a[href*="facebook.com" i]),
li:has(> a[href*="fb.com" i]),
li:has(> a[href*="linkedin.com" i]){display:none!important}
/* Ausnahme: die bewusst im Header gesetzten MALUBART-Social-Links bleiben sichtbar. */
.maluba-social a[href]{display:inline-flex!important}