/* ==========================================================================
   Azetas — Virtuvės baldų skaičiuoklė (daugiažingsnė)
   Derinta prie xinterio temos (azetas.codingmantis.com):
   antraštės Philosopher #403226, tekstas Fira Sans #666,
   akcentas #bb9a65 (auksinė), mygtukai — piliulės formos (30px).
   ========================================================================== */

.az-calc { font-family: "Fira Sans", sans-serif; color: #666; font-size: 16px; }
.az-calc h1, .az-calc h2, .az-calc h3 { font-family: "Philosopher", serif; color: #403226; }

/* --- Progreso juosta --- */
.az-calc .az-steps { display: flex; list-style: none; margin: 0 0 40px; padding: 0; counter-reset: none; }
.az-calc .az-steps li { flex: 1; text-align: center; position: relative; font-size: 13px; color: #a09384; padding-top: 42px; font-family: "Space Grotesk", sans-serif; letter-spacing: .3px; }
.az-calc .az-steps li:before {
  content: attr(data-step);
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 34px; height: 34px; line-height: 31px; border-radius: 50%;
  background: #fff; border: 1.6px solid rgba(64, 50, 38, .25); color: #a09384; font-weight: 600;
  transition: all .2s;
}
.az-calc .az-steps li:after {
  content: ""; position: absolute; top: 16px; left: -50%; width: 100%; height: 1.6px; background: rgba(64, 50, 38, .15); z-index: -1;
}
.az-calc .az-steps li:first-child:after { display: none; }
.az-calc .az-steps li.active { color: #403226; font-weight: 600; }
.az-calc .az-steps li.active:before { border-color: #bb9a65; color: #bb9a65; }
.az-calc .az-steps li.done:before { background: #bb9a65; border-color: #bb9a65; color: #fff; }
.az-calc .az-steps li.done:after, .az-calc .az-steps li.active:after { background: #bb9a65; }

/* --- Žingsniai --- */
.az-calc .az-step { display: none; }
.az-calc .az-step.active { display: block; }
.az-calc .az-step h2 { font-size: 30px; margin: 0 0 8px; }
.az-calc .az-hint { color: #999; font-size: 15px; margin-bottom: 24px; }
.az-calc .az-group-label { font-weight: 600; font-size: 17px; margin: 26px 0 14px; display: block; color: #403226; font-family: "Space Grotesk", sans-serif; }
.az-calc .az-group-label small { font-weight: 400; color: #a09384; font-size: 13px; }

/* --- Pasirenkamos kortelės (išdėstymas, medžiagos) --- */
.az-calc .az-options { display: flex; flex-wrap: wrap; gap: 14px; }
.az-calc .az-option { cursor: pointer; margin: 0; font-weight: 400; position: relative; display: flex; align-items: stretch; }
.az-calc .az-option input { position: absolute; opacity: 0; }
.az-calc .az-option .az-card {
  border: 1.6px solid rgba(64, 50, 38, .18); border-radius: 12px; background: #fff;
  padding: 12px; text-align: center; width: 156px;
  display: flex; flex-direction: column;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.az-calc .az-option .az-card img { max-width: 100%; height: auto; display: block; margin: 0 auto 10px; border-radius: 6px; }
.az-calc .az-option .az-card span {
  font-size: 13px; line-height: 1.35; color: #666; font-family: "Fira Sans", sans-serif;
  flex: 1; display: flex; align-items: center; justify-content: center;
}
.az-calc .az-option:hover .az-card { border-color: rgba(64, 50, 38, .4); transform: translateY(-2px); }
.az-calc .az-option input:checked + .az-card { border-color: #bb9a65; box-shadow: 0 0 0 1.4px #bb9a65, 0 8px 20px rgba(64, 50, 38, .08); }
.az-calc .az-option input:checked + .az-card span { color: #403226; font-weight: 500; }
.az-calc .az-option input:focus-visible + .az-card { outline: 2px dashed #bb9a65; outline-offset: 3px; }

/* --- Laukai --- */
.az-calc .az-dims { max-width: 460px; }
.az-calc .az-dims .form-group { margin-bottom: 18px; }
.az-calc .az-dims .form-group label { font-weight: 500; font-size: 14px; color: #403226; display: block; margin-bottom: 6px; }
.az-calc .az-dims .form-group label small { font-weight: 400; color: #a09384; }
.az-calc .az-input-cm { position: relative; display: block; }
.az-calc .az-input-cm input { padding-right: 48px; }
.az-calc .az-input-cm:after {
  content: "cm"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  color: #a09384; font-size: 13px;
}
.az-calc input.az-field, .az-calc select.az-field, .az-calc textarea.az-field {
  width: 100%; background: #fff; border: 1.6px solid rgba(64, 50, 38, .18); border-radius: 10px;
  padding: 11px 16px; font-size: 15px; font-family: "Fira Sans", sans-serif; color: #403226;
  outline: none; transition: border-color .15s, box-shadow .15s; -webkit-appearance: none; appearance: none;
}
.az-calc select.az-field {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23403226' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center;
}
.az-calc input.az-field:focus, .az-calc select.az-field:focus, .az-calc textarea.az-field:focus {
  border-color: #bb9a65; box-shadow: 0 0 0 3px rgba(187, 154, 101, .18);
}

/* Paslepiame skaičių laukelių didinimo/mažinimo rodyklėles */
.az-calc input[type="number"]::-webkit-outer-spin-button,
.az-calc input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.az-calc input[type="number"] { -moz-appearance: textfield; appearance: textfield; }

/* --- Paprasti checkbox / radio sąrašai --- */
.az-calc .az-check-list { list-style: none; padding: 0; margin: 0 0 10px; columns: 2; column-gap: 30px; }
.az-calc .az-check-list li { margin-bottom: 10px; break-inside: avoid; }
.az-calc .az-check-list label, .az-calc .az-inline-radios label { font-weight: 400; cursor: pointer; display: inline-flex; align-items: center; gap: 9px; margin: 0; color: #666; font-size: 15px; }
.az-calc .az-check-list input, .az-calc .az-inline-radios input { margin: 0; width: 17px; height: 17px; accent-color: #bb9a65; }
.az-calc .az-inline-radios label { margin-right: 26px; }

/* --- Klaidos --- */
.az-calc .az-error { display: none; color: #c0392b; font-size: 14px; margin-top: 12px; }
.az-calc .az-error.visible { display: block; }

/* --- Navigacijos mygtukai --- */
.az-calc .az-nav { margin-top: 32px; display: flex; gap: 12px; align-items: center; }
.az-calc .az-btn {
  display: inline-block; border: 1.6px solid transparent; border-radius: 30px; padding: 13px 36px;
  font-size: 16px; font-weight: 600; font-family: "Space Grotesk", sans-serif; letter-spacing: .2px;
  cursor: pointer; transition: all .18s; line-height: 1.2;
}
.az-calc .az-btn-next, .az-calc .az-btn-submit { background: #bb9a65; color: #fff; }
.az-calc .az-btn-next:hover, .az-calc .az-btn-submit:hover { background: #403226; color: #fff; }
.az-calc .az-btn-back { background: transparent; color: #403226; border-color: rgba(64, 50, 38, .25); }
.az-calc .az-btn-back:hover { border-color: #403226; }
.az-calc .az-btn[disabled] { opacity: .6; cursor: not-allowed; }

/* --- Kainos suvestinė --- */
.az-calc .az-summary {
  background: #faf8f5; border: 1.6px solid rgba(64, 50, 38, .12); border-radius: 12px;
  padding: 24px 28px; margin: 28px 0 8px;
}
.az-calc .az-summary h3 { margin: 0 0 12px; font-size: 21px; }
.az-calc .az-summary table { width: 100%; font-size: 14.5px; border-collapse: collapse; }
.az-calc .az-summary td { padding: 4px 0; color: #666; background: none; border: none; }
.az-calc .az-summary td:last-child { text-align: right; white-space: nowrap; }
.az-calc .az-summary .az-price-row td { border-top: 1px solid rgba(64, 50, 38, .15); padding-top: 10px; font-size: 19px; font-weight: 700; color: #403226; font-family: "Space Grotesk", sans-serif; }
.az-calc .az-summary .az-price-row .az-price { color: #bb9a65; }
.az-calc .az-summary .az-disclaimer { font-size: 12.5px; color: #a09384; margin: 12px 0 0; }

/* --- Padėkos blokas --- */
.az-calc .az-thanks { background: #faf8f5; border-left: 4px solid #bb9a65; padding: 26px 30px; border-radius: 0 12px 12px 0; }
.az-calc .az-thanks h2 { margin-top: 0; }
.az-calc .az-thanks a { color: #bb9a65; }

/* --- Bendras klaidos pranešimas --- */
.az-calc .az-alert { background: #fdf0ee; border: 1.6px solid rgba(192, 57, 43, .3); color: #c0392b; border-radius: 10px; padding: 14px 18px; margin-bottom: 20px; font-size: 14.5px; }

/* --- Spam apsauga (honeypot) --- */
.az-calc .az-hp { position: absolute !important; left: -9999px !important; opacity: 0; height: 0; overflow: hidden; }

/* --- Failo laukas --- */
.az-calc input[type="file"] { font-size: 14px; color: #666; }

@media (max-width: 767px) {
  .az-calc .az-option .az-card { width: calc(50vw - 40px); max-width: 150px; }
  .az-calc .az-steps li { font-size: 0; }
  .az-calc .az-steps li.active { font-size: 12px; }
  .az-calc .az-check-list { columns: 1; }
  .az-calc .az-step h2 { font-size: 24px; }
}