/* martio-ui.css chargé par hookDisplayHeader avec ?v= — pas de @import ici */

/* Hero hub — atmosphère navy StayTogo */
body.qmp-martio-ui #qmp-hubs .qmp-hero-hub,
body.qmp-martio-ui .qmp-hub-page .qmp-hero-hub,
.qmp-hero-hub {
  background-color: #0a2540 !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 70% 20%, rgba(0, 122, 255, 0.35), transparent 55%),
    radial-gradient(ellipse 60% 50% at 15% 80%, rgba(26, 74, 110, 0.55), transparent 50%),
    linear-gradient(160deg, #0c2f52 0%, #0a2540 42%, #071a2e 100%) !important;
  background-size: cover !important;
}

/* Footer — bleu Mart-io */
body.qmp-martio-ui .qmp-martio-footer {
  background-color: #0a2540 !important;
  background-image:
    linear-gradient(180deg, rgba(10, 37, 64, 0.88) 0%, rgba(10, 37, 64, 0.96) 100%),
    linear-gradient(90deg, #1a4a6e 0%, #0a2540 100%) !important;
  background-size: cover !important;
}

/* Alias catalogue — hérite de martio-ui.css */
.qmp-container-catalog {
  max-width: var(--mp-max-content, 1200px);
  margin: 0 auto;
  padding: 0 calc(var(--mp-space-unit, 8px) * 2);
}

.qmp-page.qmp-catalog {
  padding: 0 0 calc(var(--mp-space-unit, 8px) * 4);
}

.qmp-catalog-header .page-heading {
  font-family: var(--mp-font-display, "Plus Jakarta Sans", system-ui, sans-serif);
  color: var(--mp-color-primary, #0a2540);
}

.qmp-price-label {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--mp-color-text-secondary, #6e6e73);
  margin-right: 4px;
}

.qmp-muted {
  color: var(--mp-color-text-secondary, #6e6e73);
  font-size: var(--mp-font-size-secondary, 16px);
  line-height: 1.5;
}