/* v4.5.6.3 – tighten edited label spacing */

/* v4.5.6.2 – Latest News clamping */

/* Clamp the latest news title to 1 line */
.latestNewsCard .latestNewsArticleTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  /* v4.5.6.6 – tighten gap to divider above */
  margin-top: -4px;
}

/* Clamp the latest news summary/excerpt to 8 lines */
.latestNewsCard .latestNewsExcerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}

/* v4.5.6.3 – lock edited-at spacing (override global typography) */
.latestNewsCard .latestNewsEditedText{
  margin-top:4px !important;
  margin-bottom:4px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1.2;
}

/* v4.5.6.7 – divider bars: ensure consistent thickness across breakpoints */
.latestNewsCard .latestNewsTitleDivider,
.latestNewsCard .latestNewsMetaDivider {
  height: 1px;
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  margin: 4px 0;
  box-shadow: none;
}

@media (min-width: 768px) {
  .latestNewsCard .latestNewsTitleDivider,
  .latestNewsCard .latestNewsMetaDivider {
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    border: 0;
    box-shadow: none;
  }
}


/* v4.5.6.8 – Latest News share button */
.latestNewsCard .latestNewsActions{
  display:flex;
  gap:8px;
  align-items:center;
}

.latestNewsCard .latestNewsShareBtn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
}



/* Edited label styling: only "EDITED AT:" bold, date normal */
.latestNewsCard .latestNewsEditedText{
  font-weight: 400;
  text-transform: none !important;
  letter-spacing: 0;
}
.latestNewsCard .latestNewsEditedText strong{
  font-weight: 700;
}
.latestNewsCard .latestNewsEditedIcon{
  margin-right: 4px;
}

/* Remove legacy pencil injected via global style.css (.latestNewsEditedText::before) */
.latestNewsCard .latestNewsEditedText::before{
  content: none !important;
}

/* Add a small natural space between the newspaper icon and "Latest News" */
.latestNewsCard .latestNewsTitleRow i.fa-newspaper{
  margin-right: 3px;
}

/* v4.5.6.11+ – Latest News tile spacing (scoped overrides)
   Targets:
   - Last Edited -> footer divider: ~4px
   - Divider -> CTA row: >=6px
   - CTA row has subtle 4px breathing room top/bottom
*/

/* The card is a flex column; reduce the inter-section gap (head <-> foot) */
.latestNewsCard{
  gap: 4px !important;
  padding-bottom: 7px; /* keeps CTA closer to tile bottom */
}

/* Let the card gap do the work for the Edited->divider spacing */
.latestNewsCard .latestNewsEditedText{
  margin-bottom: 0 !important;
}

/* Footer divider is border-top on .latestNewsFoot; remove auto-push and set divider->content spacing */
.latestNewsCard .latestNewsFoot{
  margin-top: 0 !important;
  padding-top: 6px !important;
}

/* Subtle, balanced spacing around the CTA row */
.latestNewsCard .latestNewsActions{
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}


/* --- Latest News tile: title & edited spacing refinements --- */

/* Add breathing room around article title */
.latestNewsCard .latestNewsTitle{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* Increase spacing between article content and Last Edited row */
.latestNewsCard .latestNewsExcerpt{
  margin-bottom: 4px !important;
}


/* --- Latest News tile: FIX title spacing (use padding, margins are collapsed/overridden) --- */
.latestNewsCard .latestNewsTitle{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
}


/* --- Latest News tile: article title spacing (correct selector) --- */
/* The article title element is <h4 class="latestNewsArticleTitle"> ... */
.latestNewsCard .latestNewsArticleTitle{
  /* Use padding so spacing survives flex/gap + any global margin resets */
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
}


/* --- Latest News tile: halve spacing above article title --- */
.latestNewsCard .latestNewsArticleTitle{
  padding-top: 2px !important;   /* was 5px */
  padding-bottom: 5px !important;
}


/* --- Latest News tile: Last Updated row spacing --- */

/* Increase space between Last Updated row and divider by +2px (total ~6px) */
.latestNewsCard .latestNewsEditedText{
  margin-bottom: 6px !important;
}


/* Slightly smaller font for Last Updated row (Latest News tile only) */
.latestNewsCard .latestNewsEditedText{
  font-size: 0.85rem;
}


/* Corrected: make Last Updated row genuinely smaller (relative) */
.latestNewsCard .latestNewsEditedText{
  font-size: 0.8em;
}


/* Mobile-only: make Last Updated row smaller */
@media (max-width: 768px){
  .latestNewsCard .latestNewsEditedText{
    font-size: 0.7em;
  }
}