/* ========================================================================
   modules/site_constructor/site_constructor.css — «Конструктор сайтов»
   ======================================================================== */

.site-constructor {
    max-width: 640px;
    margin: 0 auto;
}

/* Поле имени и суффикс домена — одна строка даже на телефоне: суффикс
   сжимается с многоточием, а не переносит поле на следующую строку. */
.site-constructor .sc-domain-group {
    flex-wrap: nowrap;
}

/* css/style.css даёт всем input margin-bottom: 8px. В input-group
   элементы растягиваются по высоте ряда, и отступ отъедал у поля 8px —
   оно выглядело ниже соседнего блока с доменом. */
.site-constructor .sc-domain-group .form-control {
    min-width: 6rem;
    margin-bottom: 0;
}

/* Сам .input-group-text остаётся flex-контейнером (текст по центру по
   вертикали), а многоточие — на вложенном span: у flex-элемента
   text-overflow не работает. */
.site-constructor .sc-domain-group .input-group-text {
    max-width: 55%;
    min-width: 0;
}
.site-constructor .sc-domain-suffix {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Место под статус резервируем заранее, чтобы форма не прыгала при
   каждом нажатии клавиши. */
.site-constructor .sc-domain-status {
    min-height: 1.25rem;
}

.site-constructor .sc-domain-label {
    word-break: break-all;
}