/* Package Map Block Styles */



.package-map-wrapper {

    width: 100%;

    margin: 0;

}



.package-map-figure {

    margin: 0;

    position: relative;

    overflow: hidden;

    border-radius: 8px;

    background: #f5f5f5;

}



.package-map-link {

    display: block;

    cursor: pointer;

    position: relative;

    transition: transform 0.3s ease;

}



.package-map-link:hover {

    transform: scale(1.02);

}



.package-map-link::after {

    content: '🔍';

    position: absolute;

    top: 12px;

    right: 12px;

    background: rgba(0, 0, 0, 0.6);

    color: white;

    padding: 8px 12px;

    border-radius: 4px;

    font-size: 14px;

    opacity: 0;

    transition: opacity 0.3s ease;

}



.package-map-link:hover::after {

    opacity: 1;

}



.package-map-image {

    display: block;

    width: 100%;

    height: 330px;

    object-fit: cover;

}



/* Preview mode styles */

.package-map-preview .package-map-caption {

    display: block;

    margin-top: 12px;

    padding: 12px;

    background: #f0f0f0;

    border-left: 3px solid #4CAF50;

    font-size: 13px;

    color: #666;

    border-radius: 4px;

}



/* Hide caption in frontend */

.package-map-wrapper:not(.package-map-preview) .package-map-caption {

    display: none;

}



/* Responsive adjustments */

@media (max-width: 768px) {

    .package-map-figure {

        border-radius: 4px;

    }

}