/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/

/* ===== Paragraph spacing ===== */
p {
	line-height: 26px !important; /* within paragraph */
	margin-bottom: 35px;          /* between paragraphs */
}

/* ===== Space between the header (site name, menu) and the page content ===== */
.site-content { padding-top: 20px; }
.page-template-front-page .site-content { padding-top: 0; }

/* ===== Width: posts, pages, categories, archives, search
   As wide as the shop (1560px), resizes automatically on tablets & phones.
   The home page and "Full Width" pages are left alone. ===== */
@media screen and (min-width: 768px) {
  body:not(.page-template-front-page):not(.page-template-full-width-page) .site-content {
    max-width: 1560px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  /* posts/pages without a sidebar: Karuna squeezes them to 685px */
  body.no-sidebar:not(.page-template-front-page):not(.page-template-full-width-page) .content-area {
    max-width: 100% !important;
  }
}

/* All screens: the text fills its column and is never wider than it */
body:not(.page-template-front-page) .entry-author,
body:not(.page-template-front-page) .entry-content,
body:not(.page-template-front-page) .entry-summary,
body:not(.page-template-front-page) .entry-footer {
  width: 100% !important;
  max-width: none !important;
}

/* Images, videos and embeds shrink to fit small screens */
:where(body:not(.page-template-front-page)) .entry-content :where(img, video, iframe, embed, object) { max-width: 100%; }
:where(body:not(.page-template-front-page)) .entry-content :where(img, video) { height: auto; }

/* ===== Centered titles: posts, pages, and category/archive headings ===== */
body:not(.page-template-front-page) .entry-title,
body:not(.page-template-front-page) .entry-meta,
body:not(.page-template-front-page) .page-header {
  text-align: center;
}

/* ===== Categories & archives: red divider under the category name
   (same style as the shop's "Additional Information" line) ===== */
:is(.archive, .search) .page-header { margin-bottom: 34px; }
:is(.archive, .search) .page-header .page-title { margin-bottom: 18px; }
:is(.archive, .search) .page-header::after {
  content: "";
  display: block;
  width: min(560px, 80%);
  height: 12px;
  margin: 0 auto;
  background:
    radial-gradient(circle, #bc2929 0 3.5px, transparent 4.5px) center / 12px 12px no-repeat,
    linear-gradient(90deg, transparent, #bc2929 60%, #bc2929) left center / calc(50% - 12px) 2px no-repeat,
    linear-gradient(270deg, transparent, #bc2929 60%, #bc2929) right center / calc(50% - 12px) 2px no-repeat;
}

/* ===== "Continue reading" becomes "Click for more Info" ===== */
.more-link { font-size: 0 !important; }
.more-link::before { content: "Click for more Info"; font-size: 16px; }
.more-link .meta-nav { font-size: 16px; margin-left: 6px; }

/* ===== More space between the title and the text
   on Legal Disclaimer (page 147) and Make a Request (page 1287) ===== */
.page-id-147 .entry-header,
.page-id-1287 .entry-header {
  margin-bottom: 40px;
}

/* ===== Compact comments ===== */
.comments-area { padding: 24px; }
.comments-title { margin-bottom: 4px; }
.comment-list { margin-bottom: 24px; }
.comment-list .comment-body { margin-top: 10px; padding-top: 10px; }
/* avatar on the left, name + date stacked beside it */
.comment-list .comment-meta { display: grid; grid-template-columns: 40px 1fr; column-gap: 10px; align-items: center; }
.comment-list .comment-author { display: contents; }
.comment-list .comment-author .avatar { grid-row: 1 / 3; width: 40px; height: 40px; margin: 0; float: none; }
.comment-list .comment-author .fn { margin: 0; line-height: 1.2; align-self: end; }
.comment-list .comment-author .says { display: none; }
.comment-list .comment-metadata { grid-column: 2; margin: 0; line-height: 1.3; align-self: start; }
/* comment text lined up under the name */
.comment-list .comment-content { margin: 6px 0 0 50px; }
.comment-list .comment-content p { margin: 4px 0 6px; line-height: 1.5 !important; }
/* rating stars: smaller, no empty line after them */
.comment-list .comment-content > [id^="pd_rating_holder"] + br { display: none; }
.comment-list .comment-content > [id^="pd_rating_holder"] { transform: scale(.85); transform-origin: left center; }
.comment-list .jetpack-comment-likes-widget-wrapper { margin: 0; min-height: 0; }
.comment-list .reply { margin: 2px 0 0 50px; font-size: 14px; }
/* replies: indented with a thin line on the left */
.comment-list .children { margin-left: 22px; padding-left: 14px; border-left: 2px solid #e4e4e7; }

/* ===== Sidebar "Top Posts": bigger thumbnails, centered next to the title ===== */
.widget_top-posts .widgets-list-layout li { display: flex; align-items: center; gap: 10px; }
.widget_top-posts .widgets-list-layout li > a { display: block; flex: none; }
.widget_top-posts .widgets-list-layout-blavatar {
  float: none; width: 60px; height: 60px; max-width: none; margin: 0;
  object-fit: cover; border-radius: 6px;
}
.widget_top-posts .widgets-list-layout-links { float: none; width: auto; max-width: none; flex: 1; min-width: 0; }

/* ===== Less space above the WordPress logo at the bottom of the page ===== */
.site-content { padding-bottom: 20px; }
.page-template-front-page .site-content { padding-bottom: 0; }
.cp-home.cp-foot-zone { padding-bottom: 20px; }
.site-footer .site-info { padding-top: 12px; padding-bottom: 16px; }