:root {
    --animation-duration: 0.3s;
    --packages-selections-min-height: 28rem;
}

#package_selection_mobile {
    display: none;
}

.package-selection-item {
    user-select: none;
    cursor: pointer;
    transition: background-color var(--animation-duration) ease-in-out;
}

.package-selection-item img {
    transition: transform var(--animation-duration) ease-in, filter var(--animation-duration) ease-in;
}

.package-selection-item:hover img {
    transform: scale(1.05);
    filter: brightness(0.7) blur(3px);
}

.package-selection-item-learn-more {
    transition: opacity var(--animation-duration) ease-in;
    opacity: 0;
}

.package-selection-item:hover .package-selection-item-learn-more {
    opacity: 1;
}

@media (max-width: 768px) {
    #package_selection {
        display: none;
    }

    #package_selection_mobile {
        display: grid;
    }

    .wp-block-columns.is-layout-flex>*:has(img) {
        order: 1;
    }

    .wp-block-columns.is-layout-flex>*:not(:has(img)) {
        order: 0;
    }

    .is-layout-flow > figure.wp-block-image {
        float: none;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }

    .albania-photos {
        padding: var(--wp--preset--spacing--30) !important;
    }

    .albania-photos div:has(> img) {
        aspect-ratio: 1;
        min-height: unset;
    }

    .albania-photos .is-layout-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--wp--preset--spacing--20);
    }

    .package-selection-item>.wp-block-cover__background.has-background-dim.has-background-dim-30 {
        transition: opacity var(--animation-duration) ease-in-out;
    }

    .package-selection-item:active>.wp-block-cover__background.has-background-dim.has-background-dim-30 {
        opacity: 0.7;
    }
}