/*
Theme Name: Keys & Closings GTA V21
Theme URI: https://keysandclosingsgta.ca/
Author: Mike Eccles / Keys & Closings GTA
Description: Custom WordPress conversion of the approved Keys & Closings GTA V21 website design. V21.1 tightens About and Footer spacing.
Version: 21.1.0
Text Domain: kcgta
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000000;color:#f5f3ef;font-family:"DM Sans",Arial,sans-serif}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:50;background:rgba(11,11,12,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{height:68px;width:auto;display:block}.nav{display:flex;align-items:center;gap:25px}.nav a{color:#e9e7e3;text-decoration:none;font-size:14px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{border:0;padding:14px 20px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}.btn-gold{background:#c8a85b;color:#000000}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-dark{background:#000000;color:#fff}.hero{padding:75px 5vw;background:radial-gradient(circle at 78% 38%,rgba(200,168,91,.14),transparent 32%),#000000}.hero-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{color:#c8a85b;letter-spacing:.18em;font-size:12px;font-weight:700}.hero h1,.section h2,.split-section h2,.about h2,.contact-section h2,.cta-band h2,.testimonial-section h2,.modal h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,76px);line-height:.99;margin:14px 0 20px}.hero h1 span{color:#c8a85b}.hero-sub{font-size:18px;line-height:1.7;color:#bbb7b0;max-width:690px}.hero-actions{display:flex;gap:12px;margin-top:30px}.contact-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;color:#8f8b85;font-size:13px}.contact-mini a{color:#b8b3aa;text-decoration:none}.hero-panel{min-height:520px;border:1px solid rgba(200,168,91,.25);background:#000000;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px}.hero-logo{width:260px;max-width:70%;height:auto;display:block}.hero-panel p{color:#888;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero-panel strong{color:#c8a85b;font-size:14px}.search-strip{background:#f2efe7;color:#050505;padding:30px 5vw}.search-strip>div,.search-strip form,.idx-note{max-width:1380px;margin-left:auto;margin-right:auto}.search-strip>div{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}.search-strip small{color:#9a7e3e;letter-spacing:.15em;font-weight:700}.property-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.property-search input,.property-search select,.contact-form input,.contact-form select,.contact-form textarea,.modal input,.modal select,.modal textarea{width:100%;background:#fff;border:1px solid #d8d3c8;padding:15px;font:inherit}.idx-note{font-size:11px;color:#7a756c;margin-top:10px}.section{padding:95px 5vw;max-width:1480px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading h2{font-size:48px;margin:8px 0}.section-heading.centered{justify-content:center;text-align:center}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.listing-card{background:#090909;border:1px solid rgba(255,255,255,.08);overflow:hidden}.listing-photo{height:280px;background:#1e1e1f center/cover no-repeat;position:relative;display:grid;place-items:center;color:#6f6b65;font-size:12px;letter-spacing:.11em}.listing-photo.no-image:before{content:"PROPERTY PHOTO";}.listing-badge{position:absolute;top:14px;left:14px;background:#c8a85b;color:#050505;padding:8px 10px;font-size:11px;font-weight:700}.listing-body{padding:22px}.listing-body small{color:#c8a85b;letter-spacing:.13em}.listing-body h3{font-family:"Playfair Display";font-size:25px;margin:8px 0}.listing-address{color:#9e9991}.price{font-size:20px}.listing-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#9f9b94;font-size:13px}.listing-card a.details-link{display:inline-block;margin-top:15px;color:#c8a85b;text-decoration:none}.empty-state{padding:35px;border:1px dashed rgba(255,255,255,.18);text-align:center;color:#8e8982}.empty-state.light{border-color:rgba(255,255,255,.2);color:#8c8881}.split-section{margin:40px 5vw 0;background:#c8a85b;color:#050505;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;padding:80px;align-items:center}.split-section .eyebrow{color:#59471e}.split-section h2{font-size:54px}.split-copy p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:650px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,0,0,.2)}.stat-grid div{background:#c8a85b;padding:34px}.stat-grid strong{display:block;font-size:29px;font-family:"Playfair Display"}.stat-grid span{font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid article{padding:30px;border:1px solid rgba(255,255,255,.1);min-height:250px}.service-grid article>span{color:#c8a85b}.service-grid h3{font-size:25px;font-family:"Playfair Display";margin-top:55px}.service-grid p{color:#aaa6a0;line-height:1.6}.about{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;color:#050505}.about-logo-wrap{min-height:650px;background:#000000;display:flex;align-items:center;justify-content:center;padding:55px}.about-logo-wrap img{width:260px;max-width:72%;height:auto;display:block}.about-copy{padding:95px 7vw}.about-copy h2{font-size:54px}.about-copy>p:not(.eyebrow){line-height:1.75;color:#605d57;font-size:17px}.signature{margin:28px 0 30px;width:fit-content;background:#fff}.signature img{display:block;width:340px;max-width:80vw;height:auto}.dark-outline{color:#050505;border-color:#aaa49a}.testimonial-section{text-align:center;padding:95px 6vw;background:#050505}.testimonial-section h2{font-size:50px}.testimonial-grid{max-width:1200px;margin:35px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.testimonial{border:1px solid rgba(255,255,255,.1);padding:28px;min-height:220px}.testimonial p{font-family:"Playfair Display";font-size:20px;line-height:1.5}.testimonial small{color:#8b877f}.approval-note{font-size:11px;color:#777;margin-top:13px}.cta-band{background:#c8a85b;color:#050505;padding:55px 7vw;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band .eyebrow{color:#5f4a1d}.cta-band h2{font-size:42px;margin:8px 0}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-section h2{font-size:54px}.contact-copy>p:not(.eyebrow){color:#aaa6a0;line-height:1.7}.contact-lines{display:flex;flex-direction:column;gap:12px;margin-top:30px}.contact-lines a,.contact-lines span{color:#beb9b0;text-decoration:none}.contact-lines b{color:#c8a85b;display:inline-block;width:90px}.contact-form{background:#090909;padding:30px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form input,.contact-form select,.contact-form textarea,.modal input,.modal select,.modal textarea{background:#050505;border-color:#2b2b2d;color:#fff;margin-bottom:10px}.form-note{display:block;color:#777;margin-top:10px}footer{border-top:1px solid rgba(255,255,255,.08);padding:45px 5vw;color:#aaa6a0;text-align:center}footer>img{width:260px;max-width:70%;height:auto}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer-links a{color:#c8a85b;text-decoration:none}.fineprint{font-size:10px;max-width:850px;margin:18px auto;color:#666}.admin-link{font-size:10px;color:#555;text-decoration:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.show{display:flex}.modal-card{width:min(620px,100%);background:#000000;padding:38px;position:relative;max-height:92vh;overflow:auto}.modal-card h2{font-size:42px}.close-modal{position:absolute;top:12px;right:16px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}@media(max-width:980px){.menu-btn{display:block}.nav{display:none;position:absolute;top:92px;left:0;right:0;background:#000000;padding:25px 5vw;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero-grid,.split-section,.about,.contact-section{grid-template-columns:1fr}.property-search{grid-template-columns:1fr 1fr}.listing-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.split-section{padding:45px}.cta-band{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.topbar{height:76px}.brand img{height:55px}.nav{top:76px}.hero{padding-top:45px}.hero h1{font-size:49px}.hero-actions{flex-direction:column}.hero-panel{min-height:360px}.property-search,.listing-grid,.testimonial-grid,.service-grid,.stat-grid,.two-col{grid-template-columns:1fr}.search-strip>div{display:block}.section{padding:70px 5vw}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.split-section h2,.about-copy h2,.contact-section h2,.testimonial-section h2{font-size:40px}.split-section{margin:0;padding:55px 5vw}.about-logo-wrap{min-height:420px}.about-copy{padding:55px 5vw}.contact-form{padding:20px}}
/* V7 header identity: optimized for legibility in the navigation bar */
.brand-wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.roof-mark{width:42px;height:42px;border:1px solid #c8a85b;color:#c8a85b;display:grid;place-items:center;font-size:25px;line-height:1}
.wordmark-copy{display:flex;flex-direction:column;line-height:1}
.wordmark-copy strong{font-family:"Playfair Display",Georgia,serif;font-size:22px;letter-spacing:.07em;font-weight:600}
.wordmark-copy small{font-size:9px;letter-spacing:.38em;color:#c8a85b;margin-top:7px;padding-left:2px}
@media(max-width:640px){
  .roof-mark{width:36px;height:36px;font-size:21px}
  .wordmark-copy strong{font-size:17px}
  .wordmark-copy small{font-size:7px;letter-spacing:.3em}
}

/* V8 — crisp text-only navigation identity (no low-res image in header) */
.kcgta-header-brand{
  display:flex; align-items:center; gap:13px; text-decoration:none; color:#fff;
  min-width:275px;
}
.key-symbol{
  width:34px; height:34px; display:grid; place-items:center;
  border:1px solid #c8a85b; transform:rotate(45deg);
  color:#c8a85b; font-size:11px; flex:0 0 34px;
}
.key-symbol::first-letter{transform:rotate(-45deg)}
.header-brand-copy{display:flex;flex-direction:column;line-height:1}
.header-brand-copy strong{
  font-family:"Playfair Display",Georgia,serif;
  font-size:20px; font-weight:600; letter-spacing:.055em; white-space:nowrap;
}
.header-brand-copy strong em{font-style:normal;color:#c8a85b}
.header-brand-copy small{
  margin-top:7px; color:#c8a85b; font-size:8px;
  letter-spacing:.23em; font-weight:700; white-space:nowrap;
}

/* Keep the supplied 320px logo crisp by never enlarging it. */
.hero-logo,.about-logo-wrap img{image-rendering:auto}
.hero-panel{background:#000!important}
.about-logo-wrap{background:#000!important}

/* Exact black across dark website areas so the logo's black field disappears into the site. */
body,.topbar,.hero{background-color:#000}
footer{background:#000}
@media(max-width:640px){
  .kcgta-header-brand{min-width:0;gap:9px}
  .key-symbol{width:29px;height:29px;flex-basis:29px}
  .header-brand-copy strong{font-size:15px}
  .header-brand-copy small{font-size:6px;letter-spacing:.14em}
}

/* V9 refinements */
.hero-panel{
  width:min(520px, 90vw);
  aspect-ratio:1 / 1;
  min-height:0!important;
  border:1px solid rgba(200,168,91,.38)!important;
  border-radius:50%;
  background:#000!important;
  margin-left:auto;
  margin-right:auto;
  padding:52px!important;
  overflow:hidden;
}
.hero-panel .hero-logo{
  width:250px!important;
  max-width:66%!important;
}
.hero-panel p{
  margin:18px 0 12px;
  text-align:center;
}
.hero-brokerage-logo{
  width:205px;
  max-width:62%;
  height:auto;
  display:block;
  margin:8px auto 0;
}

/* Brokerage logo placements */
.brokerage-logo{
  object-fit:contain;
  image-rendering:auto;
}
.brokerage-line{
  display:flex!important;
  align-items:center;
  gap:12px;
}
.contact-brokerage-logo{
  width:190px;
  max-width:55vw;
  height:auto;
}
.footer-brokerage-logo{
  width:230px;
  max-width:70%;
  height:auto;
  display:block;
  margin:12px auto 18px;
}
.footer-agent{margin-bottom:4px}

/* Keep testimonials area clean when there are none */
#testimonialEmpty:empty{display:none!important}

/* Header subtitle simplified */
.header-brand-copy small{
  letter-spacing:.24em!important;
}

@media(max-width:640px){
  .hero-panel{
    width:min(360px, 88vw);
    padding:35px!important;
  }
  .hero-panel .hero-logo{width:210px!important;max-width:68%!important}
  .hero-brokerage-logo{width:165px}
}

.hero-panel-v10{width:min(420px,86vw)!important;aspect-ratio:1/1!important;min-height:0!important;padding:38px!important;border-color:rgba(200,168,91,.25)!important}
.hero-brand-lockup{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-panel-v10 .hero-logo{width:200px!important;max-width:64%!important;margin:0 auto!important}
.hero-divider{width:70px;height:1px;background:#c8a85b;opacity:.7;margin:18px 0 12px}
.hero-panel-v10 p{font-size:9px!important;letter-spacing:.09em!important;line-height:1.5!important;margin:0 0 14px!important;color:#99948c!important}
.hero-panel-v10 .hero-brokerage-logo{width:150px!important;max-width:52%!important;margin:0 auto!important}
.office-address{font-size:12px;color:#8c8881;margin:13px auto 0}
@media(max-width:640px){.hero-panel-v10{width:min(325px,86vw)!important;padding:27px!important}.hero-panel-v10 .hero-logo{width:165px!important}.hero-panel-v10 .hero-brokerage-logo{width:130px!important}}

/* V11 — larger hero logo + new compact header brand */
.hero-panel-v10 .hero-logo{
  width:235px!important;
  max-width:72%!important;
}

/* Replace prior header treatment with a more distinctive KC monogram */
.kcgta-header-brand-v11{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#fff;
}
.kc-monogram{
  width:42px;
  height:42px;
  border:1px solid #c8a85b;
  border-radius:50%;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
  font-family:"Playfair Display",Georgia,serif;
  color:#fff;
}
.kc-monogram span:first-child{
  position:absolute;
  left:9px;
  top:7px;
  font-size:20px;
  color:#c8a85b;
}
.kc-monogram span:last-child{
  position:absolute;
  right:8px;
  bottom:6px;
  font-size:18px;
  color:#fff;
}
.header-brand-copy-v11{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.header-brand-copy-v11 strong{
  font-family:"Playfair Display",Georgia,serif;
  font-size:20px;
  letter-spacing:.045em;
  font-weight:600;
  white-space:nowrap;
}
.header-brand-copy-v11 small{
  margin-top:6px;
  font-size:8px;
  letter-spacing:.25em;
  color:#c8a85b;
  font-weight:700;
  white-space:nowrap;
}

@media(max-width:640px){
  .hero-panel-v10 .hero-logo{width:195px!important}
  .kc-monogram{width:36px;height:36px;flex-basis:36px}
  .kc-monogram span:first-child{left:8px;top:5px;font-size:17px}
  .kc-monogram span:last-child{right:7px;bottom:5px;font-size:15px}
  .header-brand-copy-v11 strong{font-size:15px}
  .header-brand-copy-v11 small{font-size:6px;letter-spacing:.18em}
}

/* V12 — social-first top-left header + larger hero logo */
.social-brand{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  letter-spacing:.08em;
  white-space:nowrap;
}
.social-brand a{
  color:#f4f1ea;
  text-decoration:none;
  transition:color .2s ease;
}
.social-brand a:hover{color:#c8a85b}
.social-label{
  color:#c8a85b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.22em;
  margin-right:2px;
}
.social-dot{color:#6f6a62}

/* Make only the logo inside the circle bigger */
.hero-panel-v10 .hero-logo{
  width:280px!important;
  max-width:82%!important;
}

/* Slightly tighten the lower content so the bigger logo still breathes */
.hero-panel-v10 .hero-divider{margin:14px 0 10px!important}
.hero-panel-v10 p{margin-bottom:10px!important}
.hero-panel-v10 .hero-brokerage-logo{width:145px!important}

/* Remove unused hero-contact spacing */
.hero-copy .contact-mini{display:none!important}

@media(max-width:980px){
  .social-brand{
    font-size:10px;
    gap:7px;
  }
}
@media(max-width:640px){
  .social-label{display:none}
  .social-brand{
    font-size:9px;
    gap:5px;
    letter-spacing:.03em;
  }
  .social-dot{display:none}
  .social-brand a{margin-right:7px}
  .hero-panel-v10 .hero-logo{
    width:225px!important;
    max-width:82%!important;
  }
}

/* V13 social icons */
.social-icons{display:flex;align-items:center;gap:12px}
.social-icons a{
  width:32px;height:32px;border:1px solid rgba(200,168,91,.45);
  border-radius:50%;display:grid;place-items:center;color:#f4f1ea;
  transition:.2s ease;text-decoration:none
}
.social-icons a:hover{border-color:#c8a85b;color:#c8a85b;transform:translateY(-1px)}
.social-icons svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.social-icons svg .play{fill:currentColor;stroke:none}
.social-icons a:nth-child(3) svg{fill:currentColor;stroke:none}

/* Pull the lower hero details closer to the main logo */
.hero-panel-v10 .hero-logo{margin-bottom:0!important}
.hero-panel-v10 .hero-divider{margin:7px 0 7px!important}
.hero-panel-v10 p{margin:0 0 7px!important;line-height:1.3!important}
.hero-panel-v10 .hero-brokerage-logo{margin-top:0!important}

/* Split the bio's left panel evenly between both brands */
.about-logo-split{
  padding:0!important;
  display:grid!important;
  grid-template-rows:1fr 1fr;
  align-items:stretch!important;
  justify-content:stretch!important;
  min-height:650px;
}
.about-logo-half{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  background:#000;
}
.about-logo-half + .about-logo-half{
  border-top:1px solid rgba(200,168,91,.22);
}
.about-logo-half img{
  display:block;
  object-fit:contain;
  height:auto;
}
.about-logo-half .about-brokerage-logo{
  width:290px;
  max-width:82%;
}
.about-logo-half.mike-half img{
  width:250px;
  max-width:72%;
}

@media(max-width:640px){
  .social-icons{gap:8px}
  .social-icons a{width:29px;height:29px}
  .social-icons svg{width:14px;height:14px}
  .about-logo-split{min-height:520px}
  .about-logo-half{padding:30px}
}

/* V14 requested refinements */

/* Restore the right-side opening-page branding to V10 proportions/style */
.hero-panel-v10{
  width:min(420px,86vw)!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  padding:38px!important;
  border-color:rgba(200,168,91,.25)!important;
}
.hero-panel-v10 .hero-logo{
  width:200px!important;
  max-width:64%!important;
  margin:0 auto!important;
}
.hero-panel-v10 .hero-divider{
  width:70px!important;
  height:1px!important;
  margin:18px 0 12px!important;
}
.hero-panel-v10 p{
  font-size:9px!important;
  letter-spacing:.09em!important;
  line-height:1.5!important;
  margin:0 0 14px!important;
}
.hero-panel-v10 .hero-brokerage-logo{
  width:150px!important;
  max-width:52%!important;
  margin:0 auto!important;
}

/* Make the social icons more prominent */
.social-icons{gap:14px!important}
.social-icons a{
  width:39px!important;
  height:39px!important;
}
.social-icons svg{
  width:20px!important;
  height:20px!important;
}

/* Bring both logos together beside the bio and remove divider */
.about-logo-split{
  grid-template-rows:auto auto!important;
  align-content:center!important;
  gap:10px!important;
  padding:38px 25px!important;
}
.about-logo-half{
  min-height:0!important;
  padding:18px 30px!important;
}
.about-logo-half + .about-logo-half{
  border-top:none!important;
}
.about-logo-half.mike-half img{
  width:235px!important;
  max-width:74%!important;
}
.about-logo-half .about-brokerage-logo{
  width:270px!important;
  max-width:82%!important;
}

@media(max-width:640px){
  .hero-panel-v10{
    width:min(325px,86vw)!important;
    padding:27px!important;
  }
  .hero-panel-v10 .hero-logo{width:165px!important}
  .hero-panel-v10 .hero-brokerage-logo{width:130px!important}
  .social-icons{gap:10px!important}
  .social-icons a{width:35px!important;height:35px!important}
  .social-icons svg{width:18px!important;height:18px!important}
  .about-logo-split{gap:4px!important;padding:28px 20px!important}
  .about-logo-half{padding:14px 24px!important}
}

/* V15 — slightly larger bio logos with more breathing room */
.about-logo-split{
  gap:28px!important;
  padding:44px 28px!important;
}
.about-logo-half{
  padding:20px 30px!important;
}
.about-logo-half.mike-half img{
  width:270px!important;
  max-width:80%!important;
}
.about-logo-half .about-brokerage-logo{
  width:315px!important;
  max-width:88%!important;
}

@media(max-width:640px){
  .about-logo-split{
    gap:16px!important;
    padding:32px 20px!important;
  }
  .about-logo-half{
    padding:16px 22px!important;
  }
  .about-logo-half.mike-half img{
    width:225px!important;
  }
  .about-logo-half .about-brokerage-logo{
    width:260px!important;
  }
}

/* V16 — larger social icons + footer social links */
.social-icons a{
  width:45px!important;
  height:45px!important;
}
.social-icons svg{
  width:23px!important;
  height:23px!important;
}
.footer-social-icons{
  justify-content:center;
  margin:6px auto 22px;
}
.footer-social-icons a{
  width:42px!important;
  height:42px!important;
}
.footer-social-icons svg{
  width:21px!important;
  height:21px!important;
}

@media(max-width:640px){
  .social-icons a{
    width:39px!important;
    height:39px!important;
  }
  .social-icons svg{
    width:20px!important;
    height:20px!important;
  }
  .footer-social-icons a{
    width:38px!important;
    height:38px!important;
  }
}

.guide-hub{padding:95px 24px;background:#0b0b0b}.guide-hub .section-inner,.site-disclaimer .section-inner{max-width:1180px;margin:auto}.guide-intro{max-width:720px;color:#aaa49b;font-size:17px;line-height:1.75;margin-bottom:34px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-card{border:1px solid rgba(200,168,91,.25);padding:42px;background:#111;display:grid;grid-template-columns:auto 1fr;gap:24px}.guide-card h3{font-size:30px;margin:7px 0 14px}.guide-card p{color:#aaa49b;line-height:1.7;margin-bottom:25px}.guide-number{font-family:Georgia,serif;font-size:42px;color:#c8a85b;opacity:.65}
.site-disclaimer{padding:38px 24px;background:#070707;border-top:1px solid rgba(200,168,91,.18)}.site-disclaimer h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#c8a85b;margin-bottom:14px}.site-disclaimer p{max-width:1100px;color:#88837c;font-size:11.5px;line-height:1.65;margin:7px 0}
.guide-page{background:#090909;color:#f5f2eb;margin:0}.guide-page-header{min-height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(200,168,91,.2)}.guide-home{color:#f5f2eb;text-decoration:none;font-size:13px;letter-spacing:.08em}.guide-hero{padding:105px 7vw 80px;max-width:1100px;margin:auto}.guide-hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,88px);font-weight:400;margin:10px 0 20px}.guide-hero p{font-size:19px;line-height:1.75;color:#aaa49b;max-width:780px}.guide-steps{max-width:1100px;margin:auto;padding:0 7vw 85px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-step{border:1px solid rgba(200,168,91,.22);padding:30px;display:flex;gap:20px;background:#101010}.guide-step>span{color:#c8a85b;font-size:13px;padding-top:6px}.guide-step h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 12px}.guide-step p{font-size:14px;color:#aaa49b;line-height:1.7;margin:0}.guide-cta{max-width:1100px;margin:0 auto 45px;padding:42px 7vw;border-top:1px solid rgba(200,168,91,.25);border-bottom:1px solid rgba(200,168,91,.25);display:flex;justify-content:space-between;align-items:center;gap:30px}.guide-cta h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:7px 0}.guide-note{max-width:1100px;margin:auto;padding:0 7vw 70px}.guide-note p{font-size:11.5px;color:#858079;line-height:1.65}.guide-page-footer{text-align:center;padding:30px;border-top:1px solid rgba(200,168,91,.15);color:#777;font-size:11px}.guide-page-footer a{color:#c8a85b}
@media(max-width:760px){.guide-grid,.guide-steps{grid-template-columns:1fr}.guide-card{padding:30px;grid-template-columns:1fr}.guide-cta{align-items:flex-start;flex-direction:column}.site-disclaimer p{font-size:11px}}

/* V18 Privacy Policy */
.policy-content{max-width:980px;margin:0 auto;padding:0 7vw 90px}
.policy-content h2{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#f5f2eb;margin:36px 0 10px}
.policy-content p{font-size:14px;line-height:1.8;color:#aaa49b;margin:0}
.policy-content a{color:#c8a85b}
.policy-date{font-size:12px!important;color:#777!important;margin-top:20px!important}
.policy-caution{margin-top:48px;border:1px solid rgba(200,168,91,.25);padding:24px;color:#8f8980;font-size:12px;line-height:1.7;background:#101010}
.footer-legal-links{display:flex;justify-content:center;gap:20px;margin-top:18px;font-size:11px}
.footer-legal-links a{color:#8f8980;text-decoration:none}
.footer-legal-links a:hover{color:#c8a85b}

/* V19 — visible Privacy Policy + true bottom footer */
html,body{min-height:100%}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body > main{flex:1 0 auto}
body > footer{margin-top:auto;flex-shrink:0}

.privacy-nav-link{
  color:#c8a85b!important;
}

.footer-bottom-legal{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(200,168,91,.14);
  font-size:11px;
  letter-spacing:.04em;
}
.footer-bottom-legal a{
  color:#aaa49b;
  text-decoration:none;
}
.footer-bottom-legal a:hover{color:#c8a85b}
.footer-bottom-legal span{color:#5f5a53}

/* Make standalone policy/guide pages use the same bottom-footer behaviour */
.guide-page main{flex:1 0 auto}
.guide-page-footer{margin-top:auto}


/* WordPress conversion helpers */
body.admin-bar .topbar{top:32px}
@media(max-width:782px){body.admin-bar .topbar{top:46px}}
.button{border:0;padding:14px 20px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}
.button-gold{background:#c8a85b;color:#000}
.button-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.wp-listing-empty,.wp-testimonial-empty{padding:35px;border:1px dashed rgba(255,255,255,.18);text-align:center;color:#8e8982}
.form-success,.form-error{padding:12px 15px;margin:0 0 14px;border:1px solid rgba(200,168,91,.35);font-size:13px}
.form-success{color:#c8a85b}
.form-error{color:#ddd}
.kcgta-admin-note{font-size:12px;color:#777}


/* =========================================================
   V21.1 REFINEMENTS
   Preserve approved V21 design; tighten About + Footer spacing
   ========================================================= */

/* ABOUT / BIO — reduce dead space and keep both logos visually grouped */
.about{
  align-items:stretch!important;
}
.about-logo-split{
  min-height:0!important;
  padding:48px 28px!important;
  gap:34px!important;
  align-content:center!important;
}
.about-logo-half{
  min-height:0!important;
  padding:16px 26px!important;
}
.about-logo-half.mike-half img{
  width:285px!important;
  max-width:82%!important;
}
.about-logo-half .about-brokerage-logo{
  width:325px!important;
  max-width:88%!important;
}
.about-copy{
  padding-top:76px!important;
  padding-bottom:76px!important;
}
.about-copy .signature{
  margin-top:26px!important;
  margin-bottom:18px!important;
}
.about-copy .signature img{
  width:280px!important;
  max-width:72%!important;
}

/* FOOTER — remove excessive vertical black space while keeping centered branding */
footer{
  min-height:0!important;
  padding-top:58px!important;
  padding-bottom:28px!important;
}
footer > img:first-child{
  width:230px!important;
  max-width:64%!important;
  margin:0 auto 14px!important;
}
.footer-agent{
  margin:6px 0 12px!important;
}
.footer-brokerage-logo{
  width:255px!important;
  max-width:68%!important;
  margin:8px auto 14px!important;
}
.footer-social-icons{
  margin:8px auto 18px!important;
}
.footer-links{
  margin-top:8px!important;
  margin-bottom:8px!important;
  row-gap:8px!important;
}
.office-address{
  margin:8px auto 0!important;
}
.footer-bottom-legal{
  margin-top:22px!important;
  padding-top:16px!important;
}

/* Keep disclaimer separated but compact */
.site-disclaimer{
  padding-top:30px!important;
  padding-bottom:30px!important;
}

/* Mobile spacing */
@media(max-width:760px){
  .about-logo-split{
    padding:34px 20px!important;
    gap:22px!important;
  }
  .about-logo-half{
    padding:10px 18px!important;
  }
  .about-logo-half.mike-half img{
    width:235px!important;
  }
  .about-logo-half .about-brokerage-logo{
    width:270px!important;
  }
  .about-copy{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  footer{
    padding-top:42px!important;
    padding-bottom:24px!important;
  }
}