/* Bayut-inspired refresh for public-facing pages */
:root{
  --bayut-green:#00a57a;
  --bayut-green-dark:#007a5a;
  --bayut-bg:#f7fafc;
  --bayut-text:#101828;
  --bayut-border:#e6edf3;
}

body{
  background:var(--bayut-bg);
  color:var(--bayut-text);
}

.section-gap,
.post-area,
.blog-area,
.price-area{
  background:transparent;
}

.single-feature,
.single-cat,
.single-price,
.single-post,
.card,
.ps-card,
.table-wrap{
  background:#fff;
  border:1px solid var(--bayut-border);
  border-radius:14px;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}

.banner-area{
  background:linear-gradient(180deg,#f2fffb 0%, #ffffff 100%);
}

.overlay-bg{
  background:transparent !important;
}

h1,h2,h3,h4,h5{
  color:#101828;
}

.primary-btn,
.genric-btn.primary,
button.primary-btn{
  background:linear-gradient(135deg,var(--bayut-green),var(--bayut-green-dark)) !important;
  border:1px solid transparent !important;
  color:#fff !important;
  border-radius:999px;
  box-shadow:0 10px 22px rgba(0,165,122,.22);
}

.genric-btn,
.primary-btn.white{
  border-radius:999px !important;
}

a{
  color:var(--bayut-green-dark);
}
a:hover{
  color:var(--bayut-green);
}

input,select,textarea{
  border:1px solid var(--bayut-border) !important;
  border-radius:12px !important;
  background:#fff !important;
}

input:focus,select:focus,textarea:focus{
  border-color:#8bd9c3 !important;
  box-shadow:0 0 0 3px rgba(0,165,122,.12) !important;
}

.table th{
  color:#344054;
  font-weight:700;
}

.table td{
  color:#475467;
}

.nice-select .list{
  border:1px solid var(--bayut-border);
  border-radius:12px;
}