/*
 * Kibble Webshop Connector – Utility-Klassen
 * Ersetzt die verbleibenden, meist nur 1-2x verwendeten style="..."-Werte
 * aus den Shortcode-/Admin-Methoden. Werte 1:1 aus dem bisherigen Inline-CSS
 * übernommen (keine visuelle Änderung), nur benannt statt hartcodiert.
 * Achtung: JS-/PHP-gesteuerte dynamische Sichtbarkeits-Styles (display:none
 * als Toggle-Zustand) bleiben bewusst inline, da sie zur Laufzeit umgeschaltet
 * werden – siehe Kommentare an den jeweiligen Stellen im PHP-Code.
 */

/* Abstände */
.kkwc-mt-0{margin-top:0;}
.kkwc-mt-6{margin-top:6px;}
.kkwc-mt-8{margin-top:8px;}
.kkwc-mt-10{margin-top:10px;}
.kkwc-mt-12{margin-top:12px;}
.kkwc-mt-14{margin-top:14px;}
.kkwc-mt-16{margin-top:16px;}
.kkwc-mt-18{margin-top:18px;}
.kkwc-mt-24{margin-top:24px;}
.kkwc-mt-26{margin-top:26px;}
.kkwc-mt-28{margin-top:28px;}
.kkwc-mt-32{margin-top:32px;}
.kkwc-mb-0{margin-bottom:0;}
.kkwc-mb-8{margin-bottom:8px;}
.kkwc-mb-10{margin-bottom:10px;}
.kkwc-mb-16{margin-bottom:16px;}
.kkwc-mb-18{margin-bottom:18px;}
.kkwc-mb-20{margin-bottom:20px;}
.kkwc-m-0{margin:0;}
.kkwc-m-14-0{margin:14px 0;}
.kkwc-m-26-0-8{margin:26px 0 8px;}
.kkwc-m-26-0-6{margin:26px 0 6px;}
.kkwc-m-n4-0-18{margin:-4px 0 18px;}
.kkwc-m-0-0-10{margin:0 0 10px;}

/* Typografie */
.kkwc-fs-78{font-size:0.78em;}
.kkwc-fs-80{font-size:0.8em;}
.kkwc-fs-85{font-size:0.85em;}
.kkwc-fs-90{font-size:0.9em;}
.kkwc-fs-92{font-size:0.92em;}
.kkwc-fs-95{font-size:0.95em;}
.kkwc-fs-105{font-size:1.05em;}
.kkwc-fs-115{font-size:1.15em;}
.kkwc-fs-125{font-size:1.25em;}
.kkwc-fw-400{font-weight:400;}
.kkwc-fw-600{font-weight:600;}
.kkwc-fw-700{font-weight:700;}
.kkwc-op-7{opacity:.7;}
.kkwc-op-75{opacity:.75;}
.kkwc-op-8{opacity:.8;}
.kkwc-op-85{opacity:.85;}
.kkwc-ta-center{text-align:center;}
.kkwc-ta-left{text-align:left;}
.kkwc-nowrap{white-space:nowrap;}
.kkwc-cursor-pointer{cursor:pointer;}

/* Farben */
.kkwc-c-accent{color:var(--kkwc-accent, #ffcf6b);}
.kkwc-c-accent2{color:var(--kkwc-accent-light, #ffd86b);}
.kkwc-c-err{color:var(--kkwc-error, #ff8a8a);}
.kkwc-c-ok{color:#8fdc9a;}
.kkwc-c-muted{color:var(--kkwc-muted, #aaa);}
.kkwc-c-muted2{color:var(--kkwc-muted, #aaaaaa);}
.kkwc-c-faint{color:var(--kkwc-muted, #888);}
.kkwc-c-link{color:#2271b1;}
.kkwc-c-cfcfcf{color:var(--kkwc-muted, #cfcfcf);}
.kkwc-c-f4f4f4{color:var(--kkwc-text-body, #f4f4f4);}

/* Layout/Breiten */
.kkwc-w-auto{width:auto;}
.kkwc-w-100{width:100%;}
.kkwc-w-64{width:64px;}
.kkwc-w-70{width:70px;}
.kkwc-w-80{width:80px;}
.kkwc-w-90{width:90px;}
.kkwc-w-100px{width:100px;}
.kkwc-w-150{width:150px;}
.kkwc-w-230{width:230px;}
.kkwc-w-38pct{width:38%;}
.kkwc-w-48pct{width:48%;}
.kkwc-w-55pct{width:55%;}
.kkwc-w-62pct{width:62%;}
.kkwc-max-w-760{max-width:760px;}
.kkwc-max-w-800{max-width:800px;}
.kkwc-max-w-920{max-width:920px;}
.kkwc-max-w-1040-center{max-width:1040px;margin:0 auto;}
.kkwc-min-w-150{min-width:150px;}
.kkwc-flex{display:flex;}
.kkwc-flex-col{display:flex;flex-direction:column;}
.kkwc-flex-wrap-end{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;}
.kkwc-align-self-start{align-self:flex-start;}
.kkwc-checkbox-row{display:flex;align-items:center;gap:8px;font-weight:600;}
.kkwc-align-self-end{align-self:flex-end;}
.kkwc-inline-block{display:inline-block;}
.kkwc-hidden{display:none;}
.kkwc-no-underline{text-decoration:none;}
.kkwc-p-7{padding:7px;}
.kkwc-p-8{padding:8px;}
.kkwc-p-10-0{padding:10px 0;}
.kkwc-field-base{box-sizing:border-box;border-radius:var(--kkwc-radius-sm, 6px);border:1px solid var(--kkwc-field-border, #6b5a2a);background:var(--kkwc-field-bg, #1c1c1c);color:var(--kkwc-text, #fff);}
.kkwc-subhead{margin:20px 0 8px;color:var(--kkwc-accent, #ffcf6b);}
.kkwc-m-0-0-20{margin:0 0 20px;}
.kkwc-m-0-0-8{margin:0 0 8px;}
.kkwc-m-0-0-16{margin:0 0 16px;}
.kkwc-m-14-0-0{margin:14px 0 0;}