/* pmkto brand overlay for the shared image-gallery plugin.
   The shared plugin CSS (image-gallery/image-gallery.css) is loaded first;
   these rules override colours, radii, and motion to match the pmkto design system.
   Settings (ShowCaptions, DefaultSort) are configured in settings.json — no JS
   duplication is needed here. */

/* Shell frame used by gallery and map embeds */
.section .image-gallery-shell,
.section .image-map-shell {
    border: 1px solid var(--line-light, #eaf0f7);
    border-radius: 1rem;
    background: var(--surface, #ffffff);
    box-shadow:
        0 1px 3px rgba(15, 43, 94, 0.03),
        0 6px 20px rgba(15, 43, 94, 0.05);
    overflow: hidden;
}

/* Toolbar is hidden in pmkto — sort and size are driven by settings, not user controls */
.image-gallery .image-gallery__toolbar {
    display: none !important;
}

/* Grid padding to match pmkto spacing */
.image-gallery__grid {
    padding: 10px;
    gap: 10px;
}

/* Card hover lift */
.image-gallery__card {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.image-gallery__card:hover {
    transform: translateY(-2px);
}

/* Image border / radius to match pmkto surface style */
.image-gallery__image {
    border-radius: 0.5rem;
    border-color: var(--line-light, #eaf0f7);
    transition: box-shadow 0.2s ease;
}

.image-gallery__card:hover .image-gallery__image {
    box-shadow: 0 4px 12px rgba(15, 43, 94, 0.1);
}

/* Lightbox — pmkto premium dark treatment */
.image-gallery__lightbox {
    background: rgba(10, 22, 40, 0.88);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.image-gallery__lightbox img {
    border-radius: 0.75rem;
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
}

.image-gallery__nav {
    background: rgba(15, 43, 94, 0.6);
    transition: background 0.15s ease;
}

.image-gallery__nav:hover {
    background: rgba(0, 148, 212, 0.7);
}