/* Shots-only photo wall. Native Ghost cards remain readable without JavaScript. */
html.sumaya-photo-layout{background:#e9dfca;color:#39342d}
html.sumaya-photo-modal-open{overflow:hidden}
.sumaya-photo-layout body,.sumaya-photo-layout .site-wrapper{background-color:#e9dfca;background-image:radial-gradient(rgba(108,83,47,.045) .55px,transparent .75px);background-size:5px 5px;color:#39342d}
.sumaya-photo-layout .site-header,.sumaya-photo-layout .site-nav-main,.sumaya-photo-layout .site-footer{background:transparent;color:#39342d;box-shadow:none}
.sumaya-photo-layout .site-header{border-bottom:1px solid rgba(94,77,54,.16)}
.sumaya-photo-layout .site-header a,.sumaya-photo-layout .site-footer a,.sumaya-photo-layout .site-nav{color:#51483c}
.sumaya-photo-layout .site-header svg{fill:currentColor;color:#766955}
.sumaya-photo-layout .site-main.outer{padding:30px 16px 48px;background:transparent}
.sumaya-photo-layout .site-main>.inner{max-width:none;width:100%}
.sumaya-photo-layout .post-full{max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.sumaya-photo-layout .post-full:before,.sumaya-photo-layout .post-full:after,.sumaya-photo-layout .post-full-content:before,.sumaya-photo-layout .post-full-content:after{display:none}
.sumaya-photo-layout .post-full-header{width:90%;max-width:1200px;margin:0 auto;padding:12px 0 40px;border:0;text-align:left}
.sumaya-photo-layout .post-full-title{margin:0;color:#39342d;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,5.4vw,64px);font-weight:500;font-style:normal;line-height:1.05;letter-spacing:-.035em;text-align:left;transform:none;text-shadow:none}
.sumaya-photo-layout .post-full-byline,.sumaya-photo-layout .post-full-image{display:none}
.sumaya-photo-layout .post-full-content{display:block;width:100%;max-width:none;min-height:0;margin:0;padding:0;background:transparent}
.sumaya-photo-layout .post-full-content .post-content{display:block;width:100%;max-width:none;margin:0;padding:0;color:#39342d}
.sumaya-photo-layout .post-content>p:empty{display:none}
.sumaya-photo-layout .sumaya-photo-gallery-card{display:block;width:100%;max-width:none;margin:0;padding:0}
.sumaya-photo-layout .sumaya-photo-grid{--gallery-columns:5;position:relative;display:block;width:100%;max-width:none;margin:0 0 6px;padding:0;border-radius:12px;overflow:hidden}
.sumaya-photo-layout .sumaya-photo-grid .sumaya-photo-item{box-sizing:border-box;position:absolute;min-width:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
.sumaya-photo-layout .sumaya-photo-grid .sumaya-photo-item:before,.sumaya-photo-layout .sumaya-photo-grid .sumaya-photo-item:after{display:none}
.sumaya-photo-trigger{appearance:none;display:block;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;cursor:zoom-in;line-height:0}
.sumaya-photo-layout .sumaya-photo-grid img{display:block;width:100%;max-width:100%;height:auto;max-height:none;margin:0;padding:0;border:0;object-fit:contain;filter:none;transform:none}
.sumaya-photo-trigger:focus-visible{outline:3px solid #fff9e9;outline-offset:-5px}
.sumaya-photo-layout .sumaya-photo-grid figcaption{margin:0;padding:8px 4px 12px;color:#675c4c;font-size:13px;line-height:1.4;text-align:left}
.sumaya-photo-layout .site-footer{border-top:1px solid rgba(94,77,54,.16);color:#6b604f}
.sumaya-photo-dialog{box-sizing:border-box;padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;margin:auto;overflow:hidden;color:#fff}
.sumaya-photo-dialog::backdrop{background:rgba(18,17,15,.94)}
.sumaya-photo-dialog[open]{display:grid;place-items:center}
.sumaya-photo-stage{display:grid;place-items:center;width:100%;height:100%;pointer-events:none}
.sumaya-photo-dialog .sumaya-photo-full{display:block;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;pointer-events:auto}
.sumaya-photo-close,.sumaya-photo-prev,.sumaya-photo-next{box-sizing:border-box;position:absolute;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#22201bd9;color:#fff;font:28px/1 Arial;cursor:pointer;z-index:1}
.sumaya-photo-close{top:18px;right:18px}
.sumaya-photo-prev{left:18px;top:calc(50% - 22px)}
.sumaya-photo-next{right:18px;top:calc(50% - 22px)}
.sumaya-photo-dialog button:focus-visible{outline:2px solid #f5e5bf;outline-offset:4px}
.sumaya-photo-count,.sumaya-photo-status{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:13px Arial,sans-serif;letter-spacing:.06em;color:#e7ddcc;pointer-events:none}
.sumaya-photo-status:empty{display:none}
@media(max-width:700px){.sumaya-photo-layout .sumaya-photo-grid{--gallery-columns:3}.sumaya-photo-layout .post-full-header{padding-bottom:32px}.sumaya-photo-layout .post-full-title{font-size:45px}}
@media(max-width:520px){.sumaya-photo-layout .site-main.outer{padding:25px 8px 48px}.sumaya-photo-layout .post-full-header{padding-bottom:28px}.sumaya-photo-layout .post-full-title{font-size:42px}.sumaya-photo-layout .sumaya-photo-grid{border-radius:9px}.sumaya-photo-prev{left:10px;top:auto;bottom:12px}.sumaya-photo-next{right:10px;top:auto;bottom:12px}}
@media(max-width:460px){.sumaya-photo-layout .sumaya-photo-grid{--gallery-columns:2}}
.sumaya-photo-layout .read-next{display:none}
.sumaya-photo-layout .site-nav-left-wrapper:after{background:none}
.sumaya-photo-layout .sumaya-photo-trigger{box-shadow:none;text-decoration:none}

/* Before enhancement, keep native uploads in a responsive grid. The script
   removes gallery row wrappers only from its rendered wall, never saved content.
   A static sumaya-photo-layout ancestor in the template enables this fallback. */
.sumaya-photo-layout .post-content{--gallery-columns:5}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready]){
  display:grid;
  grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));
  align-items:start;
  gap:6px;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready])>*{
  grid-column:1 / -1;
  min-width:0;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready])>.kg-image-card{
  grid-column:auto;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready])>.kg-gallery-card{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready]) .kg-gallery-container{
  display:grid;
  grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));
  gap:6px;
  width:100%;
  max-width:none;
  margin:0;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready]) .kg-gallery-row{
  display:contents;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready]) .kg-gallery-image{
  display:block;
  min-width:0;
  margin:0;
}
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready]) .kg-image-card img,
.sumaya-photo-layout .post-content:not([data-sumaya-photos-ready]) .kg-gallery-image img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  object-fit:contain;
}
@media(max-width:700px){.sumaya-photo-layout .post-content{--gallery-columns:3}}
@media(max-width:460px){.sumaya-photo-layout .post-content{--gallery-columns:2}}

html.sumaya-photo-layout .home-template .site-nav-main .site-nav {opacity:1;transition:none;}

html.sumaya-photo-layout .home-template .site-nav-main {z-index:1000;}

/* Subtle 8% fade on the Shots wall and editor in both color schemes. */
html.sumaya-photo-layout .post-content img {
  opacity: .92;
}
/* Opened photographs retain their original color. */
html.sumaya-photo-layout .sumaya-photo-dialog .sumaya-photo-full {
  opacity: 1;
}

/* Curiosity tagline beside the Shots title, wrapping on smaller screens. */
.sumaya-photo-layout .post-full-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px 22px;
}
.sumaya-photo-layout .sumaya-photo-tagline {
  margin: 0;
  color: #675c4c;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 21px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.4;
  letter-spacing: 0;
}
@media (max-width: 520px) {
  .sumaya-photo-layout .post-full-header { gap: 8px 16px; }
  .sumaya-photo-layout .sumaya-photo-tagline { font-size: 18px; }
}
