@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --lh-navy: #07152e;
    --lh-navy-2: #0b2250;
    --lh-blue: #1261ff;
    --lh-cyan: #00d7ff;
    --lh-teal: #00c2b8;
    --lh-lime: #b7f34a;
    --lh-ink: #081a3d;
    --lh-muted: #65718c;
    --lh-surface: #f4f8ff;
    --lh-border: #d7e3f4;
    --lh-shadow: 0 18px 48px rgba(7, 21, 46, .10);
}

html, body { font-family: Inter, Arial, sans-serif; color: var(--lh-ink); }
body.primary-bg-color { background: var(--lh-surface) !important; }
a { color: var(--lh-blue); }
a:hover { color: var(--lh-navy-2); }

#header.header { background: #fff; box-shadow: 0 8px 28px rgba(7, 21, 46, .08); }
#header .topbar { background: var(--lh-navy); color: #fff; }
#header .topbar .btn, #header .topbar a { color: #fff; }
#header .navbar-light { min-height: 82px; }
#header .navbar-brand .logo-img { width: 205px; max-height: 52px; object-fit: contain; }
.main-navbar-wrapper { background: linear-gradient(105deg, var(--lh-navy), var(--lh-navy-2)) !important; }
.main-navbar-wrapper .navbar-nav > li > a { color: #fff !important; font-weight: 600; }
.main-navbar-wrapper .navbar-nav > li > a:hover,
.main-navbar-wrapper .navbar-nav > li.active > a { color: var(--lh-cyan) !important; }
.cart-btn { color: var(--lh-navy) !important; border: 1px solid var(--lh-border); border-radius: 14px; }
.badge-info { background: var(--lh-blue); }
.lh-back-site { color: var(--lh-navy) !important; font-weight: 700; margin-right: .8rem; }
.lh-back-site:hover { color: var(--lh-blue) !important; text-decoration: none; }

.master-breadcrumb { background: transparent; border: 0; }
.master-breadcrumb .breadcrumb { background: transparent; padding-left: 0; }
#main-body { padding-top: 30px; padding-bottom: 60px; min-height: 62vh; }

.card, .panel, .list-group, .domain-checker-container, .logincontainer,
.client-home-cards .card, .tiles .tile { border: 1px solid var(--lh-border) !important; border-radius: 20px !important; box-shadow: var(--lh-shadow); overflow: hidden; }
.card-header, .panel-heading { background: #fff !important; border-bottom: 1px solid var(--lh-border) !important; font-weight: 700; }
.sidebar .card, .sidebar .panel { box-shadow: 0 10px 30px rgba(7, 21, 46, .07); }
.sidebar .list-group-item.active { background: var(--lh-blue); border-color: var(--lh-blue); }

.btn { border-radius: 12px; font-weight: 700; }
.btn-primary, .btn-success { background: var(--lh-blue) !important; border-color: var(--lh-blue) !important; box-shadow: 0 10px 24px rgba(18, 97, 255, .22); }
.btn-primary:hover, .btn-success:hover { background: var(--lh-navy-2) !important; border-color: var(--lh-navy-2) !important; }
.btn-default, .btn-secondary { background: #fff; color: var(--lh-ink); border-color: var(--lh-border); }
.form-control, .custom-select { border: 1px solid var(--lh-border); border-radius: 12px; min-height: 46px; }
.form-control:focus, .custom-select:focus { border-color: var(--lh-blue); box-shadow: 0 0 0 .2rem rgba(18, 97, 255, .12); }

.domain-checker-container { background: linear-gradient(110deg, var(--lh-navy), var(--lh-navy-2), #073b62) !important; padding: 42px 24px !important; }
.domain-checker-container h1, .domain-checker-container h2, .domain-checker-container p { color: #fff; }
.domain-checker-container .input-group { max-width: 840px; margin: 0 auto; }
.domain-checker-container .form-control { min-height: 58px; }

#footer.footer { background: linear-gradient(105deg, var(--lh-navy), var(--lh-navy-2)); color: #dfeaff; padding-top: 42px; padding-bottom: 32px; }
#footer.footer a { color: #fff; }
#footer.footer a:hover { color: var(--lh-cyan); }
.lh-footer-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.lh-footer-brand img { width: 185px; filter: brightness(0) invert(1); }
.lh-footer-brand span { color: #b9c8e4; font-size: .9rem; }

@media (max-width: 767px) {
    #header .navbar-light { min-height: 68px; }
    #header .navbar-brand .logo-img { width: 165px; }
    .lh-back-site { display: none; }
    #main-body { padding-top: 18px; }
    .card, .panel, .logincontainer { border-radius: 16px !important; }
}