/*
Theme Name: FricNews Theme v011 Side-by-Side List
Theme URI: https://example.com/
Author: OpenAI
Description: WordPress conversion of the FricNews HTML Site v009 Guardian-level edition.
Version: 1.1.5
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;
  }
}