/* ===========================================
   modern.css — ExcelCEO x Robert Half (2025)
   Purpose: neutralize legacy floats/fixed widths,
   keep Bootstrap in control, apply brand colors.
   =========================================== */

/* —— Brand palette —— */
:root{
  --excelceo-blue:#0F4C81;
  --excelceo-blue-600:#1D5E9E;
  --excelceo-blue-800:#09385F;
  --excelceo-accent:#2596D6;
  --ink:#111827;
  --muted:#6B7280;
  --bg:#F9FAFB;
  --panel:#FFFFFF;
  --border:#E5E7EB;
}

/* —— Base —— */
html,body{height:auto;min-height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  overflow-x:hidden;
}

/* Links / buttons (Bootstrap friendly) */
a{color:var(--excelceo-blue);text-decoration:none}
a:hover{color:var(--excelceo-accent);text-decoration:underline}
.btn-primary{background:var(--excelceo-blue);border-color:var(--excelceo-blue)}
.btn-primary:hover{background:var(--excelceo-blue-600);border-color:var(--excelceo-blue-600)}
.btn-outline-primary{color:var(--excelceo-blue);border-color:var(--excelceo-blue)}
.btn-outline-primary:hover{background:var(--excelceo-blue);color:#fff}

/* Headings */
h1,h2,h3,h4,h5{color:var(--excelceo-blue-800)}

/* Cards / panels */
.card,.panel{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:.75rem;
}

/* Login card keeps left-aligned labels */
.login-card{max-width:440px;margin:0 auto}
.login-card .form-label{font-weight:600;color:var(--excelceo-blue-800)}

/* Tables */
table{width:100%;border-collapse:collapse}
table th,table td{padding:.75rem;border:1px solid var(--border)}
table thead th{background:var(--excelceo-blue);color:#fff;font-weight:600}

/* Footer */
footer.site-footer{background:#fff;border-top:1px solid var(--border)}
footer.site-footer .copyright{color:var(--muted)}
footer.site-footer a{color:var(--excelceo-accent)}

/* —— CRITICAL: neutralize the legacy fixed 980px / floats —— */
#main,#side,#content,#centercolumn,
#main_container,#main_container_inner,#bottom_container{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  clear:none !important;
}

/* Legacy img sizing */
img{max-width:100%;height:auto}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* Mobile niceties (do NOT touch .row / container sizing) */
@media (max-width:991.98px){
  .btn{width:100%}
}

/* Floating compact login (top-right corner) */
.floating-login {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1050;
  background: var(--panel);
  padding: 0.75rem 1rem;
  width: 240px;
  backdrop-filter: blur(5px);
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
@media (max-width: 768px){
  .floating-login { position: static; width: 100%; margin: 0 auto; }
}

.guarantee-section {
  background-color: #E8F3FB; /* light ExcelCEO blue tone */
  border-top: 2px solid var(--excelceo-blue);
  border-bottom: 2px solid var(--excelceo-blue);
}