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

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

:root{
  --vd-accent:#f06400;
  --vd-accent-bright:#ff9d2f;
  --vd-ink:#1a1a1a;
  --vd-muted:#777;
  --vd-footer-bg:#1a1408;   /* 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 (bold bottom-border style) ---------- */

.sf-menu > li > a,
.td-header-menu-wrap .sf-menu > li > a{
  text-transform:uppercase;
  font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;
  font-weight:900;
  font-size:14px;
  letter-spacing:.8px;
  border-bottom:3px solid transparent;
  border-radius:0;
  transition:all .2s ease;
}

/* Thick orange underline on hover/active (no pill) */
.sf-menu > li > a:hover,
.td-header-menu-wrap .sf-menu > li:hover > a{
  color:var(--vd-accent) !important;
  border-bottom-color:var(--vd-accent) !important;
}
.sf-menu > .current-menu-item > a,
.sf-menu > .current-category-ancestor > a{
  color:var(--vd-accent) !important;
  border-bottom-color:var(--vd-accent-bright) !important;
}

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

/* 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(--vd-accent) !important;
}
.entry-title a:hover,
.td-module-title a:hover{
  color:var(--vd-accent);
}
.td-block-title-wrap .td-block-title,
.block-title > span,
.block-title > a{
  border-color:var(--vd-accent);
}

/* ---------- SIDEBAR : Latest Articles widget (pink, rounded) ---------- */
.vd-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);
}
.vd-auto-sb .vd-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(--vd-accent);color:var(--vd-ink);
}
.vd-auto-sb .vd-sb-list{list-style:none;margin:0;padding:0;}
.vd-auto-sb .vd-sb-item{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f6e6ef;}
.vd-auto-sb .vd-sb-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.vd-auto-sb .vd-sb-link{display:flex;gap:12px;align-items:center;text-decoration:none;}
.vd-auto-sb .vd-sb-thumb{flex:0 0 60px;width:60px;height:60px;border-radius:12px;background-size:cover;background-position:center;background-color:#fce4f1;}
.vd-auto-sb .vd-sb-post-title{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--vd-ink);transition:color .2s ease;}
.vd-auto-sb .vd-sb-link:hover .vd-sb-post-title{color:var(--vd-accent);}
.vd-auto-sb .vd-sb-date{display:block;margin-top:4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--vd-muted);}
.vd-auto-sb .vd-empty{color:var(--vd-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; }
}