/*
Theme Name: Kadence Child
Template: kadence
Version: 8.0
PPA Author customizations
*/

article.pr-loop-item {
	display:grid;
	gap: 1em 1em;
	margin-bottom:1em;
}

article.pr-loop-item .pr-loop-title{
	grid-row: 3;
	grid-column:1;
	margin:0;
}

article.pr-loop-item .pr-loop-excerpt{
	grid-row: 4;
	grid-column:1;
}

article.pr-loop-item .pr-loop-authors{
	grid-row: 5;
	grid-column:1;
}

.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-thumb{
	grid-row-start: 1;
	grid-row-end: 4;
	grid-column: 1;
	margin-left:3em;
} 

.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-title{
	grid-row: 1;
	grid-column:2;
}

.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-excerpt{
	grid-row: 2;
	grid-column:2;
}

.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-authors{
	grid-row: 3;
	grid-column:2;
}

article.pr-loop-item .pr-loop-author img{
	display:inline;
	margin-right:0.5em;
}

article.pr-loop-item .pr-loop-author{
	margin-right:1em;
}

@media only screen and (max-width: 800px) {
	
	.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-thumb{
		grid-row-end: 1;
		grid-column:1;
	}
	
	.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-title{
		grid-row: 2;
		grid-column:1;
	}

	.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-excerpt{
		grid-row: 3;
		grid-column:1;
	}

	.pr-loop.wide_pr_loop article.pr-loop-item .pr-loop-authors{
		grid-row: 4;
		grid-column:1;
	}
}

/* Featured image spacing */
.pr-loop-thumb {
    margin-bottom: 0.5em;
}

/* Title spacing */
.pr-loop-title {
    margin: 0.2em 0;
}

/* Excerpt spacing */
.pr-loop-excerpt {
    margin: 0.2em 0 0.3em 0;
}

/* === pr_loop Author Display Styles === */
/* These styles apply only to the author section of the [pr_loop] shortcode */

/* Each author block appears on its own line */
.pr-loop-author-block {
    display: block;
    margin-bottom: 0.5em; /* Small spacing between authors */
}

/* Flex container for avatar and name */
.pr-loop-author-flex {
    display: flex;
    align-items: center; /* Vertically center name with avatar */
    gap: 0.5em; /* Space between avatar and name */
}

/* Style for author name */
.pr-loop-author-name {
    font-weight: 600;
    line-height: 1.2;
}

/* Style for post date shown above author section */
.pr-loop-date {
    font-size: 0.85em;
    color: #666;
    margin-bottom: 0.2em;
    display: block;
}

/* Remove underline from entire author link */
.pr-loop-author-link {
    text-decoration: none;
}

/* Only underline the author name on hover */
.pr-loop-author-link:hover .pr-loop-author-name {
    text-decoration: underline;
}



/* Container for the entire sidebar loop */
.pr-sidebar-loop {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Each post item */
.pr-sidebar-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* Thumbnail styling */
.pr-sidebar-thumb img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 4px;
}

/* Content section */
.pr-sidebar-content {
  flex: 1;
}

/* Category badges */
.pr-sidebar-category {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}

.pr-sidebar-category a {
  background-color: #eee;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 3px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.pr-sidebar-category a:hover,
.pr-sidebar-category a:focus {
  background-color: #ddd;
  color: #000;
}

/* Post title */
.pr-sidebar-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  margin-bottom: 4px;
  transition: color 0.2s ease;
}

.pr-sidebar-title:hover,
.pr-sidebar-title:focus {
  color: #0056b3;
}

/* Published date styling for pr_sidebar */
.pr-sidebar-date {
  font-size: 12px;
  color: #777;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* Author section: one line per author */
.pr-sidebar-author {
  display: flex;              /* Use flex to align image and name horizontally */
  align-items: center;        /* Vertically center image and name */
  gap: 6px;                   /* Space between image and name */
  margin-top: 6px;            /* Slight spacing between multiple authors */
}

/* Author image: 24px as requested */
.pr-sidebar-author img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

/* Author name: 13px as requested */
.pr-sidebar-author-name {
  font-size: 13px;
  color: #555;
  text-decoration: none;
  transition: color 0.2s ease;
}


.pr-sidebar-author a:hover .pr-sidebar-author-name,
.pr-sidebar-author a:focus .pr-sidebar-author-name {
  color: #000;
}

.pr-sidebar-author img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transition: box-shadow 0.2s ease;
}

.pr-sidebar-author a:hover img,
.pr-sidebar-author a:focus img {
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}





/* Container for the upcoming sidebar loop */
.pr-upcoming-loop {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Each upcoming post item */
.pr-upcoming-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* Thumbnail styling */
.pr-upcoming-thumb img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 4px;
}

/* Content section */
.pr-upcoming-content {
  flex: 1;
}

/* Category badges */
.pr-upcoming-category {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 4px;
}

.pr-upcoming-category a {
  background-color: #eee;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 3px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.pr-upcoming-category a:hover,
.pr-upcoming-category a:focus {
  background-color: #ddd;
  color: #000;
}

/* Post title */
.pr-upcoming-title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  margin-bottom: 4px;
  transition: color 0.2s ease;
}

.pr-upcoming-title:hover,
.pr-upcoming-title:focus {
  color: #0056b3;
}

/* Author section */
.pr-upcoming-author {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}

.pr-upcoming-author img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transition: box-shadow 0.2s ease;
}

.pr-upcoming-author-name {
  font-size: 13px;
  color: #555;
  text-decoration: none;
  transition: color 0.2s ease;
}

.pr-upcoming-author a:hover .pr-upcoming-author-name,
.pr-upcoming-author a:focus .pr-upcoming-author-name {
  color: #000;
}

.pr-upcoming-author a:hover img,
.pr-upcoming-author a:focus img {
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

/* Published date */
.pr-upcoming-date {
  font-size: 12px;
  color: #777;
  margin-top: 4px;
}


/* for the [pr_archive] shortcode to create the PR Archive backissues page */
.pr-archive-wrapper {
    width: 100%;
    font-family: sans-serif;
}

.pr-year-block {
    margin-bottom: 10px;
}

.pr-year-header {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 4px;
}

.pr-issue-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}

.pr-issue-box {
    width: 100%;
    aspect-ratio: 2 / 3;
    background-color: #fef3c7;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 0.7rem;
    color: #000;
}

.pr-issue-box a {
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pr-issue-text {
    padding: 4px;
    line-height: 1.2;
}

.blank-box {
    background-color: transparent;
    border: none;
}


/* =========================================================
   PublishPress Authors (Lists) inside your SmartTabs panel
   Fixes:
     1) Hide ONLY the "Authors List" widget title that PPA inserts.
     2) Tighten vertical spacing between your three custom lists.
     3) Remove excess space under the last list.
   This does NOT affect your "Author Spotlight" header or Author Boxes.
   ========================================================= */

/* 1) Hide the specific h2.widget-title when it is the widget title
      for a PPA Authors List. Two patterns are covered: the simple
      sibling (h2 + list) and the common ".widget" wrapper. */
@supports selector(h2:has(+ *)) {
  /* Simple case: <h2 class="widget-title"> + <div class*="pp-multiple-authors ..."> */
  h2.widget-title:has(+ [class*="pp-multiple-authors"]) {
    display: none !important;
  }

  /* Wrapped case: <div class="widget"> <h2.widget-title> ... <div class*="pp-multiple-authors"> ... */
  .widget:has(> h2.widget-title + [class*="pp-multiple-authors"]) > h2.widget-title {
    display: none !important;
  }
}

/* 2) Kill the bottom gap each list contributes so stacked lists sit closer. */
.pp-multiple-authors-boxes.authors-list {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 3) Leave a single, controlled gap BETWEEN consecutive lists.
      Adjust 8px to taste (0 = fully seamless). */
.pp-multiple-authors-boxes.authors-list + .pp-multiple-authors-boxes.authors-list {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* 4) Remove default UL spacing inside each list (prevents phantom space). */
.pp-multiple-authors-boxes.authors-list ul {
  margin: 0 !important;
  padding: 0 !important;
}

/* 5) Tweak per-row spacing (author rows) for readability. */
.pp-multiple-authors-boxes.authors-list li {
  margin: 6px 0 !important;   /* smaller = tighter rows */
  padding: 0 !important;
}

/* 6) If the tab panel or widget adds padding UNDER the last list,
      trim it ONLY when it actually contains a PPA list. */
@supports selector(.x:has(*)) {
  .widget:has(.pp-multiple-authors-boxes.authors-list),
  .spt-tab-content:has(.pp-multiple-authors-boxes.authors-list) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* 7) Edge case: if a <p> wraps the list (some editors do this),
      strip paragraph margins to avoid extra white space. */
p:has(.pp-multiple-authors-boxes.authors-list) {
  margin: 0 !important;
  padding: 0 !important;
}

.ppma-page-content.list article .article-image img{
	width:auto;
	margin:auto;
}

.ppma-page-content.list article .article-image{
	margin-left:1em;
}