/* FooGallery in de stijl van Hut Thornspic */
.foogallery { --fg-r: var(--radius-sm, 12px); max-width: 100%; }
.foogallery .fg-item { margin: 0; }
.foogallery .fg-item-inner { border-radius: var(--fg-r); overflow: hidden; background: var(--card, #fff); box-shadow: 0 2px 4px rgba(20,50,60,.08), 0 8px 20px rgba(20,50,60,.10); transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s; }
.foogallery .fg-item:hover .fg-item-inner, .foogallery .fg-item:focus-within .fg-item-inner { transform: translateY(-4px); box-shadow: 0 6px 12px rgba(20,50,60,.12), 0 18px 34px rgba(20,50,60,.18); }
.foogallery .fg-thumb, .foogallery .fg-image { border-radius: var(--fg-r); display: block; }
.foogallery .fg-image { transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .3s; }
.foogallery .fg-item:hover .fg-image { transform: scale(1.05); }
.foogallery .fg-thumb { border-bottom: 0 !important; text-decoration: none !important; }
/* Overlay en bijschriften */
.foogallery .fg-caption { background: linear-gradient(to top, rgba(8,38,46,.82), rgba(8,38,46,0)) !important; color: #fff; }
.foogallery .fg-caption-title, .foogallery .fg-caption-title a { color: #fff !important; font-weight: 700; font-size: 14px; letter-spacing: .02em; }
.foogallery .fg-caption-desc { color: rgba(255,255,255,.88); font-size: 12.5px; }
.foogallery .fg-loaded .fg-image { opacity: 1; }
/* Hover-icoon (vergrootglas) in teal */
.foogallery .fg-item .fg-caption::before, .foogallery .fg-hover-zoom .fg-caption::before { color: #fff; }
.foogallery .fg-caption-inner { padding: 12px 14px; }
/* Filters en paginering */
.foogallery .fg-filtering-container { margin-bottom: 14px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.foogallery .fg-filtering-container .fg-filter-item, .foogallery .fg-filtering-container .fg-filter-tag { padding: 6px 16px; border-radius: 999px; border: 1px solid var(--line, #e1e9ec); background: var(--card, #fff); color: var(--text, #3b494f); font-size: 13px; font-weight: 600; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.foogallery .fg-filtering-container .fg-filter-item:hover, .foogallery .fg-filtering-container .fg-filter-item.fg-selected { background: var(--teal-600, #00a5bb); border-color: var(--teal-600, #00a5bb); color: #fff; }
.foogallery .fg-paging-container { margin-top: 18px; display: flex; justify-content: center; }
.foogallery .fg-paging-container .fg-page-active, .foogallery .fg-paging-container .fg-page-button.fg-current { background: var(--teal-600, #00a5bb); border-color: var(--teal-600, #00a5bb); color: #fff; border-radius: 999px; }
.foogallery .fg-paging-container .fg-page-button { border-radius: 999px; }
/* Op mobiel iets ronder en dichter op elkaar */
@media (max-width: 600px) { .foogallery .fg-item-inner { border-radius: 10px; } .foogallery .fg-item:hover .fg-item-inner { transform: none; } }
@media (prefers-reduced-motion: reduce) { .foogallery .fg-item-inner, .foogallery .fg-image { transition: none; } .foogallery .fg-item:hover .fg-image { transform: none; } }