/* ==========================================================================
   ALMINA — tehnički crtež (SVG)
   Jezik radioničkog crteža: tanke linije, kote, osne linije, šrafura.
   ========================================================================== */

.tech { overflow: visible; }

.tech text {
  font-family: var(--f-mono);
  font-size: 9px;
  fill: var(--fg-faint);
  letter-spacing: 0.04em;
}

/* --- hero: linija profilisanja --------------------------------------- */

#rollline .frame {
  fill: none;
  stroke: var(--rule-soft);
  stroke-width: 1;
}

#rollline .col {
  stroke: var(--rule);
  stroke-width: 1;
}

#rollline .roll {
  fill: none;
  stroke: var(--steel-500);
  stroke-width: 1.2;
  transition: stroke 0.5s ease;
}

#rollline .spoke {
  stroke: var(--steel-600);
  stroke-width: 1;
  transition: stroke 0.5s ease;
}

#rollline .stand.is-hot .roll  { stroke: var(--ember); }
#rollline .stand.is-hot .spoke { stroke: var(--ignition); }
#rollline .stand.is-hot .stn   { fill: var(--heat); }

#rollline .stn {
  font-size: 8px;
  fill: var(--fg-faint);
  transition: fill 0.5s ease;
}
#rollline .stn.deg { font-size: 7.5px; opacity: 0.65; }

#rollline .strip {
  stroke: var(--steel-400);
  stroke-width: 2;
  stroke-linecap: square;
}

#rollline .heat {
  stroke: var(--ignition);
  stroke-width: 2.5;
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px rgba(240, 84, 10, 0.85));
}

#rollline .coil {
  fill: none;
  stroke: var(--steel-500);
  stroke-width: 1.2;
}
#rollline .coil-core {
  fill: none;
  stroke: var(--rust);
  stroke-width: 1.2;
}

#rollline .axis {
  stroke: var(--rule);
  stroke-width: 1;
  stroke-dasharray: 9 4 2 4;
}

#rollline .arrow { fill: var(--steel-500); }

#rl-section {
  fill: none;
  stroke: var(--zinc-100);
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
  filter: drop-shadow(0 0 9px rgba(240, 84, 10, 0.32));
}

#rl-perf { fill: var(--ink); stroke: var(--steel-400); stroke-width: 0.7; }

/* --- kote ------------------------------------------------------------- */

.dim line {
  stroke: var(--heat);
  stroke-width: 0.8;
  opacity: 0.7;
}
.dim text {
  font-family: var(--f-mono);
  font-size: 9px;
  fill: var(--heat);
  letter-spacing: 0.02em;
}

/* --- preseci proizvoda ------------------------------------------------- */

.xs { overflow: visible; }

.xs .body {
  fill: none;
  stroke: var(--zinc-100);
  stroke-width: 2.6;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.xs .thin {
  fill: none;
  stroke: var(--steel-400);
  stroke-width: 1.2;
  stroke-linejoin: round;
}

.xs .accent {
  fill: none;
  stroke: var(--ignition);
  stroke-width: 2;
  stroke-linecap: round;
}

.xs .fillx { fill: var(--steel-700); stroke: none; }
.xs .hole  { fill: var(--ink); stroke: var(--steel-500); stroke-width: 0.8; }
.xs .ghost { fill: none; stroke: var(--rule); stroke-width: 1; stroke-dasharray: 4 4; }

.section--zinc .xs .body  { stroke: var(--steel-900); }
.section--zinc .xs .thin  { stroke: var(--steel-500); }
.section--zinc .xs .hole  { fill: #fff; stroke: var(--steel-500); }
.section--zinc .xs .fillx { fill: var(--zinc-200); }
.section--zinc .tech text { fill: var(--steel-500); }

/* --- konfigurator ------------------------------------------------------ */

#cfg-svg { overflow: visible; }

.cfg-shape {
  fill: none;
  stroke: var(--zinc-100);
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
  filter: drop-shadow(0 0 10px rgba(240, 84, 10, 0.3));
  transition: d 0.4s var(--e-out);
}

.cfg-perf { fill: var(--ink); stroke: var(--steel-400); stroke-width: 0.7; }
.cfg-hatch { stroke: rgba(240, 84, 10, 0.35); fill: none; }

.cfg-cl {
  stroke: var(--rule-hard);
  stroke-width: 0.8;
  stroke-dasharray: 10 4 2 4;
}

/* --- ikone procesa ----------------------------------------------------- */

.ico {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ico-fill { fill: currentColor; stroke: none; }

/* Veliki crteži se prikazuju u većoj razmeri — tekst se srazmerno smanjuje */
.xs--lg text,
.xs--lg .dim text { font-size: 6.4px; letter-spacing: 0.03em; }
.xs--lg .body { stroke-width: 2; }
.xs--lg .thin { stroke-width: 0.9; }
.xs--lg .accent { stroke-width: 1.5; }
.xs--lg .dim line { stroke-width: 0.6; }