/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ============================================================================== */
/* Recent Posts block */
.wp-block-latest-posts__list.wp-block-latest-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-latest-posts__list.wp-block-latest-posts li {
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}

.wp-block-latest-posts__list.wp-block-latest-posts li:last-child {
  border-bottom: none;
}

.wp-block-latest-posts__list.wp-block-latest-posts a {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.wp-block-latest-posts__list.wp-block-latest-posts a:hover {
  color: #0073aa;
}

.wp-block-latest-posts__list.wp-block-latest-posts time {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #777;
}
/* ============================================================================== */

/* 
   Header & Footer Spacing
   ----------------------
   Adds a small top margin to the site header and footer info section.
   This creates better visual separation between sections.
*/
.site-header {
    margin-top: 10px;
}

/* 
   Footer Bottom Spacing
   ---------------------
   Adds extra space below the footer info for improved layout balance.
*/
.site-footer .site-info {
    margin-bottom: 10px;
}

/* 
   Card-Like Design for Main Elements
   ----------------------------------
   Applies smooth transitions, rounded corners, and soft shadows
   to content areas, comments, widgets, header, and footer.
   Also slightly lifts elements for a modern “floating” effect.
*/
.page-header, .comments-area,
.content-area .inside-article,
.site-footer .site-info,
.site-header,
.sidebar .widget {
    transition: all 0.3s ease;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}

/* 
   Sidebar Widget Hover Effect
   ---------------------------
   Reduces shadow and resets position on hover,
   creating a subtle interactive animation.
*/
.sidebar .widget:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transform: translateY(0);
}

/* 
   Post Excerpt Limiting
   ---------------------
   Restricts post summaries to 3 lines using line-clamp.
   Prevents long text blocks and keeps layout clean.
*/
.entry-summary,
.wp-block-post-excerpt__excerpt,
.post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 
   Categories & Meta Text Limiting
   -------------------------------
   Limits the height of categories/tags display area
   to avoid layout overflow when many terms exist.
*/
.wp-block-post-terms,
.entry-meta .cat-links {
    max-height: 1.5em; /* approx. 2–3 lines */
    overflow: hidden;
}


/* ============================================================================== */