/*
Theme Name: FricNews Theme v011 Blueprint Page Small Images
Theme URI: https://example.com/
Author: OpenAI
Description: WordPress conversion of the FricNews HTML Site v009 Guardian-level edition.
Version: 1.1.7
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: fricnews
*/



/* v1.1.3: keep desktop live layout intact while stabilising mobile first paint */
@media (min-width: 981px){
  #primaryNav{display:flex !important;}
  .pagegrid{display:grid;grid-template-columns:1.7fr .9fr;gap:16px;}
  .grid__right{display:block;}
}
@media (max-width: 980px){
  .pagegrid{display:block;}
  .grid__right{margin-top:16px;}
  .article__hero--image{aspect-ratio:16/9;min-height:180px;}
  .article-card{contain:layout paint;}
}
@media (max-width: 560px){
  .article__hero--image{min-height:150px;}
}


/* v1.1.4: remove awkward empty right column on listing pages */
.pagegrid.pagegrid--wide{grid-template-columns:minmax(0,1fr) !important;}
.pagegrid.pagegrid--wide .grid__right{display:none !important;}
.grid__right:empty{display:none !important;}
@media (min-width:981px){.pagegrid.pagegrid--wide{max-width:980px;margin-left:auto;margin-right:auto;}}


/* v1.1.5: reduce listing-page images after empty sidebar removal.
   Keeps full single-article featured images large. */
@media (min-width: 981px){
  .pagegrid--wide .archive-list .article-card .article__hero--image{
    width: min(340px, 42vw) !important;
    max-width: 340px !important;
    aspect-ratio: 16 / 10;
    margin: 12px 0 10px;
    border-radius: 14px;
  }
  .pagegrid--wide .archive-list .article-card .article__hero--image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 14px;
  }
  .pagegrid--wide .archive-list .article-card{
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
  }
}

@media (min-width: 561px) and (max-width: 980px){
  .pagegrid--wide .archive-list .article-card .article__hero--image{
    width: min(300px, 55vw) !important;
    max-width: 300px !important;
    aspect-ratio: 16 / 10;
    margin: 12px 0 10px;
    border-radius: 14px;
  }
  .pagegrid--wide .archive-list .article-card .article__hero--image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 14px;
  }
}

@media (max-width: 560px){
  .pagegrid--wide .archive-list .article-card .article__hero--image{
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9;
  }
}


/* v1.1.6: match earlier single-scrollbar image feel on listing pages.
   Keeps FricNews Blueprint and full article images unchanged. */
@media (min-width: 981px){
  .pagegrid--wide .archive-list .article-card--side{
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }
  .pagegrid--wide .archive-list .article-card--side .article-card__media.article__hero--image{
    width: 300px !important;
    max-width: 300px !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
    margin: 0 !important;
  }
}
@media (min-width: 561px) and (max-width: 980px){
  .pagegrid--wide .archive-list .article-card--side{
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
  }
  .pagegrid--wide .archive-list .article-card--side .article-card__media.article__hero--image{
    width: 260px !important;
    max-width: 260px !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
    margin: 0 !important;
  }
}
@media (max-width: 560px){
  .pagegrid--wide .archive-list .article-card--side{
    display: block !important;
  }
  .pagegrid--wide .archive-list .article-card--side .article-card__media.article__hero--image{
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9 !important;
  }
}


/* v1.1.7: Blueprint is a normal page and listing thumbnails are smaller. */
@media (min-width: 981px){
  .pagegrid--wide .archive-list .article-card--side{
    grid-template-columns: 230px minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  .pagegrid--wide .archive-list .article-card--side .article-card__media.article__hero--image{
    width: 230px !important;
    max-width: 230px !important;
    aspect-ratio: 16 / 10 !important;
  }
}
@media (min-width: 561px) and (max-width: 980px){
  .pagegrid--wide .archive-list .article-card--side{
    grid-template-columns: 210px minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .pagegrid--wide .archive-list .article-card--side .article-card__media.article__hero--image{
    width: 210px !important;
    max-width: 210px !important;
    aspect-ratio: 16 / 10 !important;
  }
}
@media (max-width: 560px){
  .pagegrid--wide .archive-list .article-card--side .article-card__media.article__hero--image{
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9 !important;
  }
}


/* v1.1.8: keep FricNews Blueprint before Nigeria and make homepage images match section-page thumbnails. */
@media (min-width: 981px){
  .home-section__list .article-card--side{
    display:grid !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    padding:0 0 18px !important;
    margin:0 0 18px !important;
    border-bottom:1px solid var(--line) !important;
  }
  .home-section__list .article-card--side .article-card__media.article__hero--image{
    width:230px !important;
    max-width:230px !important;
    min-height:0 !important;
    aspect-ratio:16/10 !important;
    margin:0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }
  .home-section__list .article-card--side .article-card__media.article__hero--image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:14px !important;
  }
}
@media (min-width: 561px) and (max-width: 980px){
  .home-section__list .article-card--side{
    display:grid !important;
    grid-template-columns:210px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:start !important;
  }
  .home-section__list .article-card--side .article-card__media.article__hero--image{
    width:210px !important;
    max-width:210px !important;
    min-height:0 !important;
    aspect-ratio:16/10 !important;
    margin:0 !important;
  }
  .home-section__list .article-card--side .article-card__media.article__hero--image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}
@media (max-width: 560px){
  .home-section__list .article-card--side{
    display:block !important;
  }
  .home-section__list .article-card--side .article-card__media.article__hero--image{
    width:100% !important;
    max-width:none !important;
    aspect-ratio:16/9 !important;
    margin:0 0 12px !important;
  }
}