/* DriveMood – konfigurátor mikiny na řadicí páku (inc/hoodie-config.php).
   Jeviště = produktová fotka + průhledný canvas s potiskem nad ní.
   Vstupní pole zrcadlí styl polí kontaktního formuláře (theme.css). */

.dm-hood{margin:0 0 18px}

/* Nahled potisku = pruhledny canvas, ktery JS polozi pres prvni fotku galerie.
   pointer-events:none - kliky (lightbox, slider) prochazeji na fotku. */
.dm-hood-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}

/* ---------- pole ---------- */
.dm-hood-field{display:flex;flex-direction:column;gap:7px}
.dm-hood-field label{font-size:13px;font-weight:600;color:var(--black,#15181b)}
.dm-hood-field .req{color:var(--red,#be2318)}
.dm-hood-inputrow{position:relative}
.dm-hood-inputrow input{width:100%;border:1.5px solid var(--border-btn,#d3d6d9);border-radius:10px;
  background:var(--white,#fff);padding:13px 74px 13px 15px;
  font-family:var(--font-body,inherit);font-size:15px;color:var(--black,#15181b);
  transition:border-color .15s ease,box-shadow .15s ease}
.dm-hood-inputrow input::placeholder{color:#a8adb2}
.dm-hood-inputrow input:focus{outline:0;border-color:var(--black,#15181b);box-shadow:0 0 0 3px rgba(21,24,27,.08)}
.dm-hood-count{position:absolute;right:13px;top:50%;transform:translateY(-50%);
  font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-3,#6b7176);pointer-events:none}
.dm-hood-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-3,#6b7176)}

/* ---------- vzorky barvy potisku ---------- */
.dm-hood-lab{font-size:13px;font-weight:600;color:var(--black,#15181b)}
.dm-hood-colors{display:flex;gap:10px;flex-wrap:wrap}
.dm-hood-swatch{position:relative;width:34px;height:34px;border-radius:50%;cursor:pointer;
  background:var(--sw,#fff);border:1.5px solid var(--border-btn,#d3d6d9);padding:0;
  transition:transform .12s ease,box-shadow .12s ease}
.dm-hood-swatch.is-light{border-color:#c6cacd}
.dm-hood-swatch:hover{transform:scale(1.08)}
.dm-hood-swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--white,#fff),0 0 0 4px var(--black,#15181b)}
/* nazev barvy jen pro odecitacky - vizualne staci vzorek */
.dm-hood-swatch .lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- vyber pisma ---------- */
.dm-hood-fonts{display:flex;gap:8px;flex-wrap:wrap}
.dm-hood-fbtn{padding:9px 14px;border-radius:10px;cursor:pointer;font-size:15px;line-height:1;
  background:var(--white,#fff);border:1.5px solid var(--border-btn,#d3d6d9);color:var(--black,#15181b);
  transition:border-color .12s ease,box-shadow .12s ease}
.dm-hood-fbtn:hover{border-color:var(--black,#15181b)}
.dm-hood-fbtn[aria-pressed="true"]{border-color:var(--black,#15181b);box-shadow:0 0 0 1px var(--black,#15181b) inset}