/*
Theme Name: CelebDish Child
Theme URI: https://celebdish.co.uk/
Description: Child theme for the Newspaper (tagDiv) theme. Distinct pink/magenta celebrity-gossip look (white background), custom header, footer, sidebar Latest Articles, and a new site icon. Built for celebdish.co.uk.
Author: CelebDish
Template: Newspaper
Version: 1.0.0
Text Domain: celebdish-child
*/

/* =========================================================
   CelebDish Child Theme
   Distinct from FameFile: pink/magenta accent, sans-serif
   display font, pill/rounded UI, white background.
   ========================================================= */

:root{
  --cd-pink:#d6006e;
  --cd-pink-bright:#ff3da6;
  --cd-ink:#1a1a1a;
  --cd-muted:#777;
  --cd-footer-bg:#16121a;   /* deep plum-black, different from FameFile */
}

/* ---------- HEADER : logo + distinct magazine style ---------- */

.td-header-logo-wrap .td-main-logo img,
.td-logo-wrap-full .td-main-logo img{
  max-height:58px !important;
  width:auto !important;
}

/* White header, soft pink bottom rule (different from FameFile's grey line) */
.td-header-wrap .td-header-menu-wrap-full,
.td-header-style-1 .td-header-menu-wrap,
.td-header-template-wrap{
  background:#ffffff;
  border-bottom:2px solid #ffe3f1;
}

/* ---------- MAIN NAV MENU (pill style — different from FameFile underline) ---------- */

.sf-menu > li > a,
.td-header-menu-wrap .sf-menu > li > a{
  text-transform:uppercase;
  font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;
  font-weight:700;
  font-size:13px;
  letter-spacing:.5px;
  border-radius:999px;
  transition:all .2s ease;
}

/* Pill hover background instead of underline */
.sf-menu > li > a:hover,
.td-header-menu-wrap .sf-menu > li:hover > a{
  background:var(--cd-pink) !important;
  color:#ffffff !important;
}
.sf-menu > .current-menu-item > a,
.sf-menu > .current-category-ancestor > a{
  background:var(--cd-pink-bright) !important;
  color:#ffffff !important;
}

/* Search icon hover pink */
.td-icon-search:hover,
.td-search-opener:hover .td-icon-search{
  color:var(--cd-pink);
}

/* Hide "Write For Us" if parent outputs it */
.menu-item a[href*="write-for-us"],
.td-subfooter-menu a[href*="write-for-us"],
.sf-menu a[href*="write-for-us"]{
  display:none !important;
}

/* ---------- ARTICLE / MODULE ACCENTS ---------- */

a.td-post-category,
a.td-post-category:hover{
  background:var(--cd-pink) !important;
}
.entry-title a:hover,
.td-module-title a:hover{
  color:var(--cd-pink);
}
.td-block-title-wrap .td-block-title,
.block-title > span,
.block-title > a{
  border-color:var(--cd-pink);
}

/* ---------- SIDEBAR : Latest Articles widget (pink, rounded) ---------- */
.cd-auto-sb{
  background:#fff;
  border:1px solid #ffe0f0;
  border-radius:16px;
  padding:18px 16px;
  margin:0 0 24px;
  box-shadow:0 6px 20px rgba(214,0,110,.07);
}
.cd-auto-sb .cd-sb-title{
  font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif;
  font-size:15px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  margin:0 0 16px;padding-bottom:10px;
  border-bottom:3px solid var(--cd-pink);color:var(--cd-ink);
}
.cd-auto-sb .cd-sb-list{list-style:none;margin:0;padding:0;}
.cd-auto-sb .cd-sb-item{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f6e6ef;}
.cd-auto-sb .cd-sb-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.cd-auto-sb .cd-sb-link{display:flex;gap:12px;align-items:center;text-decoration:none;}
.cd-auto-sb .cd-sb-thumb{flex:0 0 60px;width:60px;height:60px;border-radius:12px;background-size:cover;background-position:center;background-color:#fce4f1;}
.cd-auto-sb .cd-sb-post-title{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--cd-ink);transition:color .2s ease;}
.cd-auto-sb .cd-sb-link:hover .cd-sb-post-title{color:var(--cd-pink);}
.cd-auto-sb .cd-sb-date{display:block;margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--cd-muted);}
.cd-auto-sb .cd-empty{color:var(--cd-muted);font-size:13px;list-style:none;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:767px){
  .td-header-logo-wrap .td-main-logo img,
  .td-logo-wrap-full .td-main-logo img{ max-height:42px !important; }
}