/**
 * Branz Ltd — Brand Override
 * Visual identity: Insignia of Clarity
 * Palette: Branz Navy, Charcoal Slate, Insight Emerald, Clean White
 * Typography: Inter (headings), IBM Plex Serif (body)
 */

:root {
  --branz-navy: #0A2F50;
  --branz-charcoal: #363A42;
  --branz-emerald: #00BFA5;
  --branz-white: #FFFFFF;
}

/* Typography */
body,
p,
.footer-pera p,
.tailor-details p,
.about-caption p,
.blogs-cap p,
.capt p {
  font-family: 'IBM Plex Serif', Georgia, serif !important;
}

h1, h2, h3, h4, h5, h6,
.section-tittle h2,
.hero-caption h1,
.tailor-details h2,
.about-caption h2,
.blogs-cap h5,
.capt h3,
.footer-tittle h4,
.heading-cap h2,
.stock-text h2 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600;
}

/* Hero overlay — Branz Navy */
.hero-overly::before {
  background-color: rgba(10, 47, 80, 0.88) !important;
}

/* Slider footer bar — Branz Navy */
.slider-footer {
  background: var(--branz-navy) !important;
}

.slider-footer .caption h4,
.slider-footer .caption p {
  color: var(--branz-white);
}

/* Buttons — Insight Emerald for primary CTAs */
.btn,
.header-btn,
.btn_01:hover,
.visit-btn,
.boxed-btn:hover,
.submit-btn {
  background: var(--branz-emerald) !important;
  border-color: var(--branz-emerald) !important;
}

.btn::before,
.header-btn:hover {
  background: #009688 !important; /* darker emerald on hover */
}

.btn_01 {
  color: var(--branz-emerald) !important;
  border-color: var(--branz-emerald) !important;
}

.btn_01:hover {
  color: var(--branz-white) !important;
}

/* Header CTA */
.header-btn {
  background: var(--branz-navy) !important;
}

.header-btn:hover {
  background: var(--branz-charcoal) !important;
}

/* Section headings and links */
.section-tittle h2,
.section-tittle2 h2 {
  color: var(--branz-navy) !important;
}

.section-tittle h2 span {
  color: var(--branz-emerald);
}

a.browse-btn::before,
.theme-color {
  background: var(--branz-emerald);
  color: var(--branz-emerald);
}

/* Body text colour */
.tailor-details p,
.about-caption p,
.blogs-cap p,
.capt p,
.footer-pera p {
  color: var(--branz-charcoal) !important;
}

.heading-color,
.tailor-details h2,
.about-caption h2,
.about-caption h3,
.capt h3 {
  color: var(--branz-navy) !important;
}

/* Visit / purpose block — left accent */
.tailor-offers .info-man {
  background: var(--branz-navy) !important;
}

.tailor-offers .head-cap h3 {
  color: var(--branz-emerald) !important;
}

/* Footer — Branz Navy */
.footer-area {
  background: var(--branz-navy) !important;
}

.footer-tittle h4,
.footer-tittle ul li a:hover {
  color: var(--branz-white);
}

.footer-tittle ul li a,
.footer-pera p,
.footer-copy-right p {
  color: rgba(255, 255, 255, 0.85);
}

.footer-tittle ul li a:hover {
  color: var(--branz-emerald);
}

.footer-copy-right i,
.footer-copy-right a {
  color: var(--branz-emerald);
}

/* Blog cards / services — subtle borders */
.single-blogs2 .blogs-cap h5 a,
.single-blogs2 .blog-btn {
  color: var(--branz-navy);
}

.single-blogs2 .blog-btn:hover {
  background: var(--branz-emerald);
  border-color: var(--branz-emerald);
}

/* Gallery overlay text */
.thumb-content-box .capt h3 {
  color: var(--branz-white);
}

/* Hero link */
.hero-caption span a {
  color: var(--branz-white);
}

.hero-caption span::before {
  background: var(--branz-emerald);
}

/* Navigation */
.main-menu ul#navigation li a {
  color: var(--branz-charcoal);
}

.main-menu ul#navigation li a:hover {
  color: var(--branz-navy);
}

/* Ensure white text on navy/hero */
.hero-caption h1,
.hero-caption p,
.hero-caption span {
  color: var(--branz-white);
}