/*
Theme Name: GeneratePress Child
Theme URI: https://allusefulinfo.com/
Description: Child theme for AllUsefulInfo with a magazine-style homepage.
Author: Raman Sharma
Template: generatepress
Version: 1.9
*/

/* build 1.9 — featured titles 2-line clamp (re-aligned); category/latest 3-line clamp. 
   Font FAMILY still inherits your theme; only size/weight/colour set here. */

.aui-home{
  --accent:#2563eb;
  --accent-soft:rgba(37,99,235,.09);
  --title:#1a1d24;          /* strong, readable near-black for all titles */
  --sub:#64748b;            /* muted grey for dates only */
  --line:#e6e8ec;
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 1px 2px rgba(16,24,40,.04), 0 6px 18px rgba(16,24,40,.06);
  --shadow-hover:0 14px 34px rgba(16,24,40,.13);
  max-width:1180px;margin:0 auto;padding:8px 20px 56px;
}
.aui-home a{text-decoration:none}
.aui-home img{display:block;width:100%;height:100%;object-fit:cover}
.aui-card__thumb img,.aui-hero__thumb img,.aui-list__thumb img{width:100%;height:100%;object-fit:cover}

/* ---- Category pill ---- */
.aui-card__cat{
  display:inline-block;align-self:flex-start;
  font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--accent);background:var(--accent-soft);
  padding:4px 10px;border-radius:99px;line-height:1.2;transition:background .18s ease,color .18s ease;
}
.aui-card__cat--sm{font-size:.62rem;padding:3px 8px}
.aui-card__cat:hover{background:var(--accent);color:#fff}

/* ---- Date / meta ---- */
.aui-card__date{font-size:.8rem;color:var(--sub)}

/* ---- Section headings ---- */
.aui-cat{margin-top:48px}
.aui-cat__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.aui-cat__title{
  margin:0;position:relative;padding-left:15px;line-height:1.2;
  font-size:clamp(1.15rem, 1.02rem + .6vw, 1.4rem);
  font-weight:500;letter-spacing:-.01em;color:var(--title);
}
.aui-cat__title::before{
  content:"";position:absolute;left:0;top:.12em;bottom:.12em;
  width:5px;border-radius:99px;background:var(--accent);
}
.aui-cat__more{
  font-size:.85rem;font-weight:600;color:var(--accent);white-space:nowrap;
  display:inline-flex;align-items:center;gap:4px;transition:gap .18s ease;
}
.aui-cat__more:hover{gap:9px}

/* ============ Grid cards ============ */
.aui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.aui-card{
  display:flex;flex-direction:column;height:100%;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.aui-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:transparent}
.aui-card__thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef1f5}
.aui-card__thumb img{transition:transform .45s ease}
.aui-card:hover .aui-card__thumb img{transform:scale(1.05)}
.aui-card__body{padding:16px 17px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.aui-card__title{
  margin:0;font-size:1.12rem;line-height:1.4;font-weight:500;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.aui-card__title a{color:var(--title);transition:color .18s ease}
.aui-card:hover .aui-card__title a{color:var(--accent)}
.aui-card__body .aui-card__date{margin-top:auto}

/* ============ Featured strip ============ */
.aui-featured{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:stretch}

/* Hero (large) */
.aui-hero{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.aui-hero:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:transparent}
.aui-hero__thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef1f5}
.aui-hero__thumb img{transition:transform .5s ease}
.aui-hero:hover .aui-hero__thumb img{transform:scale(1.04)}
.aui-hero__body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:13px}
.aui-hero__title{
  margin:0;line-height:1.24;font-weight:500;letter-spacing:-.01em;
  font-size:clamp(1.35rem, 1.1rem + 1.4vw, 1.8rem);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.aui-hero__title a{color:var(--title);transition:color .18s ease}
.aui-hero:hover .aui-hero__title a{color:var(--accent)}

/* Side list */
.aui-list{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
}
.aui-list__item{
  display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;
  padding:15px 17px;flex:1;min-height:0;transition:background .18s ease;
}
.aui-list__item + .aui-list__item{border-top:1px solid var(--line)}
.aui-list__item:hover{background:#f8fafc}
.aui-list__thumb{display:block;aspect-ratio:3/2;border-radius:var(--radius-sm);overflow:hidden;background:#eef1f5}
.aui-list__thumb img{transition:transform .45s ease}
.aui-list__item:hover .aui-list__thumb img{transform:scale(1.06)}
.aui-list__body{min-width:0;display:flex;flex-direction:column;gap:7px}
.aui-list__title{
  margin:0;font-size:1.03rem;line-height:1.35;font-weight:500;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.aui-list__title a{color:var(--title);transition:color .18s ease}
.aui-list__item:hover .aui-list__title a{color:var(--accent)}

/* ============ Pagination ============ */
.aui-pagination{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:44px 0 8px}
.aui-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:44px;padding:0 14px;background:#fff;
  border:1px solid var(--line);border-radius:12px;color:var(--title);font-size:.92rem;font-weight:600;
  transition:border-color .16s ease,color .16s ease,transform .16s ease,background .16s ease;
}
.aui-pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.aui-pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}
.aui-pagination .dots{border:none;background:none;min-width:auto}

/* ============ Responsive ============ */
@media(max-width:1000px){.aui-grid{grid-template-columns:repeat(3,1fr);gap:22px}}
@media(max-width:860px){
  .aui-featured{grid-template-columns:1fr;gap:22px}
  .aui-list__item{flex:initial}
  .aui-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .aui-home{padding:4px 15px 44px}
  .aui-grid{grid-template-columns:1fr;gap:18px}
  .aui-hero__body{padding:18px 18px 20px}
  .aui-card__title{font-size:1.14rem}
}
@media(max-width:380px){
  .aui-list__item{grid-template-columns:1fr;gap:0}
  .aui-list__thumb{aspect-ratio:16/9;margin-bottom:12px}
}