/* Auto-extracted CSS for Views/shared */

.shared-s-ef0b7a11 { margin-bottom:0; }

.shared-s-729d2fa4 { color:#fff; }

.shared-s-e76839b5 { color:rgba(255,255,255,.5); }

.shared-s-9df23650 { margin-top:16px;flex-wrap:wrap;gap:6px; }

.shared-s-d461c96d { position:relative; }

.shared-s-6b99de8b { display:none; }

.shared-s-0466783d { width:100%; }

/*
 * Footer content is stored as HTML in the database and rendered with Html.Raw.
 * Its layout rules are mostly inline, so these selectors intentionally use
 * data attributes and !important to make the stored markup responsive.
 */
.dynamic-footer-host {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.dynamic-footer-host > footer,
.dynamic-footer-host [data-tappo-footer] {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
}

.dynamic-footer-host [data-footer-grid],
.dynamic-footer-host .tappo-footer-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
}

.dynamic-footer-host [data-footer-grid] > *,
.dynamic-footer-host .tappo-footer-grid > *,
.dynamic-footer-host [data-footer-newsletter],
.dynamic-footer-host [data-footer-newsletter] > *,
.dynamic-footer-host .tappo-footer-newsletter,
.dynamic-footer-host .tappo-footer-newsletter > *,
.dynamic-footer-host [data-footer-bottom],
.dynamic-footer-host [data-footer-bottom-links] {
  min-width: 0;
  max-width: 100%;
}

.dynamic-footer-host img,
.dynamic-footer-host svg,
.dynamic-footer-host input,
.dynamic-footer-host button {
  max-width: 100%;
}

.dynamic-footer-host a,
.dynamic-footer-host span,
.dynamic-footer-host p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Responsive: shared partials */
@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .dynamic-footer-host [data-footer-grid],
  .dynamic-footer-host .tappo-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 28px !important;
  }
}
@media (max-width: 768px) {
  .header-main .container { flex-wrap: wrap; }
  .header-search { order: 3; flex-basis: 100%; max-width: 100%; }
  .footer-grid { grid-template-columns: 1fr; }

  .dynamic-footer-host [data-footer-grid],
  .dynamic-footer-host .tappo-footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }

  .dynamic-footer-host [data-footer-newsletter],
  .dynamic-footer-host .tappo-footer-newsletter {
    width: 100% !important;
    max-width: 100% !important;
  }

  .dynamic-footer-host [data-footer-newsletter] input,
  .dynamic-footer-host .tappo-footer-newsletter input {
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  .dynamic-footer-host [data-footer-bottom],
  .dynamic-footer-host .tappo-footer-bottom {
    width: 100% !important;
    max-width: 100% !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .dynamic-footer-host [data-footer-bottom-links],
  .dynamic-footer-host .tappo-footer-bottom-links {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px 16px !important;
  }
}
@media (max-width: 480px) {
  .header-actions { gap: 6px; }
  .logo-tagline { display: none; }
  .logo-name { font-size: 1.05rem; }

  .dynamic-footer-host [data-footer-newsletter],
  .dynamic-footer-host .tappo-footer-newsletter {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .dynamic-footer-host [data-footer-newsletter] input,
  .dynamic-footer-host [data-footer-newsletter] button,
  .dynamic-footer-host .tappo-footer-newsletter input,
  .dynamic-footer-host .tappo-footer-newsletter button {
    width: 100% !important;
  }
}
