/*
Theme Name: Business Rock
Theme URI: https://business-rock.com/
Author: Business Rock Property Ltd
Description: Premium white-label property management theme for Business Rock Property Ltd.
Version: 1.0.29
Requires at least: 6.6
Text Domain: business-rock-v2
*/

:root {
  --br-green: #102A24;
  --br-green-2: #17382F;
  --br-cream: #F6F1E8;
  --br-gold: #B79A62;
  --br-charcoal: #252A28;
  --br-white: #FFFFFF;
}

html, body { margin: 0 !important; padding: 0 !important; }
body {
  background: var(--br-cream) !important;
  color: var(--br-charcoal);
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.wp-site-blocks { margin: 0 !important; padding: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; }

/* HEADER — LIGHT, AS IN THE MOCKUP */
.br-site-header,
header.br-site-header {
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 !important;
  background: var(--br-cream) !important;
  color: var(--br-green) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.br-site-header__inner {
  width: min(100%, 1440px) !important;
  margin: 0 auto !important;
  gap: 28px !important;
  align-items: center !important;
}
.br-site-header__brand {
  flex: 0 0 auto !important;
  min-width: 285px !important;
  gap: 3px !important;
}
.br-brand-name {
  margin: 0 !important;
  color: var(--br-green) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 1.76rem !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
}
.br-brand-tagline {
  margin: 0 !important;
  color: var(--br-charcoal) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: .53rem !important;
  font-weight: 700 !important;
  letter-spacing: .075em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.br-site-header__nav { flex: 1 1 auto !important; min-width: 0 !important; }
.br-site-header__nav .wp-block-navigation {
  width: 100% !important;
  justify-content: flex-end !important;
  gap: clamp(18px, 1.8vw, 34px) !important;
}
.br-site-header__nav .wp-block-navigation-item__content {
  color: var(--br-green) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: .84rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
.br-site-header__nav .wp-block-navigation-item__content:hover { color: var(--br-gold) !important; }
.br-site-header__cta { flex: 0 0 auto !important; margin: 0 !important; }
.br-site-header__cta .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 23px !important;
  background: var(--br-gold) !important;
  color: var(--br-cream) !important;
  border: 0 !important;
  border-radius: 24px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: .80rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
}

/* HERO — IMAGE 60%, GREEN 40%, WITH COPY ALLOWED TO BLEED ACROSS THE IMAGE */
.br-homepage { margin: 0 !important; padding: 0 !important; }
.br-hero {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 592px !important;
  background: var(--br-green) !important;
  color: var(--br-white) !important;
  overflow: hidden !important;
}
.br-hero__inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 592px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.br-hero__media {
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 60% !important;
  min-height: 592px !important;
  overflow: hidden !important;
  background: url('assets/townhouse-wide.png') center center / cover no-repeat !important;
}
.br-hero__media::before {
  content: '' !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  background: linear-gradient(90deg,
    var(--br-green) 0%,
    rgba(16,42,36,.98) 8%,
    rgba(16,42,36,.86) 22%,
    rgba(16,42,36,.55) 38%,
    rgba(16,42,36,.18) 54%,
    rgba(16,42,36,0) 72%) !important;
  pointer-events: none !important;
}
.br-hero__copy {
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 592px !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 62px clamp(32px, 5.5vw, 96px) 66px !important;
  background: transparent !important;
}
.br-hero-eyebrow {
  width: 100% !important;
  margin: 0 0 27px !important;
  color: var(--br-white) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.45 !important;
}
.br-hero-title {
  display: block !important;
  width: min(760px, 60vw) !important;
  max-width: none !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: var(--br-white) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(3.2rem, 4.25vw, 5.15rem) !important;
  font-weight: 400 !important;
  line-height: .94 !important;
  letter-spacing: -.04em !important;
  overflow: visible !important;
}
.br-hero-title__light { color: var(--br-white) !important; white-space: nowrap !important; }
.br-hero-title__gold { color: var(--br-gold) !important; white-space: nowrap !important; }
.br-hero-copy {
  width: min(590px, 48vw) !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  color: var(--br-white) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.br-hero-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin: 0 !important;
}
.br-hero-buttons .wp-block-button__link {
  min-height: 46px !important;
  padding: 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 24px !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  text-decoration: none !important;
}
.br-hero-buttons .wp-block-button:first-child .wp-block-button__link {
  background: var(--br-gold) !important;
  color: var(--br-white) !important;
  border: 1px solid var(--br-gold) !important;
}
.br-hero-secondary .wp-block-button__link {
  background: transparent !important;
  color: var(--br-white) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
}
.br-hero-secondary .wp-block-button__link:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: var(--br-gold) !important;
  color: var(--br-white) !important;
}

/* Rest of site */
h1,h2,h3,h4,h5,h6,.wp-block-heading {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: -.025em;
}
.has-forest-background-color { background-color: var(--br-green-2) !important; }
.has-forest-deep-background-color { background-color: var(--br-green) !important; }
.has-cream-background-color { background-color: var(--br-cream) !important; }
.has-gold-background-color { background-color: var(--br-gold) !important; }
.has-forest-color { color: var(--br-green-2) !important; }
.has-cream-color { color: var(--br-cream) !important; }
.has-gold-color { color: var(--br-gold) !important; }
.has-charcoal-color { color: var(--br-charcoal) !important; }
.wp-block-button__link { text-decoration: none; }


/* =========================================================
   MOCKUP-STYLE HOMEPAGE SECTIONS — 1.0.29
   ========================================================= */
.br-services-strip {
  background: var(--br-cream);
  border-bottom: 1px solid #ded7cb;
}
.br-services-strip__inner {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 28px 42px 30px;
}
.br-service-item {
  text-align: center;
  min-height: 112px;
  padding: 0 28px;
  border-right: 1px solid #ddd5c8;
}
.br-service-item:last-child { border-right: 0; }
.br-line-icon {
  width: 45px;
  height: 45px;
  margin: 0 auto 6px;
  color: var(--br-gold);
}
.br-line-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.br-service-item h3 {
  margin: 0 0 5px;
  color: var(--br-charcoal);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: 0;
}
.br-service-item p {
  margin: 0;
  color: #77756e;
  font-family: Inter, Arial, sans-serif;
  font-size: .78rem;
  line-height: 1.25;
}

.br-brand-section {
  display: grid;
  grid-template-columns: 42% 58%;
  min-height: 455px;
  background: var(--br-cream);
}
.br-brand-image {
  min-height: 455px;
  overflow: hidden;
}
.br-brand-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.br-brand-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 58px clamp(42px, 6vw, 92px);
  box-sizing: border-box;
}
.br-kicker {
  color: var(--br-gold);
  font-family: Inter, Arial, sans-serif;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.45;
}
.br-brand-copy h2 {
  margin: 16px 0 16px;
  color: var(--br-green);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.45rem, 3.6vw, 4rem);
  line-height: .98;
  font-weight: 400;
  letter-spacing: -.035em;
}
.br-brand-copy h2 span { color: var(--br-green); }
.br-brand-copy > p {
  max-width: 620px;
  margin: 0;
  color: #444b47;
  font-family: Inter, Arial, sans-serif;
  font-size: .98rem;
  line-height: 1.48;
}
.br-brand-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 30px;
}
.br-brand-points > div {
  text-align: center;
  padding: 0 20px;
  border-right: 1px solid #d8d1c5;
}
.br-brand-points > div:first-child { padding-left: 0; }
.br-brand-points > div:last-child { border-right: 0; }
.br-point-icon {
  margin-bottom: 6px;
  color: var(--br-gold);
  font-family: Georgia, serif;
  font-size: 2rem;
  line-height: 1;
}
.br-brand-points strong,
.br-brand-points span {
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: .77rem;
  line-height: 1.3;
}
.br-brand-points strong { color: #55564f; font-weight: 700; }
.br-brand-points span { color: #6f716a; }

.br-value-band {
  background: var(--br-green);
  color: var(--br-cream);
}
.br-value-band__inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 54% 46%;
  align-items: center;
  gap: 50px;
  padding: 34px 42px 38px;
}
.br-small-rule {
  width: 34px;
  height: 2px;
  margin-bottom: 10px;
  background: var(--br-gold);
}
.br-value-band .br-kicker { margin-bottom: 8px; }
.br-value-band h2 {
  margin: 0;
  color: var(--br-cream);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.45rem, 4vw, 4.2rem);
  line-height: .94;
  font-weight: 400;
  letter-spacing: -.04em;
}
.br-value-band h2 span { color: var(--br-cream); }
.br-value-band__inner > p {
  margin: 0;
  color: rgba(246,241,232,.92);
  font-family: Inter, Arial, sans-serif;
  font-size: .92rem;
  line-height: 1.55;
}

.br-packages {
  background: var(--br-cream);
  padding: 20px 28px 70px;
}
.br-packages__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.br-packages h2 {
  margin: 0 0 24px;
  text-align: center;
  color: var(--br-green);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.1rem, 3.3vw, 3.4rem);
  line-height: 1;
  font-weight: 400;
  letter-spacing: -.035em;
}
.br-package-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.br-package-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 475px;
  padding: 26px 27px 24px;
  background: rgba(255,255,255,.42);
  border: 1px solid #ded9cf;
  border-radius: 9px;
  box-sizing: border-box;
}
.br-package-card--featured {
  border: 2px solid #c9b98f;
  background: rgba(255,255,255,.56);
}
.br-popular {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 18px;
  border-radius: 20px;
  background: var(--br-gold);
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}
.br-package-label {
  margin-bottom: 5px;
  color: var(--br-gold);
  font-family: Inter, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .1em;
}
.br-package-card h3 {
  margin: 0 0 9px;
  color: var(--br-green);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.55rem, 2vw, 2rem);
  line-height: 1;
  letter-spacing: -.025em;
  font-weight: 400;
}
.br-package-card > p {
  min-height: 52px;
  margin: 0 0 10px;
  color: #686963;
  font-family: Inter, Arial, sans-serif;
  font-size: .84rem;
  line-height: 1.4;
}
.br-price {
  margin: 0 0 10px;
  color: var(--br-charcoal);
  font-family: Inter, Arial, sans-serif;
  font-size: 1.42rem;
  font-weight: 700;
}
.br-price small { font-size: .68rem; font-weight: 600; }
.br-package-card ul {
  flex: 1;
  list-style: none;
  margin: 0 0 17px;
  padding: 0;
  color: #666862;
  font-family: Inter, Arial, sans-serif;
  font-size: .77rem;
  line-height: 1.5;
}
.br-package-card li {
  position: relative;
  padding-left: 18px;
  margin: 2px 0;
}
.br-package-card li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--br-gold);
  font-weight: 700;
}
.br-outline-btn,
.br-gold-btn {
  display: block;
  width: 100%;
  padding: 10px 16px;
  box-sizing: border-box;
  border-radius: 22px;
  text-align: center;
  text-decoration: none;
  font-family: Inter, Arial, sans-serif;
  font-size: .78rem;
  font-weight: 700;
}
.br-outline-btn {
  border: 1px solid #c9b98f;
  color: var(--br-gold);
  background: transparent;
}
.br-gold-btn {
  border: 1px solid var(--br-gold);
  color: #fff;
  background: var(--br-gold);
}

.br-testimonial {
  display: grid;
  grid-template-columns: 54% 46%;
  min-height: 260px;
  background: var(--br-green);
}
.br-testimonial__image {
  min-height: 260px;
  background: url('assets/mockup-london.jpg') center center / cover no-repeat;
}
.br-testimonial__quote {
  position: relative;
  padding: 30px 54px 28px;
  color: var(--br-cream);
}
.br-quote-mark {
  color: var(--br-gold);
  font-family: Georgia, serif;
  font-size: 4rem;
  line-height: .55;
}
.br-testimonial blockquote {
  max-width: 480px;
  margin: 9px 0 16px;
  color: var(--br-cream);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.12;
}
.br-testimonial__credit {
  color: var(--br-gold);
  font-family: Inter, Arial, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .09em;
  line-height: 1.5;
}
.br-testimonial__credit span {
  color: rgba(246,241,232,.85);
  letter-spacing: 0;
  font-weight: 400;
}
.br-slider-arrows {
  position: absolute;
  right: 45px;
  bottom: 26px;
  display: flex;
  gap: 12px;
}
.br-slider-arrows span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--br-gold);
  border-radius: 50%;
  color: var(--br-gold);
  font-family: Inter, Arial, sans-serif;
}

.br-footer {
  background: var(--br-green);
  color: var(--br-cream);
  border-top: 1px solid rgba(246,241,232,.15);
}
.br-footer__inner {
  max-width: 1420px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr 2fr 1.35fr;
  align-items: center;
  gap: 24px;
  padding: 25px 42px;
}
.br-footer-logo {
  color: var(--br-cream);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.28rem;
  line-height: 1;
}
.br-footer-tagline {
  margin-top: 5px;
  color: var(--br-cream);
  font-family: Inter, Arial, sans-serif;
  font-size: .47rem;
  font-weight: 700;
  letter-spacing: .08em;
}
.br-footer-nav {
  display: flex;
  justify-content: center;
  gap: 23px;
  flex-wrap: wrap;
}
.br-footer-nav a {
  color: var(--br-cream);
  text-decoration: none;
  font-family: Inter, Arial, sans-serif;
  font-size: .68rem;
}
.br-footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.br-social {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(246,241,232,.7);
  border-radius: 50%;
  color: var(--br-cream);
  text-decoration: none;
  font-family: Inter, Arial, sans-serif;
  font-size: .72rem;
}
.br-footer-cta {
  margin-left: 5px;
  padding: 10px 17px;
  border-radius: 22px;
  background: var(--br-gold);
  color: #fff;
  text-decoration: none;
  font-family: Inter, Arial, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .br-services-strip__inner { grid-template-columns: repeat(2,1fr); }
  .br-service-item:nth-child(2) { border-right: 0; }
  .br-service-item:nth-child(-n+2) { border-bottom: 1px solid #ddd5c8; }
  .br-brand-section, .br-testimonial { grid-template-columns: 1fr; }
  .br-brand-image { min-height: 330px; }
  .br-value-band__inner { grid-template-columns: 1fr; gap: 20px; }
  .br-package-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
  .br-package-card { min-height: 0; }
  .br-testimonial__image { min-height: 240px; }
  .br-footer__inner { grid-template-columns: 1fr; text-align: center; }
  .br-footer-actions { justify-content: center; }
}
@media (max-width: 600px) {
  .br-services-strip__inner { grid-template-columns: 1fr; padding: 12px 22px; }
  .br-service-item { border-right: 0; border-bottom: 1px solid #ddd5c8; padding: 20px; }
  .br-service-item:last-child { border-bottom: 0; }
  .br-brand-copy { padding: 42px 26px; }
  .br-brand-points { grid-template-columns: 1fr; gap: 16px; }
  .br-brand-points > div { border-right: 0; border-bottom: 1px solid #d8d1c5; padding: 0 0 14px; }
  .br-brand-points > div:last-child { border-bottom: 0; }
  .br-value-band__inner { padding: 30px 25px; }
  .br-packages { padding-left: 18px; padding-right: 18px; }
  .br-testimonial__quote { padding: 28px 26px 70px; }
  .br-slider-arrows { right: 26px; }
  .br-footer__inner { padding: 25px 20px; }
}

@media (max-width: 1100px) {
  .br-site-header__brand { min-width: 235px !important; }
  .br-site-header__nav .wp-block-navigation { gap: 13px !important; }
  .br-site-header__nav .wp-block-navigation-item__content { font-size: .72rem !important; }
  .br-site-header__cta .wp-block-button__link { padding: 0 17px !important; font-size: .69rem !important; }
  .br-hero__copy { padding-left: 48px !important; padding-right: 48px !important; }
  .br-hero-title { width: min(760px, 64vw) !important; }
  .br-hero-copy { width: min(570px, 50vw) !important; }
}
@media (max-width: 800px) {
  .br-site-header { padding: 16px 20px !important; }
  .br-site-header__brand { min-width: 0 !important; }
  .br-site-header__nav, .br-site-header__cta { display: none !important; }
  .br-hero__inner { display: block !important; }
  .br-hero__copy { min-height: 540px !important; padding: 62px 25px 65px !important; }
  .br-hero-title, .br-hero-copy { width: auto !important; }
  .br-hero-title__light, .br-hero-title__gold { white-space: normal !important; }
  .br-hero__media { top: auto !important; bottom: 0 !important; width: 100% !important; height: 360px !important; min-height: 360px !important; }
  .br-hero-title { font-size: clamp(3rem, 12vw, 4.4rem) !important; }
}