/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* Professional LariHost client-area dashboard rebuild */
.lh-client-hero {
  min-height: 250px !important;
  padding: 72px 0 58px !important;
  background-position: center center !important;
  background-size: cover !important;
}
.lh-client-hero .wrapper { max-width: 760px; }
.lh-client-hero .heading { font-size: 42px !important; line-height: 1.15; margin-bottom: 12px !important; }
.lh-client-hero .subheading { font-size: 17px !important; line-height: 1.5; }

.lh-client-nav .lh-brand-wordmark {
  font-size: 30px;
  font-weight: 500;
  color: #fff !important;
  letter-spacing: -.03em;
}
.lh-client-nav .main-menu > li > a {
  white-space: nowrap;
}
.lh-client-nav .dropdown-menu {
  min-width: 220px;
  border-radius: 12px !important;
  padding: 8px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
}
.lh-client-nav .dropdown-menu > li > a {
  display: block;
  padding: 10px 12px !important;
  border-radius: 8px;
}
.lh-client-nav .dropdown-menu > li > a:hover {
  background: rgba(19,145,210,.08);
}
.lh-topline { display:flex; align-items:center; gap:8px; }

.lh-dashboard {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 0 36px;
}
.lh-dashboard-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  margin-bottom:16px;
  border:1px solid #e8edf3;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 26px rgba(18,37,63,.05);
}
.lh-dashboard-user { display:flex; align-items:center; gap:16px; min-width:0; }
.lh-dashboard-user .gravatar {
  width:64px; height:64px; flex:0 0 64px;
  border-radius:50%;
  object-fit:cover;
}
.lh-dashboard-user h1 {
  margin:2px 0 4px;
  color:#152033;
  font-size:28px;
  line-height:1.2;
}
.lh-dashboard-user p { margin:0; color:#748095; font-size:13px; }
.lh-eyebrow {
  display:block;
  color:#17a0d2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.lh-dashboard-shortcuts { display:flex; gap:8px; flex-wrap:wrap; }
.lh-dashboard-shortcuts a {
  width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  border-radius:11px;
  background:#f4f7fa;
  color:#536174 !important;
  text-decoration:none !important;
}
.lh-dashboard-shortcuts a:hover { background:#eaf6fb; color:#1597c8 !important; }

.lh-overview {
  margin-bottom:18px;
  padding:20px;
  border-radius:18px;
  background:#ffd400;
}
.lh-section-title {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.lh-section-title h2 {
  margin:3px 0 0;
  color:#152033;
  font-size:22px;
}
.lh-overview-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.lh-overview-card {
  min-width:0;
  padding:16px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(18,37,63,.05);
}
.lh-overview-card-wide { grid-column:1 / -1; }
.lh-overview-card-title {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin-bottom:10px;
}
.lh-overview-card-title h3 { margin:0; font-size:16px; color:#172033; }
.lh-overview-card .list-group { margin:0 0 10px; }
.lh-overview-card .list-group-item {
  padding:9px 10px !important;
  border-radius:9px !important;
  font-size:13px;
}
.lh-panel-body-html { color:#677589; font-size:13px; line-height:1.5; }
.lh-card-link {
  display:inline-flex; align-items:center; gap:6px;
  margin-top:10px;
  color:#0c8fc2 !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none !important;
}

.lh-recommended {
  padding:18px 20px;
  border:1px solid #e8edf3;
  border-radius:18px;
  background:#fff;
}
.lh-recommended .lh-section-title { margin-bottom:8px; }
.lh-addon-slot > .sec-normal,
.lh-addon-slot .sec-normal {
  padding-top:12px !important;
  padding-bottom:0 !important;
}
.lh-addon-slot .section-heading { font-size:22px !important; margin-bottom:12px !important; }

@media (max-width: 991px) {
  .lh-overview { padding:14px; border-radius:15px; }
  .lh-section-title h2 { font-size:18px; }
  .lh-overview-card { padding:13px; }
  .lh-recommended { padding:14px; }
}

/* Antler dashboard repair: scoped layout, original cards and dynamic navigation. */
.lh-brand-link,.lh-footer-brand {text-decoration:none!important;}
.lh-footer-brand {display:inline-block;color:#fff!important;font-size:28px;margin-bottom:14px;}
.lh-client-hero {min-height:300px!important;padding:160px 0 48px!important;background-position:center 48%!important;}
.lh-client-hero .heading {font-size:36px!important;}
.lh-client-hero .wrapper {max-width:800px;}
.lh-client-nav {z-index:50;}
.lh-client-nav .navigation {float:none!important;}
.lh-client-nav .main-menu {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px;margin:0;padding:0;}
.lh-client-nav .main-menu>.menu-item {float:none;position:relative;padding:12px 0;list-style:none;}
.lh-client-nav .lh-menu-row {display:flex;align-items:center;}
.lh-client-nav .main-menu>.menu-item>a,.lh-client-nav .main-menu>.menu-item>.lh-menu-row>a {display:block;padding:12px 9px;margin:0!important;font-size:13px;color:#fff;white-space:nowrap;}
.lh-client-nav .main-menu>.menu-item>a.btn {padding:11px 20px!important;line-height:1.4;transform:none;border-radius:30px!important;color:#152033!important;}
.lh-submenu-toggle {border:0;background:transparent;color:inherit;padding:10px 7px;cursor:pointer;font-size:10px;}
.lh-client-nav .main-menu>.menu-item>.lh-menu-row>.lh-submenu-toggle {color:#fff;}
.lh-client-nav .lh-submenu {display:none;position:absolute;top:100%;left:0;min-width:220px;max-width:300px;margin:0;padding:8px;list-style:none;border-radius:12px;box-shadow:0 12px 30px #0003;z-index:60;}
.lh-client-nav .lh-has-children.lh-open>.lh-submenu {display:block;}
.lh-client-nav .lh-submenu .menu-item {list-style:none;position:relative;padding:0;float:none;}
.lh-client-nav .lh-submenu .lh-menu-row>a {flex:1;padding:11px 12px;margin:0!important;font-size:13px;white-space:normal;color:inherit;}
.lh-client-nav .lh-submenu .lh-menu-row:hover {background:#1599ce18;border-radius:8px;}
.lh-client-nav .lh-submenu .lh-submenu {position:static;box-shadow:none;min-width:0;margin-left:12px;padding:0;}
.lh-client-nav .main-menu>.menu-item:nth-last-child(-n+3)>.lh-submenu {left:auto;right:0;}
.lh-nav-toggle {display:none;border:0;background:transparent;padding:12px;}
.lh-nav-toggle .icon {display:block;width:24px;height:3px;background:#fff;margin:4px 0;}
.lh-dashboard-page>.box-container>.bg-colorstyle>.wrapper.sec-normal {padding-top:28px!important;padding-bottom:36px!important;}
.lh-dashboard-page .page-header {margin-bottom:16px;}
.lh-home-summary {padding-bottom:20px!important;}
.lh-home-summary .service-wrap {margin-top:0!important;}
.lh-home-summary .row {row-gap:16px;}
.lh-home-summary .service-section {height:100%;min-height:245px;padding:26px 24px 22px!important;display:flex;flex-direction:column;align-items:flex-start;position:relative;}
.lh-home-summary .service-section .plans {position:absolute;top:16px;right:16px;font-size:10px;}
.lh-home-summary .service-section .svg {width:48px;height:48px;margin:0 0 16px!important;}
.lh-home-summary .service-section .title {font-size:23px;margin:0 0 6px!important;line-height:1.3;}
.lh-home-summary .service-section .subtitle {font-size:13px;margin:0 0 16px!important;line-height:1.5;}
.lh-home-summary .service-section .btn {margin-top:auto!important;padding:11px 19px!important;font-size:12px;line-height:1.4;}
.lh-overview-card .list-group-item {font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
.lh-panel-body-html {font-size:13px;}
.lh-recommended {padding:18px 20px;}
.lh-addon-slot .container {max-width:100%;padding:0;}
.lh-addon-slot #promotions-slider {margin:0!important;}
.lh-addon-slot .promo-banner {min-height:0!important;height:auto!important;margin:8px 0!important;padding:0!important;}
.lh-addon-slot .promo-banner .panel-body {padding:20px!important;min-height:0!important;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.lh-addon-slot .promo-banner .logo-left {position:static!important;width:120px!important;flex:0 0 120px;margin:0!important;}
.lh-addon-slot .promo-banner .logo-left img {max-width:120px!important;max-height:80px!important;object-fit:contain;}
.lh-addon-slot .promo-banner .content {position:static!important;padding:0!important;margin:0!important;flex:1;min-width:200px;}
.lh-addon-slot .promo-banner h3 {font-size:20px!important;margin:0 0 6px!important;}
.lh-addon-slot .promo-banner h4,.lh-addon-slot .promo-banner p {font-size:13px!important;line-height:1.5;margin:6px 0!important;}
.lh-addon-slot .carousel-specs-footer {position:static!important;width:100%;padding:8px 0 0!important;}
.lh-addon-slot .carousel-specs-footer ul {display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;}
.lh-addon-slot .carousel-specs-footer li {font-size:12px;list-style:none;}
.lh-addon-slot .promo-banner .btn {padding:10px 16px!important;margin:10px 0 0!important;white-space:normal;font-size:12px;}
@media(max-width:1199px) and (min-width:992px) {.lh-client-nav .main-menu>.menu-item>.lh-menu-row>a {font-size:11px;padding:10px 5px;}.lh-submenu-toggle {padding:8px 4px;}}
@media(max-width:991px) {
 .lh-client-nav {display:block!important;background:#15232d;position:relative!important;top:auto!important;padding:12px 0;}
 .lh-client-nav .nav-menu>.container>.row {position:relative;}
 .lh-client-nav .nav-menu>.container>.row>.col-md-2 {width:auto;flex:1;max-width:none;}
 .lh-client-nav #menu {position:static;width:auto;flex:0 0 auto;max-width:none;}
 .lh-nav-toggle {display:block;}
 .lh-client-nav .main-menu {display:none!important;position:absolute;left:15px;right:15px;top:100%;padding:8px;background:#15232d;border-radius:0 0 12px 12px;box-shadow:0 12px 25px #0003;max-height:75vh;overflow:auto;}
 .lh-client-nav.lh-mobile-open .main-menu {display:block!important;}
 .lh-client-nav .main-menu>.menu-item {padding:0;width:100%;}
 .lh-client-nav .lh-menu-row>a {flex:1;}
 .lh-client-nav .lh-submenu {position:static!important;max-width:none;min-width:0;box-shadow:none;margin:0 8px 8px;}
 .lh-client-hero {min-height:210px!important;padding:40px 0!important;}
 .lh-client-hero .heading {font-size:30px!important;}
 .lh-home-summary .service-section {min-height:235px;}
 .lh-overview-grid {grid-template-columns:1fr;}
}
@media(max-width:575px) {
 .lh-home-summary .service-section {min-height:220px;padding:22px!important;}
 .lh-client-hero .heading {font-size:26px!important;}
 .lh-client-hero .subheading {font-size:14px!important;}
 .lh-dashboard-user h1 {font-size:21px;}
 .lh-addon-slot .promo-banner .panel-body {gap:12px;}
 .lh-addon-slot .promo-banner .logo-left {flex-basis:80px;width:80px!important;}
 .lh-addon-slot .promo-banner .logo-left img {max-width:80px!important;}
}