/* DJ Cerveza production overrides: shared readability, navigation, and footer rules. */
.center-screen { display:flex; justify-content:center; align-items:center; text-align:center; }

.dj-main-menu { width:100%; background:#000; border-bottom:1px solid rgba(255,255,255,.25); position:relative; z-index:1000; }
.dj-menu-bar { width:100%; min-height:58px; padding:10px 18px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dj-menu-brand { color:#fff; font-size:22px; line-height:1; font-weight:700; letter-spacing:1px; text-decoration:none; white-space:nowrap; }
.dj-menu-brand:hover,.dj-menu-brand:focus { color:#fff; text-decoration:none; }
.dj-menu-links { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.dj-menu-links a { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 12px; color:#fff; font-size:13px; font-weight:600; line-height:1.2; text-decoration:none; text-transform:uppercase; border:1px solid rgba(255,255,255,.45); border-radius:6px; white-space:nowrap; transition:background-color .2s ease,color .2s ease,border-color .2s ease; }
.dj-menu-links a:hover,.dj-menu-links a:focus { color:#000; background:#fff; border-color:#fff; text-decoration:none; }

/* Keep text readable on site sections intentionally designed with dark backgrounds. */
.footer,.footer a,.footer p,.footer li,.footer h2,.footer h3,.footer h4,
.city-dark,.city-dark *,.city-cta,.city-cta *,
.sa-dark,.sa-dark *,.sa-cta,.sa-cta * { color:#fff; }

.footer-social { margin-top:40px; text-align:center; }
.footer-social h3 { color:#fff; margin-bottom:20px; }
.footer-social-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.footer-social-links a { display:inline-flex; min-height:48px; padding:12px 22px; align-items:center; justify-content:center; border:2px solid #fff; border-radius:6px; color:#fff; background:transparent; text-decoration:none; text-transform:uppercase; font-weight:800; }
.footer-social-links a:hover,.footer-social-links a:focus { background:#fff; color:#000 !important; }

@media (max-width:991.98px) {
  .dj-menu-bar { flex-direction:column; justify-content:center; padding:12px; }
  .dj-menu-links { justify-content:center; width:100%; }
}
@media (max-width:575.98px) {
  .dj-menu-brand { font-size:20px; }
  .dj-menu-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .dj-menu-links a { width:100%; min-width:0; padding:8px 6px; font-size:11px; white-space:normal; text-align:center; }
}
@media (max-width:767px) {
  .footer-social-links,.footer-social-links a { width:100%; }
}