/* ======================================== */
/*           LONGUNIO Color Tokens          */
/* ======================================== */
:root {
  /* === Brand Core === */
  --longunio-primary: #A3512D;        /* Burnt Clay */
  --longunio-secondary: #E1A95F;      /* Tribal Gold */
  --longunio-deep-accent: #B45633;    /* Terracotta */
  --longunio-logo-dark: #3C2B22;      /* Earth Brown */
  --longunio-logo-light: #8C3A26;     /* Clay Red */

  /* === Backgrounds & Surfaces === */
  --longunio-bg-light: #EEE7D9;       /* Woven Beige */
  --longunio-bg-deep: #4A2E1D;        /* Rich Earth */
  --longunio-surface-soft: #EEE7D9;   /* Gray-Orange (Soft Canvas) */

  /* === Text Colors === */
  --longunio-text-dark: #3C2B22;      /* Primary readable text */
  --longunio-text-light: #F2E3C6;     /* Light text on dark */
  --longunio-muted-text: #8C3A26;     /* Clay red for subtle info */

  /* === Utility === */
  --longunio-border: #EBD5B2;
  --longunio-overlay: rgba(0, 0, 0, 0.4);
}


/* ======================================== */
/*           Artisan Navbar Styles          */
/* ======================================== */
.artisan-navbar {
  background-color: var(--longunio-surface-soft);
  color: var(--longunio-text-dark);
  font-family: 'Playfair Display', serif;
  font-size: 1.9rem;
  letter-spacing: 0.02rem;
  padding-top: 2.9rem;
  padding-bottom: 2.2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.artisan-navbar .navbar-brand img {
  height: 120px;
  width: auto;
}

.artisan-navbar .nav-link {
  padding: 0.5rem 0.75rem;
  color: var(--longunio-text-dark);
  font-weight: 500;
  transition: color 0.3s ease;
}

.artisan-navbar .nav-link:hover {
  color: var(--longunio-secondary);
}

.artisan-navbar .btn-dark {
  background-color: var(--longunio-bg-deep);
  color: var(--longunio-text-light);
  border: none;
  font-weight: 500;
  font-size: 0.85rem;
  padding: 0.4rem 0.9rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.artisan-navbar .btn-dark:hover {
  background-color: var(--longunio-secondary);
  color: var(--longunio-logo-dark);
}


/* ======================================== */
/*             Offcanvas Styles             */
/* ======================================== */
.offcanvas {
  background-color: var(--longunio-bg-light);
  color: var(--longunio-text-dark);
  font-family: 'Poppins', sans-serif;
}

.offcanvas-header {
  border-bottom: 1px solid var(--longunio-border);
}

.offcanvas-title {
  color: var(--longunio-logo-dark);
  font-weight: 700;
}

.offcanvas .nav-link {
  color: var(--longunio-text-dark);
  transition: color 0.3s ease;
}

.offcanvas .nav-link:hover {
  color: var(--longunio-logo-light);
}


/* ======================================== */
/*        Offcanvas Slide-In Animation      */
/* ======================================== */
.offcanvas-end {
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out, opacity 0.4s ease;
  opacity: 0;
}

.offcanvas-end.show {
  transform: translateX(0);
  opacity: 1;
}

/* ======================================== */
/*        Optional Backdrop Overlay         */
/* ======================================== */
body.offcanvas-backdrop::before {
  background-color: var(--longunio-overlay) !important;
}