/*
Theme Name: Krensky Photography
Theme URI: https://krenskyphotos.com
Description: Child theme of Twenty Twenty-Five, styled to match the original Avada-based Jane Krensky Photography site (Lato typography, 1100px layout, large images, minimal chrome).
Author: Bear Gulch
Template: twentytwentyfive
Version: 1.0.0
*/

/* ---- Layout / typography baseline (matches old Avada: Lato 15/1.5, #000) ---- */
body {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;        /* was inheriting 300 (Lato Light) — original uses 400 */
  line-height: 1.5;
  color: #000;
  background: #fff;
}
.entry-content, .entry-content p, .wp-block-post-content { font-weight: 400; }

/* Hide the big block-theme page title (old site shows no page heading) */
.wp-block-post-title {
  display: none !important;
}

/* Tighten the large default top gap so content sits just under the header (like the old site) */
.wp-site-blocks > main.wp-block-group { margin-top: 0 !important; }
.wp-site-blocks > main > .wp-block-group:first-child { padding-top: 20px !important; }
.wp-site-blocks > main > .wp-block-group:first-child > *:first-child { margin-top: 0 !important; }

/* Content images: subtle bottom drop-shadow like Avada's imageframe */
.entry-content .wp-block-image img {
  box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.28);
}

/* Linked portfolio thumbnails: hover lift-up */
.entry-content .wp-block-image a {
  display: inline-block;
  transition: transform 0.3s ease;
}
.entry-content .wp-block-image a:hover {
  transform: translateY(-6px);
}

/* Gallery labels (h3) + box headings (h2): light weight, old sizes */
.entry-content h2 { font-size: 18px; font-weight: 400; line-height: 1.5; margin: 0 0 20px; }
.entry-content h3 { font-size: 16px; font-weight: 400; line-height: 1.5; margin: 16px 0; }
.entry-content h5 { font-size: 12px; font-weight: 400; line-height: 1.5; }
.entry-content p  { margin: 0 0 20px; }

/* Header wordmark: same sans-serif as the menu (Lato), just larger */
.wp-block-site-title {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.wp-block-site-title a {
  /* 28px on desktop, scales down on phones so the name stays on ONE line */
  font-size: clamp(15px, 4.7vw, 28px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
.wp-block-site-title a:hover { color: #000; }
/* append "Photography" to the wordmark to match the old logo text */
.wp-block-site-title a::after { content: " Photography"; }

/* Primary nav: Lato 16px, dark gray, like the old menu */
.wp-block-navigation { font-size: 16px; }
.wp-block-navigation a { color: #333; }
.wp-block-navigation a:hover { color: #000; }

/* Footer: thin top rule, small LEFT-justified copyright (like the old site) */
.site-footer-copyright {
  border-top: 1px solid #e5e5e5;
  padding: 22px 0;
  font-size: 13px;
  color: #000;
  text-align: left;
}
.site-footer-copyright p { text-align: left !important; }

/* Home hero (Smart Slider #7) caption: left-justified, slightly larger */
#n2-ss-7 .nextend-bar {
  text-align: left !important;
  justify-content: flex-start !important;
}
#n2-ss-7 .nextend-bar [class*="n2-style"] {
  font-size: 18px !important;
}

/* ============================================================
   Header rule + gallery title bands (match original site)
   ============================================================ */

/* Line 1: thin rule under the header/menu */
header.wp-block-template-part { border-bottom: 1px solid #ccc; }

/* Home + gallery pages: first content sits flush with the header line */
body.page-id-26  .wp-site-blocks > main > .wp-block-group:first-child,
body.page-id-212 .wp-site-blocks > main > .wp-block-group:first-child,
body.page-id-221 .wp-site-blocks > main > .wp-block-group:first-child,
body.page-id-264 .wp-site-blocks > main > .wp-block-group:first-child,
body.page-id-300 .wp-site-blocks > main > .wp-block-group:first-child,
body.page-id-341 .wp-site-blocks > main > .wp-block-group:first-child {
  padding-top: 0 !important;
}

/* Gallery pages: show the page title as a full-width band between two lines,
   name centered vertically (50px) and horizontally; slider sits flush below. */
body.page-id-212 .wp-block-post-title,
body.page-id-221 .wp-block-post-title,
body.page-id-264 .wp-block-post-title,
body.page-id-300 .wp-block-post-title,
body.page-id-341 .wp-block-post-title {
  display: block !important;
  width: 100vw;
  max-width: 100vw;
  margin: 0 0 0 calc(50% - 50vw) !important;
  padding: 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  text-transform: none;
  border-bottom: 1px solid #ccc;
}

/* Remove any gap between the title band and the slider on gallery pages */
body.page-id-212 .wp-block-post-content,
body.page-id-221 .wp-block-post-content,
body.page-id-264 .wp-block-post-content,
body.page-id-300 .wp-block-post-content,
body.page-id-341 .wp-block-post-content { margin-top: 0 !important; }

/* ============================================================
   Spacing tweaks (match original): shorter header, raised footer line
   ============================================================ */

/* Header: slightly shorter top area (~68px, like the original) */
header.wp-block-template-part .wp-block-group.alignwide {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

/* Raise the footer line: smaller gap below content (~55px like the original) */
.wp-site-blocks > main > .wp-block-group:first-child { padding-bottom: 55px !important; }
.wp-site-blocks > footer.wp-block-template-part { margin-top: 0 !important; }

/* ============================================================
   Mobile footer (match original): centered copyright, raised line
   ============================================================ */
@media (max-width: 600px) {
  .site-footer-copyright,
  .site-footer-copyright p { text-align: center !important; }
  .wp-site-blocks > main > .wp-block-group:first-child { padding-bottom: 32px !important; }
}

/* Mobile: give the footer the same side gutter as the content so centered copyright reads like the original */
@media (max-width: 600px) {
  .site-footer-copyright {
    padding-left: var(--wp--style--root--padding-left, 24px) !important;
    padding-right: var(--wp--style--root--padding-right, 24px) !important;
  }
}

/* Mobile expanded (hamburger) menu: left-justify the items, like the original */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  align-items: flex-start !important;
}

/* Also left-justify the Portfolio parent item and its submenu (galleries) in the open menu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}