/* Site-specific doplňky pro web Kočičky - hlavní layout je v MeoMaster.vue (scoped). */

.meo-photo-gallery-main {
    max-width: 480px;
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
}

.meo-photo-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 480px;
    margin-top: 16px;
}

.meo-photo-gallery-thumbs img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
}

.meo-photo-gallery-thumbs figcaption {
    font-size: 12px;
    color: #616161;
    text-align: center;
    margin-top: 2px;
}

/* Odkazy v seznamech maji misto puntiku tlapku - stejny motiv jako aktivni polozka v menu (MeoMaster.vue).
   Kresba tlapky je tady jako data URI zamerne: CSS marker nemuze pouzit raw SVG import z @fluentui/svg-icons
   (paw_20_color), kterym ji vykresluje FluentIcon - jde o technicky vynucenou kopii, ne druhy zdroj pravdy. */
.meo-content-col ul li:has(a) {
    list-style: none;
}

.meo-content-col ul li:has(a)::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 14a6 6 0 0 1 12 0c0 .99-.5 1.75-1.21 2.25-.7.5-1.6.75-2.48.75H7.69c-.88 0-1.78-.25-2.48-.75A2.72 2.72 0 0 1 4 14Z' fill='url(%23ic_fluent_paw_20_color__a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 4.25c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25-.83 2.25-2 2.25-2-1.08-2-2.25ZM3 4.5c-1.17 0-2 1.08-2 2.25S1.83 9 3 9s2-1.08 2-2.25S4.17 4.5 3 4.5Zm12 2.25c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25S18.17 9 17 9s-2-1.08-2-2.25Zm-4.5-2.5c0-1.17.83-2.25 2-2.25s2 1.08 2 2.25-.83 2.25-2 2.25-2-1.08-2-2.25Z' fill='url(%23ic_fluent_paw_20_color__b)'/%3E%3Cdefs%3E%3CradialGradient id='ic_fluent_paw_20_color__b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 -9 14.4 0 10.5 9.5)'%3E%3Cstop stop-color='%23EB4824'/%3E%3Cstop offset='1' stop-color='%23FF921F'/%3E%3C/radialGradient%3E%3ClinearGradient id='ic_fluent_paw_20_color__a' x1='6.85' y1='9.2' x2='10.78' y2='17.55' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.13' stop-color='%23FF921F'/%3E%3Cstop offset='1' stop-color='%23EB4824'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center / contain;
}