/*
Theme Name: QLD Property Buyers
Theme URI: https://www.qldpropertybuyers.com.au/
Author: QLD Property Buyers Group
Description: WordPress theme stylesheet ported verbatim from the source site for exact visual parity.
Version: 1.0.0
Text Domain: qpb
*/
:root{
  --heading:#164E57;--brand:#3AA6B9;--brand-600:#0f5e4b;--accent:#d4a017;--ink:#0e0f12;--muted:#5d646a;--bg:#ffffff;--bg-alt:#f7f9fb;--card:#ffffff;--border:#e6eaee;--shadow:0 8px 24px rgba(10,58,47,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html, body {
  overflow-x: hidden;
}
body{margin:0;font:16px/1.6 "Inter",system-ui,Roboto,sans-serif;color:var(--muted);background:var(--bg-alt)}
img{max-width:100%;display:block}
.container{width:min(1160px,92vw);margin-inline:auto; margin-top: 20px; margin-bottom: 20px}
header{padding:.2rem;position:sticky;top:0;z-index:50;background:#2997aa;backdrop-filter:blur(10px);transition:all .3s ease}
/*  header.shrink{padding:.3rem 0}*/
header img{transition:all .3s ease;}
/*    header.shrink img{max-width:180px;max-height:60px}*/
nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
nav a{padding:.5rem .6rem;border-radius:.5rem;color:#fff;font-weight:600;text-decoration:none}
nav a.active,nav a:hover{background:rgba(12,75,60,.08);color:#E9F8F9}
nav ul.show{display:flex}
nav ul{flex-direction:column;align-items:flex-start;background:var(--brand);position:absolute;top:100%;right:0;left:0;display:none;padding:1rem}
nav .menu-toggle{display:block;cursor:pointer;color:#fff;font-weight:800;padding:.5rem 1rem;font-size: 1.8rem}
@media(max-width:768px){
header .mobile-hide {display:none }
header .logo { max-width:265px;max-height:68px;object-fit:contain }
footer .logo { max-width:128px;max-height:66px;object-fit:contain }
}
@media(min-width:769px){
/*nav .menu-toggle{display:none}*/
footer .logo { max-width:128px;max-height:66px;object-fit:contain }
header .logo { max-width:265px;max-height:88px;object-fit:contain }
}
h3 { font-size: 1.6rem; color: var(--heading); }
h4 { color:var(--brand) }

/*header{background-color: #2997aa;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);padding:.55rem 0}
nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
nav a{padding:.5rem .6rem;border-radius:.5rem;color:#fff;font-weight:500}
nav a.active,nav a:hover{background:rgba(12,75,60,.08);color:#E9F8F9}*/

.hero{position:relative;min-height:60vh;color:#fff;display:flex;align-items:center;z-index:1;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:var(--hero-bg, url('https://www.qldpropertybuyers.com.au/wp-content/uploads/2025/09/brisbane-night-skyline-300x192.jpg')) center/cover no-repeat;z-index:-2;transition:background-image .6s ease}
.hero::after{content:"";position:absolute;inset:0;background:rgba(12,75,60,.35);z-index:-1}
.posts-hero{position:relative;min-height:30vh;color:#fff;display:flex;align-items:center;z-index:1;overflow:hidden}
.posts-hero::before{content:"";position:absolute;inset:0;z-index:-2;transition:background-image .6s ease}
.posts-hero::after{content:"";position:absolute;inset:0;background:rgba(12,75,60,.35);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}
.hero h2{font-size:2.4rem;margin:.5rem 0}
.hero p.lede{font-size:1.325rem;color:#f1f1f1}
.navlink { color: #fff; text-decoration: none; }
.cards{display:grid;grid-template-columns:repeat(2,1fr);/*grid-template-columns:repeat(3,1fr);*/gap:1rem;margin-top:1.25rem;align-items:stretch}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);text-align:center !important;display:flex;flex-direction:column}
footer .cards{grid-template-columns:repeat(3,1fr) !important;gap:1rem;margin-top:1.25rem;align-items:stretch}
footer .card{color: #fff;text-align:center !important;display:flex;flex-direction:column; text-align: left !important; background: transparent !important; box-shadow: none !important; border: none !important; }
.icon{width:60px;height:60px;display:grid;place-items:center;border-radius:.75rem;color:var(--heading);margin-bottom:.75rem;margin-inline:auto}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;align-items:stretch}
@media(max-width:980px){.pricing{grid-template-columns:1fr}}
.price{position:relative;text-align:center}
.price .tag{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;text-shadow:1px 1px var(--heading);font-size:.75rem;font-weight:800;padding:.25rem .5rem;border-radius:.4rem}
.timeline{display:grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;gap:1.5rem;margin-top:1.25rem}
.step{padding:1.5rem;border-radius:.75rem;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}
.badge-num{width:42px;height:42px;border-radius:999px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem;margin:0 auto .5rem}
#faq .uagb-faq-item{
  border:1px solid var(--border, #e6eaee);
  border-radius:1rem;
  background:var(--card, #fff);
  box-shadow:var(--shadow, 0 8px 24px rgba(10,58,47,.08));
  transition:box-shadow .2s ease, border-color .2s ease;
  margin: 5px 0;
}
#faq .uagb-faq-item[aria-expanded="true"]{
  border-color:var(--brand, #0c4b3c);
  box-shadow:0 10px 30px rgba(12,75,60,.12);
}
#faq .uagb-faq-questions{
  padding:1rem 1.25rem; display:flex; align-items:center; gap:.75rem; cursor:pointer;
  color:var(--ink, #0e0f12);
}
#faq .uagb-faq-questions .uagb-question{ flex:1; font-weight:800 }
#faq .uagb-faq-content{ padding:0 1.25rem 1rem 1.25rem; display:none; color:#333 }
#faq .uagb-faq-item[aria-expanded="true"] .uagb-faq-content{ display:block }
/* toggle the plus/minus icons */
#faq .uagb-icon-active{ display:none }
#faq .uagb-faq-item[aria-expanded="true"] .uagb-icon{ display:none }
#faq .uagb-faq-item[aria-expanded="true"] .uagb-icon-active{ display:inline-block }
/* icon sizing + tint */
#faq .uagb-faq-icon-wrap svg{ width:18px; height:18px; fill:currentColor; color:var(--brand, #0c4b3c) }
  #qldpropertybuyersLeadForm .main_title,
#sidebar,
#zpcookie-banner-msgbar {
  display: none !important;
}
#agentsTitle { 
  text-transform: capitalize;
}
#agentName { display: none }
/* --> mobile view */
@media only screen and (max-width: 768px){
  body.page header#site-header{
    height: 60px !important;
  }
  #header-content-wrap{
    padding: 7px;
    display: block;
  }
  header#site-header .entry-header {
    /* padding: 70px 30px; */
    text-align: center;
  }
}

header#site-header {
      height: 100px !important;
}

header#site-header .entry-header{
      display: none !important;
}

#qldpropertybuyersLeadForm {
  /*font-family: 'Transducer Extended',Helvetica,Arial,Lucida,sans-serif; */
  z-index: 9999999;
  font-size: 16px;
  /*margin-top: -30px;
  margin-bottom: -10px;*/
  /*margin-left: 10px;
  margin-right: 10px;*/
}
#brxe-sjwgzq, #brxe-pzdxju, #brxe-amzgga, #brxe-xstsqq, .card-link {
  display: none !important;
}
#qldpropertybuyersLeadForm h4 {
  color: #000625;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1.2em;
  font-family: 'Transducer Extended',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 600;
  margin: 3px !important;
  font-size: 18px;
}

#qldpropertybuyersLeadForm .ui-autocomplete li {
  background-color: #fff;
  border-radius: 5px;
  z-index: 9999999;
  position: relative;
  padding: 5px;
  border: #ccc 1px solid;
  border-radius: 2px;
  cursor: pointer
}

#chat-container {
  background-color: #fff;
  position: relative;
  z-index: 9999999;
  border-top: #ccc 1px solid;
  border-radius: 5px
}

#qldpropertybuyersLeadForm .chat-container {
  background-color: #f0f0f0;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 10px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)
}

#qldpropertybuyersLeadForm .chat-input input[type=text] {
  font-size: 1.2em
}

#qldpropertybuyersLeadForm button {
  font-size: 1.2em
}

#qldpropertybuyersLeadForm .btn {
  /*border: 2px solid var(--heading);*/
  background-color: var(--brand);
  color: black;
  padding: 14px 28px;
  /*font-size: 16px;*/
  cursor: pointer;
  margin: 10px;
  display: inline-block
}

#qldpropertybuyersLeadForm .btn-info {
  border-color: var(--heading);
  color: #fff;
  font-weight: 800;
  font-size: 1.1rem;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

#qldpropertybuyersLeadForm .btn-success {
  border-color: #04AA6D;
  color: #fff;
  background-color: #04AA6D;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-decoration: none
}

#qldpropertybuyersLeadForm .btn-info:active, #qldpropertybuyersLeadForm .btn-info:hover  {
  background: #222;
  color: white
}

#qldpropertybuyersLeadForm .btn.disabled, .btn:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

#qldpropertybuyersLeadForm .highlight {
  background-color: #f0f0f0
}

#qldpropertybuyersLeadForm .chat-header {
  background-color: #fff;
  border-bottom: #ccc 1px solid;
  color: #222;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

#qldpropertybuyersLeadForm .chat-messages {
  padding: 20px 20px 0px 20px;
  min-height: 120px;
  overflow-y: auto
}

#qldpropertybuyersLeadForm .message {
  margin-bottom: 15px
}

#qldpropertybuyersLeadForm .user-message {
  display: flex;
  justify-content: flex-end
}

#qldpropertybuyersLeadForm .bot-message {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

#qldpropertybuyersLeadForm .message-bubble {
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-radius: 5px;
  max-width: 80%
}

#qldpropertybuyersLeadForm .user-message.message-bubble {
  background-color: var(--heading);
  color: #fff
}

#qldpropertybuyersLeadForm .chat-input {
  border-top: #ccc 1px solid;
  display: flex;
  padding: 10px;
}

#qldpropertybuyersLeadForm textarea,
#qldpropertybuyersLeadForm input[type="text"],
#qldpropertybuyersLeadForm select,
#qldpropertybuyersLeadForm input[type="email"],
#qldpropertybuyersLeadForm input[type="tel"] {
  flex-grow: 1;
  padding: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  margin-right: 10px !important;
  font-size: 18px;
}

#qldpropertybuyersLeadForm button {
  background-color: var(--heading);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer
}

#qldpropertybuyersLeadForm .center-full {
  font-size: 1.1rem;
  text-align: center;
  width: 100%
}

#qldpropertybuyersLeadForm .loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  margin: 20px auto
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

#qldpropertybuyersLeadForm .hidden {
  position: absolute;
  visibility: hidden;
  opacity: 0
}


#qldpropertybuyersLeadForm input[type=checkbox]:checked+label {
  color: #fff;
  background-color: #000
}
/* --- FIX: buttons + hero card text contrast --- */
.pill{
  display:inline-block;
  padding:.35rem .7rem;
  border-radius:999px;
  background:#2997aa;
  color:#fff;
  text-shadow: 1px 1px black;
  font-weight:700;
  font-size:.85rem;
}
.btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.1rem;
  border-radius:.75rem;
  font-weight:800;
  /*border:1px solid transparent;*/
  transition:.25s ease;
  cursor:pointer;
  text-decoration:none;
}
.btn-primary{ background:var(--brand); color:#fff; }
.btn-primary:hover{ background:var(--heading); transform:translateY(-1px); }
.btn-ghost{ border-color:var(--border); color:var(--brand); background:#fff; }
.btn-ghost:hover{ border-color:var(--brand); transform:translateY(-1px); }

/* Prevent hero from forcing white text inside white cards */
.card{ color:var(--ink); }           /* default text color inside cards */
.hero .card{
  background:rgba(255,255,255,.96);  /* readable over video */
  color:var(--ink);
}

/* Archive listing */
.archive-header{ padding:20px 0 }
.archive-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:1rem; margin-top:1.25rem }
.post-card{ padding:1rem; border:1px solid var(--border); border-radius:.75rem; background:var(--card); box-shadow:var(--shadow) }
.post-card h2{ margin:.5rem 0; font-size:1.25rem; color:var(--heading) }
.post-card .meta{ color:var(--muted); font-size:.875rem }
.post-card img{ width:100%; height:auto; border-radius:.5rem }