/*
Theme Name: GeneratePress Child
Template: generatepress
Description: ZOLSSA Guide production child-theme additions.
*/

/* Use the empty desktop sidebar area for readable long-form articles. */
@media (min-width: 1024px) {
  .single-post.right-sidebar .site-content { display: block; }
  .single-post.right-sidebar .content-area { float: none; width: 100%; }
  .single-post.right-sidebar .widget-area { display: none; }
  .single-post .inside-article { max-width: 920px; margin-left: auto; margin-right: auto; }
  .single-post .entry-content { max-width: 840px; margin-left: auto; margin-right: auto; }
}

/* Header and document-title identity. */
.site-header { background: linear-gradient(115deg, #f6fbfb 0%, #fffaf3 100%); border-bottom: 1px solid #dce7e9; }
.site-header .inside-header { padding-top: 1.15rem; padding-bottom: 1.1rem; }
.site-branding .main-title { margin: 0; }
.site-branding .main-title a { color: #1f3e47; font-size: 1.5rem; font-weight: 800; letter-spacing: -.045em; }
.site-branding .site-description { margin-top: .28rem; color: #5d747c; font-size: .88rem; font-weight: 600; letter-spacing: -.015em; }
.main-navigation { background: transparent; }
.main-navigation .main-nav ul li a { color: #385861; font-weight: 700; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a { color: #1e7f88; background: transparent; }
.single-post .entry-header { margin-bottom: 2.4rem; padding: 1.65rem 1.8rem; background: linear-gradient(135deg, #f6fbfb, #fffaf3); border: 1px solid #e0eaeb; border-radius: 18px; box-shadow: 0 8px 22px rgba(31,70,79,.06); }
.single-post .entry-header .entry-title { margin: 0; color: #1d3843; font-size: clamp(1.9rem, 3.2vw, 2.7rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.28; }
.single-post .entry-header .entry-meta { margin-top: .85rem; color: #718087; font-size: .86rem; }
@media (max-width: 768px) {
  .site-header .inside-header { padding-top: 1rem; padding-bottom: .95rem; }
  .site-branding .main-title a { font-size: 1.32rem; }
  .site-branding .site-description { font-size: .8rem; }
  .single-post .entry-header { margin-bottom: 1.9rem; padding: 1.3rem 1.2rem; border-radius: 14px; }
  .single-post .entry-header .entry-title { font-size: 1.78rem; }
}

/* Archive cards: keep title, summary and taxonomy visually grouped. */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
  margin-bottom: 1.25rem;
}
.blog .inside-article,
.archive .inside-article,
.search .inside-article {
  padding: 1.8rem 2rem 1.65rem;
  border: 1px solid #e0eaeb;
  border-radius: 16px;
  box-shadow: 0 7px 18px rgba(31, 70, 79, .045);
}
.blog .entry-header,
.archive .entry-header,
.search .entry-header {
  margin-bottom: 1rem;
  padding: 0;
}
.blog .entry-title,
.archive .entry-title,
.search .entry-title {
  margin: 0;
  color: #1d3843;
  font-size: clamp(1.32rem, 2.2vw, 1.7rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.38;
}
.blog .entry-title a,
.archive .entry-title a,
.search .entry-title a { color: inherit; }
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.search .entry-title a:hover { color: #1e7f88; }
.blog .entry-meta,
.archive .entry-meta,
.search .entry-meta {
  margin-top: .62rem;
  color: #728188;
  font-size: .82rem;
  line-height: 1.5;
}
.blog .entry-summary,
.archive .entry-summary,
.search .entry-summary {
  color: #45575e;
  font-size: .96rem;
  line-height: 1.78;
}
.blog .entry-summary p,
.archive .entry-summary p,
.search .entry-summary p { margin-bottom: .7rem; }
.blog .entry-footer,
.archive .entry-footer,
.search .entry-footer {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem .85rem;
  margin-top: 1.1rem;
  padding-top: .9rem;
  border-top: 1px solid #edf1f1;
  color: #6e7d82;
  font-size: .8rem;
  line-height: 1.55;
}
.blog .entry-footer a,
.archive .entry-footer a,
.search .entry-footer a { color: #477480; }
@media (max-width: 768px) {
  .blog .inside-article,
  .archive .inside-article,
  .search .inside-article { padding: 1.35rem 1.25rem 1.25rem; border-radius: 13px; }
  .blog .entry-title,
  .archive .entry-title,
  .search .entry-title { font-size: 1.38rem; }
}
