/*
 * Spolek Za rozvoj Konské — Mobile UI v2 / 0.9.119
 * Jednotná kompaktní mobilní vrstva pro veřejnou PWA.
 * Desktop se záměrně nemění.
 */
@media (max-width: 760px) {
  :root {
    --mui2-edge: 14px;
    --mui2-gap: 10px;
    --mui2-gap-sm: 7px;
    --mui2-radius: 16px;
    --mui2-radius-sm: 12px;
    --mui2-line: rgba(12, 75, 50, .12);
    --mui2-shadow: 0 5px 18px rgba(18, 61, 45, .07);
    --mui2-green: #087647;
    --mui2-soft: #f4f8f6;
  }

  /* --- Společná hierarchie archivních/listových stránek --- */
  .archive-hero {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .archive-hero__inner {
    min-height: 0 !important;
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    padding: 13px 0 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
  }
  .archive-kicker,
  .gallery-detail__eyebrow,
  .related-content__eyebrow,
  .minute-label,
  .section-heading__eyebrow,
  .contact-kicker,
  .reservation-kicker {
    margin: 0 0 4px !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
  }
  .archive-hero h1,
  .contact-intro h1,
  .reservation-hero h1 {
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1.04 !important;
    letter-spacing: -.02em !important;
  }
  .archive-hero__inner > div:first-child > p:not(.archive-kicker),
  .contact-intro__inner > p:not(.contact-kicker),
  .reservation-hero__inner > div:first-child > p:not(.reservation-kicker) {
    margin: 6px 0 0 !important;
    max-width: 42ch !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
  .archive-stat {
    min-width: 58px !important;
    max-width: 76px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }
  .archive-stat strong {
    font-size: 20px !important;
    line-height: 1 !important;
  }
  .archive-stat span {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
  }
  .archive-heading,
  .documents-heading,
  .gallery-filter-heading,
  .gallery-results-heading,
  .section-heading,
  .history-heading,
  .contact-channels__heading {
    margin-bottom: 9px !important;
    gap: 8px !important;
  }
  .archive-heading h2,
  .documents-heading h2,
  .gallery-filter-heading h2,
  .gallery-results-heading h2,
  .section-heading h2,
  .history-heading h2,
  .contact-channels__heading h2,
  .related-content h2 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.12 !important;
  }
  .archive-section,
  .documents-section,
  .taxonomy-filter,
  .gallery-filter-section,
  .gallery-results-section,
  .contact-section,
  .contact-channels,
  .organisation-section,
  .history-section,
  .reservation-section {
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .archive-muted { margin-top: 2px !important; }
  .empty-state {
    padding: 14px !important;
    border-radius: var(--mui2-radius) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* --- Aktuality --- */
  .taxonomy-filter__heading {
    margin-bottom: 7px !important;
  }
  .taxonomy-filter__heading h2 { font-size: 18px !important; }
  .taxonomy-filter__heading > a { font-size: 11.5px !important; }
  .taxonomy-chips {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    padding: 1px 0 4px !important;
    margin: 0 !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .taxonomy-chips::-webkit-scrollbar { display: none; }
  .taxonomy-chips > a {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    scroll-snap-align: start;
  }
  .taxonomy-chips > a span {
    min-width: 18px !important;
    padding: 2px 5px !important;
    font-size: 9.5px !important;
  }
  .taxonomy-results { padding-top: 6px !important; }
  .news-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  .news-card {
    display: grid !important;
    grid-template-columns: 94px minmax(0, 1fr) !important;
    min-height: 100px !important;
    border-radius: var(--mui2-radius) !important;
    overflow: hidden !important;
    box-shadow: var(--mui2-shadow) !important;
  }
  .news-card__media {
    width: 94px !important;
    height: 100% !important;
    min-height: 100px !important;
    aspect-ratio: auto !important;
  }
  .news-card__media img,
  .news-card__media .media-placeholder {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .news-card__body {
    min-width: 0 !important;
    padding: 9px 10px !important;
  }
  .news-card .content-badges {
    gap: 3px !important;
    margin: 0 0 3px !important;
    white-space: nowrap;
    overflow: hidden;
  }
  .content-badge {
    padding: 3px 6px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }
  .news-card time {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
  .news-card h2 {
    margin: 3px 0 3px !important;
    font-size: 15px !important;
    line-height: 1.16 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-card__body > p {
    margin: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-card__footer {
    margin-top: 5px !important;
    min-height: 0 !important;
  }
  .card-link { font-size: 11px !important; }
  .news-card .related-count { display: none !important; }

  /* --- Akce --- */
  .event-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  .event-card {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    min-height: 112px !important;
    border-radius: var(--mui2-radius) !important;
    overflow: hidden !important;
    box-shadow: var(--mui2-shadow) !important;
  }
  .event-card__media {
    width: 100px !important;
    height: 100% !important;
    min-height: 112px !important;
    aspect-ratio: auto !important;
  }
  .event-card__media img,
  .event-card__media .media-placeholder {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .event-card__body {
    min-width: 0 !important;
    padding: 9px 10px !important;
  }
  .event-date {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 3px !important;
    font-size: 10px !important;
  }
  .event-date strong { font-size: 10.5px !important; }
  .event-date span {
    padding: 2px 5px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
  }
  .event-card h2 {
    margin: 2px 0 4px !important;
    font-size: 15.5px !important;
    line-height: 1.16 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .event-place,
  .event-card__body > p:not(.event-place) {
    margin: 2px 0 !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }
  .event-card__body > p:not(.event-place) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .event-card .card-link { margin-top: 4px !important; }
  .event-history {
    gap: 6px !important;
  }
  .event-history__row {
    min-height: 58px !important;
    padding: 6px 8px !important;
    gap: 8px !important;
    border-radius: 13px !important;
  }
  .date-tile {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }
  .date-tile strong { font-size: 17px !important; line-height: 1 !important; }
  .date-tile small { font-size: 8.5px !important; line-height: 1.05 !important; }
  .event-history__content strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .event-history__content small { font-size: 10px !important; }
  .row-arrow { font-size: 14px !important; }

  /* --- Fotogalerie --- */
  .gallery-filter-section { padding-top: 9px !important; }
  .gallery-filter-heading h2 { font-size: 17px !important; }
  .gallery-clear-filter { font-size: 10.5px !important; }
  .gallery-category-grid { display: none !important; }
  .gallery-filter-mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding: 1px 0 4px !important;
    margin: 0 !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .gallery-filter-mobile::-webkit-scrollbar { display: none; }
  .gallery-filter-mobile > a {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }
  .gallery-filter-mobile > a span { font-size: 9.5px !important; }
  .gallery-year-panel {
    margin-top: 7px !important;
    padding: 8px !important;
    border-radius: 13px !important;
  }
  .gallery-year-form {
    display: flex !important;
    align-items: end !important;
    gap: 6px !important;
  }
  .gallery-year-form label { flex: 1 1 auto !important; min-width: 0 !important; }
  .gallery-year-form label > span { display: none !important; }
  .gallery-year-form select {
    width: 100% !important;
    min-height: 38px !important;
    padding: 7px 30px 7px 9px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }
  .gallery-year-form button {
    min-height: 38px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    white-space: nowrap;
  }
  .gallery-active-filters { gap: 5px !important; margin-top: 6px !important; }
  .gallery-active-filters a { padding: 5px 8px !important; font-size: 10.5px !important; }
  .gallery-results-section { padding-top: 6px !important; }
  .gallery-results-heading { align-items: end !important; }
  .gallery-results-heading h2 { font-size: 17px !important; }
  .gallery-results-count { font-size: 10.5px !important; }
  .gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .gallery-card {
    min-width: 0 !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    box-shadow: var(--mui2-shadow) !important;
  }
  .gallery-card__media {
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
  }
  .gallery-card__media img,
  .gallery-card__media .media-placeholder {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .photo-count {
    left: 6px !important;
    right: auto !important;
    bottom: 6px !important;
    padding: 3px 6px !important;
    border-radius: 8px !important;
    font-size: 8.5px !important;
  }
  .gallery-card__body { padding: 7px 8px 8px !important; }
  .gallery-card__body time {
    margin: 0 0 3px !important;
    font-size: 9.5px !important;
    line-height: 1.1 !important;
  }
  .gallery-card__body h2 {
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* --- Zápisy a dokumenty --- */
  .documents-heading > p { display: none !important; }
  .documents-grid { gap: 7px !important; }
  .document-card {
    min-height: 64px !important;
    padding: 9px 10px !important;
    gap: 9px !important;
    border-radius: 13px !important;
  }
  .document-card__icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
  .document-card__body strong { font-size: 13px !important; }
  .document-card__body small {
    margin-top: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .document-card__action { font-size: 10.5px !important; }
  .minutes-list { gap: 7px !important; }
  .minute-card {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 7px 9px !important;
    padding: 8px !important;
    border-radius: 13px !important;
  }
  .minute-date {
    width: 46px !important;
    min-width: 46px !important;
    height: 50px !important;
    padding: 4px !important;
    border-radius: 10px !important;
  }
  .minute-date strong { font-size: 17px !important; line-height: 1 !important; }
  .minute-date span,
  .minute-date small { font-size: 8.5px !important; line-height: 1 !important; }
  .minute-card__body { min-width: 0 !important; }
  .minute-label { margin-bottom: 2px !important; }
  .minute-card h2 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .minute-meta {
    gap: 5px !important;
    margin-top: 4px !important;
    font-size: 9.5px !important;
  }
  .minute-actions {
    grid-column: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 !important;
  }
  .minute-actions a {
    min-height: 30px !important;
    padding: 6px 8px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
  }

  /* --- Detail aktuality / akce / obecné stránky --- */
  .article.content-detail,
  .article.page-detail,
  .article.minute-detail {
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    padding-top: 13px !important;
    padding-bottom: 18px !important;
  }
  .content-detail > .eyebrow,
  .page-detail > .eyebrow,
  .minute-detail > .eyebrow {
    margin: 0 0 5px !important;
    font-size: 9.5px !important;
    letter-spacing: .08em !important;
  }
  .content-detail h1,
  .page-detail h1,
  .minute-detail h1,
  .gallery-detail h1 {
    margin: 0 0 7px !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
  }
  .content-badges--large {
    gap: 4px !important;
    margin-bottom: 6px !important;
  }
  .content-detail__meta {
    margin: 0 0 9px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
  }
  .content-detail__image {
    margin: 8px 0 12px !important;
    border-radius: 13px !important;
    overflow: hidden !important;
  }
  .content-detail__image img { max-height: 54vh !important; object-fit: contain !important; }
  .article .content {
    font-size: 14.5px !important;
    line-height: 1.58 !important;
  }
  .article .content > :first-child { margin-top: 0 !important; }
  .article .content p { margin: 0 0 .72em !important; }
  .article .content h2 { margin: 1em 0 .4em !important; font-size: 20px !important; }
  .article .content h3 { margin: .9em 0 .35em !important; font-size: 17px !important; }
  .related-content {
    margin-top: 16px !important;
    padding-top: 12px !important;
  }
  .related-events,
  .related-posts { gap: 6px !important; }
  .related-events > a,
  .related-posts > a {
    min-height: 54px !important;
    padding: 7px 8px !important;
    gap: 7px !important;
    border-radius: 11px !important;
  }
  .related-events strong,
  .related-posts strong { font-size: 12.5px !important; line-height: 1.2 !important; }
  .related-events small,
  .related-posts small { font-size: 9.5px !important; }
  .content-detail__registration { margin: 11px 0 !important; }
  .content-detail__registration .btn { padding: 9px 13px !important; font-size: 12px !important; }

  /* --- Detail galerie --- */
  .gallery-detail {
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    padding-top: 13px !important;
    padding-bottom: 16px !important;
  }
  .gallery-detail__meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 8px 0 9px !important;
  }
  .gallery-detail__meta > span {
    min-width: 0 !important;
    padding: 7px 6px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }
  .gallery-detail__meta strong {
    display: block !important;
    margin-bottom: 2px !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
  }
  .gallery-detail__description {
    margin: 0 0 9px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .photo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  .photo-grid a { border-radius: 8px !important; overflow: hidden !important; }
  .photo-grid img { width: 100% !important; height: auto !important; display: block !important; }

  /* --- Detail zápisu --- */
  .minute-detail__meta {
    display: flex !important;
    gap: 6px !important;
    margin: 7px 0 9px !important;
  }
  .minute-detail__meta > span {
    flex: 1 1 0 !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
  }
  .minute-detail__meta small { font-size: 8.5px !important; }
  .minute-detail__meta strong { font-size: 11px !important; }
  .minute-original {
    min-height: 58px !important;
    margin: 8px 0 !important;
    padding: 8px 9px !important;
    gap: 8px !important;
    border-radius: 12px !important;
  }
  .minute-original__icon { width: 34px !important; height: 34px !important; }
  .minute-original strong { font-size: 12.5px !important; }
  .minute-original small { font-size: 9.5px !important; }
  .minute-pdf { margin-top: 11px !important; }
  .minute-pdf__heading,
  .minute-transcript__heading { margin-bottom: 7px !important; }
  .minute-pdf__heading h2,
  .minute-transcript__heading h2 { font-size: 18px !important; margin: 0 !important; }
  .minute-pdf__viewer { min-height: 55vh !important; }
  .minute-transcript { margin-top: 10px !important; border-radius: 12px !important; }
  .minute-transcript summary { padding: 9px !important; }

  /* --- O spolku a obecné obsahové stránky --- */
  .about-identity {
    margin: 8px 0 10px !important;
    padding: 9px !important;
    gap: 9px !important;
    border-radius: 13px !important;
  }
  .about-identity__logo { width: 54px !important; min-width: 54px !important; height: 54px !important; }
  .about-identity__text strong { font-size: 16px !important; }
  .about-identity__text p { margin-top: 2px !important; font-size: 11px !important; }
  .about-document-link {
    margin-top: 13px !important;
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 13px !important;
  }
  .about-document-link h2 { font-size: 17px !important; margin: 0 0 3px !important; }
  .about-document-link p { margin: 0 !important; font-size: 11.5px !important; line-height: 1.3 !important; }
  .about-document-link__button { min-height: 36px !important; padding: 7px 10px !important; font-size: 11px !important; }

  /* --- Kontakt --- */
  .contact-intro { padding: 0 !important; }
  .contact-intro__inner {
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    padding: 13px 0 10px !important;
  }
  .organisation-card,
  .contact-channels__grid,
  .vice-grid,
  .members-grid { gap: 7px !important; }
  .organisation-item,
  .contact-channel,
  .person-card,
  .chairman-card {
    border-radius: 13px !important;
  }
  .organisation-item { min-height: 58px !important; padding: 8px !important; gap: 8px !important; }
  .organisation-item__icon { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .organisation-item__content small { font-size: 8.5px !important; }
  .organisation-item__content strong { font-size: 11.5px !important; line-height: 1.2 !important; }
  .contact-channels__heading > p,
  .history-heading p { font-size: 11.5px !important; line-height: 1.35 !important; margin: 3px 0 0 !important; }
  .contact-channel { min-height: 64px !important; padding: 9px !important; gap: 8px !important; }
  .contact-channel__icon { width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .contact-channel__content small { font-size: 8.5px !important; }
  .contact-channel__content strong { font-size: 12px !important; }
  .contact-channel__content > span { font-size: 10px !important; }
  .chairman-card { padding: 10px !important; gap: 8px !important; }
  .chairman-card__identity { gap: 8px !important; }
  .person-avatar--large { width: 46px !important; height: 46px !important; min-width: 46px !important; }
  .chairman-card h3,
  .person-card h3 { font-size: 14px !important; margin: 1px 0 !important; }
  .person-role { font-size: 9px !important; }
  .person-note { font-size: 10.5px !important; line-height: 1.25 !important; }
  .chairman-card__actions { gap: 6px !important; }
  .contact-action { min-height: 48px !important; padding: 7px 8px !important; }
  .contact-action svg { width: 18px !important; }
  .contact-action small { font-size: 8px !important; }
  .contact-action strong { font-size: 10.5px !important; }
  .person-card { padding: 9px !important; }
  .person-card__head { gap: 7px !important; }
  .person-avatar { width: 38px !important; height: 38px !important; min-width: 38px !important; }
  .person-avatar--small { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .person-card__contacts { margin-top: 6px !important; gap: 4px !important; }
  .person-card__contacts a { font-size: 10.5px !important; }
  .history-list { gap: 6px !important; }
  .history-term { border-radius: 11px !important; }
  .history-term summary { min-height: 44px !important; padding: 8px 9px !important; }

  /* --- Rezervace klubovny --- */
  .reservation-hero { padding: 0 !important; min-height: 0 !important; }
  .reservation-hero__inner {
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    min-height: 0 !important;
    padding: 13px 0 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: end !important;
  }
  .reservation-today {
    min-width: 72px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
  }
  .reservation-today small { font-size: 8px !important; }
  .reservation-today strong { font-size: 11px !important; }
  .reservation-today span { font-size: 9px !important; }
  .reservation-toolbar { margin-bottom: 7px !important; gap: 7px !important; }
  .month-control {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
  }
  .reservation-month small { font-size: 8px !important; }
  .reservation-month h2 { margin: 1px 0 0 !important; font-size: 18px !important; }
  .reservation-legend {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
    overflow-x: auto !important;
    font-size: 10px !important;
  }
  .reservation-day { min-height: 48px !important; padding: 4px !important; }
  .reservation-day time { font-size: 12px !important; }
  .reservation-day span { font-size: 8px !important; }
  .reservation-summary,
  .reservation-privacy {
    margin-top: 8px !important;
    padding: 9px 10px !important;
    border-radius: 11px !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }
  .reservation-privacy p { margin: 3px 0 0 !important; }

  /* --- Můj účet / členské obrazovky: zahuštění bez změny funkcí --- */
  .account-page,
  .account-dashboard,
  .account-section,
  .account-card,
  .member-card {
    --account-mobile-gap: 8px;
  }
  .account-jump {
    gap: 6px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding: 5px 0 !important;
    scrollbar-width: none;
  }
  .account-jump::-webkit-scrollbar { display: none; }
  .account-jump a {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
  }
  .account-card,
  .member-card { padding: 10px !important; border-radius: 13px !important; }

  /* --- Footer a stránkování --- */
  footer .footer {
    width: calc(100% - (var(--mui2-edge) * 2)) !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    gap: 10px !important;
  }
  footer .footer p { margin: 3px 0 !important; font-size: 11px !important; line-height: 1.3 !important; }
  footer .footer b { font-size: 12px !important; }
  nav[aria-label="Stránkování"],
  .pagination { margin-top: 10px !important; }
  .pagination a,
  .pagination span { min-width: 32px !important; min-height: 32px !important; padding: 6px !important; font-size: 10.5px !important; }
}

@media (max-width: 380px) {
  .archive-stat { display: none !important; }
  .archive-hero__inner,
  .reservation-hero__inner { grid-template-columns: 1fr !important; }
  .reservation-today { display: none !important; }
  .gallery-grid { gap: 6px !important; }
  .news-card { grid-template-columns: 86px minmax(0, 1fr) !important; }
  .news-card__media { width: 86px !important; }
  .event-card { grid-template-columns: 92px minmax(0, 1fr) !important; }
  .event-card__media { width: 92px !important; }
}