/* =========================================================
   "Looking for Paloma Properties (Ohio)?" bar
   Shown only to visitors that palomaproperties.com sent here
   (URL has ?from=paloma). Markup comes from js/from-paloma.js.
   ========================================================= */
.from-paloma {
  background: var(--navy-900, #07223a);
  color: #d8e6f0;
  border-bottom: 1px solid rgba(44, 193, 199, .22);
  font-size: .92rem;
  line-height: 1.45;
  animation: from-paloma-in .22s ease-out both;
}
.from-paloma__inner {
  display: flex; align-items: center; justify-content: center; gap: 10px 14px;
  min-height: 44px; padding-block: 8px;
}
.from-paloma__text { margin: 0; text-align: center; }
.from-paloma__text b { color: #fff; font-weight: 600; }
.from-paloma__link {
  color: var(--teal-400, #2cc1c7); font-weight: 600; white-space: nowrap;
  border-bottom: 1px solid rgba(44, 193, 199, .45);
}
.from-paloma__link:hover, .from-paloma__link:focus-visible { color: var(--gold-400, #efbf63); border-bottom-color: var(--gold-400, #efbf63); }
.from-paloma__link:focus-visible, .from-paloma__close:focus-visible { outline: 2px solid var(--gold-500, #e2a73c); outline-offset: 3px; border-radius: 4px; }
.from-paloma__close {
  flex: 0 0 auto; display: inline-grid; place-items: center;
  width: 32px; height: 32px; margin-left: 4px; padding: 0;
  background: transparent; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px;
  color: #b8ccdb; transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.from-paloma__close:hover { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .32); }
.from-paloma__close svg { width: 14px; height: 14px; }

@media (max-width: 640px) {
  .from-paloma__inner { padding-inline: 16px; justify-content: space-between; text-align: left; }
  .from-paloma__text { text-align: left; }
}
@keyframes from-paloma-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .from-paloma { animation: none; } }
@media print { .from-paloma { display: none; } }