/* Galeries par catégorie */
.jpc-category-nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 28px;
  padding:0;
  list-style:none}

.jpc-category-nav a {
  display:block;
  border:1px solid #ded8d3;
  padding:9px 14px;
  font-size:13px;
  line-height:1.5}

.jpc-category-nav a:hover,.jpc-category-nav a[aria-current=page] {
  background:#b73c2a;
  border-color:#b73c2a;
  color:#fff}

.jpc-photo-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px}

.jpc-photo-heading h2 {
  font-size:27px}
.jpc-photo-heading p {
  font-size:13px;
  color:#68615c}

.jpc-site .jpc-photo-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:22px}

.jpc-photo-grid figure {
  min-width:0}
.jpc-photo-grid a {
  display:block;
  overflow:hidden;
  background:#f4f1ee}

.jpc-site .jpc-photo-grid img {
  display:block;
  height:auto;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  transition:transform .2s}

.jpc-photo-grid a:hover img {
  transform:scale(1.025)}
.jpc-photo-grid figcaption {
  font-size:13px;
  line-height:1.6;
  margin-top:9px;
  color:#615951}

.jpc-gallery-empty {
  border:1px solid #e4ded8;
  background:#f8f6f3;
  padding:36px;
  text-align:center}

.jpc-gallery-empty p {
  max-width:560px;
  margin:0 auto;
  font-size:15px;
  line-height:1.7}
.jpc-gallery-empty strong {
  display:block;
  margin-bottom:8px;
  font-size:17px;
  font-weight:600}

.jpc-photo-viewer {
  border:0;
  padding:20px;
  background:#fff;
  color:#252525;
  width:min(1050px,94vw);
  max-height:94dvh;
  overflow:auto}

.jpc-photo-viewer::backdrop {
  background:#000c}
.jpc-viewer-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:14px}

.jpc-viewer-top p {
  font-size:13px}
.jpc-viewer-close {
  border:1px solid #ddd;
  background:#fff;
  min-height:44px;
  padding:8px 14px;
  font-size:14px!important}

.jpc-viewer-image {
  display:block;
  width:100%;
  height:min(65dvh,680px);
  object-fit:contain;
  background:#f6f4f2}

.jpc-viewer-caption {
  font-size:14px;
  line-height:1.5;
  padding:12px 0}
.jpc-viewer-controls {
  display:flex;
  justify-content:space-between;
  gap:12px}

.jpc-viewer-controls button {
  background:#fff;
  border:1px solid #b73c2a;
  color:#a83425;
  padding:10px 16px;
  min-height:44px;
  font-size:13px}
.jpc-viewer-controls button:disabled {
  opacity:.4;
  cursor:default}

.jpc-project-stories .jpc-category-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:auto}
.jpc-project-stories .jpc-category-actions a {
  margin-top:0}

.jpc-category-actions .jpc-category-contact {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ded8d3;
  padding:11px 15px;
  font-size:13px;
  min-height:44px}

@media(max-width:800px) {
  .jpc-site .jpc-photo-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.jpc-photo-heading {
  display:block}
.jpc-photo-heading p {
  margin-top:8px}
}

@media(max-width:520px) {
  .jpc-site .jpc-photo-grid {
  grid-template-columns:1fr}
.jpc-gallery-empty {
  padding:26px 18px}
.jpc-category-nav {
  display:grid;
  grid-template-columns:1fr 1fr}
.jpc-category-nav a {
  height:100%;
  font-size:12px;
  padding:10px}
.jpc-photo-heading h2 {
  font-size:24px}
.jpc-photo-viewer {
  padding:14px}
.jpc-viewer-image {
  height:55dvh}
}

@media(prefers-reduced-motion:reduce) {
  .jpc-site .jpc-photo-grid img {
  transition:none}
}