/*
Theme Name:   TopMagazinez Child
Theme URI:    https://topmagazinez.co.uk
Description:  Child theme for topmagazinez.co.uk — magazine/news styling by SAM Marketing Agency.
Author:       SAM Marketing Agency
Template:     generatepress
Version:      1.0.0
Text Domain:  topmagazinez-child
*/

/*
  ⚠️ IMPORTANT — "Template:" line:
  Upar "Template: generatepress" likha hai. Yeh aapke PARENT theme ka FOLDER name hona chahiye.
  Agar parent theme alag hai to badal do:
    - GeneratePress      -> generatepress
    - Astra              -> astra
    - Newspaper (tagDiv) -> Newspaper
    - Bloghash           -> bloghash
    - MoreNews           -> morenews
  Parent ka exact folder name dekhne ke liye: wp-content/themes/ folder kholo.
  Galat naam = "broken theme" error. Yeh sabse aam galti hai.
*/

/* ============================================================
   MAGAZINE STYLING (famefile-style editorial look)
   ============================================================ */

:root{
  --tm-accent:#e0202a;      /* red accent */
  --tm-ink:#1a1a1a;         /* body text */
  --tm-gold:#e8c06a;        /* gold highlight */
  --tm-muted:#6b7280;
}

/* Body text color (fixes common "grey text" issue) */
body,
.entry-content,
.entry-content p,
.post-content,
.single .entry-content{
  color:var(--tm-ink);
}

/* Links */
a{ color:var(--tm-accent); }
a:hover{ color:#b3171d; }

/* Post titles */
.entry-title,
.entry-title a{
  font-weight:800;
  letter-spacing:-.3px;
  color:#111;
}

/* ---- POST GRID: 3 columns desktop, 2 tablet, 1 mobile ---- */
/* (kaafi themes pe chalega; agar na chale to theme ka apna grid setting use karo) */
.site-main .posts,
.blog .site-main > .generate-columns-container,
.archive .site-main > .generate-columns-container{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  align-items:start;
}
.site-main .generate-columns-container > article,
.site-main article.post{
  width:100% !important;
  margin:0 !important;
  float:none !important;
  background:#fff;
  border:1px solid #ececec;
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .18s, transform .18s;
}
.site-main article.post:hover{
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
.site-main article.post .post-image img,
.site-main article.post img{
  width:100%;
  height:auto;
  object-fit:cover;
}
.site-main article.post .entry-header,
.site-main article.post .entry-summary,
.site-main article.post footer.entry-meta{
  padding:0 16px;
}
.site-main article.post .entry-title{ margin-top:14px; font-size:1.15rem; }

@media (max-width:1024px){
  .site-main .posts,
  .blog .site-main > .generate-columns-container,
  .archive .site-main > .generate-columns-container{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:640px){
  .site-main .posts,
  .blog .site-main > .generate-columns-container,
  .archive .site-main > .generate-columns-container{
    grid-template-columns:1fr;
  }
}

/* ---- Category labels (red pill) ---- */
.entry-meta .cat-links a,
.post-categories a{
  display:inline-block;
  background:var(--tm-accent);
  color:#fff !important;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
  padding:3px 10px;
  border-radius:14px;
  text-decoration:none;
}

/* ---- Single post content styling (inline article look) ---- */
.single .entry-content h2{
  background:#000;
  color:var(--tm-gold);
  padding:14px 20px;
  font-size:1.6rem;
  border-radius:4px;
  margin:34px 0 18px;
}
.single .entry-content h3{
  background:var(--tm-gold);
  color:#000;
  padding:10px 18px;
  font-size:1.3rem;
  border-radius:4px;
  margin:28px 0 16px;
}
.single .entry-content p{
  font-size:1.05rem;
  line-height:1.8;
}

/* ---- Buttons / read more ---- */
.read-more,
.wp-block-button__link,
button.wp-block-search__button{
  background:var(--tm-accent) !important;
  border-color:var(--tm-accent) !important;
  color:#fff !important;
  border-radius:8px;
}