/**
 * Multifunkční prostory (custom/block-multifunkcni-prostory) — frontend
 * Samostatný versovaný soubor (filemtime enqueue, docs/08 §F). Scope: .wp-block-custom-multifunkcni-prostory.
 * html{font-size:14px} → px. Breakpointy 991/767/479.
 */

.wp-block-custom-multifunkcni-prostory.mp-section { padding: 60px var(--abf-gutter, 8%); margin: 0; }
.wp-block-custom-multifunkcni-prostory.mp-section--gray { background: #f5f5f5; }
.wp-block-custom-multifunkcni-prostory.mp-section--tight { padding-top: 20px; }
.wp-block-custom-multifunkcni-prostory .mp-container {
    max-width: var(--abf-content-max, 1280px); margin: 0 auto; padding: 0;
}
.wp-block-custom-multifunkcni-prostory .mp-heading { text-align: left; margin: 0 0 16px; }
.wp-block-custom-multifunkcni-prostory .mp-perex {
    max-width: 720px; font-size: 16px; line-height: 1.6; color: var(--black, #191919); margin: 0 0 32px;
}
.wp-block-custom-multifunkcni-prostory .mp-perex p { margin: 0 0 8px; }

.wp-block-custom-multifunkcni-prostory .mp-grid {
    list-style: none; margin: 0; padding: 0;
    display: grid; gap: 24px;
}
.wp-block-custom-multifunkcni-prostory .mp-grid--1 { grid-template-columns: minmax(0, 1fr); max-width: 480px; }
.wp-block-custom-multifunkcni-prostory .mp-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 880px; }
.wp-block-custom-multifunkcni-prostory .mp-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-custom-multifunkcni-prostory .mp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }

.wp-block-custom-multifunkcni-prostory .mp-tile { margin: 0; }
.wp-block-custom-multifunkcni-prostory .mp-tile-link {
    display: block; text-decoration: none; color: inherit;
}
.wp-block-custom-multifunkcni-prostory .mp-media {
    display: block; aspect-ratio: 4 / 5; border-radius: 8px;
    overflow: hidden; background: #ececec;
}
.wp-block-custom-multifunkcni-prostory .mp-img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .3s;
}
.wp-block-custom-multifunkcni-prostory .mp-media-ph { display: block; width: 100%; height: 100%; }
.wp-block-custom-multifunkcni-prostory .mp-card {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px;
    margin: -56px 16px 0; background: #fff; border-radius: 8px;
    padding: 24px 20px; box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    text-align: center;
}
.wp-block-custom-multifunkcni-prostory .mp-icon {
    display: block; width: 48px; height: 48px;
    background-color: var(--red, #d91920);
    -webkit-mask-image: var(--mp-icon); mask-image: var(--mp-icon);
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-position: center; mask-position: center;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.wp-block-custom-multifunkcni-prostory .mp-icon-img {
    display: block; width: 48px; height: 48px; object-fit: contain;
}
.wp-block-custom-multifunkcni-prostory .mp-title {
    font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--black, #191919);
    transition: color .2s;
}
.wp-block-custom-multifunkcni-prostory .mp-arrow {
    display: inline-flex; color: var(--red, #d91920); transition: transform .2s;
}

/* Hover jen na klikacích dlaždicích */
.wp-block-custom-multifunkcni-prostory a.mp-tile-link:hover .mp-img { transform: scale(1.05); }
.wp-block-custom-multifunkcni-prostory a.mp-tile-link:hover .mp-title { color: var(--red, #d91920); }
.wp-block-custom-multifunkcni-prostory a.mp-tile-link:hover .mp-arrow { transform: translateX(4px); }
.wp-block-custom-multifunkcni-prostory a.mp-tile-link:focus-visible {
    outline: 2px solid var(--red, #d91920); outline-offset: 3px; border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-custom-multifunkcni-prostory .mp-img,
    .wp-block-custom-multifunkcni-prostory .mp-title,
    .wp-block-custom-multifunkcni-prostory .mp-arrow { transition: none; }
    .wp-block-custom-multifunkcni-prostory a.mp-tile-link:hover .mp-img,
    .wp-block-custom-multifunkcni-prostory a.mp-tile-link:hover .mp-arrow { transform: none; }
}

@media (max-width: 991px) {
    .wp-block-custom-multifunkcni-prostory .mp-grid--3,
    .wp-block-custom-multifunkcni-prostory .mp-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wp-block-custom-multifunkcni-prostory .mp-grid--3 .mp-tile:last-child:nth-child(odd),
    .wp-block-custom-multifunkcni-prostory .mp-grid--4 .mp-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .wp-block-custom-multifunkcni-prostory .mp-grid--3 .mp-tile:last-child:nth-child(odd) .mp-media,
    .wp-block-custom-multifunkcni-prostory .mp-grid--4 .mp-tile:last-child:nth-child(odd) .mp-media { aspect-ratio: 16 / 9; }
}
@media (max-width: 767px) {
    .wp-block-custom-multifunkcni-prostory.mp-section { padding: 44px 0; }
    .wp-block-custom-multifunkcni-prostory .mp-grid--2,
    .wp-block-custom-multifunkcni-prostory .mp-grid--3,
    .wp-block-custom-multifunkcni-prostory .mp-grid--4 { grid-template-columns: minmax(0, 1fr); }
    .wp-block-custom-multifunkcni-prostory .mp-media,
    .wp-block-custom-multifunkcni-prostory .mp-grid--3 .mp-tile:last-child:nth-child(odd) .mp-media,
    .wp-block-custom-multifunkcni-prostory .mp-grid--4 .mp-tile:last-child:nth-child(odd) .mp-media { aspect-ratio: 3 / 2; }
    .wp-block-custom-multifunkcni-prostory .mp-card { margin: -48px 14px 0; }
}
@media (max-width: 479px) {
    .wp-block-custom-multifunkcni-prostory .mp-card { padding: 16px; }
    .wp-block-custom-multifunkcni-prostory .mp-icon,
    .wp-block-custom-multifunkcni-prostory .mp-icon-img { width: 40px; height: 40px; }
    .wp-block-custom-multifunkcni-prostory .mp-title { font-size: 17px; }
}