/* WP Firebase Connector - Trails grid styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
:root { --wffc-featured-h: 420px; }
#wffc-trails { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
.wffc-trails-grid { display: grid; grid-template-columns: 1fr minmax(320px,420px); gap: 20px; align-items: stretch; }
.wffc-trails-grid .wffc-column-right { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: calc((var(--wffc-featured-h) - 18px) / 2); gap: 18px; background: transparent; padding: 0; border-radius:0; box-shadow:none; border: none; min-height:var(--wffc-featured-h); }

/* Ensure grid tracks don't impose min-height constraints that prevent images filling their cells */
.wffc-trails-grid .wffc-column-right, .wffc-trails-grid .wffc-column-right > * { min-height: 0; }

/* Force anchors and images inside right-column cards to fill their card areas */
.wffc-trails-grid .wffc-column-right .wffc-card {
  display: block;
  min-height: 0;
}
.wffc-trails-grid .wffc-column-right .wffc-card > a {
  display: block;
  width: 100%;
  height: 100%;
}
.wffc-trails-grid .wffc-column-right .wffc-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.wffc-card { background:#0b2c1b; color:#fff; border-radius:14px; overflow:hidden; position:relative; box-shadow:0 6px 18px rgba(0,0,0,0.18); }
.wffc-card img { width:100%; height:100%; object-fit:cover; display:block; }
.wffc-featured-link, .wffc-small-link { display:block; width:100%; height:100%; }
.wffc-featured-link img, .wffc-small-link img { width:100%; height:100%; object-fit:cover; display:block; }

/* Smooth hover effects: subtle scale, shadow and overlay fade without affecting layout */
.wffc-card, .wffc-card img, .wffc-featured-link, .wffc-small-link { will-change: transform, box-shadow, opacity; }
.wffc-card { transition: box-shadow .28s ease, transform .28s ease; }
.wffc-card img { transition: transform .36s cubic-bezier(.2,.8,.2,1); transform-origin: center center; }
.wffc-card:hover { transform: translateZ(0); box-shadow: 0 18px 38px rgba(6,36,22,0.12); }
.wffc-featured-link:hover img, .wffc-small-link:hover img { transform: scale(1.04); }
.wffc-card .wffc-overlay { transition: background .28s ease, opacity .28s ease; }
.wffc-featured-link:hover .wffc-overlay, .wffc-card-small:hover .wffc-overlay { background: linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.6) 70%); }

/* Link hover/focus subtle color and underline transition */
.wffc-title-link, .wffc-small-title, .wffc-back-link { transition: color .22s ease, text-decoration-color .22s ease; }
.wffc-title-link:hover, .wffc-small-title:hover, .wffc-back-link:hover { color: #eafaf0; }
.wffc-title-link:focus-visible, .wffc-small-title:focus-visible { outline: 3px solid rgba(6,196,106,0.14); outline-offset: 2px; }

/* Share tile hover */
.wffc-share:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.12); }

/* Keep interactions smooth on reduced-motion user preference */
@media (prefers-reduced-motion: reduce) {
  .wffc-card, .wffc-card img, .wffc-featured-link, .wffc-small-link { transition: none !important; }
}
.wffc-card .wffc-overlay { position:absolute; left:0; right:0; bottom:0; padding:14px; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 60%); color:#fff; }
.wffc-featured { height:420px; }
.wffc-featured .wffc-badge { display:inline-block; background:#06c46a; color:#00220f; font-weight:700; padding:6px 10px; border-radius:8px; margin-bottom:8px; font-size:13px; }
.wffc-featured .wffc-title { font-size:24px; font-weight:700; margin:8px 0 0; }
.wffc-card-small { border-radius:12px; overflow:hidden; position:relative; height:100%; }
.wffc-card-small .wffc-meta { position:absolute; left:12px; bottom:12px; color:#fff; font-size:13px; display:flex; gap:10px; align-items:center; }
.wffc-card-small .wffc-meta .wffc-likes { display:inline-flex; align-items:center; gap:6px; opacity:0.95; }
.wffc-small-title { position: absolute; left:12px; right:12px; bottom:12px; z-index:60; display:block; color:#fff; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,0.6); background: linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.55) 100%); padding:8px 10px; border-radius:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wffc-small-title img.emoji { height:18px; width:auto; margin-left:8px; vertical-align:middle; }
.wffc-small-location { position: absolute; left:12px; right:12px; bottom:0; z-index:59; display:block; color:#fff; font-weight:600; text-shadow:0 1px 2px rgba(0,0,0,0.6); background: linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.55) 100%); padding:2px 10px; border-radius:0 0 6px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:10px; padding-left:26px; background-repeat:no-repeat; background-position:left 8px center; background-size:12px 12px; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.5' d='M12 21s-6.5-4.9-6.5-10.1A6.5 6.5 0 1 1 18.5 10.9C18.5 16.1 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10' r='2' fill='%23ffffff'/%3E%3C/svg%3E"); }
.wffc-share { display:flex; align-items:center; justify-content:center; font-size:18px; color:#06c46a; background:#123922; border-radius:12px; border:2px dashed rgba(6,196,106,0.12); padding:0; height:100%; min-height:0; }
.wffc-share > div { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; text-align:center; color:#06c46a; padding:18px; box-sizing:border-box; }
.wffc-share svg, .wffc-share img { display:block; margin:0 0 8px; }
@media (max-width:900px){
  .wffc-trails-grid { grid-template-columns: 1fr; }
  .wffc-trails-grid .wffc-column-right { grid-template-columns: 1fr 1fr; grid-auto-rows:120px; }
  .wffc-featured { height:260px; }
}

@media (min-width: 1000px) {
  .wffc-trails-grid .wffc-column-right { position: sticky; top: 18px; align-self: start; }
}

/* Hide small titles inside the right column (three-card list) */
.wffc-trails-grid .wffc-column-right .wffc-small-title { display: none !important; }
.wffc-trails-grid .wffc-column-right .wffc-small-location { display: none !important; }

/* Trail detail styles */
#wffc-trail-detail { font-family: sans-serif; margin:18px 0; }
.wffc-detail-wrap { display:grid; grid-template-columns: 1fr minmax(320px,420px); gap:20px; align-items:start; }
.wffc-detail-main { background:#fff; border-radius:10px; padding:0; box-shadow:0 8px 28px rgba(6,36,22,0.04); }
.wffc-detail-side { background: linear-gradient(180deg, #ffffff 0%, #fbfff8 100%); border-radius:10px; padding:18px; box-shadow:0 10px 30px rgba(6,36,22,0.06); border:1px solid #e6efe6; }

/* Make the right column visually distinct and sticky on larger screens */
@media (min-width: 1000px) {
  .wffc-detail-side { position: sticky; top: 18px; align-self: start; }
}
.wffc-detail-main + .wffc-detail-side {}

/* Title styling for trail detail */
#wffc-trail-detail > h2 { font-size:28px; font-weight:800; color:#163e2a; margin:0 0 12px 0; line-height:1.15; }
#wffc-trail-detail > h2 a { color:inherit; text-decoration:none; }

.wffc-location { color: #ffffff; font-size: 13px; margin-top: 4px; font-weight: 600; display:inline-block; background-repeat:no-repeat; background-position:left 8px center; background-size:14px 14px; padding-left:30px; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.5' d='M12 21s-6.5-4.9-6.5-10.1A6.5 6.5 0 1 1 18.5 10.9C18.5 16.1 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10' r='2' fill='%23ffffff'/%3E%3C/svg%3E"); }
.wffc-title-link { color: #ffffff !important; text-decoration: none; font-size:22px; font-weight:800; }
.wffc-title-link:hover { text-decoration: underline; }
.wffc-side-header { font-weight:800; font-size:15px; color:#0b3b24; margin-bottom:14px; letter-spacing:0.2px; }
.wffc-stats-grid { display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-bottom:14px; }
.wffc-stat { background:#fbfbfb; border:1px solid #f0f0f0; padding:10px; border-radius:8px; text-align:left; }
.wffc-stat-label { font-size:12px; color:#666; margin-bottom:6px; }
.wffc-stat-value { font-size:16px; font-weight:700; color:#222; }
.wffc-detail-meta .wffc-meta-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid #f4f4f4; }
.wffc-detail-meta .wffc-meta-row:last-child { border-bottom:0; }
.wffc-map { width:100%; height:420px; border-bottom:1px solid #eee; border-radius:8px 8px 0 0; }
.wffc-detail-meta { padding:12px 6px; color:#2b3b33; font-size:14px; }
.wffc-detail-side .wffc-meta-row { padding:10px 0; }
.wffc-detail-meta .wffc-meta-row { margin-bottom:8px; }
.wffc-detail-images { padding:12px; display:flex; flex-direction:column; gap:8px; }
.wffc-detail-mainimg { width:100%; max-height:360px; object-fit:cover; border-radius:6px; }
.wffc-detail-thumbs { display:flex; gap:8px; margin-top:8px; flex-wrap:wrap; }
.wffc-detail-thumbs img { width:72px; height:72px; object-fit:cover; border-radius:4px; cursor:pointer; }
.wffc-detail-thumbs img[data-is-map="true"] { border:2px solid #06c46a; position:relative; }
.wffc-detail-thumbs img[data-is-map="true"]::after { content: "🗺️"; position:absolute; top:2px; right:2px; background:#06c46a; color:white; border-radius:50%; width:16px; height:16px; display:flex; align-items:center; justify-content:center; font-size:10px; }
.wffc-back-link { display:inline-block; margin-top:12px; }

/* Share buttons */
.wffc-share-wrap { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.wffc-share-wrap button { background:#06c46a; color:#fff; border:0; padding:8px 10px; border-radius:6px; cursor:pointer; font-size:13px; }
.wffc-share-wrap .wffc-share-twitter { background:#1DA1F2; }
.wffc-share-wrap .wffc-share-facebook { background:#1877F2; }
.wffc-share-wrap .wffc-share-copy { background:#666; }
.wffc-share-wrap button:active { transform:translateY(1px); }

@media (max-width:1100px){
  .wffc-detail-wrap { grid-template-columns: 1fr; }
  .wffc-detail-side { order:2; position:relative; top:0; }
}

/* Elevation profile */
.wffc-elev-wrap { margin-top:6px; padding:0 12px 12px 12px; height:220px; box-sizing:border-box; }
.wffc-elev-legend { font-size:13px; margin-bottom:6px; display:flex; justify-content:space-between; }
.wffc-elev-canvas { width:100%; height: calc(100% - 28px) !important; display:block; }

/* Compact basemap control */
.wffc-basemap-control { background:#fff; border-radius:4px; padding:6px; box-shadow:0 2px 6px rgba(0,0,0,0.12); }
.wffc-basemap-control .wffc-basemap-select { border:0; background:transparent; font-size:13px; padding:4px 6px; outline:none; }
.wffc-basemap-control.leaflet-bar { box-shadow:none; border-radius:6px; }

/* Map controls bar placed above the map */
.wffc-map-controls { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; gap:12px; overflow:visible; width:100%; box-sizing:border-box; margin-bottom:10px; position:relative; }

/* Toolbar button styles to match screenshot */
.wffc-toolbar-btn { background:#fff; border:2px solid #06c46a; color:#08623a; padding:8px 12px; border-radius:10px; display:inline-flex; align-items:center; gap:8px; font-weight:700; cursor:pointer; box-shadow: none; }
.wffc-toolbar-btn .wffc-toolbar-ico { font-size:16px; line-height:1; }
.wffc-toolbar-btn .wffc-toolbar-label { font-size:14px; }
.wffc-map-left { display:flex; gap:10px; align-items:center; }
.wffc-map-right { display:flex; gap:10px; align-items:center; }
.wffc-map-center { display:flex; align-items:center; justify-content:center; gap:12px; color:#2b6f4a; font-weight:700; }
.wffc-stats-inline { display:flex; gap:12px; align-items:center; color:#2b6f4a; }
.wffc-stats-inline .wffc-stat-claps, .wffc-stats-inline .wffc-stat-comments { background:transparent; padding:4px 6px; border-radius:6px; font-weight:600; }

@media (max-width:700px) {
  .wffc-map-controls { flex-direction:column; align-items:stretch; gap:8px; }
  .wffc-map-left, .wffc-map-right { justify-content:space-between; }
  .wffc-map-center { order:3; justify-content:flex-start; }
}

/* Share overlay inside map (top-right) */
/* share overlay removed; share dropdown lives in toolbar rightControls */
/* Share dropdown lives in the toolbar rightControls; position the menu correctly */
.wffc-share-dropdown { position: relative; }
.wffc-share-dropdown .wffc-share-icon { background:#fff; border:2px solid #06c46a; color:#08623a; padding:8px 10px; border-radius:10px; font-weight:700; cursor:pointer; }
.wffc-share-dropdown .wffc-share-menu { position:absolute; right:0; top:36px; display:none; background:#fff; border:1px solid #eee; box-shadow:0 6px 18px rgba(0,0,0,0.06); border-radius:8px; padding:8px; min-width:140px; z-index:10060; }

/* Checkbox-controlled share menu (no-JS toggle fallback) */
.wffc-share-toggle { display:none; }
.wffc-share-toggle:checked + .wffc-share-icon + .wffc-share-menu { display:flex; }

/* Pin the Share control to the far right of the toolbar */
/* Share positioned at the top-right of the detail container (matches screenshot) */
.wffc-detail-wrap { position: relative; }
.wffc-map-left .wffc-share-dropdown { margin-left: 10px; }
.wffc-map-left .wffc-share-dropdown .wffc-share-icon { background:#fff; border:2px solid #06c46a; color:#08623a; padding:8px 10px; border-radius:10px; font-weight:700; cursor:pointer; }
.wffc-map-left .wffc-share-dropdown .wffc-share-menu { position:absolute; right:0; top:36px; display:none; background:#fff; border:1px solid #eee; box-shadow:0 6px 18px rgba(0,0,0,0.06); border-radius:8px; padding:8px; min-width:140px; z-index:10080; }
.wffc-share-dropdown .wffc-share-menu a { display:block; padding:6px 8px; color:#333; text-decoration:none; border-radius:6px; }
.wffc-share-dropdown .wffc-share-menu a:hover { background:#f5f5f5; }
.wffc-share-modal { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.36); z-index:13000; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.wffc-share-modal.open { opacity:1; pointer-events:auto; }
.wffc-share-dialog { width:720px; max-width:94%; background:#fff; border-radius:10px; padding:20px; box-shadow:0 18px 48px rgba(0,0,0,0.28); position:relative; }
.wffc-share-close { position:absolute; right:12px; top:12px; background:transparent; border:0; font-size:18px; cursor:pointer; }
.wffc-share-title { margin:0 0 12px 0; font-size:20px; color:#123922; }
.wffc-share-row { display:flex; gap:12px; margin-bottom:16px; }
.wffc-share-action { flex:1 1 0; padding:14px 12px; border-radius:8px; border:1px solid #e6e6e6; background:#f7f7f7; cursor:pointer; font-weight:700; }
.wffc-share-action-fb { background:#1877f2; color:#fff; border-color:transparent; }
.wffc-share-action-tw { background:#1DA1F2; color:#fff; border-color:transparent; }
.wffc-share-action-qr { background:#f1f1f1; }
.wffc-share-action-embed { background:#f1f1f1; }
.wffc-share-linkwrap { display:flex; gap:8px; align-items:center; margin-bottom:12px; }
.wffc-share-input { flex:1 1 auto; padding:10px 12px; border-radius:6px; border:1px solid #e6e6e6; font-size:14px; }
.wffc-share-copybtn { padding:10px 12px; background:#06c46a; color:#fff; border:0; border-radius:6px; cursor:pointer; }
.wffc-share-extra { margin-top:12px; }
.wffc-qr-wrap { display:flex; align-items:center; gap:12px; }
.wffc-qr-img { width:160px; height:160px; border:1px solid #eee; background:#fff; }
.wffc-embed-ta { width:100%; height:120px; }
.wffc-map-left, .wffc-map-right { display:flex; align-items:center; gap:8px; }
.wffc-like-btn, .wffc-comment-btn, .wffc-share-icon { background:#fff; border:1px solid #e6e6e6; padding:8px 10px; border-radius:8px; cursor:pointer; font-size:14px; display:inline-flex; align-items:center; gap:8px; }
.wffc-like-btn.wffc-liked { background:#06c46a; color:#fff; border-color:rgba(6,196,106,0.2); }
.wffc-like-emoji { font-size:16px; line-height:1; }
.wffc-like-count { font-weight:700; margin-left:4px; }
.wffc-share-dropdown { position:relative; z-index:10050; }
.wffc-share-menu { position:absolute; right:0; top:36px; background:#fff; border:1px solid #eee; box-shadow:0 6px 18px rgba(0,0,0,0.06); border-radius:8px; padding:8px; min-width:140px; display:flex; flex-direction:column; gap:6px; z-index:10060; }
.wffc-share-menu a { color:#333; text-decoration:none; padding:6px 8px; border-radius:6px; }
.wffc-share-menu a:hover { background:#f5f5f5; }
.wffc-comment-panel { margin:8px 12px; padding:10px; border:1px solid #eee; border-radius:8px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.04); }
.wffc-comment-text { width:100%; min-height:64px; resize:vertical; padding:8px; border:1px solid #e6e6e6; border-radius:6px; }
.wffc-comment-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:8px; }
.wffc-comment-submit, .wffc-comment-cancel { padding:6px 10px; border-radius:6px; border:0; cursor:pointer; }
.wffc-comment-submit { background:#06c46a; color:#fff; }
.wffc-comment-cancel { background:#eee; }
.wffc-comment-posted { margin:8px 12px; padding:8px; background:#fafafa; border:1px solid #f0f0f0; border-radius:6px; }

/* Catalog / Grid layout variant (matches provided screenshot) */
#wffc-trails[data-wffc-layout="grid"] { padding: 12px 6px; }
#wffc-trails[data-wffc-layout="grid"] .wffc-grid-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px 28px;
  align-items: start;
}

@media (max-width:1100px) {
  #wffc-trails[data-wffc-layout="grid"] .wffc-grid-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:700px) {
  #wffc-trails[data-wffc-layout="grid"] .wffc-grid-cards { grid-template-columns: 1fr; }
}

.wffc-card-grid {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(12,40,24,0.06);
  color: #0b3b24;
  display: flex;
  flex-direction: column;
}
.wffc-card-grid .wffc-card-img {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  position: relative;
}
.wffc-card-grid .wffc-card-img img { width:100%; height:100%; object-fit:cover; display:block; border-radius:8px 8px 0 0; }
.wffc-badge-pill { position:absolute; top:12px; left:12px; background:#e6f9f0; color:#08623a; padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; box-shadow:0 4px 10px rgba(6,36,22,0.06); }
.wffc-card-grid .wffc-card-body { padding:14px 16px 18px 16px; display:flex; flex-direction:column; gap:8px; }
.wffc-card-grid .wffc-card-title { font-size:16px; font-weight:800; color:#143e2a; margin:0; text-decoration:none; }
.wffc-card-grid .wffc-card-meta { display:flex; gap:12px; align-items:center; color:#6b8576; font-size:13px; }
.wffc-card-grid .wffc-meta-item { display:flex; gap:8px; align-items:center; }
.wffc-card-grid .wffc-meta-item svg, .wffc-card-grid .wffc-meta-item img { width:14px; height:14px; opacity:0.9; }

.wffc-load-more-wrap { text-align:center; margin-top:26px; }
.wffc-load-more-btn { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid #e6efe6; padding:10px 18px; border-radius:999px; box-shadow:0 6px 18px rgba(6,36,22,0.04); cursor:pointer; }

/* Grid controls: search and filter pills */
.wffc-grid-controls { display:flex; align-items:center; gap:12px; justify-content:space-between; margin-bottom:16px; }
.wffc-search-input { flex:1 1 420px; max-width:720px; padding:10px 14px; border:1px solid #e6efe6; border-radius:999px; background:#fff; box-shadow:0 6px 18px rgba(6,36,22,0.02); font-size:14px; }
.wffc-search-input::placeholder { color:#9aa9a0; }
.wffc-filter-pills { display:flex; gap:8px; align-items:center; margin-left:12px; }
.wffc-filter-pill { background:#fff; border:1px solid #e9f5ef; padding:6px 10px; border-radius:999px; font-size:13px; color:#2b6f4a; cursor:pointer; box-shadow:0 6px 18px rgba(6,36,22,0.03); }
.wffc-grid-cards { margin-top: 6px; }

/* Lightbox for large image preview */
.wffc-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; z-index:12000; }
.wffc-lightbox.hidden { display:none; }
.wffc-lightbox-content { position: relative; max-width: 95%; max-height: 95%; }
.wffc-lightbox-content img { max-width:100%; max-height:100%; display:block; border-radius:8px; box-shadow:0 18px 48px rgba(0,0,0,0.6); }
.wffc-lightbox-close { position:absolute; top:-12px; right:-12px; background:#fff; border-radius:999px; border:0; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.2); }
.wffc-lightbox-controls { position:absolute; top:8px; left:8px; display:flex; gap:8px; z-index:12010; }
.wffc-lightbox-controls button { background: rgba(255,255,255,0.95); border:0; padding:8px 10px; border-radius:8px; cursor:pointer; font-size:14px; display:inline-flex; align-items:center; gap:8px; }
.wffc-lightbox-controls .wffc-like-btn { background:#fff; }
.wffc-lightbox-share-menu { position:absolute; top:44px; left:8px; background:#fff; border:1px solid #eee; box-shadow:0 6px 18px rgba(0,0,0,0.08); border-radius:8px; padding:8px; min-width:160px; display:flex; flex-direction:column; gap:6px; }
.wffc-lightbox-share-menu a { color:#333; text-decoration:none; padding:6px 8px; border-radius:6px; }
.wffc-lightbox-share-menu a:hover { background:#f5f5f5; }

/* Lightbox navigation arrows */
.wffc-lightbox-prev, .wffc-lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.95);
  border: 0;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index: 12010;
}
.wffc-lightbox-prev { left: -64px; }
.wffc-lightbox-next { right: -64px; }
@media (max-width:700px) {
  .wffc-lightbox-prev, .wffc-lightbox-next { left: 12px; right: 12px; width:40px; height:40px; font-size:22px; }
  .wffc-lightbox-prev { left: 12px; }
  .wffc-lightbox-next { right: 12px; }
}