/** Shopify CDN: Minification failed

Line 194:20 Expected identifier but found "!"
Line 203:0 Unexpected "}"

**/
/* ==================================================
   APC Technik – Custom CSS
   Zweck: Theme-Overrides & App-Anpassungen
   Erstellt: 2026-01-01
   ================================================== */


/* Warenkorb: Optionen/Properties (dt/dd) nicht schrumpfen lassen + besser umbrechen */
.cart-item__details dl,
.cart-item__details .product-option {
  width: 100%;
  max-width: 100%;
}

.cart-item__details .product-option {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  align-items: baseline;
}

/* Label (dt) feste Breite */
.cart-item__details .product-option dt {
  flex: 0 0 120px;        /* <- anpassen (z.B. 110–160px) */
  white-space: nowrap;
  opacity: .75;
}

/* Wert (dd) bekommt Platz und darf sauber umbrechen */
.cart-item__details .product-option dd {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  word-break: break-word;
}

/* ganz wichtig: verhindert, dass die Zeile auf Inhalt zusammenschrumpft */
.cart-item__details .product-option dt,
.cart-item__details .product-option dd {
  flex-shrink: 0;
}

.cart-item__details .product-option dd {
  flex-shrink: 1; /* dd darf schrumpfen/umbrechen, dt nicht */
}

/* Warenkorb: Produktname über Optionen volle Breite */
.cart-item__details .cart-item__name,
.cart-item__details .cart-item__name.break {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;

  margin-bottom: 6px;
}

/* verhindert, dass der Titel durch Flex schrumpft */
.cart-item__details .cart-item__name {
  flex-shrink: 0 !important;
}




/* =========================================================
   Shopify Varianten – NUR Original-Varianten stylen
   (KEIN Avis, KEIN APO, KEINE Fremd-Apps)
   Mavon Theme kompatibel
   ========================================================= */

/* ---------- Farb-Variablen ---------- */
:root{
  --apc-var-border:        #c7d7ee;
  --apc-var-bg:            #f4f8ff;
  --apc-var-text:          #1a2b44;

  --apc-var-hover-border:  #2b63c7;
  --apc-var-hover-bg:      #e8f1ff;

  --apc-var-active-bg:     #2b63c7;
  --apc-var-active-text:   #ffffff;
  --apc-var-active-border: #2b63c7;

  --apc-radius: 8px;
}

/* =========================================================
   VARIANT BUTTONS / RADIO (Shopify only)
   ========================================================= */

/* Normal */
.product variant-radios input[type="radio"] + label,
.product .product-form__input--radio input[type="radio"] + label{
  background-color: var(--apc-var-bg) !important;
  border-color: var(--apc-var-border) !important;
  color: var(--apc-var-text) !important;
  border-radius: var(--apc-radius) !important;
}

/* Hover */
.product variant-radios input[type="radio"] + label:hover,
.product .product-form__input--radio input[type="radio"] + label:hover{
  background-color: var(--apc-var-hover-bg) !important;
  border-color: var(--apc-var-hover-border) !important;
}

/* Checked / Selected */
.product variant-radios input[type="radio"]:checked + label,
.product .product-form__input--radio input[type="radio"]:checked + label{
  background-color: var(--apc-var-active-bg) !important;
  border-color: var(--apc-var-active-border) !important;
  color: var(--apc-var-active-text) !important;
}

/* Disabled */
.product variant-radios input[type="radio"]:disabled + label,
.product .product-form__input--radio input[type="radio"]:disabled + label{
  opacity: .55 !important;
  cursor: not-allowed;
}

/* =========================================================
   VARIANT DROPDOWN / SELECT (Shopify only)
   ========================================================= */

/* NUR echtes Shopify-Variant-Select (name="id") */
.product variant-selects select[name="id"],
.product select[name="id"]{
  background-color: var(--apc-var-bg) !important;
  border-color: var(--apc-var-border) !important;
  color: var(--apc-var-text) !important;
  border-radius: var(--apc-radius) !important;
}

/* Hover / Focus */
.product variant-selects select[name="id"]:hover,
.product variant-selects select[name="id"]:focus,
.product select[name="id"]:hover,
.product select[name="id"]:focus{
  background-color: var(--apc-var-hover-bg) !important;
  border-color: var(--apc-var-hover-border) !important;
}


/* Header-Suche (Mavon) – Basis */
.search--from-in-header .search__input{
  border: 1px solid #2b63c7 !important;
  border-radius: 8px !important;
}

/* Hover */
.search--from-in-header .search__input:hover{
  border-color:rgb(58, 130, 255) !important;
}

/* Fokus (= selected) */
.search--from-in-header .search__input:focus,
.search--from-in-header .search__input:focus-visible{
  outline: none !important;
  border-color: #2b63c7 !important;
  box-shadow: 0 0 0 3px rgba(43,99,199,.18) !important;
}


/* Ausverkauft Label – Start */
.badge.color-inverse {
    background: linear-gradient(0deg,rgb(164, 36, 196), #7c3aed);
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
    font-size: 13px;
    letter-spacing: 0.2px;
}
/* Ausverkauft Label – Ende */


/* Preis größer & auffälliger Start */
@media (max-width: 749px){
  .price,
  .product__price,
  .price-item {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1a3f6b; !important;
    letter-spacing: -0.3px;
}
  }
  
  .price small,
  .product__price-note {
    font-size: 13px !important;
  }
}
/* Preis größer & auffälliger Ende */