/* Faktoria3D — jasny motyw kalkulatora (faktoria3d.pl).
   Ładowany po calculator.css wyłącznie przy ustawieniu „Motyw: jasny”.
   Układ, odstępy i zachowanie pozostają jak w motywie ciemnym; zmieniamy
   tylko zmienne kolorów i reguły, które w calculator.css mają kolory wpisane
   na sztywno. Paleta odpowiada zmiennym --fk-* strony faktoria3d.pl. */

.f3d-calculator.f3d-v3.f3d-theme-light {
  --v-panel: #ffffff;
  --v-panel-2: #fbf9f6;
  --v-raise: #efeae2;
  --v-line: #ece6dc;
  --v-line-2: #e5dfd5;
  --v-line-3: #d6cec2;
  --v-ink: #151413;
  --v-ink-2: #3f3b36;
  --v-muted: #6b655e;
  --v-accent: #e07820;
  --v-accent-hover: #ec8a35;
  --v-accent-text: #a9520a;
  --v-accent-soft: #fceee1;
  --v-ok: #1f8a4c;
  --v-ok-soft: #e4f4ea;
  --v-warn: #8f5d00;
  --v-warn-soft: #fdf2dc;
  --v-err: #b82c28;
  --v-err-soft: #fbe7e5;
  --v-blue: #2e5aaa;
  --v-blue-soft: #e9eef8;
  --v-shadow: 0 1px 2px rgba(21, 20, 19, 0.04), 0 10px 30px -14px rgba(21, 20, 19, 0.16);
  --v-shadow-lg: 0 2px 4px rgba(21, 20, 19, 0.04), 0 24px 60px -24px rgba(21, 20, 19, 0.28);
  color: var(--v-ink-2);
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
}

/* ---------- Przyciski ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-btn--primary {
  color: var(--v-ink);
  background: var(--v-accent);
  box-shadow: 0 8px 24px -10px rgba(224, 120, 32, 0.7);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-btn--ghost {
  color: var(--v-ink);
  background: var(--v-panel);
  border-color: var(--v-line-3);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-btn--ghost:hover:not(:disabled) {
  border-color: var(--v-ink);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-link {
  color: var(--v-blue);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-spin {
  border-color: rgba(46, 90, 170, 0.22);
  border-top-color: var(--v-blue);
}

/* ---------- Ekran startowy ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-bigdrop {
  background:
    radial-gradient(90% 80% at 50% 0%, rgba(224, 120, 32, 0.08), transparent 60%),
    var(--v-panel);
  border-color: var(--v-line-3);
  box-shadow: var(--v-shadow);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-bigdrop:hover,
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-bigdrop.is-dragging {
  background:
    radial-gradient(90% 80% at 50% 0%, rgba(224, 120, 32, 0.16), transparent 65%),
    var(--v-panel);
  border-color: var(--v-accent);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-bigdrop__icon {
  color: var(--v-accent-text);
  background: var(--v-accent-soft);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-bigdrop__loading .f3d-spin {
  border-color: rgba(224, 120, 32, 0.25);
  border-top-color: var(--v-accent);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-eyebrow {
  color: var(--v-accent-text);
}

/* ---------- Podgląd 3D i miniatury ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-stage {
  background: radial-gradient(120% 90% at 50% 20%, #ffffff 0%, #efeae2 78%);
  border-color: var(--v-line-2);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-stage__empty {
  color: var(--v-muted);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-model-viewer__tools,
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-stage__hint {
  color: var(--v-ink-2);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--v-line-2);
  box-shadow: 0 6px 18px -10px rgba(21, 20, 19, 0.3);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-model-viewer__meta {
  color: var(--v-muted);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-tile {
  color: var(--v-muted);
  background: #f4f0ea;
  border-color: var(--v-line-2);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-tile__qty {
  color: var(--v-ink);
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--v-line-2);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-tile--run {
  background: rgba(255, 255, 255, 0.72);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-addbar:hover:not(:disabled),
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-addbar.is-dragging {
  background: var(--v-accent-soft);
  border-color: var(--v-accent);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-addbar__icon {
  color: var(--v-ink);
}

/* ---------- Karta ceny ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-pricebox {
  background: var(--v-panel);
  border-color: var(--v-line-2);
  box-shadow: var(--v-shadow-lg);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-price-old {
  text-decoration-color: rgba(184, 44, 40, 0.8);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-amount {
  color: var(--v-ink);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-off {
  color: var(--v-ok);
  background: var(--v-ok-soft);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-minimum-row {
  background: var(--v-warn-soft);
  border-color: rgba(143, 93, 0, 0.22);
}

/* ---------- Materiały, kolory, parametry ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-sw {
  border-color: rgba(21, 20, 19, 0.18);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-pill.is-selected {
  color: #ffffff;
  background: var(--v-ink);
  border-color: var(--v-ink);
}

/* ---------- Formularz zapytania i okno „Jak zamawiasz?” ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-submit-form :is(input, textarea),
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who__email input[type="email"] {
  color: var(--v-ink);
  background: var(--v-panel);
  border-color: var(--v-line-3);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-submit-form :is(input, textarea)::placeholder,
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who__email input[type="email"]::placeholder {
  color: #9a938a;
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-submit-form :is(input, textarea):focus,
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who__email input[type="email"]:focus {
  border-color: var(--v-accent);
  box-shadow: 0 0 0 4px rgba(224, 120, 32, 0.16);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who-modal {
  background: rgba(21, 20, 19, 0.42);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who {
  color: var(--v-ink-2);
  background: var(--v-panel);
  border-color: var(--v-line-2);
  box-shadow: 0 30px 80px -30px rgba(21, 20, 19, 0.45);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who__thumb {
  background: var(--v-raise);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who__icon {
  color: var(--v-ink-2);
  background: var(--v-raise);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-who__type.is-active .f3d-who__icon {
  color: var(--v-ink);
  background: var(--v-accent);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-rodo-wrap a {
  color: var(--v-blue);
}

/* ---------- Komunikaty ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light .f3d-popup {
  background: rgba(21, 20, 19, 0.42);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-popup-panel {
  color: var(--v-ink);
  background: var(--v-panel);
  border: 1px solid var(--v-line-2);
  box-shadow: 0 22px 70px rgba(21, 20, 19, 0.22);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-popup-panel a {
  color: var(--v-ink);
  background: var(--v-accent);
}

.f3d-calculator.f3d-v3.f3d-theme-light .f3d-popup-close {
  color: var(--v-muted);
}

/* ---------- Pasek mobilny ---------- */
.f3d-calculator.f3d-v3.f3d-theme-light.has-quote .f3d-mbar:not([hidden]) {
  background: rgba(255, 255, 255, 0.97);
  border-top: 1px solid var(--v-line-2);
  box-shadow: 0 -10px 30px -18px rgba(21, 20, 19, 0.35);
}
