/*
 Theme Name: Twenty Twenty-One Child (Photogroove)
 Theme URI: https://photogroove.milanstryja.com/
 Description: Custom child theme styles for Photogroove
 Author: (you)
 Template: twentytwentyone
 Version: 1.0.0
*/

/* -------------------------------------------------------------
   GLOBAL HEADER
   - Hide text branding, keep JPG logo centered
   - Draw a full-width (viewport-wide) black bottom border
-------------------------------------------------------------- */
.site-title, .site-description { display: none !important; }   /* remove text 'Photogroove | Signované umění' */
.site-header .site-branding { display: none !important; }      /* hide whole branding block (text) */
.site-header .site-logo { text-align: center; }
.site-header .custom-logo { display: block; margin: .6rem auto; }

/* full-bleed black line across the entire viewport width */
.site-header{
  border-bottom: 1px solid #111;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* keep header fixed only on SINGLE fotka pages if needed */
body.single-fotka .site-header{
  position: fixed; top: 0; left: 0; width: 100vw; z-index: 999;
}

/* -------------------------------------------------------------
   LAYOUT / STICKY FOOTER
-------------------------------------------------------------- */
.site{ min-height: 100vh; display: flex; flex-direction: column; }
.site-main{ flex: 1 0 auto; }
.site-footer{ margin-top: auto; padding: .25rem 0; }
.site-footer .site-info{ margin: 0; }

/* -------------------------------------------------------------
   GALLERY LIST (/fotogalerie & archive fotka)
   - Grid with responsive columns
   - Cards: tall portrait container (lower than before)
   - Image: show entire photo (no crop), keep aspect ratio
   - Push grid below the header line
-------------------------------------------------------------- */
body.post-type-archive-fotka .page-header{ display: none; }  /* hide "Archivy: Fotky" */
body.post-type-archive-fotka .fotogalerie-wrap,
.page-template-fotogalerie .fotogalerie-wrap,
.page-template-template-fotogalerie .fotogalerie-wrap{
  margin-top: 3.5rem;    /* start below the black line */
}

.fotogalerie-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 1rem;
}
@media (max-width: 1024px){
  .fotogalerie-grid{ grid-template-columns: repeat(2, minmax(200px,1fr)); }
}
@media (max-width: 600px){
  .fotogalerie-grid{ grid-template-columns: 1fr; }
}

.fotogalerie-item{
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* ~20% lower than 1/2: use 1/1.3 (can tune to 1/1.25 or 1/1.4) */
.fotogalerie-item .thumb{
  width: 100%;
  aspect-ratio: 1 / 1.3;
  display: flex; align-items: center; justify-content: center;
  background: #f7f7f7;
}
.fotogalerie-item .thumb img{
  width: 100%; height: 100%;
  object-fit: contain;                 /* show entire photo, no crop */
  display: block;
}

.fotogalerie-item .card-body{
  padding: .7rem .9rem .9rem;
  min-height: 4rem;
  background: #fff;
}
.fotogalerie-item .entry-title{ margin: 0 0 .25rem; }
.fotogalerie-item .meta{ font-size: .9rem; opacity: .85; }

/* -------------------------------------------------------------
   (OPTIONAL) SMALL POLISH
-------------------------------------------------------------- */
.fotogalerie-item a.thumb{ text-decoration: none; }
.fotogalerie-item .entry-title a{ text-decoration: none; color: inherit; }
.fotogalerie-item .entry-title a:hover{ text-decoration: underline; }