/* ==========================================================================
   Dream Hosting — brand overlay for HostBill (2019 clone)
   Loads AFTER the recompiled brand stylesheet. Holds the marketing-site
   topbar, rich footer and CTA/button polish. Brand colour + Plus Jakarta Sans
   are already baked into dreamhosting.min.css (compiled from SCSS).
   ========================================================================== */

:root{
  --dh-brand:#EE322D; --dh-brand-600:#D2241F; --dh-brand-700:#B11C18;
  --dh-ink:#15181D; --dh-ink-2:#3D444F; --dh-muted:#58606E;
  --dh-line:#E6E9EF; --dh-bg:#0C0E11; --dh-surface:#14171D;
  --dh-radius:14px; --dh-radius-pill:999px;
  --dh-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

body.template_2019{ font-family:var(--dh-sans); letter-spacing:-0.006em; }
h1,h2,h3,h4,h5,.h1,.h2,.h3{ font-family:var(--dh-sans); font-weight:700; letter-spacing:-0.02em; }

/* ---- Buttons: rounder, brand-forward -------------------------------- */
.btn{ font-weight:600; border-radius:10px; }
.btn-lg{ border-radius:12px; }
.btn-primary{ background:var(--dh-brand); border-color:var(--dh-brand); }
.btn-primary:hover,.btn-primary:focus{ background:var(--dh-brand-600); border-color:var(--dh-brand-600); box-shadow:0 8px 20px -8px rgba(238,50,45,.55); }
.btn-primary:active{ background:var(--dh-brand-700) !important; border-color:var(--dh-brand-700) !important; }
.btn-outline-primary{ color:var(--dh-brand); border-color:var(--dh-brand); }
.btn-outline-primary:hover{ background:var(--dh-brand); border-color:var(--dh-brand); }
.btn-pill{ border-radius:var(--dh-radius-pill); }
a{ color:var(--dh-brand-600); }
a:hover{ color:var(--dh-brand-700); }

/* focus ring in brand */
.btn:focus,.form-control:focus,.custom-select:focus{
  box-shadow:0 0 0 .2rem rgba(238,50,45,.28) !important; border-color:var(--dh-brand) !important;
}

/* ==========================  TOP ANNOUNCEMENT BAR  ===================== */
.dh-topbar{
  background:linear-gradient(90deg,#15181D 0%,#262B33 100%);
  color:#fff; font-size:.82rem; line-height:1.2; text-align:center;
  padding:.5rem 1rem; position:relative; z-index:1031;
}
.dh-topbar a{ color:#fff; text-decoration:underline; font-weight:600; }
.dh-topbar strong{ color:#fff; }
/* the theme navbar is fixed-top; push it below the bar */
body.dh-has-topbar .navbar.fixed-top{ top:34px; }
@media (max-width:575.98px){ .dh-topbar{ font-size:.72rem; padding:.4rem .75rem; } }

/* navbar brand logo sizing */
.navbar .navbar-brand img{ max-height:34px; width:auto; }

/* ==============================  FOOTER  ============================== */
.footer-content{ background:var(--dh-bg); color:#C4C9D2; }
.dh-footer{ background:var(--dh-bg); color:#C4C9D2; padding:4rem 0 1.5rem; }
.dh-footer a{ color:#C4C9D2; text-decoration:none; }
.dh-footer a:hover{ color:#fff; }
.dh-footer .container{ max-width:1200px; margin-inline:auto; padding-inline:1.25rem; }

/* CTA callout */
.dh-cta{
  position:relative; overflow:hidden; border-radius:24px;
  background:linear-gradient(135deg,#F4655F 0%,#D2241F 100%);
  color:#fff; text-align:center; padding:3rem 1.5rem; margin-bottom:3.5rem;
  box-shadow:0 24px 50px -18px rgba(238,50,45,.5);
}
.dh-cta h2{ color:#fff; font-size:clamp(1.6rem,1.3rem+1.4vw,2.4rem); margin:0 0 .5rem; }
.dh-cta p{ color:rgba(255,255,255,.9); max-width:42rem; margin:0 auto 1.5rem; }
.dh-cta .btn-light{ color:var(--dh-brand-700); font-weight:700; }
.dh-cta .btn-outline-light{ color:#fff; border-color:rgba(255,255,255,.7); }

/* grid */
.dh-footer__grid{
  display:grid; gap:2.5rem 2rem;
  grid-template-columns:1.6fr 1fr 1fr 1fr; margin-bottom:2.5rem;
}
@media (max-width:900px){ .dh-footer__grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .dh-footer__grid{ grid-template-columns:1fr; } }
.dh-footer__about img{ max-height:34px; margin-bottom:1rem; }
.dh-footer__about p{ font-size:.9rem; line-height:1.7; color:#9AA1AD; max-width:22rem; }
.dh-footer__col h3{ color:#fff; font-size:.95rem; font-weight:700; margin:0 0 1rem; }
.dh-footer__col ul{ list-style:none; padding:0; margin:0; display:grid; gap:.6rem; }
.dh-footer__col a{ font-size:.9rem; }
.dh-footer__contact{ display:grid; gap:.5rem; margin-top:1rem; font-size:.88rem; }
.dh-footer__contact a,.dh-footer__contact span{ display:inline-flex; align-items:center; gap:.5rem; color:#9AA1AD; }
.dh-footer__social{ display:flex; gap:.6rem; margin-top:1.25rem; }
.dh-footer__social a{
  width:38px; height:38px; border-radius:10px; display:inline-flex;
  align-items:center; justify-content:center; background:rgba(255,255,255,.06); color:#C4C9D2;
}
.dh-footer__social a:hover{ background:var(--dh-brand); color:#fff; }

/* bottom bar */
.dh-footer__bottom{
  border-top:1px solid rgba(255,255,255,.08); padding-top:1.5rem;
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between;
  font-size:.82rem; color:#767E8B;
}
.dh-footer__legal{ display:flex; flex-wrap:wrap; gap:1.25rem; }
.dh-footer__pay{ display:flex; gap:.4rem; flex-wrap:wrap; }
.dh-footer__pay .chip{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  border-radius:7px; padding:.25rem .55rem; font-size:.72rem; font-weight:600; color:#C4C9D2;
}

/* keep the theme's tiny default footer bar unobtrusive */
.footer .footer-box{ opacity:.65; }