/* ═══════════════════════════════════════
   KP Divine Realty — Style Patch
   Place this file as: assets/css/brand.css
   It is loaded AFTER style.css so it overrides correctly.
   ═══════════════════════════════════════ */

/* ─── NAV LOGO IMAGE ─── */
.nav-logo {
  display: flex;
  align-items: center;
  padding: 6px 0;
  text-decoration: none;
}
.nav-logo-img {
  height: 70px;        /* fits inside 64px nav bar */
  width: auto;
  max-width: 70px;
  object-fit: contain;
  display: block;
  /* keep logo crisp on dark bg — no filter needed since logo is already dark */
}

/* ─── FOOTER LOGO ─── */
.footer-logo {
  font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--gold);
  letter-spacing: 0.04em;
}

/* ─── HERO TAGLINE ─── */
.hero-tagline-kp {
  font-size: 0.82rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold-light);
  margin-top: 0.5rem;
  opacity: 0.8;
}

/* ─── Gallery layout ─── */
.gallery-wrap {
  padding-top: calc(64px + 1.5rem); /* clear fixed nav */
}
.gallery-grid {
  border-radius: 4px;
  overflow: hidden;
}

/* ─── Smooth image transition for gallery ─── */
#main-img {
  transition: opacity 0.15s ease;
}

/* ─── SECURITY: hide PHP error-style text if it leaks ─── */
.xdebug-error, .xdebug-error td { display: none !important; }