/* Úpravy šablony SolidPixels pro tablety a telefony (načítá se až po CSS šablony). */

/* Popisky tlačítek: místo oříznutí trojtečkou („Ozvěte se nám +420 377 …“) se zalomí mezi slovy. */
.btn {
  max-width: 100%;
  height: auto;
}

.btn__label {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  text-align: center;
}

/* Telefonní číslo v popisku se nerozdělí (obaluje ho milt-fit.js). */
.milt-nowrap {
  white-space: nowrap;
}

/* Tablet: řada čtyř úzkých sloupců (např. recenze) se přeskládá do mřížky 2 × 2. */
@media only screen and (min-width: 720px) and (max-width: 1099px) {
  #main .row-main:has(> .grid-3-12:nth-child(4):last-child) {
    flex-wrap: wrap;
    row-gap: 24px;
  }

  #main .row-main:has(> .grid-3-12:nth-child(4):last-child) > .grid-3-12 {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
}

/* Nadpisy zmenšuje skript milt-fit.js jen tam, kde se nejdelší slovo nevejde do sloupce. */
#main h1,
#main h2,
#main h3 {
  overflow-wrap: normal;
}

/* Kontaktní formulář – hláška po odeslání */
.form-message {
  margin-bottom: 1.5rem;
  padding: 12px 16px;
  border-left: 3px solid currentColor;
}
.form-message p { margin: 0; }
.form-message.is-success { color: #3d7a3d; background: #eef6ec; }
.form-message.is-error { background: #fdecea; }