/*
 * Photo Gallery — gold light experiment.
 * This file is page-scoped so the experiment can be rolled back independently.
 * Show More / Show Less controls are intentionally untouched.
 */

body.photo-gallery-gold-light {
    --pg-gold: #d8b012;
    --pg-yellow: #ffd95a;
    --pg-gold-line: linear-gradient(90deg, var(--pg-gold) 0%, var(--pg-yellow) 100%);
    --pg-soft-yellow-surface: linear-gradient(135deg, #fffdf3 0%, #fffefa 58%, #fffdf6 100%);
    --pg-photo-light:
        0 0 0 1px rgba(216, 176, 18, 0.72),
        0 0 0 3px rgba(255, 217, 90, 0.14),
        0 10px 24px rgba(216, 176, 18, 0.16);
}

/* The section underline carries the gold-to-yellow identity. */
body.photo-gallery-gold-light .section-title::after,
body.photo-gallery-gold-light .section-header .section-title::after {
    background: var(--pg-gold-line);
    box-shadow: 0 2px 6px rgba(216, 176, 18, 0.16);
}

/* Alternate section surfaces: Past Events, Life Release, then Sister Centers. */
body.photo-gallery-gold-light .photo-gallery-page > .gallery-section:nth-of-type(1),
body.photo-gallery-gold-light .photo-gallery-page > .gallery-section:nth-of-type(3) .life-release-editorial-card,
body.photo-gallery-gold-light .photo-gallery-page > .gallery-section:nth-of-type(5) {
    background: var(--pg-soft-yellow-surface);
}

/* Give past-event rows a quiet warm surface instead of the default gray. */
body.photo-gallery-gold-light .resource-item:hover {
    background: linear-gradient(
        90deg,
        rgba(255, 248, 214, 0.58) 0%,
        rgba(255, 253, 241, 0.82) 100%
    );
    border-color: rgba(216, 176, 18, 0.12);
}

/* Keep photographs natural at rest; reveal a fine sunlit edge on interaction. */
body.photo-gallery-gold-light .resource-item .item-thumb,
body.photo-gallery-gold-light .gallery-item .item-thumb,
body.photo-gallery-gold-light .puja-gallery-item,
body.photo-gallery-gold-light .life-release-gallery-item,
body.photo-gallery-gold-light .polaroid-photo,
body.photo-gallery-gold-light .puja-floating-img,
body.photo-gallery-gold-light .life-release-floating-img {
    transition: box-shadow 0.35s ease, transform 0.5s ease;
}

body.photo-gallery-gold-light .resource-item:hover .item-thumb,
body.photo-gallery-gold-light .gallery-item:hover .item-thumb,
body.photo-gallery-gold-light .puja-gallery-item:hover,
body.photo-gallery-gold-light .life-release-gallery-item:hover,
body.photo-gallery-gold-light .polaroid-card:hover .polaroid-photo,
body.photo-gallery-gold-light .puja-editorial-card:hover .puja-floating-img,
body.photo-gallery-gold-light .life-release-editorial-card:hover .life-release-floating-img {
    box-shadow: var(--pg-photo-light);
}

@media (hover: none) {
    body.photo-gallery-gold-light .resource-item:active .item-thumb,
    body.photo-gallery-gold-light .gallery-item:active .item-thumb,
    body.photo-gallery-gold-light .puja-gallery-item:active,
    body.photo-gallery-gold-light .life-release-gallery-item:active,
    body.photo-gallery-gold-light .polaroid-card:active .polaroid-photo {
        box-shadow: var(--pg-photo-light);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.photo-gallery-gold-light .resource-item .item-thumb,
    body.photo-gallery-gold-light .gallery-item .item-thumb,
    body.photo-gallery-gold-light .puja-gallery-item,
    body.photo-gallery-gold-light .life-release-gallery-item,
    body.photo-gallery-gold-light .polaroid-photo,
    body.photo-gallery-gold-light .puja-floating-img,
    body.photo-gallery-gold-light .life-release-floating-img {
        transition: none;
    }
}