
/* Domain search alignment */
.domain-search .input-group { 
    width: 100%; 
}
.domain-search .input-group .btn { 
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
}


/* Таблицы: цвет текста и границы под тему */
.table { color: var(--text-color); }
.table thead th,
.table tbody td { color: var(--text-color); border-color: var(--border-color); }
.table a { color: var(--color-primary); }

/* Если используете .table-hover — подсветка строки остаётся базовой,
при желании можно добавить мягкий фон:
.table-hover tbody tr:hover { background: rgba(255,255,255,0.03); } */

/* Логотипы панелей в таблице: без масштабирования при наведении */
.table img { transition: none; }

.table.align-middle td.panel-info {
vertical-align: middle;
white-space: normal; /*    */
}

.table.align-middle td.panel-info img {
display: inline-block;
width: auto;
height: auto;
max-height: 36px; /*      /
object-fit: contain;
vertical-align: middle;
margin-right: 12px;
transform: none !important; /    img:hover */
border-radius: 0;
box-shadow: none;
}

@media (max-width: 767.98px) {
.table.align-middle td.panel-info img {
max-height: 28px; /*     */
margin-right: 10px;
}
}

/*        hover   */
.table.align-middle td.panel-info img:hover {
transform: none !important;
}

/* ===== 2)      ===== /
/  :    .os-logos (. ) /
.os-logos .icon-box .icon img {
display: block;
width: auto !important; /  inline- 60x60 /
height: auto !important;
max-height: 60px !important; /     /
object-fit: contain;
margin: 0 auto; /      /
transform: none !important; /      */
}

@media (max-width: 767.98px) {
.os-logos .icon-box .icon img {
max-height: 48px !important; /*    */
}
}

/*    .os-logos ,   ,   :
(  ,     )
/
/
.section .icon-box .icon img {
width: auto !important;
height: auto !important;
max-height: 60px !important;
object-fit: contain;
transform: none !important;
}
@media (max-width: 767.98px) {
.section .icon-box .icon img { max-height: 48px !important; }
}
*/

/* ===== 3)       hover-  / ===== /
td.panel-info img,
.icon-box .icon img {
transition: none; /       */
}
td.panel-info img:hover,
.icon-box .icon img:hover {
transform: none !important;
}
/* ===== 2)  :   ( .os-logos  ) ===== /
/  : <div class="section os-logos"> ... </div> */

.os-logos .icon-box {
text-align: center;
}

.os-logos .icon-box .icon {
width: 64px; /*     /
height: 64px;
margin: 8px auto 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0; /      alt-    */
line-height: 0;
}

.os-logos .icon-box .icon img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain; /*    /
transform: none !important; /    img:hover */
}

.os-logos .icon-box .title {
margin-bottom: 0; /*    */
}

@media (max-width: 767.98px) {
.os-logos .icon-box .icon {
width: 56px;
height: 56px;
margin: 6px auto 10px;
}
}

/* ===== 3)  : fallback,    .os-logos ===== /
/   HTML  .   alt   . */

.section .icon-box .icon img[alt="Ubuntu"],
.section .icon-box .icon img[alt="CentOS"],
.section .icon-box .icon img[alt="AlmaLinux"],
.section .icon-box .icon img[alt="Rocky Linux"],
.section .icon-box .icon img[alt="Astra Linux"],
.section .icon-box .icon img[alt="Windows Server"],
.section .icon-box .icon img[alt="Windows"],
.section .icon-box .icon img[alt="FreeBSD"] {
display: block;
margin: 0 auto;
width: auto !important; /*    60x60 /
height: auto !important;
max-width: 100%;
max-height: 60px; /     /
object-fit: contain;
transform: none !important; /    img:hover */
}

/*       (  .os-logos) */
.section .icon-box .title {
margin-bottom: 0;
}

/* ===== 4)      / ===== /
td.panel-info img,
.icon-box .icon img {
transition: none; /       */
}

:root { --accent: #025add; }

/*      */
form.search-form input#domainInput.search-input {
border: 1px solid #dbe2ea !important;
border-radius: 25px;
padding: 12px 14px;
outline: 0 !important;
box-shadow: none !important;
transition: border-color .2s ease, box-shadow .2s ease, filter .2s ease;
background-color: #fff;
}

/*   :    +  */
form.search-form input#domainInput.search-input.click-focus {
border-color: var(--accent) !important;
box-shadow: 0 0 0 3px rgba(2, 90, 221, .3) !important;
filter: saturate(1.08);
}

/*           */
form.search-form input#domainInput.search-input:focus {
outline: 0 !important;
box-shadow: none !important;
}

.align-left-bottom.text-align-left {
padding-left: 20px; /*    /
}
.align-left-bottom pre { margin: 0; } /     pre /,   */
