/* =====================================================
   NAMIREMBE GUESTHOUSE -- BRAND ENFORCEMENT LAYER
   Official NGH Brand Guidelines Compliance
   
   Primary:    #D663C1  (official NGH purple)
   Secondary:  #852999  (deep brand purple)
   Accent A:   #BA84B1  (mid-tone purple)
   Accent B:   #BA6ECB  (alt purple)
   Accent C:   #D688E7  (light purple)
   
   Font:       Arial (all headings & brand communications)
   Contact:    info@namirembegh.com | 039 3109937
               www.namirembegh.com  | Namirembe Rd, Kampala
   ===================================================== */

/* ── BRAND COLOR ENFORCEMENT ──
   These force the official brand purple onto all primary
   UI elements, overriding any stale component values.
   ─────────────────────────────────────────────────── */

/* Buttons -- primary */
.btn-primary,
.btn.btn-primary,
button.btn-primary {
  background: #D663C1 !important;
  border-color: #D663C1 !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover {
  background: #852999 !important;
  border-color: #852999 !important;
}

/* ── TYPOGRAPHY ENFORCEMENT ──
   Arial must be used for all headings and brand-facing
   text per the official NGH brand guidelines.
   ─────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3,
.section-title,
.hero-heading,
.page-hero h1,
.logo-name,
.footer-logo__name,
.nav-logo__name,
.admin-topbar-title,
.room-card__name,
.menu-item__name,
.card-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}

/* ── LOGO MARK -- transparent background (logo is a PNG image) ── */
.nav-logo__mark,
.footer-logo__mark,
.logo-mark,
.logo-mark--sm,
.logo-mark--light {
  background: transparent !important;
}

/* ── BRAND LINKS & ACCENTS ── */
a {
  color: #D663C1;
}

a:hover {
  color: #852999;
}

.section-label,
.eyebrow,
.text-primary {
  color: #D663C1 !important;
}

/* ── ACTIVE NAV / SELECTED STATES ── */
.nav-link--active,
.nav-link.active,
.mobile-nav__link.is-active,
.admin-nav-item.active {
  color: #D663C1 !important;
}

/* ── ACCENT BORDERS & RULES ── */
blockquote,
.section-rule,
.border-gold,
.border-brand {
  border-color: #D663C1 !important;
}

.section-rule {
  background: linear-gradient(135deg, #852999 0%, #D663C1 50%, #D688E7 100%) !important;
}

/* ── FOCUS RINGS (accessibility-compliant brand color) ── */
:focus-visible {
  outline: 2px solid #D663C1;
  outline-offset: 3px;
}

/* ── ADMIN SIDEBAR -- brand accent ── */
.admin-nav-item.active {
  background: rgba(214, 99, 193, 0.15) !important;
  border-left: 3px solid #D663C1 !important;
  color: #D663C1 !important;
}

/* ── SKELETON LOADERS ── */
.skeleton {
  background: linear-gradient(90deg,
    #E8D5E4 25%,
    #F5EBF3 50%,
    #E8D5E4 75%
  );
  background-size: 200% 100%;
  animation: skeleton-wave 1.5s ease-in-out infinite;
}

/* ── TESTIMONIAL DOTS / SLIDER ── */
.slider-dot.active,
.testimonial-dot.active {
  background: #D663C1 !important;
}

/* ── PRICE TEXT ── */
.price,
.room-price,
.room-card__price {
  color: #852999 !important;
}