/* LokalHost VPS plan cards */
.lokalhost-vps-features {
    text-align: left;
}

.lokalhost-vps-features ul {
    list-style: none;
    padding: 0;
    margin: 16px 0;
    line-height: 2.25;
    text-align: left;
}

.lokalhost-vps-features li {
    margin: 0 0 2px 0;
}

.lokalhost-vps-features li b {
    color: var(--text-heading-color, inherit);
    font-weight: 700;
}

.lokalhost-vps-features i.fa {
    font-size: 18px;
    width: 24px;
    text-align: center;
}

.lokalhost-vps-note {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--brand-primary, #2563eb);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    color: #334155;
    margin: 14px 0 0;
    padding: 12px 14px;
    text-align: left;
}

.lokalhost-vps-note-title {
    color: #0f172a;
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.lokalhost-vps-note-title i {
    color: #2563eb;
}

.lokalhost-vps-note-text {
    color: #334155;
}

.lagom-dark-mode .lokalhost-vps-note {
    background: #111827;
    border-color: #334155;
    border-left-color: #3b82f6;
    box-shadow: none;
    color: #e5e7eb;
}

.lagom-dark-mode .lokalhost-vps-note-title {
    color: #ffffff;
}

.lagom-dark-mode .lokalhost-vps-note-title i {
    color: #60a5fa;
}

.lagom-dark-mode .lokalhost-vps-note-text {
    color: #cbd5e1;
}

/* Header logo sizing */
.lagom .app-nav .logo img.logo-img {
    height: 34px !important;
    max-height: 34px !important;
    max-width: 170px !important;
    width: auto !important;
    object-fit: contain;
}

.lagom .app-nav .logo {
    align-items: center;
}

@media (max-width: 991.98px) {
    .lagom .app-nav .logo img.logo-img {
        height: 30px !important;
        max-height: 30px !important;
        max-width: 150px !important;
    }
}