/* =========================================================
   Azur Capital Partners — custom overrides
   1) Sticky navbar that stays on scroll (transparent over the
      hero, solid white once scrolled) with an adaptive logo.
   2) Hero wordmark replaced by the brand logo.
   ========================================================= */

/* --- Sticky navbar --- */
.navbar.fixed-top {
  transition: background-color .35s ease, box-shadow .35s ease, padding .35s ease;
}

/* Logo inside the navbar brand */
.navbar .navbar-brand {
  padding-top: .35rem;
  padding-bottom: .35rem;
}
.navbar .navbar-brand .acp-logo {
  height: 44px;
  width: auto;
  display: block;
}

/* Transparent state (over the hero): white logo + white links */
.navbar.navbar-transparent {
  background-color: transparent !important;
  box-shadow: none;
}
.navbar.navbar-transparent .acp-logo-color { display: none; }
.navbar.navbar-transparent .acp-logo-white { display: block; }
.navbar.navbar-transparent .nav-link { color: #fff !important; }

/* Solid state (scrolled): white background + navy logo + navy links */
.navbar.fixed-top:not(.navbar-transparent) {
  background-color: #fff !important;
  box-shadow: 0 4px 22px rgba(0, 0, 0, .08);
}
.navbar.fixed-top:not(.navbar-transparent) .acp-logo-white { display: none; }
.navbar.fixed-top:not(.navbar-transparent) .acp-logo-color { display: block; }
.navbar.fixed-top:not(.navbar-transparent) .nav-link { color: #1b2a4a !important; }
.navbar.fixed-top:not(.navbar-transparent) .nav-link:hover { color: #c2a25a !important; }
.navbar.fixed-top:not(.navbar-transparent) .navbar-toggler-bar { background: #1b2a4a; }

/* --- Hero logo (replaces the AZUR CAPITAL PARTNERS text) --- */
.page-header .hero-logo {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  margin: 0 auto 1.5rem;
  filter: drop-shadow(0 2px 20px rgba(0, 0, 0, .45));
}

/* Darken the home hero photo so the white text really stands out */
.page-header.hero-home .page-header-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(8, 12, 22, .55) 0%,
    rgba(8, 12, 22, .42) 45%,
    rgba(8, 12, 22, .68) 100%
  );
}

/* Hero subtitle — bright white, heavier, with a strong shadow to pop */
.page-header .hero-subtitle {
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: .015em;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .85), 0 1px 5px rgba(0, 0, 0, .7);
}

/* --- Landing feature cards (Our Expertise / Our Team / About us) ---
   Same treatment as the hero: darker veil + brighter text, gold titles. */
.card.home-feature-card:after {
  background: linear-gradient(
    180deg,
    rgba(8, 12, 22, .62) 0%,
    rgba(8, 12, 22, .50) 45%,
    rgba(8, 12, 22, .80) 100%
  ) !important;
}
.home-feature-card .info-title {
  color: #d0b068 !important; /* Azur Capital Partners gold (logo arc) */
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}
.home-feature-card .description p {
  color: #ffffff !important;
  font-weight: 400;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .7);
}
.home-feature-card .description a {
  color: #ffffff !important;
  font-weight: 600;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .7);
}
.home-feature-card .description a:hover,
.home-feature-card .description a:focus {
  color: #d0b068 !important;
}
/* Home card icons → gold */
.home-feature-card .icon i {
  color: #d0b068 !important;
}

/* =========================================================
   Footer "Get in touch" — darker photo + gold text/emails
   ========================================================= */
/* Composite the dark veil directly into the section background (above the
   photo, below the text) — bulletproof, no pseudo-element / z-index issues. */
.contactus-1.section-image {
  background-image:
    linear-gradient(rgba(7, 11, 20, .68), rgba(7, 11, 20, .68)),
    url("../img/contact1.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
}
/* "Get in touch." — pure bright white, bold */
.contactus-1 .title {
  color: #ffffff !important;
  font-weight: 700;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .95);
}
/* Text below "Get in touch" → luminous gold */
.contactus-1 h4.description {
  color: #f1dca0 !important;
  font-weight: 500;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .95);
}
/* Labels (General Inquiries / Media Contact) → pure white */
.contactus-1 .info-title {
  color: #ffffff !important;
  font-weight: 600;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .9);
}
.contactus-1 .info-horizontal .icon i {
  color: #f1dca0 !important;
}
/* Footer emails → luminous gold (overrides inline color) */
.contactus-1 .info .description a {
  color: #f1dca0 !important;
  font-weight: 500;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .95);
}

/* =========================================================
   Expertise page — three product boxes
   Gold titles, white body, darker image (like the hero)
   ========================================================= */
.card-background-product:after {
  background: linear-gradient(
    180deg,
    rgba(8, 12, 22, .60) 0%,
    rgba(8, 12, 22, .48) 45%,
    rgba(8, 12, 22, .82) 100%
  ) !important;
}
.card-background-product .card-title {
  color: #d0b068 !important;
}
.card-background-product .card-description {
  color: #ffffff !important;
  font-weight: 400;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .7);
}

/* =========================================================
   About page — quote boxes in brand gold
   ========================================================= */
.blockquote.blockquote-primary {
  color: #d0b068 !important;
  border-color: #d0b068 !important;
}
.blockquote.blockquote-primary small {
  color: #d0b068 !important;
}

/* =========================================================
   Team page — aligned founders, gold accents, contacts
   ========================================================= */
.team-member .category {
  color: #d0b068 !important;
  font-weight: 600;
}
.team-member .card-description {
  margin-bottom: 1rem;
}

/* Photo rendered as a fixed-size cover image, with gold right-angle
   corners drawn ON the photo (top-left + bottom-right). */
.team-photo {
  position: relative;
  display: block;
  width: 280px;
  max-width: 100%;
  aspect-ratio: 2 / 3;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 6px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);
  margin: 0;
}
.team-photo::before,
.team-photo::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-color: #d0b068;
  border-style: solid;
  pointer-events: none;
  z-index: 2;
}
.team-photo::before {
  top: 7px;
  left: 7px;
  border-width: 3px 0 0 3px;
}
.team-photo::after {
  bottom: 7px;
  right: 7px;
  border-width: 0 3px 3px 0;
}

/* Contact block — tucked directly under the photo */
.team-contact {
  margin: .45rem 0 0;
  display: flex;
  flex-direction: column;
  gap: .7rem;
}
.team-contact a {
  display: flex;
  align-items: center;
  gap: .6rem;
  color: #1b2a4a;
  font-size: .85rem;
  word-break: break-word;
  transition: color .25s ease;
}
.team-contact a i {
  color: #d0b068;
  font-size: 1.5rem;
  width: 1.6rem;
  text-align: center;
  flex-shrink: 0;
}
.team-contact a:hover {
  color: #d0b068;
}
/* Keep the LinkedIn mark in LinkedIn blue */
.team-contact a.contact-linkedin i {
  color: #0077b5 !important;
}
.team-contact a.contact-linkedin:hover {
  color: #0077b5;
}

@media (max-width: 767px) {
  .navbar .navbar-brand .acp-logo { height: 36px; }
  .page-header .hero-logo { max-width: 300px; }
  .team-contact a { font-size: .8rem; }
}