/* Gridgirls.de gallery unified frame layer - Patch 148
   One central file for gallery frame, intro block, pager and typewriter cursor.
   Do not edit /assets/css/style.css for these gallery colors. */
:root{
  --gg-gallery-frame-bg:#000000;
  --gg-gallery-frame-bg-soft:#030303;
  --gg-gallery-frame-border:rgba(95,0,8,.72);
  --gg-gallery-frame-border-hover:rgba(145,0,12,.82);
  --gg-gallery-frame-text:rgba(255,255,255,.94);
  --gg-gallery-frame-muted:rgba(255,255,255,.72);
  --gg-gallery-cursor:#e30613;
}

.gg-content .gg-gallery-real,
.gg-section .gg-gallery-real,
.gg-content .gg-gallery-built,
.gg-section .gg-gallery-built,
.gg-content .gg-gallery-exact,
.gg-section .gg-gallery-exact,
.gg-content .gg-gallery-manifest,
.gg-section .gg-gallery-manifest{
  width:100% !important;
  box-sizing:border-box !important;
  margin:34px 0 !important;
  padding:26px !important;
  border:1px solid var(--gg-gallery-frame-border) !important;
  background:#000000 !important;
  box-shadow:none !important;
}

.gg-gallery-intro-140{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 0 28px !important;
  padding:26px 28px !important;
  border:1px solid var(--gg-gallery-frame-border) !important;
  background:#000000 !important;
  box-shadow:none !important;
  color:#fff !important;
}

.gg-gallery-intro-140 p{
  margin:0 !important;
  max-width:none !important;
  color:var(--gg-gallery-frame-text) !important;
  font-size:18px !important;
  line-height:1.8 !important;
}

.gg-gallery-intro-140 .gg-typewriter{min-height:1.8em}
.gg-gallery-intro-140 .gg-typewriter.is-typing::after,
.gg-gallery-intro-140 .gg-typewriter.is-done::after{
  content:"";
  display:inline-block;
  width:.56em;
  height:1.05em;
  margin-left:6px;
  vertical-align:-.12em;
  background:var(--gg-gallery-cursor);
  box-shadow:0 0 10px rgba(227,6,19,.36);
  animation:ggCursorBlink147 .82s steps(1,end) infinite;
}
@keyframes ggCursorBlink147{0%,48%{opacity:1}49%,100%{opacity:0}}

.gg-pager-info-079{
  text-align:center !important;
  color:#fff !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.10em !important;
  margin:8px 0 18px !important;
  font-weight:900 !important;
}
.gg-pager-079{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin:26px auto 30px !important;
  color:#fff !important;
}
.gg-pager-079 a,
.gg-pager-079 span{
  display:inline-flex !important;
  min-width:38px !important;
  height:38px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:13px !important;
  letter-spacing:.03em !important;
}
.gg-pager-079 a:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:var(--gg-gallery-frame-border-hover) !important;
}
.gg-pager-079 .is-active{
  background:#fff !important;
  color:#050505 !important;
  border-color:#fff !important;
}

.gg-gallery-real .gg-photo,
.gg-gallery-built .gg-photo,
.gg-gallery-exact .gg-photo,
.gg-gallery-manifest .gg-photo{
  border:1px solid rgba(255,255,255,.10) !important;
  background:var(--gg-gallery-frame-bg-soft) !important;
}

@media(max-width:760px){
  .gg-content .gg-gallery-real,
  .gg-section .gg-gallery-real,
  .gg-content .gg-gallery-built,
  .gg-section .gg-gallery-built,
  .gg-content .gg-gallery-exact,
  .gg-section .gg-gallery-exact,
  .gg-content .gg-gallery-manifest,
  .gg-section .gg-gallery-manifest{padding:18px !important}
  .gg-gallery-intro-140{width:100% !important;padding:18px !important;margin-bottom:22px !important}
  .gg-gallery-intro-140 p{font-size:15.5px !important;line-height:1.7 !important}
}


/* Patch 148: final dark background + unified dark-red frame.
   Keeps gallery intro and gallery container visually identical. */
.gg-gallery-intro-140,
.gg-content .gg-gallery-real,
.gg-section .gg-gallery-real,
.gg-content .gg-gallery-built,
.gg-section .gg-gallery-built,
.gg-content .gg-gallery-exact,
.gg-section .gg-gallery-exact,
.gg-content .gg-gallery-manifest,
.gg-section .gg-gallery-manifest{
  background:#000000 !important;
  border-color:rgba(95,0,8,.72) !important;
}


/* set154 preserve gallery intro line breaks */
.gg-gallery-intro-140 .gg-typewriter{white-space:pre-line;}
