/* =========================
   BINBUDDY BLUE THEME
   ========================= */

:root{
  --binbuddy-blue:#2563EB;
  --binbuddy-blue-dark:#1E3A8A;
  --binbuddy-blue-light:#60A5FA;
  --binbuddy-bg:#EFF6FF;
}

/* Main background */
body.theme-binbuddy,
body[data-theme="binbuddy"]{
  background:
    radial-gradient(circle at 20% 20%, rgba(37,99,235,.10), transparent 38%),
    radial-gradient(circle at 85% 10%, rgba(37,99,235,.14), transparent 42%),
    linear-gradient(180deg,#ffffff,var(--binbuddy-bg) 52%,#ffffff);
  color:#0b0d12;
}

/* Header */
body.theme-binbuddy .header,
body[data-theme="binbuddy"] .header{
  background:rgba(255,255,255,.90);
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* Brand */
body.theme-binbuddy .brand span,
body[data-theme="binbuddy"] .brand span{
  color:var(--binbuddy-blue) !important;
}

/* Buttons */
body.theme-binbuddy .btn.primary,
body[data-theme="binbuddy"] .btn.primary{
  background:linear-gradient(
    140deg,
    var(--binbuddy-blue),
    var(--binbuddy-blue-light)
  ) !important;
  color:#fff !important;
  border-color:rgba(37,99,235,.35) !important;
  box-shadow:0 18px 36px rgba(37,99,235,.28) !important;
}

body.theme-binbuddy .btn.primary:hover,
body[data-theme="binbuddy"] .btn.primary:hover{
  box-shadow:0 22px 44px rgba(37,99,235,.34) !important;
}

/* Dropdown */
body.theme-binbuddy .dropdown-link:hover,
body[data-theme="binbuddy"] .dropdown-link:hover{
  color:var(--binbuddy-blue) !important;
  background:rgba(37,99,235,.08) !important;
  border-color:rgba(37,99,235,.25) !important;
}

/* Hero */
body.theme-binbuddy .lux-hero,
body[data-theme="binbuddy"] .lux-hero{
  background:
    radial-gradient(circle at 20% 18%, rgba(37,99,235,.20), transparent 46%),
    radial-gradient(circle at 80% 12%, rgba(37,99,235,.14), transparent 44%),
    linear-gradient(180deg,#ffffff,var(--binbuddy-bg) 55%,#ffffff);
  color:#0b0d12;
}

body.theme-binbuddy .lux-hero .lux-title em,
body[data-theme="binbuddy"] .lux-hero .lux-title em{
  color:var(--binbuddy-blue) !important;
}

/* Cards */
body.theme-binbuddy .lux-card,
body[data-theme="binbuddy"] .lux-card{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.08);
}

/* CTA */
body.theme-binbuddy .lux-cta,
body[data-theme="binbuddy"] .lux-cta{
  background:linear-gradient(
    140deg,
    var(--binbuddy-blue),
    var(--binbuddy-blue-light) 60%,
    var(--binbuddy-blue-dark)
  ) !important;
  color:#fff;
  border:1px solid rgba(37,99,235,.35);
  box-shadow:0 26px 70px rgba(37,99,235,.28);
}

/* Pills */
body.theme-binbuddy .pill,
body[data-theme="binbuddy"] .pill{
  background:rgba(37,99,235,.08) !important;
  border:1px solid rgba(37,99,235,.22) !important;
  color:#111827 !important;
}

body.theme-binbuddy .pill:hover,
body[data-theme="binbuddy"] .pill:hover{
  background:rgba(37,99,235,.12) !important;
  border-color:rgba(37,99,235,.32) !important;
}

/* Services */
body.theme-binbuddy .service:hover,
body[data-theme="binbuddy"] .service:hover{
  background:rgba(37,99,235,.08) !important;
  border-color:rgba(37,99,235,.30) !important;
}

body.theme-binbuddy .service[data-selected="1"],
body[data-theme="binbuddy"] .service[data-selected="1"]{
  background:rgba(37,99,235,.14) !important;
  border-color:rgba(37,99,235,.42) !important;
  box-shadow:0 10px 22px rgba(37,99,235,.14);
}

/* Contact box */
body.theme-binbuddy .binbuddy-contact,
body[data-theme="binbuddy"] .binbuddy-contact{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 46px rgba(0,0,0,.08);
}

body.theme-binbuddy .binbuddy-contact a,
body[data-theme="binbuddy"] .binbuddy-contact a{
  color:var(--binbuddy-blue);
  font-weight:700;
}

/* Footer */
body.theme-binbuddy .footer,
body[data-theme="binbuddy"] .footer{
  background:#ffffff;
  color:#0b0d12;
  border-top:1px solid rgba(0,0,0,.08);
}

body.theme-binbuddy .footer a:hover,
body[data-theme="binbuddy"] .footer a:hover{
  color:var(--binbuddy-blue);
}

body.theme-binbuddy .footer .btn.primary,
body[data-theme="binbuddy"] .footer .btn.primary{
  background:linear-gradient(
    140deg,
    var(--binbuddy-blue),
    var(--binbuddy-blue-light)
  ) !important;
}