/* Optional Panda photo SKIN. Loaded only through panda_photos_enqueue_assets,
   after plugin-owned panda-photo-library + panda-photo-viewer base styles.
   No viewer layout, visibility, scroll locking, navigation or interaction here.
   Albums use the actual pillars-grid/pillar-card library, not another card UI. */
.panda-photo-library { font-family: var(--personal-font); }
.panda-photo-filters label { font-size: 14px; font-weight: 600; color: var(--text-heading); }
.panda-photo-filters select { padding: 10px 32px 10px 14px; border: 1px solid var(--panda-hairline); border-radius: 12px; background: #fff; color: var(--text-heading); font: 400 15px/1.4 var(--personal-font); }
.panda-photo-filters button { border: 0; border-radius: 50px; background: var(--purple); color: #fff; font: 500 15px/1.4 var(--personal-font); }
.panda-photo-reset, .panda-photo-count, .panda-photo-notice { font-size: 15px; color: var(--text-muted); }
.panda-photo-album-card { text-decoration: none; color: inherit; }
.panda-photo-album-card:hover h3 { color: var(--purple); }
.panda-photo-album-card .pillar-card-image { margin: 0; }
.panda-photo-archive { border-block: 1px solid var(--panda-hairline); }
.panda-photo-archive summary { font-size: 16px; font-weight: 600; color: var(--text-heading); }
.panda-photo-archive li span { font-size: 14px; color: var(--text-muted); }
.panda-photo-grid.wp-block-gallery figure.wp-block-image img { border-radius: var(--card-radius); }
.panda-photo-grid.wp-block-gallery figcaption { font-size: 14px; }
.panda-photo-pagination .page-numbers:not(ul) { border: 1px solid var(--panda-hairline); border-radius: 50px; background: #fff; color: var(--purple); font-size: 15px; text-decoration: none; }
.panda-photo-pagination .page-numbers.current { background: var(--purple); color: #fff; }
.panda-viewer { border: 0; border-radius: var(--card-radius); background: var(--bg-footer); color: #fff; font-family: var(--personal-font); }
.panda-viewer::backdrop { background: rgb(0 0 0 / 85%); }
.panda-viewer-toolbar p { font-size: 14px; }
.panda-viewer-toolbar button { border: 0; border-radius: 50px; background: var(--purple); color: #fff; font: 500 14px/1.2 var(--personal-font); }
.panda-viewer-details a { color: var(--panda-haze-deep); text-decoration: underline; }
.panda-viewer-details p, #panda-viewer-archive { font-size: 15px; line-height: 1.6; }
#panda-viewer-caption { font-weight: 600; }
#panda-viewer-description { color: rgb(255 255 255 / 75%); }
.panda-viewer-navigation button { border: 1px solid rgb(255 255 255 / 35%); border-radius: 50px; color: #fff; background: transparent; font: 500 15px/1.4 var(--personal-font); }
.panda-viewer-navigation button:hover:not(:disabled) { background: rgb(255 255 255 / 12%); }