/* Lidaix Digital — Huraga / FOSSBilling 0.8 client-area overlay
   Drop into themes/huraga/assets/css/lidaix-huraga.css and load from html_custom.
   Brand lock: white, navy #0A1128, blue #0066FF, Inter, official L mark.
   Do not restore FOSSBilling wallet / wordmark / “Powered by” credits. */

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

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --lidaix-navy: #0a1128;
  --lidaix-blue: #0066ff;
  --lidaix-blue-hover: #0052cc;
  --lidaix-ink: #4b5568;
  --lidaix-muted: #5b6478;
  --lidaix-line: #eef0f5;
  --lidaix-card-line: #e6eaf1;
  --lidaix-band: #f8f9fa;
  --lidaix-soft: #e8f1ff;
  --lidaix-radius: 8px;

  --bs-primary: #0066ff;
  --bs-primary-rgb: 0, 102, 255;
  --bs-link-color: #0066ff;
  --bs-link-color-rgb: 0, 102, 255;
  --bs-link-hover-color: #0052cc;
  --bs-link-hover-color-rgb: 0, 82, 204;
  --bs-focus-ring-color: rgba(0, 102, 255, 0.35);
  --bs-body-font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-color: #4b5568;
  --bs-body-color-rgb: 75, 85, 104;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-heading-color: #0a1128;
  --bs-border-color: #e6eaf1;
  --bs-border-radius: 8px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 12px;
  --bs-tertiary-bg: #f8f9fa;
  --bs-secondary-color: #5b6478;
  --bs-success: #0066ff;
  --bs-success-rgb: 0, 102, 255;
  --bs-info: #0066ff;
  --bs-info-rgb: 0, 102, 255;
}

[data-bs-theme="dark"] {
  --bs-body-bg: #0a1128;
  --bs-body-bg-rgb: 10, 17, 40;
  --bs-body-color: #c5cad6;
  --bs-body-color-rgb: 197, 202, 214;
  --bs-heading-color: #ffffff;
  --bs-border-color: #1c2744;
  --bs-tertiary-bg: #121a33;
  --bs-secondary-color: #9aa3b5;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: var(--lidaix-ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

[data-bs-theme="dark"] body {
  color: var(--bs-body-color);
  background: #0a1128;
}

h1, h2, h3, h4, h5, h6,
.card-header h1,
.card-header h2,
.card-header h6,
.page-login .card h1,
.page-signup .card h1,
.page-password-reset .card h1 {
  color: var(--lidaix-navy);
  font-weight: 700;
  letter-spacing: -0.03em;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
  color: #fff;
}

a {
  color: #0066ff;
}

a:hover {
  color: #0052cc;
}

:focus-visible {
  outline: 2px solid #0066ff;
  outline-offset: 3px;
}

/* Header */

.navbar,
header.navbar,
nav.navbar {
  background: #fff !important;
  border-bottom: 1px solid #eef0f5;
  box-shadow: none;
}

[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] header.navbar {
  background: #0a1128 !important;
  border-bottom-color: #1c2744;
}

.navbar-brand,
.navbar-brand:hover,
.lidaix-brand,
.lidaix-brand:hover {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #0a1128 !important;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -0.03em;
}

[data-bs-theme="dark"] .navbar-brand,
[data-bs-theme="dark"] .navbar-brand:hover,
[data-bs-theme="dark"] .lidaix-brand,
[data-bs-theme="dark"] .lidaix-brand:hover {
  color: #fff !important;
}

.navbar-brand img,
.lidaix-mark {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.lidaix-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.lidaix-name {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #0a1128;
}

.lidaix-sub {
  font-size: 0.72rem;
  font-weight: 500;
  color: #5b6478;
  letter-spacing: 0.01em;
}

[data-bs-theme="dark"] .lidaix-name {
  color: #fff;
}

[data-bs-theme="dark"] .lidaix-sub {
  color: #9aa3b5;
}

.nav-link {
  color: #1c2438;
  font-weight: 500;
}

.nav-link:hover,
.nav-link.active,
.offcanvas-item.active > .nav-link {
  color: #0066ff !important;
}

.offcanvas-item.active {
  background: #e8f1ff;
}

.navbar-nav > .btn,
.navbar .btn-primary {
  border-radius: 8px;
}

/* Buttons — primary and the Huraga “success/order” greens become Lidaix blue */

.btn {
  border-radius: 8px;
  font-weight: 600;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-primary.btn-large,
a.btn-primary,
a.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0066ff;
  --bs-btn-border-color: #0066ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0052cc;
  --bs-btn-hover-border-color: #0052cc;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0052cc;
  --bs-btn-active-border-color: #0052cc;
  --bs-btn-disabled-bg: #0066ff;
  --bs-btn-disabled-border-color: #0066ff;
  background-color: #0066ff;
  border-color: #0066ff;
  color: #fff;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-success:focus {
  background-color: #0052cc;
  border-color: #0052cc;
  color: #fff;
}

.btn-outline-primary,
.btn-outline-success {
  --bs-btn-color: #0066ff;
  --bs-btn-border-color: #0066ff;
  --bs-btn-hover-bg: #0066ff;
  --bs-btn-hover-border-color: #0066ff;
  --bs-btn-hover-color: #fff;
  color: #0066ff;
  border-color: #0066ff;
}

.btn-dark {
  --bs-btn-bg: #0a1128;
  --bs-btn-border-color: #0a1128;
  --bs-btn-hover-bg: #161f3d;
  --bs-btn-hover-border-color: #161f3d;
  background-color: #0a1128;
  border-color: #0a1128;
  color: #fff;
}

.btn-check:checked + .btn,
.invoice-gateway:hover,
.invoice-gateway:has(.btn-check:checked) {
  border-color: #0066ff;
}

/* Cards, forms, accordion */

.card {
  border: 1px solid #e6eaf1;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(10, 17, 40, 0.03), 0 8px 24px rgba(10, 17, 40, 0.04);
  background: #fff;
}

.card-header {
  background: #f8f9fa;
  border-bottom: 1px solid #eef0f5;
  color: #0a1128;
}

.form-control,
.form-select,
.ts-wrapper.form-select,
.iti__search-input {
  border-color: #e6eaf1;
  border-radius: 8px;
}

.form-control:focus,
.form-select:focus {
  border-color: #0066ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 255, 0.15);
}

.accordion-item {
  border-color: #e6eaf1;
  border-radius: 8px;
}

.accordion-button:not(.collapsed) {
  background: #e8f1ff;
  color: #0a1128;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 102, 255, 0.15);
  border-color: #0066ff;
}

/* Alerts */

.alert {
  border-radius: 8px;
}

.alert-info,
.alert-primary {
  --bs-alert-bg: #e8f1ff;
  --bs-alert-border-color: rgba(0, 102, 255, 0.22);
  --bs-alert-color: #0a1128;
  background: #e8f1ff;
  border-color: rgba(0, 102, 255, 0.22);
  color: #0a1128;
}

.alert-success {
  --bs-alert-bg: #e8f1ff;
  --bs-alert-border-color: rgba(0, 102, 255, 0.22);
  --bs-alert-color: #0a1128;
}

/* Showcase / home banner */

.dashboard .alert-info,
.alert-info.showcase,
.content-block > .alert-info:first-child {
  background: #fff;
  border: 1px solid #e6eaf1;
  box-shadow: 0 1px 2px rgba(10, 17, 40, 0.03), 0 8px 24px rgba(10, 17, 40, 0.04);
  padding: 1.35rem 1.5rem;
}

.dashboard .alert-info p,
.content-block > .alert-info:first-child p {
  color: #5b6478;
}

.dashboard .alert-info h1,
.dashboard .alert-info h2,
.dashboard .alert-info strong,
.content-block > .alert-info:first-child h1,
.content-block > .alert-info:first-child h2 {
  color: #0a1128;
}

/* Product / plan cards */

.mod_orderbutton .card,
.mod_order .card,
#orderManager .card {
  border-radius: 12px;
}

.badge.text-bg-primary,
.badge.bg-primary,
.badge.text-bg-success,
.badge.bg-success {
  background-color: #0066ff !important;
  color: #fff !important;
}

/* Sidebar */

.list-group-item.active,
.email-list .list-group-item.active {
  border-left-color: #0066ff;
  background: #e8f1ff;
  color: #0a1128;
}

/* Footer */

#footer,
footer#footer,
footer.small {
  color: #8b93a4;
  text-align: center;
}

#footer a,
footer#footer a {
  color: #5b6478;
}

#footer a:hover,
footer#footer a:hover {
  color: #0066ff;
}

/* -------------------------------------------------------------------------
   Hide FOSSBilling wordmarks, wallet logo, and “Powered by” credits.
   Official L (mark.png) + “Lidaix Digital” only.
   ------------------------------------------------------------------------- */

a[href*="fossbilling.org" i],
a[href*="www.fossbilling.org" i],
a[href*="fossbilling.com" i],
a[title="Billing Software"],
a[title*="FOSSBilling" i],
a[href*="fossbilling" i] {
  display: none !important;
}

#footer .d-flex.justify-content-center:has(a[href*="fossbilling" i]),
footer .d-flex.justify-content-center:has(a[href*="fossbilling" i]),
#footer .d-flex:has(a[href*="fossbilling" i]),
footer .d-flex:has(a[href*="fossbilling" i]) {
  display: none !important;
}

[class*="mod_branding"],
[id*="mod_branding"],
.widget-branding,
.fb-branding,
.fossbilling-branding {
  display: none !important;
}

/* Stock wallet / default branding assets */
img[src*="branding/logo" i],
img[src*="branding/logo-dark" i],
img[src*="/branding/" i],
img[src*="fossbilling" i],
img[src*="logo-dark.svg" i],
img[alt*="FOSSBilling" i],
img[title*="FOSSBilling" i],
img[src$="/logo.svg" i],
img[src*="/public/branding" i],
svg[aria-label*="FOSSBilling" i],
.navbar-brand img[src*="wallet" i] {
  display: none !important;
}

/* If a hidden default logo was the only brand image, keep the wordmark visible */
.navbar-brand:has(img[src*="branding" i]) span,
.navbar-brand:has(img[src*="fossbilling" i]) span {
  display: inline !important;
}

/* Login / signup / reset pages: never show the stock mark */
.page-login img[src*="branding" i],
.page-signup img[src*="branding" i],
.page-password-reset img[src*="branding" i],
.page-login img[src*="fossbilling" i],
.page-signup img[src*="fossbilling" i],
.page-password-reset img[src*="fossbilling" i] {
  display: none !important;
}

/* Default noscript credit mentions FOSSBilling */
noscript {
  display: none !important;
}

/* Theme screenshot / leftover promo tiles that still say FOSSBilling */
img[alt*="Huraga" i][src*="screenshot" i] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}