/**
 * Brand theme variables are loaded from /theme.css (dynamic, set in Admin Settings).
 * This file defines the structure using those variables.
 */

/* Bootstrap overrides */
body {
  background-color: var(--brand-neutral) !important;
  color: var(--brand-primary) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--brand-primary) !important;
}

p, .text-body {
  color: rgba(var(--brand-primary-rgb), var(--brand-body-opacity)) !important;
}

/* Links: Accent only */
a:not(.nav-link):not(.dropdown-item):not(.btn) {
  color: var(--brand-accent) !important;
}
a:not(.nav-link):not(.dropdown-item):not(.btn):hover {
  color: var(--brand-accent-hover) !important;
}

/* CTA Buttons – Accent only */
.btn-primary,
.btn-primary:focus {
  background-color: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
  color: var(--brand-primary) !important;
  border-radius: var(--brand-radius, 8px);
  transition: 0.2s ease-in-out;
}
.btn-primary:hover {
  background-color: var(--brand-accent-hover) !important;
  border-color: var(--brand-accent-hover) !important;
  color: var(--brand-primary) !important;
}
.btn-primary:disabled {
  background-color: rgba(var(--brand-accent-rgb), 0.4) !important;
  border-color: rgba(var(--brand-accent-rgb), 0.4) !important;
}

/* WhatsApp FAB uses accent as CTA */
.btn-success.text-light {
  background-color: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
  color: var(--brand-primary) !important;
  border-radius: var(--brand-radius, 8px);
}
.btn-success.text-light:hover {
  background-color: var(--brand-accent-hover) !important;
  border-color: var(--brand-accent-hover) !important;
}

/* Form focus – subtle accent, no heavy shadow */
.form-control:focus,
.form-select:focus {
  border-color: var(--brand-accent);
  box-shadow: 0 0 0 0.1rem rgba(var(--brand-accent-rgb), 0.2);
}

/* Layout utilities */
.bg-brand-primary {
  background-color: var(--brand-primary) !important;
}
.bg-brand-neutral {
  background-color: var(--brand-neutral) !important;
  color: var(--brand-primary) !important;
}
.text-brand-accent {
  color: var(--brand-accent) !important;
}
.text-brand-neutral-muted {
  color: rgba(var(--brand-neutral-rgb), 0.95) !important;
}
.btn-outline-brand-primary {
  border: 1px solid var(--brand-primary);
  color: var(--brand-primary);
  border-radius: var(--brand-radius, 8px);
  transition: 0.2s ease-in-out;
}
.btn-outline-brand-primary:hover {
  background-color: var(--brand-primary);
  color: var(--brand-neutral);
}

/* Outline on dark (Primary) background - e.g. reviews form */
.btn-outline-neutral {
  border: 1px solid var(--brand-neutral);
  color: var(--brand-neutral);
  border-radius: var(--brand-radius, 8px);
  transition: 0.2s ease-in-out;
}
.btn-outline-neutral:hover {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
  color: var(--brand-primary);
}

/* Logo on dark (Primary) background: white */
#navScroll .navbar-brand img,
#navScroll .navbar-brand svg,
footer .navbar-brand img,
footer .navbar-brand svg,
.offcanvas-mobile-nav .navbar-brand img,
.offcanvas-mobile-nav .navbar-brand svg {
  filter: brightness(0) invert(1);
}

/* Nav/Footer text on Primary background */
.navbar.bg-brand-primary,
footer.bg-brand-primary,
.offcanvas-mobile-nav {
  color: rgba(var(--brand-neutral-rgb), 0.95);
}
.navbar.bg-brand-primary .nav-link,
.navbar.bg-brand-primary .navbar-toggler-icon,
footer a,
footer .nav-link {
  color: rgba(var(--brand-neutral-rgb), 0.95) !important;
}
.navbar.bg-brand-primary .nav-link:hover,
footer .nav-link:hover {
  color: var(--brand-accent) !important;
}

/* Icons: Default Primary, Hover Accent */
footer .d-flex.gap-3 a,
.navbar .bi {
  color: rgba(var(--brand-neutral-rgb), 0.95);
  transition: 0.2s ease-in-out;
}
footer .d-flex.gap-3 a:hover,
.navbar .bi:hover {
  color: var(--brand-accent);
}