/* ===========================================================
   BidBuddy site-wide redesign layer (2026) — enhancement only.
   Loaded LAST in Site.Master. Grounded in real site classes.
   Deliberately does NOT override .block-4 image/layout (those
   product cards carry inline styles) or the bb-* homepage hero.
   =========================================================== */
:root{
  --bb-nav:#002b5c; --bb-nav2:#013a7a; --bb-accent:#2563eb; --bb-green:#128C7E;
  --bb-ink:#1e2a3a; --bb-muted:#6a7688; --bb-line:#e6ebf2; --bb-bg:#f7f9fc;
  --bb-radius:12px; --bb-shadow:0 6px 22px rgba(15,30,60,.07);
}

body{ color:var(--bb-ink); background:#fff; }

/* ---- Typography ---- */
h1,h2,h3,h4,h5{ color:var(--bb-nav); }
h2{ font-weight:700; letter-spacing:-.2px; }
p{ color:#3a4657; }

/* Section headings get an accent underline */
.site-section-heading h2{ position:relative; padding-bottom:16px; }
.site-section-heading h2:after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:58px; height:3px; background:var(--bb-accent); border-radius:3px;
}
.site-section{ padding-top:46px; padding-bottom:46px; }

/* ---- Buttons ---- */
.btn, .buy-now{ border-radius:8px !important; font-weight:600; letter-spacing:.2px; transition:all .2s ease; }
.btn-primary, .buy-now{ background:var(--bb-nav) !important; border-color:var(--bb-nav) !important; color:#fff !important; }
.btn-primary:hover, .buy-now:hover{ background:var(--bb-nav2) !important; transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,43,92,.22); color:#fff !important; }
.btn-secondary{ background:#fff !important; border:1px solid #c7d2fe !important; color:var(--bb-nav) !important; }
.btn-secondary:hover{ background:#eef2ff !important; }

/* ---- Forms (contact / lead / account) ---- */
.form-control{ border:1px solid #cfd8e3; border-radius:8px; padding:12px 14px; height:auto; font-size:15px; transition:border-color .2s, box-shadow .2s; }
.form-control:focus{ border-color:var(--bb-accent); box-shadow:0 0 0 3px rgba(37,99,235,.12); outline:none; }
label{ color:#475569; font-weight:600; font-size:13px; margin-bottom:5px; }

/* ---- Content boxes on About / Policy / Contact ---- */
.p-4.border, .p-4.border.mb-3{
  border:1px solid var(--bb-line) !important; border-radius:var(--bb-radius);
  box-shadow:var(--bb-shadow); background:#fff;
}
.site-section .h3, h2.h3{ color:var(--bb-nav); font-weight:700; }

/* Long policy/about text: readable measure */
.site-section .container p, .site-section .container li{ line-height:1.75; color:#3a4657; }
.site-section h4{ margin-top:22px; color:var(--bb-nav); font-weight:700; }

/* Breadcrumb strip */
.bg-light{ background:#f4f7fb !important; }

/* ---- Header / nav ---- */
.site-navbar .site-menu > li > a, .site-menu a{ font-weight:600; }
.site-menu .active > a, .site-menu a:hover{ color:var(--bb-accent) !important; }

/* ---- Testimonials polish ---- */
.shadow-effect{ border-radius:14px; box-shadow:0 12px 30px rgba(15,30,60,.08); border:1px solid var(--bb-line); }
.testimonial-name{ background:var(--bb-nav); }

/* ---- Footer: distinct light-blue block, navy headings, readable links ---- */
.site-footer.border-top{ border-top:3px solid var(--bb-accent) !important; background:#f2f6fc; margin-top:40px; padding-top:50px; }
.site-footer .footer-heading{ color:var(--bb-nav); font-weight:700; border-bottom:1px solid #dde6f2; padding-bottom:10px; display:inline-block; }
.site-footer a{ color:#52627a; }
.site-footer a:hover{ color:var(--bb-accent); }
.site-footer, .site-footer p, .site-footer li{ color:#52627a; }

/* ---- Category tiles (Shop By Category) hover ---- */
.site-blocks-1 .icon, .block-4.text-center.border{ transition:box-shadow .2s, transform .2s; }

/* Smooth links */
a{ transition:color .15s ease; }