/* Reading time */
.ss-reading-time,
.ss-reading-time-meta{
  display:inline-flex;
  gap:0.5rem;
  align-items:center;
  font-weight:600;
  font-family:sans-serif;
  color:#2d4a4f;
  line-height:1.4;
}

.ss-reading-time-icon{
  width:16px;
  height:16px;
  color:#2d4a4f;
  flex-shrink:0;
  display:inline-block;
  vertical-align:middle;
}

.ss-reading-time-label{
  font-weight:600;
  color:#2d4a4f;
}

.ss-reading-time-value{
  font-weight:600;
  color:#4a6b71;
}

/* Entry meta layout - author on left, reading time on right */
.entry-meta{
  display:flex;
  align-items:center;
  width:100%;
}

/* Force Author on the left */
.entry-meta .posted-by{
  order:1;
  margin-right:auto;
}

/* Force Read time on the right */
.entry-meta .ss-reading-time-meta{
  order:3;
  margin-left:auto;
}

/* Put the divider dot in the middle */
.entry-meta .entry-meta-divider-dot,
.entry-meta .meta-divider,
.entry-meta .sep,
.entry-meta .dot{
  order:2;
}

/* Hide the divider dot after reading time */
.entry-meta .ss-reading-time-meta::after{
  display:none !important;
  content:none !important;
}

/* Hide reading time in Related Articles, archive grids, and main blog grid */
.entry-related .ss-reading-time-meta,
.entry-related .entry-meta .ss-reading-time-meta,
.kt-blocks-post-grid-item .ss-reading-time-meta,
.kt-blocks-post-grid-item .entry-meta .ss-reading-time-meta,
.loop-entry .ss-reading-time-meta:not(.single-post .loop-entry .ss-reading-time-meta),
.archive .ss-reading-time-meta:not(.single .ss-reading-time-meta),
.blog .ss-reading-time-meta:not(.single .ss-reading-time-meta){
  display:none !important;
}

/* Load more button (AJAX) */
.ss-load-more-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:3rem 0 4rem;
  padding:2rem 0;
}
.ss-load-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.75rem;
  background:var(--global-palette1);
  color:#fff;
  padding:18px 36px;
  border-radius:8px;
  font-weight:600;
  font-size:1.05em;
  text-decoration:none;
  border:2px solid var(--global-palette1);
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor:pointer;
  font-family:inherit;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
  min-width:200px;
  position:relative;
  overflow:hidden;
}
.ss-load-more::before{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  background:rgba(255, 255, 255, 0.2);
  transform:translate(-50%, -50%);
  transition:width 0.6s, height 0.6s;
}
.ss-load-more:hover:not(:disabled)::before,
.ss-load-more:focus-visible:not(:disabled)::before{
  width:300px;
  height:300px;
}
.ss-load-more:hover:not(:disabled),
.ss-load-more:focus-visible:not(:disabled){
  background:#fff;
  color:var(--global-palette1);
  outline:3px solid var(--global-palette1);
  outline-offset:2px;
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0, 0, 0, 0.15);
}
.ss-load-more:active:not(:disabled){
  transform:translateY(0);
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
}
.ss-load-more:disabled{
  opacity:0.6;
  cursor:not-allowed;
  transform:none;
}
.ss-load-more-text{
  position:relative;
  z-index:1;
}
.ss-load-more-arrow{
  position:relative;
  z-index:1;
  transition:transform 0.3s ease;
  flex-shrink:0;
}
.ss-load-more:hover:not(:disabled) .ss-load-more-arrow{
  transform:translateX(4px);
}
.ss-load-more-spinner{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:0;
  position:relative;
  z-index:1;
}
.ss-load-more-spinner::after{
  content:'';
  width:16px;
  height:16px;
  border:2px solid currentColor;
  border-top-color:transparent;
  border-radius:50%;
  animation:ss-spin 0.6s linear infinite;
  display:inline-block;
}
@keyframes ss-spin{
  to{
    transform:rotate(360deg);
  }
}

/* Read more button styling (matches screenshot - dark red) */
.ss-read-more-btn,
.post-more-link.ss-read-more-btn,
.entry-actions .post-more-link.ss-read-more-btn{
  display:inline-block;
  background:#8B0000;
  color:#fff !important;
  padding:12px 24px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none !important;
  border:none;
  transition:all 0.2s ease;
  cursor:pointer;
  text-transform:none;
}
.ss-read-more-btn:hover,
.post-more-link.ss-read-more-btn:hover,
.entry-actions .post-more-link.ss-read-more-btn:hover{
  background:#A52A2A;
  color:#fff !important;
  text-decoration:none !important;
  transform:translateY(-1px);
  box-shadow:0 4px 8px rgba(0,0,0,0.2);
}