/* === WRAPPER === */

.smenarna-kurz-form {max-width: 420px;/* margin: 40px auto; */padding: 30px 25px 35px;background: #1f2633;border-radius: 18px 18px 18px 18px;color: #ffffff;font-family: 'Inter', sans-serif;/* position: relative; */box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);}



/* Skryje defaultn  nadpis */

.smenarna-kurz-form > h2 {

  display: none;

}



/* === TABS === */

.tabs-wrapper {

  display: flex;

  background: #2a3242;

  border-radius: 40px;

  padding: 5px;

  margin-bottom: 30px;

}



.tabs-wrapper .tab {

  flex: 1;

  text-align: center;

  padding: 12px 0;

  border-radius: 40px;

  cursor: pointer;

  font-weight: 600;

  color: #cfd6e4;

  transition: 0.3s ease;

}



.tabs-wrapper .tab.active {

  background: linear-gradient(135deg, #4fc3f7, #29b6f6);

  color: #fff;

}



/* === FORM ROWS === */

.tab-content.active {

  display: block;

}



.tab-content {

  display: none;

}



.form-item-inline {

  margin-bottom: 10px;

}



/* LABEL */

.form-item label {

  display: block;

  font-size: 14px;

  margin-bottom: 8px;

  color: #cfd6e4;

}



/* SELECT + INPUT */

.form-select,

.form-number {

  width: 100%;

  padding: 14px 18px;

  border-radius: 40px;

  border: 1px solid #394355;

  background: #2a3242;

  color: #ffffff;

  font-size: 15px;

  outline: none;

  transition: 0.3s ease;

}



.form-select:focus,

.form-number:focus {

  border-color: #29b6f6;

  box-shadow: 0 0 0 2px rgba(41,182,246,0.2);

}



/* === RESULT (pokud dopln  JS v stup) === */

#result-wrapper {

  margin-top: 15px;

  font-size: 18px;

  font-weight: 600;

  text-align: right;

}



/* === BUTTON === */

.form-submit {

  width: 100%;

  margin-top: 25px;

  padding: 16px;

  border-radius: 40px;

  border: none;

  font-weight: 700;

  letter-spacing: 1px;

  font-size: 14px;

  text-transform: uppercase;

  background: linear-gradient(135deg, #4fc3f7, #29b6f6);

  color: #fff;

  cursor: pointer;

  transition: 0.3s ease;

}



.form-submit:hover {

  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(41,182,246,0.4);

}



/* === DROBN  MODR  ROH (dekorace) === */

.smenarna-kurz-form::after {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  width: 60px;

  height: 60px;

  background: #29b6f6;

  clip-path: polygon(100% 0, 0 100%, 100% 100%);

  border-bottom-right-radius: 19px;

}







/*   dek: label vlevo, pole vpravo */

.form-item-inline .form-item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

}



/* Label vlevo */

.form-item label {

  margin: 0;

  font-size: 14px;

  color: #cfd6e4;

  min-width: 130px;

}



/* Select + input vpravo */

.form-select,

.form-number {

  flex: 1;

  padding: 7px 18px;

  border-radius: 40px;

  border: 1px solid #394355;

  background: #2a3242;

  color: #ffffff;

  font-size: 15px;

}