/* ═══════════════════════════════════════════════════════════════════
   Candor Lumen — Per-Viewport Responsive Studio (v0.3.0)
   ───────────────────────────────────────────────────────────────────
   Eigene CSS-Vars (--candor-*), eigene Klassen-Konventionen.
   Komplett unabhängig von MUP. Inhalt:
     · Padding / Margin / Schrift / Farben pro Viewport
     · candor-hide-d / candor-hide-t / candor-hide-m  (Sichtbarkeit)
     · candor-shape-{d|t|m}-{shape}  (oval/hexagon/circle/diamond/blob/soft)
     · candor-fx-{d|t|m}-{effect}    (sparkle/glow/lightning/shimmer/pulse)
     · candor-align-{d|t|m}-{align}  (left/center/right)
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   v1.1.0 — Audit-Fixes:
   #2: Selektoren mit Doppelpunkt — verhindert Substring-Match
       von --candor-bg-t bei --candor-bg-Regel
   #5: Default-Regeln nur wenn die Var EXPLIZIT gesetzt ist (statt
       inherit-Fallback der Theme-Defaults überschreibt)
   ═══════════════════════════════════════════════════════════════════ */

/* v2.4.4: !important durchgehend — Theme-Styles (Kadence, Twenty Twenty-Four etc.)
   überschreiben sonst Padding/Margin/Font auf Tablet/Mobile.
   Spezifität reicht oft nicht weil Theme-CSS später geladen wird. */

/* ───────── DESKTOP (greift nur wenn Var gesetzt) ───────── */
.has-candor-resp[style*="--candor-pad-y:"]  { padding-top: var(--candor-pad-y) !important; padding-bottom: var(--candor-pad-y) !important; }
.has-candor-resp[style*="--candor-pad-x:"]  { padding-left: var(--candor-pad-x) !important; padding-right: var(--candor-pad-x) !important; }
.has-candor-resp[style*="--candor-marg-y:"] { margin-top: var(--candor-marg-y) !important; margin-bottom: var(--candor-marg-y) !important; }
.has-candor-resp[style*="--candor-font:"]   { font-size: var(--candor-font) !important; }
.has-candor-resp[style*="--candor-bg:"]     { background-color: var(--candor-bg) !important; }
.has-candor-resp[style*="--candor-fg:"]     { color: var(--candor-fg) !important; }

/* ───────── TABLET (≤ 1024 px) ───────── */
@media (max-width: 1024px) {
  .has-candor-resp[style*="--candor-pad-y-t:"]  { padding-top: var(--candor-pad-y-t) !important; padding-bottom: var(--candor-pad-y-t) !important; }
  .has-candor-resp[style*="--candor-pad-x-t:"]  { padding-left: var(--candor-pad-x-t) !important; padding-right: var(--candor-pad-x-t) !important; }
  .has-candor-resp[style*="--candor-marg-y-t:"] { margin-top: var(--candor-marg-y-t) !important; margin-bottom: var(--candor-marg-y-t) !important; }
  .has-candor-resp[style*="--candor-font-t:"]   { font-size: var(--candor-font-t) !important; }
  .has-candor-resp[style*="--candor-bg-t:"]     { background-color: var(--candor-bg-t) !important; }
  .has-candor-resp[style*="--candor-fg-t:"]     { color: var(--candor-fg-t) !important; }
}

/* ───────── MOBILE (≤ 640 px) ───────── */
@media (max-width: 640px) {
  .has-candor-resp[style*="--candor-pad-y-m:"]  { padding-top: var(--candor-pad-y-m) !important; padding-bottom: var(--candor-pad-y-m) !important; }
  .has-candor-resp[style*="--candor-pad-x-m:"]  { padding-left: var(--candor-pad-x-m) !important; padding-right: var(--candor-pad-x-m) !important; }
  .has-candor-resp[style*="--candor-marg-y-m:"] { margin-top: var(--candor-marg-y-m) !important; margin-bottom: var(--candor-marg-y-m) !important; }
  .has-candor-resp[style*="--candor-font-m:"]   { font-size: var(--candor-font-m) !important; }
  .has-candor-resp[style*="--candor-bg-m:"]     { background-color: var(--candor-bg-m) !important; }
  .has-candor-resp[style*="--candor-fg-m:"]     { color: var(--candor-fg-m) !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   v2.4.4 — FLEX-DIRECTION PRO VIEWPORT
   ───────────────────────────────────────────────────────────────────
   Container-Richtung: pro Gerät row / column / row-reverse / col-reverse.
   Wirkt auf core/group (layout=flex), core/buttons, core/columns.
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
  .candor-flex-row-d            { flex-direction: row !important; }
  .candor-flex-col-d            { flex-direction: column !important; }
  .candor-flex-row-reverse-d    { flex-direction: row-reverse !important; }
  .candor-flex-col-reverse-d    { flex-direction: column-reverse !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .candor-flex-row-t            { flex-direction: row !important; }
  .candor-flex-col-t            { flex-direction: column !important; }
  .candor-flex-row-reverse-t    { flex-direction: row-reverse !important; }
  .candor-flex-col-reverse-t    { flex-direction: column-reverse !important; }
}
@media (max-width: 640px) {
  .candor-flex-row-m            { flex-direction: row !important; }
  .candor-flex-col-m            { flex-direction: column !important; }
  .candor-flex-row-reverse-m    { flex-direction: row-reverse !important; }
  .candor-flex-col-reverse-m    { flex-direction: column-reverse !important; }
}
/* Columns-Block: auch das innere Flex-Layout */
.wp-block-columns[class*="candor-flex-col-"] { flex-wrap: wrap !important; }
.wp-block-columns[class*="candor-flex-col-"] > .wp-block-column { flex-basis: 100% !important; }

/* ═══════════════════════════════════════════════════════════════════
   SICHTBARKEIT PRO VIEWPORT
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
  .candor-hide-d { display: none !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .candor-hide-t { display: none !important; }
}
@media (max-width: 640px) {
  .candor-hide-m { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   BILD-SHAPES PRO VIEWPORT
   ───────────────────────────────────────────────────────────────────
   Wirkt auf das Bild im Block — sucht das <img> oder den Cover-Layer.
   Schweben unabhängig: Desktop-Shape gilt erst >1024, Tablet 641-1024,
   Mobile ≤640. So kannst du wirklich oval-tablet + hexagon-mobile haben.
   ═══════════════════════════════════════════════════════════════════ */

/* Universal: Shape auf <img>, Cover-Background, Gallery-Items */
.candor-shape img,
.candor-shape .wp-block-cover__background,
.candor-shape .wp-block-cover__image-background {
  transition: clip-path 0.4s ease, border-radius 0.4s ease;
}

/* Helper-Mixin via Klasse-Prefix */
[class*="candor-shape-d-circle"]   img,
[class*="candor-shape-d-circle"]   .wp-block-cover__image-background { border-radius: 50% !important; aspect-ratio: 1 / 1; object-fit: cover; }
[class*="candor-shape-d-oval"]     img,
[class*="candor-shape-d-oval"]     .wp-block-cover__image-background { border-radius: 50% / 35% !important; }
[class*="candor-shape-d-hexagon"]  img,
[class*="candor-shape-d-hexagon"]  .wp-block-cover__image-background { clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); }
[class*="candor-shape-d-diamond"]  img,
[class*="candor-shape-d-diamond"]  .wp-block-cover__image-background { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
[class*="candor-shape-d-soft"]     img,
[class*="candor-shape-d-soft"]     .wp-block-cover__image-background { border-radius: 24px !important; }
[class*="candor-shape-d-blob"]     img,
[class*="candor-shape-d-blob"]     .wp-block-cover__image-background { border-radius: 60% 40% 50% 50% / 50% 60% 40% 50% !important; }

@media (max-width: 1024px) {
  [class*="candor-shape-t-circle"]  img, [class*="candor-shape-t-circle"]  .wp-block-cover__image-background { border-radius: 50% !important; aspect-ratio: 1 / 1; object-fit: cover; clip-path: none; }
  [class*="candor-shape-t-oval"]    img, [class*="candor-shape-t-oval"]    .wp-block-cover__image-background { border-radius: 50% / 35% !important; clip-path: none; }
  [class*="candor-shape-t-hexagon"] img, [class*="candor-shape-t-hexagon"] .wp-block-cover__image-background { clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); border-radius: 0 !important; }
  [class*="candor-shape-t-diamond"] img, [class*="candor-shape-t-diamond"] .wp-block-cover__image-background { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); border-radius: 0 !important; }
  [class*="candor-shape-t-soft"]    img, [class*="candor-shape-t-soft"]    .wp-block-cover__image-background { border-radius: 18px !important; clip-path: none; }
  [class*="candor-shape-t-blob"]    img, [class*="candor-shape-t-blob"]    .wp-block-cover__image-background { border-radius: 60% 40% 50% 50% / 50% 60% 40% 50% !important; clip-path: none; }
}

@media (max-width: 640px) {
  [class*="candor-shape-m-circle"]  img, [class*="candor-shape-m-circle"]  .wp-block-cover__image-background { border-radius: 50% !important; aspect-ratio: 1 / 1; object-fit: cover; clip-path: none; }
  [class*="candor-shape-m-oval"]    img, [class*="candor-shape-m-oval"]    .wp-block-cover__image-background { border-radius: 50% / 35% !important; clip-path: none; }
  [class*="candor-shape-m-hexagon"] img, [class*="candor-shape-m-hexagon"] .wp-block-cover__image-background { clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); border-radius: 0 !important; }
  [class*="candor-shape-m-diamond"] img, [class*="candor-shape-m-diamond"] .wp-block-cover__image-background { clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); border-radius: 0 !important; }
  [class*="candor-shape-m-soft"]    img, [class*="candor-shape-m-soft"]    .wp-block-cover__image-background { border-radius: 14px !important; clip-path: none; }
  [class*="candor-shape-m-blob"]    img, [class*="candor-shape-m-blob"]    .wp-block-cover__image-background { border-radius: 60% 40% 50% 50% / 50% 60% 40% 50% !important; clip-path: none; }
}

/* ═══════════════════════════════════════════════════════════════════
   EFFEKTE PRO VIEWPORT
   ───────────────────────────────────────────────────────────────────
   Profi: gleicher Block hat Desktop-Sparkle, Mobile-Lightning etc.
   Setzt nur die Effekt-Klasse aktiv im jeweiligen Viewport. Die
   eigentlichen Animations-Keyframes laden aus dem MUP-Effects-CSS
   ODER aus Candor's eigenen Effekt-Definitionen (effects.php enqueue).
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   CANDOR EFFEKTE v2.3 — Layout-sicher, Shape-respektierend
   Garantie: Kein Effekt verändert display/position/size des Blocks.
   Alle Animationen laufen auf ::before Pseudo-Elementen.
   clip-path + border-radius via `inherit` → Glow leuchtet in korrekter Shape.
   ═══════════════════════════════════════════════════════════════════ */

[class*="candor-fx-"] {
  contain: layout style;
  position: relative;
}

[class*="candor-fx-d-"]::before,
[class*="candor-fx-t-"]::before,
[class*="candor-fx-m-"]::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
  clip-path: inherit;
  will-change: opacity;
}

@keyframes cl-sparkle {
  0%, 100% { opacity: 0.35; } 50% { opacity: 0.9; }
}
@keyframes cl-glow-box {
  0%, 100% { box-shadow: inset 0 0 0 0 rgba(201,168,76,0); }
  50%      { box-shadow: inset 0 0 48px 10px rgba(201,168,76,0.42); }
}
@keyframes cl-lightning {
  0%, 86%, 100% { opacity: 0; } 88%, 92% { opacity: 0.72; } 90% { opacity: 0.18; }
}
@keyframes cl-shimmer-sweep {
  0%   { transform: translateX(-130%) skewX(-12deg); }
  100% { transform: translateX(130%) skewX(-12deg); }
}
@keyframes cl-shimmer-text {
  0% { background-position: 200% center; } 100% { background-position: -200% center; }
}
@keyframes cl-pulse-glow {
  0%, 100% { opacity: 0.25; } 50% { opacity: 0.6; }
}
@keyframes cl-write {
  from { width: 0; } to { width: 100%; }
}
@keyframes cl-cinematic-in {
  0% { opacity: 0; letter-spacing: 0.45em; } 60% { opacity: 1; }
  100% { opacity: 1; letter-spacing: 0.12em; }
}

/* SPARKLE */
[class*="candor-fx-d-sparkle"]:not(.cl-fx-text)::before,
[class*="candor-fx-t-sparkle"]:not(.cl-fx-text)::before,
[class*="candor-fx-m-sparkle"]:not(.cl-fx-text)::before {
  background: radial-gradient(ellipse at 50% 50%, rgba(255,215,0,0.32) 0%, transparent 68%);
  animation: cl-sparkle 2.8s ease-in-out infinite;
}
.cl-fx-text[class*="candor-fx-d-sparkle"] > *,
.cl-fx-text[class*="candor-fx-t-sparkle"] > *,
.cl-fx-text[class*="candor-fx-m-sparkle"] > * {
  animation: cl-sparkle 2.8s ease-in-out infinite;
  text-shadow: 0 0 6px rgba(255,215,0,0.5), 0 0 20px rgba(255,215,0,0.25);
}

/* GLOW — respektiert border-radius + clip-path */
[class*="candor-fx-d-glow"]:not(.cl-fx-text)::before,
[class*="candor-fx-t-glow"]:not(.cl-fx-text)::before,
[class*="candor-fx-m-glow"]:not(.cl-fx-text)::before {
  animation: cl-glow-box 2.4s ease-in-out infinite;
}
.cl-fx-text[class*="candor-fx-d-glow"] > *,
.cl-fx-text[class*="candor-fx-t-glow"] > *,
.cl-fx-text[class*="candor-fx-m-glow"] > * {
  text-shadow: 0 0 12px rgba(201,168,76,0.72), 0 0 30px rgba(201,168,76,0.32);
}

/* LIGHTNING */
[class*="candor-fx-d-lightning"]::before,
[class*="candor-fx-t-lightning"]::before,
[class*="candor-fx-m-lightning"]::before {
  background: linear-gradient(135deg, rgba(255,255,255,0.88) 0%, rgba(200,220,255,0.55) 50%, transparent 100%);
  animation: cl-lightning 3.8s ease-in-out infinite;
}

/* SHIMMER — Block-Overlay */
[class*="candor-fx-d-shimmer"]:not(.cl-fx-text)::before,
[class*="candor-fx-t-shimmer"]:not(.cl-fx-text)::before,
[class*="candor-fx-m-shimmer"]:not(.cl-fx-text)::before {
  background: linear-gradient(105deg, transparent 25%, rgba(255,255,255,0.52) 50%, transparent 75%);
  width: 65%;
  overflow: hidden;
  animation: cl-shimmer-sweep 2.4s ease-in-out infinite;
}
/* SHIMMER — Text */
.cl-fx-text[class*="candor-fx-d-shimmer"] > *,
.cl-fx-text[class*="candor-fx-t-shimmer"] > *,
.cl-fx-text[class*="candor-fx-m-shimmer"] > * {
  background: linear-gradient(90deg, #c9a84c 0%, #fff5da 42%, #c9a84c 84%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: cl-shimmer-text 2.8s linear infinite;
}

/* PULSE */
[class*="candor-fx-d-pulse"]::before,
[class*="candor-fx-t-pulse"]::before,
[class*="candor-fx-m-pulse"]::before {
  background: radial-gradient(ellipse at 50% 50%, rgba(201,168,76,0.38) 0%, transparent 62%);
  animation: cl-pulse-glow 2.6s ease-in-out infinite;
}

/* HANDSCHRIFT */
.cl-fx-text[class*="candor-fx-d-handschrift"] > *,
.cl-fx-text[class*="candor-fx-t-handschrift"] > *,
.cl-fx-text[class*="candor-fx-m-handschrift"] > * {
  font-family: "Brush Script MT", "Segoe Script", cursive;
  overflow: hidden; white-space: nowrap; display: block;
  width: 0;
  animation: cl-write 2.6s steps(38, end) forwards;
}

/* CINEMATIC */
.cl-fx-text[class*="candor-fx-d-cinematic"] > *,
.cl-fx-text[class*="candor-fx-t-cinematic"] > *,
.cl-fx-text[class*="candor-fx-m-cinematic"] > * {
  text-transform: uppercase; opacity: 0;
  animation: cl-cinematic-in 1.5s cubic-bezier(0.22,1,0.36,1) 0.12s forwards;
}

/* Viewport-Isolation */
@media (max-width: 1024px) {
  [class*="candor-fx-d-"]::before { display: none !important; }
  .cl-fx-text[class*="candor-fx-d-"] > * {
    animation: none !important; text-shadow: none !important;
    -webkit-text-fill-color: unset !important; color: unset !important; background: none !important;
  }
}
@media (min-width: 1025px), (max-width: 640px) {
  [class*="candor-fx-t-"]::before { display: none !important; }
  .cl-fx-text[class*="candor-fx-t-"] > * {
    animation: none !important; -webkit-text-fill-color: unset !important; background: none !important;
  }
}
@media (min-width: 641px) {
  [class*="candor-fx-m-"]::before { display: none !important; }
  .cl-fx-text[class*="candor-fx-m-"] > * {
    animation: none !important; -webkit-text-fill-color: unset !important; background: none !important;
  }
}

/* Reduced-Motion respektieren */
@media (prefers-reduced-motion: reduce) {
  [class*="candor-fx-"]::before { animation: none !important; }
  .cl-fx-text[class*="candor-fx-"] > * { animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   ALIGNMENT PRO VIEWPORT
   ───────────────────────────────────────────────────────────────────
   v0.3.1: kaskadiert in alle Heading/Paragraph/Kadence-Children rein.
   Kadence Advanced Heading bringt eine eigene text-align mit, die hier
   überschrieben wird. Sonst bleibt der Header trotz „Mitte" links.
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 1025px) {
  [class*="candor-align-d-left"],
  [class*="candor-align-d-left"]   h1, [class*="candor-align-d-left"]   h2, [class*="candor-align-d-left"]   h3, [class*="candor-align-d-left"]   h4, [class*="candor-align-d-left"]   h5, [class*="candor-align-d-left"]   h6, [class*="candor-align-d-left"]   p, [class*="candor-align-d-left"]   .wp-block-heading, [class*="candor-align-d-left"]   .wp-block-paragraph, [class*="candor-align-d-left"]   .kt-adv-heading-wrap, [class*="candor-align-d-left"]   .kadence-advanced-heading-wrap, [class*="candor-align-d-left"]   .kb-adv-heading-wrap   { text-align: left !important; }
  [class*="candor-align-d-center"],
  [class*="candor-align-d-center"] h1, [class*="candor-align-d-center"] h2, [class*="candor-align-d-center"] h3, [class*="candor-align-d-center"] h4, [class*="candor-align-d-center"] h5, [class*="candor-align-d-center"] h6, [class*="candor-align-d-center"] p, [class*="candor-align-d-center"] .wp-block-heading, [class*="candor-align-d-center"] .wp-block-paragraph, [class*="candor-align-d-center"] .kt-adv-heading-wrap, [class*="candor-align-d-center"] .kadence-advanced-heading-wrap, [class*="candor-align-d-center"] .kb-adv-heading-wrap { text-align: center !important; }
  [class*="candor-align-d-right"],
  [class*="candor-align-d-right"]  h1, [class*="candor-align-d-right"]  h2, [class*="candor-align-d-right"]  h3, [class*="candor-align-d-right"]  h4, [class*="candor-align-d-right"]  h5, [class*="candor-align-d-right"]  h6, [class*="candor-align-d-right"]  p, [class*="candor-align-d-right"]  .wp-block-heading, [class*="candor-align-d-right"]  .wp-block-paragraph, [class*="candor-align-d-right"]  .kt-adv-heading-wrap, [class*="candor-align-d-right"]  .kadence-advanced-heading-wrap, [class*="candor-align-d-right"]  .kb-adv-heading-wrap  { text-align: right !important; }
}
@media (max-width: 1024px) {
  [class*="candor-align-t-left"],
  [class*="candor-align-t-left"]   h1, [class*="candor-align-t-left"]   h2, [class*="candor-align-t-left"]   h3, [class*="candor-align-t-left"]   h4, [class*="candor-align-t-left"]   h5, [class*="candor-align-t-left"]   h6, [class*="candor-align-t-left"]   p, [class*="candor-align-t-left"]   .wp-block-heading, [class*="candor-align-t-left"]   .wp-block-paragraph, [class*="candor-align-t-left"]   .kt-adv-heading-wrap, [class*="candor-align-t-left"]   .kadence-advanced-heading-wrap, [class*="candor-align-t-left"]   .kb-adv-heading-wrap   { text-align: left !important; }
  [class*="candor-align-t-center"],
  [class*="candor-align-t-center"] h1, [class*="candor-align-t-center"] h2, [class*="candor-align-t-center"] h3, [class*="candor-align-t-center"] h4, [class*="candor-align-t-center"] h5, [class*="candor-align-t-center"] h6, [class*="candor-align-t-center"] p, [class*="candor-align-t-center"] .wp-block-heading, [class*="candor-align-t-center"] .wp-block-paragraph, [class*="candor-align-t-center"] .kt-adv-heading-wrap, [class*="candor-align-t-center"] .kadence-advanced-heading-wrap, [class*="candor-align-t-center"] .kb-adv-heading-wrap { text-align: center !important; }
  [class*="candor-align-t-right"],
  [class*="candor-align-t-right"]  h1, [class*="candor-align-t-right"]  h2, [class*="candor-align-t-right"]  h3, [class*="candor-align-t-right"]  h4, [class*="candor-align-t-right"]  h5, [class*="candor-align-t-right"]  h6, [class*="candor-align-t-right"]  p, [class*="candor-align-t-right"]  .wp-block-heading, [class*="candor-align-t-right"]  .wp-block-paragraph, [class*="candor-align-t-right"]  .kt-adv-heading-wrap, [class*="candor-align-t-right"]  .kadence-advanced-heading-wrap, [class*="candor-align-t-right"]  .kb-adv-heading-wrap  { text-align: right !important; }
}
@media (max-width: 640px) {
  [class*="candor-align-m-left"],
  [class*="candor-align-m-left"]   h1, [class*="candor-align-m-left"]   h2, [class*="candor-align-m-left"]   h3, [class*="candor-align-m-left"]   h4, [class*="candor-align-m-left"]   h5, [class*="candor-align-m-left"]   h6, [class*="candor-align-m-left"]   p, [class*="candor-align-m-left"]   .wp-block-heading, [class*="candor-align-m-left"]   .wp-block-paragraph, [class*="candor-align-m-left"]   .kt-adv-heading-wrap, [class*="candor-align-m-left"]   .kadence-advanced-heading-wrap, [class*="candor-align-m-left"]   .kb-adv-heading-wrap   { text-align: left !important; }
  [class*="candor-align-m-center"],
  [class*="candor-align-m-center"] h1, [class*="candor-align-m-center"] h2, [class*="candor-align-m-center"] h3, [class*="candor-align-m-center"] h4, [class*="candor-align-m-center"] h5, [class*="candor-align-m-center"] h6, [class*="candor-align-m-center"] p, [class*="candor-align-m-center"] .wp-block-heading, [class*="candor-align-m-center"] .wp-block-paragraph, [class*="candor-align-m-center"] .kt-adv-heading-wrap, [class*="candor-align-m-center"] .kadence-advanced-heading-wrap, [class*="candor-align-m-center"] .kb-adv-heading-wrap { text-align: center !important; }
  [class*="candor-align-m-right"],
  [class*="candor-align-m-right"]  h1, [class*="candor-align-m-right"]  h2, [class*="candor-align-m-right"]  h3, [class*="candor-align-m-right"]  h4, [class*="candor-align-m-right"]  h5, [class*="candor-align-m-right"]  h6, [class*="candor-align-m-right"]  p, [class*="candor-align-m-right"]  .wp-block-heading, [class*="candor-align-m-right"]  .wp-block-paragraph, [class*="candor-align-m-right"]  .kt-adv-heading-wrap, [class*="candor-align-m-right"]  .kadence-advanced-heading-wrap, [class*="candor-align-m-right"]  .kb-adv-heading-wrap  { text-align: right !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   EDITOR-ONLY: Indikator-Badge wenn ein Block Candor-Werte hat
   ═══════════════════════════════════════════════════════════════════ */
body.block-editor-page .has-candor-resp {
  position: relative;
}
body.block-editor-page .has-candor-resp::before {
  content: "📐";
  position: absolute;
  top: -8px; left: -8px;
  background: #fbf4e2;
  border: 1px solid #c9a84c;
  border-radius: 50%;
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
body.block-editor-page .has-candor-resp:hover::before,
body.block-editor-page .has-candor-resp.is-selected::before {
  opacity: 1;
}

/* v2.4.4: ::after-Mode-Pill ENTFERNT — der 3-Button-Switcher zeigt
   den aktiven Mode bereits via .is-active-Klasse. Redundante Anzeige raus. */

/* v2.4.2 — Klickbarer 3-Button-Device-Switcher (alle Viewports auf einen Blick) */
.candor-device-switcher {
  position: fixed;
  bottom: 12px;          /* v2.4.4: Pill ist weg, Switcher rückt ganz nach unten */
  right: 12px;
  z-index: 99998;
  display: flex;
  gap: 4px;
  padding: 4px;
  background: rgba(20, 18, 14, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 22px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.candor-device-switcher button {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  color: #b8a888;
  padding: 6px 10px;
  border-radius: 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}
.candor-device-switcher button:hover {
  background: rgba(201, 168, 76, 0.15);
  color: #e8d5a3;
}
.candor-device-switcher button.is-active {
  background: linear-gradient(135deg, #c9a84c 0%, #a68838 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.candor-device-switcher button .ico { font-size: 14px; }
.candor-device-switcher button .lbl { font-size: 11px; letter-spacing: 0.2px; }
@media (max-width: 600px) {
  .candor-device-switcher button .lbl { display: none; }
  .candor-device-switcher button { padding: 6px 9px; }
}
/* Nur im Editor sichtbar — auf Frontend ausblenden */
body:not(.wp-admin):not(.block-editor-page) .candor-device-switcher { display: none; }

/* v2.4.1 — Per-Viewport HINTERGRUND-VERHALTEN
   Pro Viewport entscheiden ob Hintergrund fixed bleibt (Parallax-Effekt)
   oder mit-scrollt. Wird via CSS-Klasse .candor-bg-fixed-{d|t|m} gesetzt. */
@media (min-width: 1025px) {
  .candor-bg-fixed-d.wp-block-cover,
  .candor-bg-fixed-d.wp-block-cover .wp-block-cover__image-background { background-attachment: fixed !important; }
  .candor-bg-scroll-d.wp-block-cover,
  .candor-bg-scroll-d.wp-block-cover .wp-block-cover__image-background { background-attachment: scroll !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .candor-bg-fixed-t.wp-block-cover,
  .candor-bg-fixed-t.wp-block-cover .wp-block-cover__image-background { background-attachment: fixed !important; }
  .candor-bg-scroll-t.wp-block-cover,
  .candor-bg-scroll-t.wp-block-cover .wp-block-cover__image-background { background-attachment: scroll !important; }
}
@media (max-width: 640px) {
  .candor-bg-fixed-m.wp-block-cover,
  .candor-bg-fixed-m.wp-block-cover .wp-block-cover__image-background { background-attachment: fixed !important; }
  .candor-bg-scroll-m.wp-block-cover,
  .candor-bg-scroll-m.wp-block-cover .wp-block-cover__image-background { background-attachment: scroll !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   v0.3.1 — IMAGE-PRO PRO VIEWPORT
   ───────────────────────────────────────────────────────────────────
   Kette: Format (Aspect-Ratio) → Größe (Lange/Kurze Kante) →
   Fokuspunkt → Object-Fit. Bild bleibt verzerrungsfrei: wenn nur eine
   Kante gesetzt ist, übernimmt die andere automatisch das Format
   (height/width: auto).
   ═══════════════════════════════════════════════════════════════════ */

/* v2.4.5 — KOMPLETT NEU mit !important und höherer Selektor-Spezifität.
   Erfahrungslernen: Theme-CSS (Kadence Blocks, TwentyTwentyFour etc.) hat
   oft `.wp-block-image img { max-width: 100% }` — das überschrieb Lumen-Werte
   weil unsere Spezifität niedriger war.

   Strategie: pro Regel ein WP-Block-Klassen-Suffix dranhängen +
   !important. Beide Maßnahmen — Spezifität UND Cascade-Override. */

/* ── BILD-GRÖSSE (Lange / Kurze Kante) — Desktop ── */
.has-candor-resp.wp-block-image img,
.has-candor-resp img.wp-image,
.has-candor-resp > img,
.has-candor-resp[style*="--candor-img-long:"] img,
.has-candor-resp[style*="--candor-img-short:"] img {
  max-width:  var(--candor-img-long, none) !important;
  max-height: var(--candor-img-short, none) !important;
  height: auto !important;
  width:  auto !important;
  object-position: var(--candor-img-fx, 50%) var(--candor-img-fy, 50%) !important;
}
.has-candor-resp.wp-block-cover[style*="--candor-img-h:"] {
  min-height: var(--candor-img-h) !important;
}
.has-candor-resp.wp-block-cover[style*="--candor-img-fx:"] .wp-block-cover__image-background,
.has-candor-resp.wp-block-cover[style*="--candor-img-fx:"] .wp-block-cover__video-background,
.has-candor-resp.wp-block-cover[style*="--candor-img-fy:"] .wp-block-cover__image-background,
.has-candor-resp.wp-block-cover[style*="--candor-img-fy:"] .wp-block-cover__video-background {
  object-position: var(--candor-img-fx, 50%) var(--candor-img-fy, 50%) !important;
}

/* ── TABLET (≤ 1024 px) ── */
@media (max-width: 1024px) {
  .has-candor-resp.wp-block-image img,
  .has-candor-resp img.wp-image,
  .has-candor-resp > img,
  .has-candor-resp[style*="--candor-img-long-t:"] img,
  .has-candor-resp[style*="--candor-img-short-t:"] img {
    max-width:  var(--candor-img-long-t, var(--candor-img-long, none)) !important;
    max-height: var(--candor-img-short-t, var(--candor-img-short, none)) !important;
  }
  .has-candor-resp[style*="--candor-img-fx-t:"] img,
  .has-candor-resp[style*="--candor-img-fy-t:"] img {
    object-position: var(--candor-img-fx-t, 50%) var(--candor-img-fy-t, 50%) !important;
  }
  .has-candor-resp.wp-block-cover[style*="--candor-img-h-t:"] {
    min-height: var(--candor-img-h-t) !important;
  }
  .has-candor-resp.wp-block-cover[style*="--candor-img-fx-t:"] .wp-block-cover__image-background,
  .has-candor-resp.wp-block-cover[style*="--candor-img-fy-t:"] .wp-block-cover__image-background {
    object-position: var(--candor-img-fx-t, 50%) var(--candor-img-fy-t, 50%) !important;
  }
}

/* ── MOBILE (≤ 640 px) ── */
@media (max-width: 640px) {
  .has-candor-resp.wp-block-image img,
  .has-candor-resp img.wp-image,
  .has-candor-resp > img,
  .has-candor-resp[style*="--candor-img-long-m:"] img,
  .has-candor-resp[style*="--candor-img-short-m:"] img {
    max-width:  var(--candor-img-long-m, var(--candor-img-long-t, var(--candor-img-long, none))) !important;
    max-height: var(--candor-img-short-m, var(--candor-img-short-t, var(--candor-img-short, none))) !important;
  }
  .has-candor-resp[style*="--candor-img-fx-m:"] img,
  .has-candor-resp[style*="--candor-img-fy-m:"] img {
    object-position: var(--candor-img-fx-m, 50%) var(--candor-img-fy-m, 50%) !important;
  }
  .has-candor-resp.wp-block-cover[style*="--candor-img-h-m:"] {
    min-height: var(--candor-img-h-m) !important;
  }
  .has-candor-resp.wp-block-cover[style*="--candor-img-fx-m:"] .wp-block-cover__image-background,
  .has-candor-resp.wp-block-cover[style*="--candor-img-fy-m:"] .wp-block-cover__image-background {
    object-position: var(--candor-img-fx-m, 50%) var(--candor-img-fy-m, 50%) !important;
  }
}

/* ── MAX-WIDTH des Containers (mit !important) ── */
.has-candor-resp[style*="--candor-img-maxw:"] { max-width: var(--candor-img-maxw) !important; }
@media (max-width: 1024px) {
  .has-candor-resp[style*="--candor-img-maxw-t:"] { max-width: var(--candor-img-maxw-t) !important; }
}
@media (max-width: 640px) {
  .has-candor-resp[style*="--candor-img-maxw-m:"] { max-width: var(--candor-img-maxw-m) !important; }
}

/* ── ASPECT-RATIO PRO VIEWPORT ── v2.4.5 mit !important
   Wirkt auf img + Cover-Block-Container + Cover-Background-Image.
   WP 6.5+ setzt eigene aspect-ratio über Block-Attribute → wir brauchen Override. */
@media (min-width: 1025px) {
  [class*="candor-ar-d-16-9"] img, [class*="candor-ar-d-16-9"] .wp-block-cover__image-background, [class*="candor-ar-d-16-9"].wp-block-cover, [class*="candor-ar-d-16-9"].wp-block-image { aspect-ratio: 16 / 9  !important; }
  [class*="candor-ar-d-4-3"]  img, [class*="candor-ar-d-4-3"]  .wp-block-cover__image-background, [class*="candor-ar-d-4-3"].wp-block-cover,  [class*="candor-ar-d-4-3"].wp-block-image  { aspect-ratio: 4 / 3   !important; }
  [class*="candor-ar-d-3-2"]  img, [class*="candor-ar-d-3-2"]  .wp-block-cover__image-background, [class*="candor-ar-d-3-2"].wp-block-cover,  [class*="candor-ar-d-3-2"].wp-block-image  { aspect-ratio: 3 / 2   !important; }
  [class*="candor-ar-d-21-9"] img, [class*="candor-ar-d-21-9"] .wp-block-cover__image-background, [class*="candor-ar-d-21-9"].wp-block-cover, [class*="candor-ar-d-21-9"].wp-block-image { aspect-ratio: 21 / 9  !important; }
  [class*="candor-ar-d-1-1"]  img, [class*="candor-ar-d-1-1"]  .wp-block-cover__image-background, [class*="candor-ar-d-1-1"].wp-block-cover,  [class*="candor-ar-d-1-1"].wp-block-image  { aspect-ratio: 1 / 1   !important; }
  [class*="candor-ar-d-4-5"]  img, [class*="candor-ar-d-4-5"]  .wp-block-cover__image-background, [class*="candor-ar-d-4-5"].wp-block-cover,  [class*="candor-ar-d-4-5"].wp-block-image  { aspect-ratio: 4 / 5   !important; }
  [class*="candor-ar-d-3-4"]  img, [class*="candor-ar-d-3-4"]  .wp-block-cover__image-background, [class*="candor-ar-d-3-4"].wp-block-cover,  [class*="candor-ar-d-3-4"].wp-block-image  { aspect-ratio: 3 / 4   !important; }
  [class*="candor-ar-d-2-3"]  img, [class*="candor-ar-d-2-3"]  .wp-block-cover__image-background, [class*="candor-ar-d-2-3"].wp-block-cover,  [class*="candor-ar-d-2-3"].wp-block-image  { aspect-ratio: 2 / 3   !important; }
  [class*="candor-ar-d-9-16"] img, [class*="candor-ar-d-9-16"] .wp-block-cover__image-background, [class*="candor-ar-d-9-16"].wp-block-cover, [class*="candor-ar-d-9-16"].wp-block-image { aspect-ratio: 9 / 16  !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  [class*="candor-ar-t-16-9"] img, [class*="candor-ar-t-16-9"] .wp-block-cover__image-background, [class*="candor-ar-t-16-9"].wp-block-cover, [class*="candor-ar-t-16-9"].wp-block-image { aspect-ratio: 16 / 9  !important; }
  [class*="candor-ar-t-4-3"]  img, [class*="candor-ar-t-4-3"]  .wp-block-cover__image-background, [class*="candor-ar-t-4-3"].wp-block-cover,  [class*="candor-ar-t-4-3"].wp-block-image  { aspect-ratio: 4 / 3   !important; }
  [class*="candor-ar-t-3-2"]  img, [class*="candor-ar-t-3-2"]  .wp-block-cover__image-background, [class*="candor-ar-t-3-2"].wp-block-cover,  [class*="candor-ar-t-3-2"].wp-block-image  { aspect-ratio: 3 / 2   !important; }
  [class*="candor-ar-t-21-9"] img, [class*="candor-ar-t-21-9"] .wp-block-cover__image-background, [class*="candor-ar-t-21-9"].wp-block-cover, [class*="candor-ar-t-21-9"].wp-block-image { aspect-ratio: 21 / 9  !important; }
  [class*="candor-ar-t-1-1"]  img, [class*="candor-ar-t-1-1"]  .wp-block-cover__image-background, [class*="candor-ar-t-1-1"].wp-block-cover,  [class*="candor-ar-t-1-1"].wp-block-image  { aspect-ratio: 1 / 1   !important; }
  [class*="candor-ar-t-4-5"]  img, [class*="candor-ar-t-4-5"]  .wp-block-cover__image-background, [class*="candor-ar-t-4-5"].wp-block-cover,  [class*="candor-ar-t-4-5"].wp-block-image  { aspect-ratio: 4 / 5   !important; }
  [class*="candor-ar-t-3-4"]  img, [class*="candor-ar-t-3-4"]  .wp-block-cover__image-background, [class*="candor-ar-t-3-4"].wp-block-cover,  [class*="candor-ar-t-3-4"].wp-block-image  { aspect-ratio: 3 / 4   !important; }
  [class*="candor-ar-t-2-3"]  img, [class*="candor-ar-t-2-3"]  .wp-block-cover__image-background, [class*="candor-ar-t-2-3"].wp-block-cover,  [class*="candor-ar-t-2-3"].wp-block-image  { aspect-ratio: 2 / 3   !important; }
  [class*="candor-ar-t-9-16"] img, [class*="candor-ar-t-9-16"] .wp-block-cover__image-background, [class*="candor-ar-t-9-16"].wp-block-cover, [class*="candor-ar-t-9-16"].wp-block-image { aspect-ratio: 9 / 16  !important; }
}
@media (max-width: 640px) {
  [class*="candor-ar-m-16-9"] img, [class*="candor-ar-m-16-9"] .wp-block-cover__image-background, [class*="candor-ar-m-16-9"].wp-block-cover, [class*="candor-ar-m-16-9"].wp-block-image { aspect-ratio: 16 / 9  !important; }
  [class*="candor-ar-m-4-3"]  img, [class*="candor-ar-m-4-3"]  .wp-block-cover__image-background, [class*="candor-ar-m-4-3"].wp-block-cover,  [class*="candor-ar-m-4-3"].wp-block-image  { aspect-ratio: 4 / 3   !important; }
  [class*="candor-ar-m-3-2"]  img, [class*="candor-ar-m-3-2"]  .wp-block-cover__image-background, [class*="candor-ar-m-3-2"].wp-block-cover,  [class*="candor-ar-m-3-2"].wp-block-image  { aspect-ratio: 3 / 2   !important; }
  [class*="candor-ar-m-21-9"] img, [class*="candor-ar-m-21-9"] .wp-block-cover__image-background, [class*="candor-ar-m-21-9"].wp-block-cover, [class*="candor-ar-m-21-9"].wp-block-image { aspect-ratio: 21 / 9  !important; }
  [class*="candor-ar-m-1-1"]  img, [class*="candor-ar-m-1-1"]  .wp-block-cover__image-background, [class*="candor-ar-m-1-1"].wp-block-cover,  [class*="candor-ar-m-1-1"].wp-block-image  { aspect-ratio: 1 / 1   !important; }
  [class*="candor-ar-m-4-5"]  img, [class*="candor-ar-m-4-5"]  .wp-block-cover__image-background, [class*="candor-ar-m-4-5"].wp-block-cover,  [class*="candor-ar-m-4-5"].wp-block-image  { aspect-ratio: 4 / 5   !important; }
  [class*="candor-ar-m-3-4"]  img, [class*="candor-ar-m-3-4"]  .wp-block-cover__image-background, [class*="candor-ar-m-3-4"].wp-block-cover,  [class*="candor-ar-m-3-4"].wp-block-image  { aspect-ratio: 3 / 4   !important; }
  [class*="candor-ar-m-2-3"]  img, [class*="candor-ar-m-2-3"]  .wp-block-cover__image-background, [class*="candor-ar-m-2-3"].wp-block-cover,  [class*="candor-ar-m-2-3"].wp-block-image  { aspect-ratio: 2 / 3   !important; }
  [class*="candor-ar-m-9-16"] img, [class*="candor-ar-m-9-16"] .wp-block-cover__image-background, [class*="candor-ar-m-9-16"].wp-block-cover, [class*="candor-ar-m-9-16"].wp-block-image { aspect-ratio: 9 / 16  !important; }
}

/* ── OBJECT-FIT PRO VIEWPORT ── */
@media (min-width: 1025px) {
  [class*="candor-fit-d-cover"]      img, [class*="candor-fit-d-cover"]      .wp-block-cover__image-background { object-fit: cover !important; }
  [class*="candor-fit-d-contain"]    img, [class*="candor-fit-d-contain"]    .wp-block-cover__image-background { object-fit: contain !important; }
  [class*="candor-fit-d-fill"]       img, [class*="candor-fit-d-fill"]       .wp-block-cover__image-background { object-fit: fill !important; }
  [class*="candor-fit-d-scale-down"] img, [class*="candor-fit-d-scale-down"] .wp-block-cover__image-background { object-fit: scale-down !important; }
  [class*="candor-fit-d-none"]       img, [class*="candor-fit-d-none"]       .wp-block-cover__image-background { object-fit: none !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  [class*="candor-fit-t-cover"]      img, [class*="candor-fit-t-cover"]      .wp-block-cover__image-background { object-fit: cover !important; }
  [class*="candor-fit-t-contain"]    img, [class*="candor-fit-t-contain"]    .wp-block-cover__image-background { object-fit: contain !important; }
  [class*="candor-fit-t-fill"]       img, [class*="candor-fit-t-fill"]       .wp-block-cover__image-background { object-fit: fill !important; }
  [class*="candor-fit-t-scale-down"] img, [class*="candor-fit-t-scale-down"] .wp-block-cover__image-background { object-fit: scale-down !important; }
  [class*="candor-fit-t-none"]       img, [class*="candor-fit-t-none"]       .wp-block-cover__image-background { object-fit: none !important; }
}
@media (max-width: 640px) {
  [class*="candor-fit-m-cover"]      img, [class*="candor-fit-m-cover"]      .wp-block-cover__image-background { object-fit: cover !important; }
  [class*="candor-fit-m-contain"]    img, [class*="candor-fit-m-contain"]    .wp-block-cover__image-background { object-fit: contain !important; }
  [class*="candor-fit-m-fill"]       img, [class*="candor-fit-m-fill"]       .wp-block-cover__image-background { object-fit: fill !important; }
  [class*="candor-fit-m-scale-down"] img, [class*="candor-fit-m-scale-down"] .wp-block-cover__image-background { object-fit: scale-down !important; }
  [class*="candor-fit-m-none"]       img, [class*="candor-fit-m-none"]       .wp-block-cover__image-background { object-fit: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   v0.3.1 — EFFEKT-SHIFT-FIX
   ───────────────────────────────────────────────────────────────────
   Effekte (Sparkle/Glow/Pulse + auch MUP-Effekte) verschieben das
   Element nicht mehr. CSS-Containment + GPU-Compositing isoliert
   die Animation vom Dokumenten-Layout.
   ═══════════════════════════════════════════════════════════════════ */
/* v0.3.2: contain:paint entfernt — versteckte Sparkle-Partikel!
   Behalten nur GPU-Hints + will-change. Layout-Containment NICHT, weil
   das hindert overflow-Animationen wie Sparkle-Partikel.
   Sparkle bleibt sichtbar, Bild verschiebt sich nicht mehr. */
[class*="candor-fx-"][class*="-pulse"],
[class*="mup-fx-pulse"], .mup-fx-pulse {
  transform-origin: center;
  display: inline-block;
  will-change: transform;
}
[class*="candor-fx-"][class*="-shimmer"] {
  will-change: background-position;
}
[class*="candor-fx-"][class*="-glow"],
[class*="candor-fx-"][class*="-sparkle"] {
  will-change: filter, opacity;
}

/* ═══════════════════════════════════════════════════════════════════
   v2.4.0 — MUP-ALTBESTAND BRIDGE
   ───────────────────────────────────────────────────────────────────
   Blöcke mit .has-mup-resp (gesetzt von MUP v3.2.12 und älter) werden
   von Lumen-CSS korrekt behandelt. Kein manuelles Neu-Speichern aller
   Seiten nötig. Greift nur wenn die CSS-Var am Block-Element gesetzt ist.
   ═══════════════════════════════════════════════════════════════════ */

/* Desktop */
.has-mup-resp[style*="--mup-pad-y:"]  { padding-top:var(--mup-pad-y)!important;    padding-bottom:var(--mup-pad-y)!important; }
.has-mup-resp[style*="--mup-pad-x:"]  { padding-left:var(--mup-pad-x)!important;   padding-right:var(--mup-pad-x)!important; }
.has-mup-resp[style*="--mup-marg-y:"] { margin-top:var(--mup-marg-y)!important;    margin-bottom:var(--mup-marg-y)!important; }
.has-mup-resp[style*="--mup-font:"]   { font-size:var(--mup-font)!important; }
.has-mup-resp[style*="--mup-bg:"]     { background-color:var(--mup-bg)!important; }
.has-mup-resp[style*="--mup-fg:"]     { color:var(--mup-fg)!important; }

/* Tablet */
@media (max-width:1024px) {
  .has-mup-resp[style*="--mup-pad-y-t:"]  { padding-top:var(--mup-pad-y-t)!important;  padding-bottom:var(--mup-pad-y-t)!important; }
  .has-mup-resp[style*="--mup-pad-x-t:"]  { padding-left:var(--mup-pad-x-t)!important; padding-right:var(--mup-pad-x-t)!important; }
  .has-mup-resp[style*="--mup-marg-y-t:"] { margin-top:var(--mup-marg-y-t)!important;  margin-bottom:var(--mup-marg-y-t)!important; }
  .has-mup-resp[style*="--mup-font-t:"]   { font-size:var(--mup-font-t)!important; }
  .has-mup-resp[style*="--mup-bg-t:"]     { background-color:var(--mup-bg-t)!important; }
  .has-mup-resp[style*="--mup-fg-t:"]     { color:var(--mup-fg-t)!important; }
}

/* Mobile */
@media (max-width:640px) {
  .has-mup-resp[style*="--mup-pad-y-m:"]  { padding-top:var(--mup-pad-y-m)!important;  padding-bottom:var(--mup-pad-y-m)!important; }
  .has-mup-resp[style*="--mup-pad-x-m:"]  { padding-left:var(--mup-pad-x-m)!important; padding-right:var(--mup-pad-x-m)!important; }
  .has-mup-resp[style*="--mup-marg-y-m:"] { margin-top:var(--mup-marg-y-m)!important;  margin-bottom:var(--mup-marg-y-m)!important; }
  .has-mup-resp[style*="--mup-font-m:"]   { font-size:var(--mup-font-m)!important; }
  .has-mup-resp[style*="--mup-bg-m:"]     { background-color:var(--mup-bg-m)!important; }
  .has-mup-resp[style*="--mup-fg-m:"]     { color:var(--mup-fg-m)!important; }
}