/* Premium Bootstrap component theming for Adrodebt */
.text-navy { color: var(--navy) !important; }
.text-gold { color: var(--gold-dark) !important; }
.bg-surface-soft { background: var(--surface); }
.bg-navy { background: var(--navy) !important; }

.dropdown-menu-premium {
  min-width: min(320px, calc(100vw - 2rem));
  padding: .75rem 0;
  border-radius: 0 !important;
}
.dropdown-menu-premium .dropdown-header {
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold-dark);
  font-weight: 700;
}
.dropdown-menu-premium .dropdown-item {
  padding: .65rem 1.15rem;
  font-size: .9rem;
  white-space: normal;
  max-width: 360px;
  transition: background .2s, padding-left .2s;
}
.dropdown-menu-premium .dropdown-item:hover {
  background: var(--surface);
  padding-left: 1.35rem;
  color: var(--navy);
}

.offcanvas-premium {
  --bs-offcanvas-width: min(100%, 340px);
  border-left: 3px solid var(--gold);
}
.offcanvas-premium .offcanvas-title {
  font-family: var(--font-display);
  color: var(--navy);
}
.list-group-premium .list-group-item {
  border-color: var(--line);
  color: var(--navy);
  font-weight: 600;
  padding: .95rem 0;
  background: transparent;
}
.list-group-premium .list-group-item:hover {
  color: var(--gold-dark);
  background: transparent;
}

.icon-tile {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, rgba(201,162,74,.18), rgba(201,162,74,.05));
  color: var(--gold-dark);
  font-size: 1.35rem;
  border: 1px solid rgba(201,162,74,.35);
  transition: transform .3s var(--ease-out), background .3s, color .3s;
}
.feature-premium:hover .icon-tile {
  transform: translateY(-3px) scale(1.05);
  background: var(--gold);
  color: var(--navy);
}

.feature-premium {
  padding: 1.5rem 1.25rem;
  height: 100%;
  border: 1px solid var(--line);
  background: var(--white);
  transition: border-color .3s, box-shadow .3s, transform .3s var(--ease-out);
}
.feature-premium:hover {
  border-color: rgba(201,162,74,.55);
  box-shadow: var(--shadow);
  transform: translateY(-4px);
}
.feature-premium h3 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 1rem 0 .4rem;
}

.accordion-premium .accordion-item {
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}
.accordion-premium .accordion-button {
  font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--navy);
  background: transparent;
  box-shadow: none !important;
  padding: 1.2rem 0;
  font-weight: 600;
}
.accordion-premium .accordion-button:not(.collapsed) {
  color: var(--gold-dark);
  background: transparent;
}
.accordion-premium .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C9A24A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-premium .accordion-body {
  padding: 0 0 1.25rem;
  color: var(--muted);
}

.nav-pills-premium .nav-link {
  color: var(--navy);
  border-radius: 0;
  font-weight: 600;
  border: 1px solid var(--line);
  margin-bottom: .5rem;
  padding: .7rem 1rem;
}
.nav-pills-premium .nav-link.active,
.nav-pills-premium .nav-link:hover {
  background: var(--navy);
  color: var(--white);
  border-color: var(--navy);
}
.nav-pills-premium .nav-link.active i,
.nav-pills-premium .nav-link:hover i { color: var(--gold-soft); }

.list-group-service .list-group-item {
  border-color: var(--line);
  padding: .85rem 0;
  background: transparent;
  display: flex;
  gap: .75rem;
  align-items: flex-start;
}
.list-group-service .list-group-item i {
  color: var(--gold-dark);
  margin-top: .15rem;
}

.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  border-color: var(--gold);
}
.form-floating > label { color: var(--muted); }
.form-floating > .form-control:focus ~ label {
  color: var(--gold-dark);
}

.badge-soft-gold {
  background: rgba(201,162,74,.15);
  color: var(--gold-dark);
  font-weight: 700;
  letter-spacing: .04em;
  border-radius: 0;
  padding: .45em .7em;
}

.toast-premium {
  border: 0;
  border-left: 3px solid var(--gold);
  box-shadow: var(--shadow);
}

.progress-premium {
  height: 4px;
  border-radius: 0;
  background: rgba(11,31,58,.08);
}
.progress-premium .progress-bar {
  background: linear-gradient(90deg, var(--gold-dark), var(--gold));
}

.service-card .service-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(201,162,74,.35);
  color: var(--gold);
  margin-bottom: .35rem;
  transition: background .3s, color .3s;
}
.service-card:hover .service-icon {
  background: var(--gold);
  color: var(--navy);
}

.page-hero .breadcrumb { --bs-breadcrumb-divider-color: rgba(255,255,255,.35); }
.page-hero .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.35); }
.page-hero .breadcrumb-item.active { color: rgba(255,255,255,.65); }

.hero-actions .btn .bi { margin-right: .15rem; }

.header-top .bi { margin-right: .35rem; opacity: .85; }

@media (max-width: 991.98px) {
  .navbar-toggler .bi { line-height: 1; }
}
