/* Styles injected inline by ec_style(); */

/* velikosti konkrétních ikonek */
.svico-water,
.svico-price,
.svico-users,
.svico-shower,
.svico-toilet,
.svico-key,
.svico-tools,
.svico-total,
.svico-cost,
.svico-sink {
  width: 28px;
  height: 28px;
  flex: 0 0 32px;
  background-size: contain;
}



.svlab {
  display: block;   /* aby to fungovalo jako blokový prvek */
  margin-bottom: 10px;  /* nebo 8–10px, podle toho jak velkou mezeru chceš */
}

.sv-field input[type="number"] {
  background-color: #f5f5f5;
  border: none;
  outline: none;       /* odstraní zvýraznění při kliknutí – volitelné */
  box-shadow: none;    /* prohlížeče někdy přidávají vlastní "vnitřní" stín */
}

.svlab {
  font-weight: 500;        /* tloušťka: 400 = normal, 600 = semi-bold, 700 = bold */
  font-family: Inter, sans-serif;  /* nebo jiný font, který používáš */
  font-size: 20px;         /* volitelné, když chceš zvětšit/zmenšit */
  color: #334154;             /* volitelné */
}

.svlab .svico {
  margin-right: 8px;  /* můžeš dát 6px, 8px, 10px podle vkusu */
  vertical-align: middle; /* ať se to pěkně zarovná na střed textu */
}

/* Šedé vstupy jen v kalkulačce */
.svcalc input[type="email"],
.svcalc input[type="number"],
.svcalc input[type="password"],
.svcalc input[type="reset"],
.svcalc input[type="search"],
.svcalc input[type="tel"],
.svcalc input[type="text"],
.svcalc input[type="url"],
.svcalc select,
.svcalc textarea {
    background-color: #ffffff !important;
	border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* (volitelné) jen číselná pole na 90 % šířky */
.svcalc input[type="number"] {
  width: 90% !important;
  display: block;
}

/* readonly výstupy pod inputy */
.sv-inlineout { 
  margin-top: 12px;
}

.sv-inlineout .svlab {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-weight: 600;
}

.sv-inlineout__box {
  display: block;
  width: 90%;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fee2e1;   /* růžová */
  color: #991b1b;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;       /* dej 'right', když chceš čísla vpravo */
}

/* kdybys měl .svcalc-col jako flex se 2 sloupci, a chtěl aby každý box zabral celou řádku: */
.svcalc-col .sv-inlineout { flex: 1 1 90%; }

/* Na mobilu (jako v pluginu) posuň inline boxy na úplný konec */
@media (max-width: 1080px) {
  .svcalc-col {
    display: flex;          /* jistota, že je to flex container */
    flex-wrap: wrap;        /* aby položky mohly na vlastní řádky */
  }

  /* běžná políčka inputů */
  .svcalc-col > label {
    flex: 1 1 100%;         /* přes celou šířku na mobilu */
    order: 0;               /* zůstanou vpředu */
  }

  /* tvoje readonly boxy */
  .svcalc-col > .sv-inlineout {
    flex: 1 1 100%;         /* přes celou šířku */
    order: 1000 !important; /* úplně na konec za všechny labely */
  }
}

/* 1) Pokud je out21 textový/HTML element (div/span/output) */
#out21,
#out21_ro {
  color: #a0c515 !important;
  font-weight: 600; /* volitelné zvýraznění */
}

/* 2) Pokud je out21 INPUT (readonly/disabled) */
input#out21,
input#out21_ro {
  color: #a0c515 !important;          /* Firefox/Chromium */
  -webkit-text-fill-color: #a0c515;   /* Safari/Chrome pro disabled/readonly */
  opacity: 1;                          /* zruší „vyblednutí“ disabled inputů */
}

/* 3) Když je uvnitř výsledkové karty, trumfneme rodičovské barvy */
.sv-result #out21,
.sv-result #out21_ro,
.sv-inlineout__box #out21,
.sv-inlineout__box #out21_ro {
  color: #a0c515 !important;
}

/* Zvýšení velikosti písma jen pro tlačítka v kalkulačce */
.svcalc .button {
  font-size: 17px !important;
}

/* Nadpis v panelu výsledků – font Inter */
.svcalc-results-panel h3 {
  font-family: 'Inter', sans-serif !important;
font-size: 26px;	
}

/* Panel výsledků – tmavé pozadí */
.svcalc-results-panel {
  background-color: #fafafa !important;
}