/* DBSSOFTNET Phase 17 — global brand, footer, navigation and responsive polish. */
:root{
  --dbs17-orange:#f47b20;
  --dbs17-orange-dark:#d85f0d;
  --dbs17-charcoal:#30363a;
  --dbs17-ink:#1f252a;
  --dbs17-muted:#687078;
  --dbs17-line:#e4e7e9;
  --dbs17-soft:#f7f8f9;
  --dbs17-shadow:0 12px 34px rgba(26,32,37,.08);
}
/* Header */
.dbs-topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--dbs17-line)}
.dbs-nav-wrap{min-height:112px;display:flex;align-items:center}
.dbs-topbar .dbs-brand{display:flex;align-items:center;flex:0 0 auto}
.dbs-topbar .dbs-brand img{width:205px!important;max-height:94px;object-fit:contain}
.dbs-main-nav{gap:2px;align-items:center}
.dbs-main-nav a{position:relative;padding:14px 10px;border-radius:9px;font-weight:650;transition:.16s ease}
.dbs-main-nav a:hover{background:#fff6ef;color:#bd5008}
.dbs-main-nav a.active{color:#1f252a;background:transparent}
.dbs-main-nav a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;border-radius:2px;background:var(--dbs17-orange)}
.dbs-mini-ai{border:1px solid #ffc498!important;background:#fff9f4!important;color:#b54a05!important;padding:10px 14px!important;margin-left:4px}
.dbs-mini-ai:hover{background:#fff1e5!important}
.dbs-icon-link{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#3c444b;text-decoration:none}.dbs-icon-link:hover{background:#f2f4f5}
.dbs-cart-link{padding:10px 8px}.dbs-signin-btn,.dbs-account-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px}
/* Consistent section scale */
main>.wrap.section,.dbs-info-page,.dbs-admin-dashboard{padding-top:46px;padding-bottom:48px}
.dbs-page-head{border-bottom:1px solid #eceeef;padding-bottom:18px;margin-bottom:22px}
.dbs-page-head h1{font-size:clamp(34px,3.1vw,48px);line-height:1.05;letter-spacing:-.025em}
/* Info cards */
.dbs-info-card{position:relative;overflow:hidden}
.dbs-info-card:after{content:'→';position:absolute;right:18px;bottom:16px;color:var(--dbs17-orange);font-size:18px;font-weight:800;opacity:.85}
.dbs-info-card:hover:after{transform:translateX(2px)}
.dbs-info-card strong{padding-right:24px}
/* Footer */
.dbs-footer{background:#2d3337!important;color:#e8ecef;padding-top:0!important}
.dbs-footer-main{display:grid!important;grid-template-columns:minmax(260px,390px) 1fr;gap:70px;align-items:center;padding-top:38px!important;padding-bottom:28px!important}
.dbs-footer-brand{max-width:390px}
.dbs-footer-logo-panel{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 5px 20px rgba(0,0,0,.12);margin-bottom:14px}
.dbs-footer-logo-panel img{width:180px!important;height:auto!important;display:block;filter:none!important;opacity:1!important}
.dbs-footer-brand p{color:#d9dfe3!important;line-height:1.55;margin:0;max-width:330px}
.dbs-footer-links{display:flex!important;flex-wrap:wrap;gap:11px 22px;align-items:center;justify-content:flex-end}
.dbs-footer-links a{color:#f4f6f7!important;font-weight:600;text-decoration:none;padding:6px 0}
.dbs-footer-links a:hover{color:#ff9a50!important}
.dbs-footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex!important;justify-content:space-between;align-items:center;gap:24px;padding-top:18px!important;padding-bottom:24px!important}
.dbs-footer-legal{display:flex;flex-wrap:wrap;gap:10px 18px}.dbs-footer-legal a{color:#c9d0d5!important;text-decoration:none;font-size:12px}.dbs-footer-legal a:hover{color:#fff!important}
.dbs-copyright{color:#fff!important;font-size:12px;white-space:nowrap}
/* Cookie preference bar: smaller, cleaner and does not visually dominate footer */
.dbs-cookie-banner{left:12px!important;right:12px!important;bottom:12px!important;border:1px solid #dfe3e6!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(20,26,30,.16)!important;padding:12px 16px!important;gap:16px!important;background:rgba(255,255,255,.98)!important}
.dbs-cookie-banner strong{font-size:12px}.dbs-cookie-banner p{font-size:11px!important;margin:3px 0 0!important;color:#687078!important}.dbs-cookie-banner form{gap:12px!important;align-items:center}.dbs-cookie-banner label{font-size:11px}.dbs-cookie-banner .btn{min-height:38px!important}
/* Improve keyboard focus without changing backend logic */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(244,123,32,.28)!important;outline-offset:2px!important}
@media(max-width:1120px){
  .dbs-topbar .dbs-brand img{width:175px!important}.dbs-main-nav a{padding-left:7px;padding-right:7px;font-size:12px}.dbs-footer-main{gap:38px}
}
@media(max-width:900px){
  .dbs-nav-wrap{min-height:86px}.dbs-topbar .dbs-brand img{width:165px!important}.dbs-footer-main{grid-template-columns:1fr}.dbs-footer-links{justify-content:flex-start}.dbs-footer-bottom{align-items:flex-start;flex-direction:column}.dbs-copyright{white-space:normal}
}
@media(max-width:700px){
  main>.wrap.section,.dbs-info-page,.dbs-admin-dashboard{padding-top:30px;padding-bottom:36px}.dbs-page-head h1{font-size:34px}.dbs-footer-main{padding:28px 20px 22px!important}.dbs-footer-bottom{padding:16px 20px 84px!important}.dbs-footer-logo-panel img{width:155px!important}.dbs-cookie-banner{bottom:68px!important;display:block!important}.dbs-cookie-banner form{margin-top:10px;display:flex!important;flex-wrap:wrap}.dbs-cookie-banner .btn{width:100%}.dbs-info-card:after{right:16px;bottom:14px}
}


/* =========================================================
   PHASE 17.1 - SPLASHTOP REMOTE SUPPORT
   ========================================================= */
.dbs-splashtop-support{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:0 0 24px;
  padding:20px 22px;
  border:1px solid #ff7a00;
  border-radius:16px;
  background:linear-gradient(135deg,#fffaf5 0%,#ffffff 72%);
  box-shadow:0 8px 24px rgba(30,39,46,.06);
}
.dbs-splashtop-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.dbs-splashtop-badge{
  width:max-content;
  color:#e85f00;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
}
.dbs-splashtop-copy strong{
  color:#20272e;
  font-size:18px;
  line-height:1.25;
}
.dbs-splashtop-copy small{
  color:#5f6872;
  font-size:13px;
  line-height:1.45;
}
.dbs-splashtop-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  border-radius:11px;
  background:#172f4b;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:14px;
  box-shadow:0 8px 20px rgba(23,47,75,.18);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.dbs-splashtop-btn:hover,
.dbs-splashtop-btn:focus-visible{
  background:#0e243d;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(23,47,75,.24);
}
@media (max-width:700px){
  .dbs-splashtop-support{
    align-items:stretch;
    flex-direction:column;
    gap:14px;
    padding:18px;
  }
  .dbs-splashtop-btn{
    width:100%;
  }
}


/* =========================================================
   PHASE 17.2 - SUPPORT POLISH
   ========================================================= */
.dbs-splashtop-support{
  min-height:96px;
  padding:22px 26px;
  margin-top:-6px;
  margin-bottom:22px;
}
.dbs-splashtop-copy strong{
  display:flex;
  align-items:center;
  gap:9px;
}
.dbs-splashtop-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#fff0e5;
  color:#f46f12;
  font-size:16px;
  line-height:1;
  font-weight:900;
}
.dbs-splashtop-btn{
  min-height:46px;
  padding:0 22px;
  background:#f46f12;
  border:1px solid #f46f12;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(244,111,18,.22);
}
.dbs-splashtop-btn:hover,
.dbs-splashtop-btn:focus-visible{
  background:#df5e06;
  border-color:#df5e06;
  box-shadow:0 10px 24px rgba(244,111,18,.28);
}
@media (max-width:700px){
  .dbs-splashtop-support{
    min-height:0;
    padding:20px;
    margin-top:0;
  }
}