/* ========== FOOTER & NEWS (PERFORMANCE SAFE) ========== */
.bottom-banner {
  position: relative;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.15),
    rgba(0,0,0,0.55)
  );
}

.bottom-banner::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  height: 24px;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.55),
    transparent
  );
}
/* ===== FOOTER LAYOUT ===== */

/* TICKER VIEWPORT */
.ticker-viewport {
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: relative;

  display: flex;
  align-items: center;
}

/* TICKER TRACK */

/* Color driven by theme */
.ticker-item[data-type="news"]      { color: var(--ticker-news); }
.ticker-item[data-type="traffic"]   { color: var(--ticker-traffic); }
.ticker-item[data-type="emergency"] { color: var(--ticker-emergency); }
.ticker-item[data-type="promo"]     { color: var(--ticker-promo); }
/* ITEMS */
.ticker-item {
  display: inline-block;
  font-size: 1.28rem;
  font-weight: 800;
  padding-right: 2rem;
  text-shadow: 0 1px 8px rgba(0,0,0,0.55);
}

.ticker-item[data-type="emergency"] { color: #ff6b6b; }
.ticker-item[data-type="traffic"]   { color: var(--logo-color); }
.ticker-item[data-type="news"]      { color: #e5e7eb; }
.ticker-item[data-type="promo"]     { color: #86efac; }

/* BRAND */
.brand-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;   /* 🔥 left aligned */
  gap: 12px;
  font-size: 1rem;
  opacity: 0.9;
}
/* Ticker base */


/* Single line container */
.ticker-line {
  display: inline-block;
  padding-right: 120px;
}






#news-ticker {
  position: relative;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  will-change: transform;
}

.ticker-line {
  white-space: nowrap !important;
}

.brand-row img {
  height: 72px !important;
  width: auto !important;
  flex-shrink: 0;
  display: block;
}
.brand-row{
  display: flex;
  align-items: center;
  justify-content: center;  /* ✅ center the whole group */
  gap: 12px;                /* logo close to phone */
  width: 100%;
}




/* ===== FOOTER LAYOUT ===== */
.board-footer {
  flex-shrink: 0;
  height: 110px;
  padding: 14px 26px;
  background: var(--footer-bg);
  border-top: 4px solid var(--footer-accent);
  color: var(--footer-text);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

/* ===== TICKER (TOP ROW) ===== */
.ticker-viewport {
  width: 100%;
  height: 40px;
  overflow: hidden;

  display: flex;
  align-items: center;
}


/* LOGO */


/* PHONE TEXT */
.brand-text {
  white-space: nowrap;
}




.ticker-viewport{
  width: 100%;
  height: 40px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.brand-row{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.footer-logo{
  height: 108px;
  width: auto;
  display: block;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.45));
}

.brand-text{
  white-space: nowrap;
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 5px rgba(0,0,0,0.45);
}
