@charset "UTF-8";
/* ─── TRUST BAR ─── */
.trust-bar {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  width: 100%; }

.trust-bar-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px; }

.trust-bar-item {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  white-space: nowrap; }

/* ─── ANNOUNCEMENT BAR ─── */
.announcement-bar {
  background-color: #1a1a2e;
  color: #ffffff;
  text-align: center;
  padding: 8px 15px;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box; }

.announcement-bar a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 700; }

.announcement-bar p {
  margin: 0; }

/* ─── MOBILE (single clean block — no conflicts) ─── */
@media (max-width: 768px) {
  /* STEP 1: Announcement bar locks to very top */
  .announcement-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important; }
  /* STEP 2: callNo row sits just below announcement bar */
  .callNo {
    position: fixed !important;
    top: 32px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99998 !important;
    width: 100% !important;
    background-color: #ffffff !important; }
  /* STEP 3: Header sits below callNo (32px bar + 38px callNo = 70px) */
  .header,
  #header {
    position: fixed !important;
    top: 70px !important;
    /* ← must stay 70px, NOT 0px */
    left: 0 !important;
    right: 0 !important;
    z-index: 99997 !important;
    width: 100% !important;
    background-color: #ffffff !important; }
  /* STEP 4: Nav sits below the header naturally */
  .topMenuNav {
    position: relative !important;
    top: 0 !important;
    z-index: 99996 !important;
    margin-top: 0 !important;
    padding-top: 0 !important; }
  /* STEP 5: Trust bar stacks vertically */
  .trust-bar-list {
    flex-direction: column;
    align-items: center;
    gap: 8px; }
  /* STEP 6: Push ALL page content below all fixed bars */
  body {
    padding-top: 110px !important;
    margin-top: 0 !important; } }