/* Adds an availability result below the HostCluster WPBakery widget.
   Does not modify the original search bar's theme styles. */
#hostclustersearch + .konect-whois-result {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    max-width: 100%;
    width: 100%;
    margin: 18px auto 0;
    padding: 16px 18px;
    border: 1px solid rgba(6, 17, 36, .13);
    border-left: 4px solid #81da9e;
    border-radius: 12px;
    background: #fff;
    color: #061124;
    text-align: left;
    box-shadow: 0 8px 24px rgba(6, 17, 36, .13);
    font-family: inherit;
}
#hostclustersearch + .konect-whois-result[hidden] { display: none; }
#hostclustersearch + .konect-whois-result.is-unavailable { border-left-color: #f00; }
#hostclustersearch + .konect-whois-result.is-error { border-left-color: #dc6464; }
#hostclustersearch + .konect-whois-result.is-unknown { border-left-color: #d0a34d; }
.konect-whois-icon {
    flex: 0 0 36px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2f7e9;
    color: #177b48;
    font-size: 23px;
    font-weight: 700;
}
.is-unavailable .konect-whois-icon { background: #e5e5e5; color: #f00; }
.is-error .konect-whois-icon { background: #fff0f0; color: #b63b3b; }
.is-unknown .konect-whois-icon { background: #fff5e5; color: #936416; }
.is-loading .konect-whois-icon { animation: konect-whois-spin 1.2s linear infinite; }
@keyframes konect-whois-spin { to { transform: rotate(360deg); } }
.konect-whois-copy { min-width: 0; flex: 1 1 220px; }
.konect-whois-title { font-size: 16px; font-weight: 750; color: #061124; line-height: 1.45; overflow-wrap: anywhere; }
.konect-whois-note { margin-top: 4px; font-size: 12px; color: #526073; line-height: 1.5; }
.konect-whois-order { margin: 0; padding: 0; background: transparent; border: 0; }
.konect-whois-order .konect-whois-btn {
    padding: 11px 18px;
    min-height: 42px;
    background: #81da9e;
    border: 0;
    border-radius: 7px;
    color: #061124;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    cursor: pointer;
    white-space: nowrap;
}
.konect-whois-order .konect-whois-btn:hover { background: #a3e7b9; color: #061124; }
.konect-whois-order .konect-whois-btn.is-transfer { background: #061124; color: #fff; }
.konect-whois-order .konect-whois-btn.is-transfer:hover { background: #183352; }
@media(max-width: 600px) {
    #hostclustersearch + .konect-whois-result { padding: 14px; align-items: flex-start; }
    .konect-whois-copy { flex-basis: calc(100% - 55px); }
    .konect-whois-order { margin-left: 50px; }
}