/* Cake Mobile: shared by the Bootstrap shell and the Tailwind dashboard. */
:root {
  --cake-blue: #72c1fe;
  --cake-blue-hover: #55b3f7;
  --cake-blue-soft: #f0f8ff;
  --cake-blue-tint: #dff1ff;
  --cake-blue-border: #b9e1ff;
  --cake-link: #17689d;
  --cake-link-hover: #155883;
  --cake-link-strong: #123f5e;
  --cake-amber: #ffa92f;
  --cake-amber-soft: #fff3df;
  --cake-orange: #f7590b;
  --cake-gray: #5e5865;
  --cake-ink: #302938;
  --cake-muted: #716a79;
  --cake-page: #faf9fb;
  --cake-border: #e5e0e9;
  --cake-focus: #155883;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Poppins-SemiBold.woff2") format("woff2");
}

body.cake-brand,
.cake-brand [data-bs-theme="light"] {
  --bs-primary: var(--cake-link);
  --bs-primary-rgb: 23, 104, 157;
  --bs-primary-text-emphasis: var(--cake-link-strong);
  --bs-primary-bg-subtle: var(--cake-blue-soft);
  --bs-primary-border-subtle: var(--cake-blue-border);
  --bs-secondary: var(--cake-gray);
  --bs-secondary-rgb: 94, 88, 101;
  --bs-body-color: var(--cake-ink);
  --bs-body-color-rgb: 48, 41, 56;
  --bs-body-bg: var(--cake-page);
  --bs-border-color: var(--cake-border);
  --bs-link-color: var(--cake-link);
  --bs-link-color-rgb: 23, 104, 157;
  --bs-link-hover-color: var(--cake-link-hover);
  --bs-link-hover-color-rgb: 21, 88, 131;
  --bs-focus-ring-color: rgb(23 104 157 / 25%);
  background-color: var(--cake-page);
  color: var(--cake-ink);
  font-family: "Inter", sans-serif;
}

.cake-brand .btn-primary,
.cake-brand .btn-outline-primary {
  --bs-btn-color: var(--cake-ink);
  --bs-btn-bg: var(--cake-blue);
  --bs-btn-border-color: var(--cake-link);
  --bs-btn-hover-color: var(--cake-ink);
  --bs-btn-hover-bg: var(--cake-blue-hover);
  --bs-btn-hover-border-color: var(--cake-link-hover);
  --bs-btn-active-color: var(--cake-ink);
  --bs-btn-active-bg: var(--cake-blue-hover);
  --bs-btn-active-border-color: var(--cake-link-hover);
  --bs-btn-disabled-color: var(--cake-ink);
  --bs-btn-disabled-bg: var(--cake-blue);
  --bs-btn-disabled-border-color: var(--cake-link);
  --bs-btn-focus-shadow-rgb: 23, 104, 157;
  border-radius: .75rem;
  font-weight: 600;
}
.cake-brand .btn-outline-primary {
  --bs-btn-color: var(--cake-link);
  --bs-btn-bg: #fff;
  --bs-btn-disabled-color: var(--cake-link);
  --bs-btn-disabled-bg: #fff;
}
.cake-brand .btn-primary:focus-visible,
.cake-brand .btn-outline-primary:focus-visible,
.cake-brand a:focus-visible {
  outline: 2px solid var(--cake-focus);
  outline-offset: 4px;
}
.cake-brand .form-control:focus,
.cake-brand .form-select:focus {
  border-color: var(--cake-link);
  box-shadow: 0 0 0 .2rem rgb(23 104 157 / 18%);
}
.cake-brand .form-check-input:checked {
  border-color: var(--cake-link);
  background-color: var(--cake-link);
}
.cake-brand .form-check-input,
.cake-brand .form-check-input:hover {
  border-color: var(--cake-link);
}
.cake-brand .form-check-label a {
  color: var(--cake-link);
}
.cake-brand .cw-border-color {
  border-color: var(--cake-blue-border) !important;
}
.cake-brand .l-bg {
  background: var(--cake-blue-tint) !important;
  color: var(--cake-ink);
}
.cake-brand .h-nav-link:hover,
.cake-brand .h-nav-link.active,
.cake-brand .h-nav-link:active {
  color: var(--cake-ink) !important;
  background: var(--cake-blue);
}
.cake-brand .package-card:nth-child(odd) {
  background: var(--cake-blue-soft);
}
.cake-brand .package-card:nth-child(even) {
  background: var(--cake-amber-soft);
}
.cake-brand .search-section::before {
  background: rgb(48 41 56 / 65%);
}
.cake-brand .brand-bg-color,
.cake-brand .cw-bg-color {
  background-color: var(--cake-blue) !important;
  color: var(--cake-ink) !important;
}
.cake-brand .bran-color,
.cake-brand .cw-text-color,
.cake-brand .cw-text-color-two,
.cake-brand .h-nav-link {
  color: var(--cake-link) !important;
}
.cake-brand .sidebar .nav-link.active {
  background: var(--cake-blue-soft);
  color: var(--cake-link-hover);
}
.cake-brand .sim-selection {
  border-color: var(--cake-link) !important;
}
.cake-brand .sim-selection:hover {
  background: var(--cake-blue);
  color: var(--cake-ink);
}
.cake-brand .main-logo-img,
.cake-brand .header-logo {
  width: min(240px, 100%);
  height: auto;
}
.cake-brand .cake-logo-plate {
  padding: .75rem;
  border-radius: .75rem;
  background: #fff;
}