/* Shared footer — mirrors customer-page-2.html (the source-of-truth footer)
 * so the homepage (page 1) renders an identical contact/license footer.
 * Values copied verbatim from customer-page-2.html's inline footer styles.
 * The `.ris-footer-synced` marker raises specificity ONLY on the selectors that
 * also exist in landing.css (which gallery.html also loads), so this override is
 * scoped to the homepage footer and cannot regress landing.css or page 2. */

.landing-footer.ris-footer-synced {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 18px;
  margin-top: 0;
  padding: 14px 22px;
  background: rgba(15, 15, 15, .64);
  border: none;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-radius: 0;
  align-items: center;
  animation: none;
}
.ris-footer-synced .footer-contact { color: #d0d0d0; font-size: 13px; line-height: 1.8; }
.ris-footer-synced .footer-brand   { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.ris-footer-synced .footer-license { color: #b8b8b8; font-size: 13px; line-height: 1.8; text-align: right; }
.ris-footer-synced .footer-contact a { color: #d0d0d0; text-decoration: none; }
.ris-footer-synced .footer-contact a:hover { color: #FF6A1A; }

/* Contact icon row — page-2-only classes, no landing.css conflict. */
.ris-contact-icons { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 2px; }
@media (max-width: 640px) { .ris-contact-icons { justify-content: center; } }
.ris-contact-icons a {
  display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px;
  border-radius: 9px; text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .04);
  transition: filter .15s ease, border-color .15s ease, background .15s ease, transform .12s ease;
}
.ris-contact-icons a:hover { filter: brightness(1.25); border-color: rgba(255, 255, 255, .30); background: rgba(255, 255, 255, .09); transform: translateY(-1px); }
.ris-contact-icons svg { width: 18px; height: 18px; display: block; }
.ris-icon-phone     { color: #4ade80; }
.ris-icon-sms       { color: #22d3ee; }
.ris-icon-whatsapp  { color: #25d366; }
.ris-icon-email     { color: #60a5fa; }
.ris-icon-web       { color: #a78bfa; }
.ris-icon-instagram { color: #e1306c; }
.ris-icon-facebook  { color: #1877f2; }
.footer-logo-img { height: 46px; width: auto; object-fit: contain; display: block; margin-bottom: 4px; }

/* Mobile — mirrors customer-page-2.html @max-width:768px footer rules. */
@media (max-width: 768px) {
  .landing-footer.ris-footer-synced { grid-template-columns: 1fr; gap: 14px; text-align: center; justify-items: stretch; }
  .ris-footer-synced .footer-license { text-align: center; width: 100%; }
  .ris-footer-synced > div:last-child { width: 100%; align-items: center !important; }
  .ris-contact-icons { width: 100%; justify-content: center !important; }
}