/*
Theme Name:   SWFL Spotlight
Theme URI:    https://swflspotlight.com
Description:  SWFL Spotlight child theme — hyper-local Southwest Florida news & magazine brand. Built on Twenty Twenty-Five with full-site editing, design tokens via theme.json, and editor-native block patterns.
Author:       MelloD Designs
Author URI:   https://mellod.biz
Template:     twentytwentyfive
Version:      0.9.1
Requires at least: 6.8
Tested up to: 6.9
Requires PHP: 8.2
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  swfl-child
Tags:         news, magazine, full-site-editing, block-patterns
*/

/* Minimal overrides. Design tokens live in theme.json; component CSS lives in assets/swfl-article.css (loaded via functions.php). */

.swfl-event-gallery {
  width: min(100% - 32px, 1120px);
  margin-block: clamp(40px, 7vw, 84px);
  margin-inline: auto;
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid color-mix(in srgb, var(--swfl-slate, #1b263b) 14%, transparent);
  border-radius: var(--r-md, 12px);
  background: var(--wp--preset--color--base, #fff);
}

.swfl-event-gallery__intro,
.swfl-event-gallery__footer {
  max-width: 760px;
}

.swfl-event-gallery__intro {
  margin-block-end: clamp(18px, 3vw, 30px);
}

.swfl-event-gallery__intro h2 {
  margin-block: 0 10px;
  font-family: var(--font-display, inherit);
  font-size: clamp(1.55rem, 2.5vw, 2.25rem);
  line-height: 1.15;
  color: var(--swfl-slate, currentColor);
}

.swfl-event-gallery__intro p,
.swfl-event-gallery__footer p {
  margin: 0;
  font-family: var(--font-body, inherit);
  font-size: clamp(1rem, 1.4vw, 1.1rem);
  line-height: 1.6;
  color: var(--fg-3, currentColor);
}

.swfl-event-gallery__footer {
  margin-block-start: clamp(20px, 4vw, 36px);
  padding-block-start: clamp(16px, 3vw, 24px);
  border-block-start: 1px solid color-mix(in srgb, var(--swfl-slate, #1b263b) 12%, transparent);
}

.swfl-event-gallery .ngg-galleryoverview,
.swfl-event-gallery .ngg-pro-masonry,
.swfl-event-gallery .ngg-pro-mosaic,
.swfl-event-gallery .ngg-pro-thumbnail-grid,
.swfl-event-gallery .ngg-albumoverview {
  margin-block: 0;
  max-width: 100%;
}

.swfl-event-gallery img {
  max-width: 100%;
  height: auto;
}

.swfl-event-gallery .ngg-gallery-thumbnail,
.swfl-event-gallery .ngg-pro-thumbnail-grid .ngg-gallery-thumbnail {
  border-radius: var(--r-sm, 8px);
  overflow: hidden;
}

@media (max-width: 640px) {
  .swfl-event-gallery {
    width: min(100% - 20px, 1120px);
    padding: 16px;
  }
}