/* =========================================================
   TecaNews child theme — magazine homepage
   (2 stacked hero cards + right list, FEATURES row, latest list)
   ========================================================= */

/* Header background = site icon blue (#d92323) */
:root{ --wf-header-bg:#d92323; --wf-container:972px; }

/* Single post content 10% narrower too (760px -> 684px) */
.wf-single-wrap{ max-width:684px; }

/* ---- Hero: 2 stacked cards (left) matched to list height + compact list (right) ---- */
.wf-featured--two{
  display:grid;
  grid-template-columns:0.8fr 0.9fr;
  gap:32px;
  margin-top:28px;
  align-items:stretch;
}
.wf-featured__mains{
  min-width:0;
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:20px;
}
.wf-featured--two .wf-featured__main{
  flex:none;
  position:relative;
  display:block;
  min-height:230px;
  margin:0;
  overflow:hidden;
  border-radius:15px;
}
.wf-featured--two .wf-featured__image{
  position:absolute;
  inset:0;
  display:block;
  aspect-ratio:auto;
  border-radius:15px;
  overflow:hidden;
  background:#eee;
}
.wf-featured--two .wf-featured__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.wf-featured--two .wf-featured__body{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:56px 18px 16px;
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.82));
  border-radius:0 0 15px 15px;
}
.wf-featured--two .wf-featured__body h2{
  font-size:22px;
  line-height:1.3;
  margin:0;
  font-weight:800;
}
.wf-featured--two .wf-featured__body h2 a{ color:#fff; }
.wf-featured--two .wf-featured__body h2 a:hover{ color:#fff; opacity:.9; }

.wf-featured--two .wf-featured__list{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.wf-featured--two .wf-featured__item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid var(--wf-border);
}
.wf-featured--two .wf-featured__item:first-child{ padding-top:0; }
.wf-featured--two .wf-featured__item:last-child{ border-bottom:none; }
.wf-featured--two .wf-featured__item-text{ flex:1; min-width:0; }
.wf-featured--two .wf-featured__item-text .wf-meta{
  margin:0 0 4px;
  font-size:13px;
  color:var(--wf-text-dim);
}
.wf-featured--two .wf-featured__item-text h3{
  font-size:17px;
  line-height:1.3;
  margin:0;
  font-weight:800;
}
.wf-featured--two .wf-featured__item-text h3 a{ color:var(--wf-text); text-decoration:none; }
.wf-featured--two .wf-featured__item-text h3 a:hover{ text-decoration:underline; }
.wf-featured--two .wf-featured__item-thumb{
  width:110px;
  height:76px;
  flex-shrink:0;
  border-radius:10px;
  overflow:hidden;
  background:#eee;
}
.wf-featured--two .wf-featured__item-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media (max-width:880px){
  .wf-featured--two{ grid-template-columns:1fr; }
  .wf-featured__mains{ grid-template-rows:none; }
  .wf-featured__mains .wf-featured__main:nth-child(2){ display:none; }
  .wf-featured--two .wf-featured__main{ min-height:0; }
  .wf-featured--two .wf-featured__image{
    position:relative;
    inset:auto;
    aspect-ratio:16/9;
  }
  .wf-featured--two .wf-featured__body h2{ font-size:20px; }
}

/* ---- FEATURES section: 4 cards in a row, titles overlaid ---- */
.tn-features__title{
  font-weight:800;
  letter-spacing:.01em;
}
.tn-features__plus{ color:#e02424; }
.tn-features__grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:16px;
  margin-top:16px;
}
.tn-feature-card{
  position:relative;
  display:block;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,0.08);
}
.tn-feature-card img{
  width:100%;
  height:auto;
  display:block;
  transition:transform .2s ease;
}
.tn-feature-card:hover img{ transform:scale(1.04); }
.tn-feature-card__title{
  display:none !important;
}
@media (max-width:900px){
  /* FEATURES: horizontal swipe row on mobile */
  .tn-features__grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-left:calc(-1 * var(--wf-spacing-md));
    margin-right:calc(-1 * var(--wf-spacing-md));
    padding-left:var(--wf-spacing-md);
    padding-right:var(--wf-spacing-md);
    padding-bottom:4px;
  }
  .tn-features__grid::-webkit-scrollbar{ display:none; }
  .tn-feature-card{
    flex:0 0 76%;
    scroll-snap-align:start;
  }
}

/* ---- Mobile: share buttons row responsive ---- */
@media (max-width:768px){
  .wf-share{
    flex-wrap:wrap;
    justify-content:center;
    overflow:visible;
    gap:8px;
  }
  .wf-share__btn{
    flex:0 0 auto;
  }
}

/* ---- Latest Posts + Top Read Posts side by side ---- */
.tn-latest-grid{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:36px;
  align-items:start;
}
.tn-latest-main{ min-width:0; }
.tn-topread{ min-width:0; margin-top:4px !important; } /* match .wf-section top spacing so headings align */
.tn-topread__item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 0;
  border-bottom:1px solid var(--wf-border);
}
.tn-topread__item:last-child{ border-bottom:none; }
.tn-topread__num{
  color:#e02424;
  font-weight:800;
  font-size:20px;
  line-height:1.2;
  min-width:28px;
}
.tn-topread__thumb{
  width:72px;
  height:72px;
  flex-shrink:0;
  border-radius:10px;
  overflow:hidden;
  background:#eee;
}
.tn-topread__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.tn-topread__text{ flex:1; min-width:0; }
.tn-topread__text h4{
  font-size:15px;
  line-height:1.35;
  margin:0 0 4px;
  font-weight:700;
}
.tn-topread__text h4 a{ color:var(--wf-text); }
.tn-topread__views{
  font-size:13px;
  color:var(--wf-text-dim);
}

@media (max-width:900px){
  .tn-latest-grid{ grid-template-columns:1fr; }
  .tn-topread{ display:none; } /* Top Read Posts: desktop only */
}

/* ---- Load More button (Latest Posts) ---- */
.tn-load-more-wrap{ text-align:center; margin-top:26px; }
.tn-load-more{
  display:inline-flex; align-items:center; gap:8px;
  background:#e02424; color:#fff; border:none; border-radius:8px;
  padding:12px 30px; font-weight:800; font-size:15px; letter-spacing:.02em;
  cursor:pointer; transition:background .15s ease;
}
.tn-load-more:hover{ background:#c11e1e; color:#fff; }
.tn-load-more:disabled{ opacity:.65; cursor:default; }
.tn-load-more__plus{ font-size:18px; line-height:1; }

/* ---- Fonts: Khand for headlines/titles, Roboto for body (like wrestlingnoticias.com) ---- */
body{
  font-family:'Roboto',sans-serif;
}
h1, h2, h3, h4, h5, h6,
.wf-featured--two .wf-featured__body h2,
.wf-featured--two .wf-featured__item-text h3,
.tn-feature-card__title,
.wf-postlist__text h3,
.tn-topread__text h4,
.tn-features__title,
.wf-section__title{
  font-family:'Khand','Roboto',sans-serif;
}
/* Card + list titles: punchy headline style */
.wf-featured--two .wf-featured__body h2 a,
.wf-featured--two .wf-featured__item-text h3 a,
.wf-postlist__text h3 a,
.tn-topread__text h4 a{
  font-weight:700;
  line-height:1.15;
}
/* Match reference sizes */
.wf-postlist__text h3{ font-size:19px; }
.tn-topread__text h4{ font-size:19px; }
.tn-feature-card__title{ font-size:16px; font-weight:700; line-height:1.2; }
/* Section headings like reference widget titles */
.tn-features__title,
.wf-section__title{
  font-size:21px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  line-height:1.2;
}

/* ---- Header blue (#d92323) for nav drawer, footer, and Load More button ---- */
.wf-nav{
  background:var(--wf-header-bg);
}
.wf-footer{
  background:var(--wf-header-bg);
  color:#dbe7ff;
}
.wf-footer a{ color:#dbe7ff; }
.wf-footer a:hover{ color:#fff; }
.tn-load-more{
  background:var(--wf-header-bg);
}
.tn-load-more:hover{
  background:#0139b3;
}

/* ---- Related Stories: exact match to wrestlingnoticias.com ---- */
.tn-related{ margin-top:40px; }
.tn-related__title{
  margin:0 0 20px;
  font-family:'Khand','Roboto',sans-serif;
  font-size:24px; font-weight:700; line-height:1; letter-spacing:.5px;
  text-transform:uppercase; color:var(--wf-text-muted);
}
.tn-related__list{ display:grid; gap:16px; }
.tn-related__item{
  display:grid; grid-template-columns:300px minmax(0,1fr); column-gap:16px;
  overflow:hidden; border-radius:8px;
}
.tn-related__item + .tn-related__item{
  padding-top:16px;
  border-top:1px solid rgba(0,0,0,.1);
}
.tn-related__thumb{
  display:block; width:100%; height:169px; align-self:center;
  overflow:hidden; border-radius:8px; background:#dfe3e6; flex-shrink:0;
}
.tn-related__thumb img{ display:block; width:100%; height:100%; object-fit:cover; }
.tn-related__text{ display:flex; flex-direction:column; justify-content:center; padding:8px 0; min-width:0; }
.tn-related__text h4{
  margin:0 0 6px;
  font-family:'Khand','Roboto',sans-serif;
  font-size:22px; font-weight:700; line-height:1.1; letter-spacing:0;
}
.tn-related__text h4 a{ color:var(--wf-text); text-decoration:none; }
.tn-related__text h4 a:hover{ text-decoration:underline; text-decoration-thickness:3px; }
.tn-related__text p{
  margin:0 0 8px; font-size:16px; line-height:1.3; color:var(--wf-text-muted);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.tn-related__more-wrap{ display:flex; justify-content:center; margin-top:28px; }
.tn-related__more{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:7px 14px; border:none; border-radius:8px;
  background:#e02424; color:#fff;
  font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.02em;
  cursor:pointer; transition:filter .15s;
}
.tn-related__more:hover{ filter:brightness(1.15); color:#fff; }
.tn-related__more:disabled{ opacity:.65; cursor:default; }
/* Hide parent theme's Related Posts grid (we use our own RELATED STORIES) */
.wf-single-wrap > .wf-section:has(> h2.wf-section-title){ display:none !important; }
/* ---- Share buttons like wrestlingnoticias.com (single post) ---- */
.wf-share{ gap:8px; align-items:stretch; }
.wf-share__label{ display:none; }
.wf-share__btn{
  flex:1 !important; min-width:42px !important; height:42px !important; min-height:42px !important; width:auto !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border-radius:8px !important; background:#e02424 !important; border:none !important; color:#fff !important;
  padding:0 !important; font-size:13px !important; font-weight:700 !important; text-transform:uppercase !important;
}
.wf-share__btn:hover{ background:#c11e1e !important; color:#fff !important; border-color:#c11e1e !important; }
.wf-share__btn svg{ width:20px; height:20px; fill:currentColor; }
.wf-share__btn-label{ display:none; }
@media (max-width:900px){
  .tn-related__item{ grid-template-columns:240px minmax(0,1fr); }
  .tn-related__text h4{ font-size:24px; }
  .tn-related__list{ gap:13px; }
  .tn-related__item + .tn-related__item{ padding-top:13px; }
}
@media (max-width:600px){
  /* Mobile: full-width cards with title overlaid on image (like reference) */
  .tn-related__item{
    display:block; position:static; max-width:100%;
    overflow:hidden; border-radius:8px;
    background:#fff;
  }
  .tn-related__item + .tn-related__item{ padding-top:0; border-top:none; }
  .tn-related__thumb{
    position:static; width:100%; max-width:100%; aspect-ratio:16/9;
    border-radius:8px; overflow:hidden;
  }
  .tn-related__thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
  .tn-related__thumb::after{ display:none !important; }
  .tn-related__text{
    position:static; padding:4px 4px 0; display:block;
  }
  .tn-related__text h4{
    font-size:17px; line-height:1.3; margin:0;
    color:var(--wf-text); text-shadow:none;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  .tn-related__text h4 a{ color:var(--wf-text); }
  .tn-related__text p{ display:none; }
}

/* ---- Top Read Posts: dark theme like reference (desktop) ---- */
.tn-topread{
  background:#1e1e22 !important; border-radius:8px !important; overflow:hidden !important;
  align-self:start !important; padding:0 !important;
}
.tn-topread__head{
  background:linear-gradient(135deg,#e02424 0%,#c11e1e 100%) !important;
  padding:12px 16px !important; margin:0 !important;
}
.tn-topread__title{
  margin:0 !important; color:#fff !important;
  font-family:'Khand','Roboto',sans-serif !important;
  font-size:19px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.5px !important;
  display:flex !important; align-items:center !important; gap:8px !important;
}
.tn-topread__icon{ font-size:18px; }
.tn-topread__item{
  display:flex; align-items:center; gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tn-topread__item:last-child{ border-bottom:none; }
.tn-topread__num{
  font-family:'Khand','Roboto',sans-serif;
  font-size:32px; font-weight:700; color:#5a5a60;
  min-width:28px; text-align:center; line-height:1;
}
.tn-topread__text{ flex:1; min-width:0; }
.tn-topread__text h4{
  margin:0 0 4px;
  font-family:'Khand','Roboto',sans-serif;
  font-size:16px; font-weight:700; line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.tn-topread__text h4 a{ color:#fff !important; text-decoration:none; }
.tn-topread__text h4 a:hover{ text-decoration:underline; }
.tn-topread__views{
  font-size:12px !important; color:#9a9aa0 !important;
}
.tn-topread__thumb{
  flex-shrink:0; width:88px; height:64px;
  border-radius:6px; overflow:hidden; display:block;
}
.tn-topread__thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* ---- Latest Posts: like reference (image-left, aligned text) ---- */
.wf-postlist{ display:grid; gap:2px; }
.wf-postlist__item{
  display:grid; grid-template-columns:180px minmax(0,1fr); column-gap:16px;
  align-items:stretch;
}
.wf-postlist__thumb{
  display:block; width:180px; aspect-ratio:3/2;
  border-radius:8px; overflow:hidden; flex-shrink:0; align-self:start;
  background:#f0f0f0;
}
.wf-postlist__thumb img{
  width:100%; height:100%; object-fit:cover; object-position:center; display:block;
}
.wf-postlist__text{
  display:flex; flex-direction:column; justify-content:flex-start;
  min-width:0; padding:0; align-self:stretch;
}
.wf-postlist__author{
  margin-top:auto; padding-top:6px;
}
.wf-postlist__time{
  font-size:13px; color:var(--wf-text-muted); margin-bottom:4px;
}
.wf-postlist__text h3{
  margin:0 0 6px;
  font-family:'Khand','Roboto',sans-serif;
  font-size:20px; font-weight:700; line-height:1.2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.wf-postlist__text h3 a{ color:var(--wf-text); text-decoration:none; }
.wf-postlist__text h3 a:hover{ text-decoration:underline; }
.wf-postlist__excerpt{
  margin:0 0 6px; font-size:14px; line-height:1.4; color:var(--wf-text-muted);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.wf-postlist__author{
  font-size:13px; color:var(--wf-text-muted); margin-top:auto;
}
@media (max-width:600px){
  .wf-postlist__item{ grid-template-columns:130px minmax(0,1fr); column-gap:12px; }
  .wf-postlist__thumb{ width:130px; }
  .wf-postlist__text h3{ font-size:17px; }
}

/* ---- Fix double scrollbar: clip doesn't create a scroll container ---- */
html, body{ overflow-x: clip !important; max-width: 100%; }
/* Ensure single post elements don't cause horizontal overflow */
.wf-single-wrap, .wf-single, .entry-content{ overflow-x: clip; max-width: 100%; }
.tn-related{ overflow-x: clip; max-width: 100%; }
.wf-share{ max-width: 100%; flex-wrap: wrap; }

/* ---- FEATURES + button: rotating on hover ---- */
.tn-features__plus{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:50%;
  background:#e02424; color:#fff;
  font-size:20px; font-weight:700; line-height:1;
  text-decoration:none; cursor:pointer;
  transition:transform .4s ease, background .2s ease;
}
.tn-features__plus:hover{
  transform:rotate(180deg);
  background:#c11e1e; color:#fff;
}

/* ---- Trending Products (affiliate) ---- */
.tn-trending{
  background:#fff; border-radius:8px; overflow:hidden;
  margin-bottom:20px; border:1px solid #eee;
}
aside.tn-trending > .tn-trending__head{
  background-color:#e02424 !important; padding:10px 16px !important; display:block !important;
}
aside.tn-trending .tn-trending__title{
  color:#ffffff !important; margin:0 !important;
}
.tn-trending__title{
  margin:0; color:#fff; font-size:16px; font-weight:700;
  font-family:'Khand','Roboto',sans-serif; text-transform:uppercase;
  display:flex; align-items:center; gap:6px;
}
.tn-trending__list{ padding:8px; display:grid; gap:8px; }
a.tn-trending__item{
  display:grid; grid-template-columns:90px 1fr; gap:12px; align-items:start;
  background:#fff; border:3px solid #fff; border-radius:12px; padding:10px;
  text-decoration:none; color:inherit; cursor:pointer; position:relative;
  box-shadow:0 0 0 1px #ddd;
}
a.tn-trending__item::before{
  content:''; position:absolute; inset:-3px; border-radius:12px;
  background:radial-gradient(circle, #ffb366 1px, transparent 1px);
  background-size:12px 12px; z-index:-1; opacity:0.3;
}
a.tn-trending__item:hover{ text-decoration:none; }
.tn-trending__img{ width:120px; height:120px; border-radius:6px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#ff6b00 !important; padding:8px; }
.tn-trending__img img{ width:100%; height:100%; object-fit:contain; background:transparent; }
.tn-trending__info h4, .tn-trending__info h4 a{ margin:0 0 4px; font-size:13px; font-weight:700; line-height:1.3; }
.tn-trending__info h4 a{ color:#111; text-decoration:none; }
.tn-trending__offer{ display:block; font-size:11px; color:#067d62; font-weight:600; }
.tn-trending__store{ font-size:11px; color:#666; font-style:italic; }
.tn-trending__buy{
  background:#e02424; color:#fff !important; font-size:11px; font-weight:700;
  padding:8px 12px; border-radius:6px; text-decoration:none; white-space:nowrap;
}
.tn-trending__buy:hover{ background:#c11e1e; }

.tn-sidebar{ display:flex; flex-direction:column; gap:20px; min-width:0; }

.tn-trending__row{ display:flex; justify-content:space-between; align-items:center; margin-top:6px; }
.tn-trending__price{ font-size:13px; font-weight:700; color:#111; line-height:1.3; }
.tn-trending__offer{ font-size:12px; font-weight:700; color:#067d62; line-height:1.3; text-align:right; }
.tn-trending__info h4, .tn-trending__info h4 a{ margin:0; font-size:14px; font-weight:700; line-height:1.3; }
.tn-trending__info h4 a{ color:#111; text-decoration:none; }

/* ---- Single post content: tighter spacing ---- */
.single .entry-content p{ margin:0 0 12px !important; }
.single .entry-content h2{ margin:20px 0 10px !important; }
.single .entry-content h3{ margin:18px 0 8px !important; }
.single .entry-content ul, .single .entry-content ol{ margin:0 0 12px !important; }
.single .entry-content li{ margin-bottom:4px !important; }

/* Excerpt below title - match reference font/size */
.single .entry-header .entry-excerpt,
.single .post-excerpt,
.single .tn-post-excerpt{
  font-family:'Roboto',sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  color:#333 !important;
  line-height:1.6 !important;
  margin:10px 0 14px !important;
}

/* Align Trending Products with Latest Posts heading */
.tn-sidebar{ padding-top:52px !important; }
.tn-latest-main .wf-section-head{ margin-bottom:16px; }

/* Force orange background around product photo */
.tn-sidebar .tn-trending__list a.tn-trending__item .tn-trending__img{
  background:#ff6b00 !important;
  background-color:#ff6b00 !important;
  padding:4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.tn-sidebar .tn-trending__list a.tn-trending__item .tn-trending__img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Header same width as content */
.wf-header, .site-header, header.wf-header{
  max-width:972px !important;
  margin:0 auto !important;
}

/* Header: not sticky, logo left */
.wf-header, .site-header, header{
  position:relative !important;
  top:auto !important;
}
.wf-header .site-branding, .site-header .site-branding{
  text-align:left !important;
  margin-left:10px !important;
}

/* Force header not sticky and logo left - STRONG */
header, .wf-header, .site-header, #masthead, .main-header{
  position:relative !important;
  position:static !important;
  top:auto !important;
  bottom:auto !important;
}
header .site-branding, .wf-header .site-branding, .site-header .site-title,
header .custom-logo-link, .wf-header .custom-logo-link{
  margin:0 !important;
  text-align:left !important;
  justify-content:flex-start !important;
}

/* Fix text overlapping product image */
.tn-trending__card{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
}
.tn-trending__img{
  flex-shrink:0 !important;
  margin-right:0 !important;
}
.tn-trending__info{
  flex:1 !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.tn-trending__info h4, .tn-trending__info .tn-trending__title{
  word-wrap:break-word !important;
  overflow-wrap:break-word !important;
}
@media (max-width:480px){
  .tn-trending__card{ gap:10px !important; }
  .tn-trending__img{ width:80px !important; height:80px !important; }
}

/* Fix text overlap - CORRECT selectors */
a.tn-trending__item{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  text-decoration:none !important;
}
span.tn-trending__img{
  flex:0 0 90px !important;
  width:90px !important;
  height:90px !important;
  min-width:90px !important;
}
span.tn-trending__info{
  flex:1 !important;
  min-width:0 !important;
  display:block !important;
}
span.tn-trending__info h4{
  margin:0 0 6px 0 !important;
  font-size:15px !important;
  line-height:1.3 !important;
  word-wrap:break-word !important;
}
@media (max-width:480px){
  a.tn-trending__item{ gap:10px !important; }
  span.tn-trending__img{ flex:0 0 80px !important; width:80px !important; height:80px !important; min-width:80px !important; }
}

/* Constrain image inside container */
span.tn-trending__img img{
  max-width:100% !important;
  max-height:100% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}
span.tn-trending__img{
  overflow:hidden !important;
  position:relative !important;
}

/* Round hamburger with nice UI */
.wf-header .menu-toggle, .site-header .menu-toggle, header .menu-toggle,
.wf-header button[class*="menu"], header button[class*="hamburger"]{
  border-radius:50% !important;
  width:40px !important;
  height:40px !important;
  background:rgba(255,255,255,0.2) !important;
  border:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.wf-header .menu-toggle:hover, header .menu-toggle:hover{
  background:rgba(255,255,255,0.35) !important;
}
/* Close button in drawer */
.wf-nav .close-btn, .site-header .close-btn, .drawer .close-btn{
  border-radius:50% !important;
  width:36px !important;
  height:36px !important;
  background:rgba(0,0,0,0.1) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:20px !important;
}

/* === CLEAN HEADER: logo left, menu center === */
.wf-logo{
  order:2 !important;
  margin-left:10px !important;
  margin-right:auto !important;
  color:#fff !important;
  text-decoration:none !important;
}
.wf-header{
  display:flex !important;
  align-items:center !important;
}
.tn-header-menu-direct{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:60px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:100000 !important;
  pointer-events:none !important;
}
.tn-header-menu-direct ul{
  display:flex !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  pointer-events:auto !important;
}
.tn-header-menu-direct li{ list-style:none !important; margin:0 !important; }
.tn-header-menu-direct a{
  color:#fff !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
@media (max-width:900px){
  .tn-header-menu-direct{ display:none !important; }
  .wf-logo{ left:55px !important; }
}


#tn-hmenu{
  padding-left:180px !important;
  justify-content:center !important;
}

/* FORCE logo left - override parent theme */
header a.wf-logo, .wf-header a.wf-logo, a.wf-logo{
  position:absolute !important;
  left:65px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  z-index:5 !important;
}
header.wf-header, .wf-header{
  position:relative !important;
}
/* Menu starts after logo */
#tn-hmenu{
  padding-left:170px !important;
  box-sizing:border-box !important;
}

/* Hide hero titles on desktop only (user request Oct 12) */
@media(min-width:901px){
  .wf-featured__main .wf-featured__body{ display:none !important; }
  /* 2 hero photos vertical stacked (user request Oct 12) */
  .wf-featured__mains{
    grid-template-rows:1fr 1fr !important;
    grid-template-columns:none !important;
    gap:20px !important;
  }
  /* Desktop hero: image not cropped + hover zoom (user request Oct 12) */
  .wf-featured--two .wf-featured__main{ min-height:0 !important; }
  .wf-featured--two .wf-featured__image{ position:relative !important; inset:auto !important; }
  .wf-featured--two .wf-featured__image img{
    height:auto !important;
    object-fit:contain !important;
    transition:transform .2s ease;
  }
  .wf-featured--two .wf-featured__main:hover .wf-featured__image img{ transform:scale(1.04); }
}
/* Mobile: hero title below photo, not overlaid (user request Oct 12) */
@media(max-width:900px){
  .wf-featured--two .wf-featured__main{ background:#fff; border-radius:12px; overflow:hidden; }
  .wf-featured--two .wf-featured__body{
    position:static !important;
    background:none !important;
    padding:16px 14px 14px !important;
    margin-top:4px !important;
    border-radius:0 !important;
  }
  .wf-featured--two .wf-featured__body h2{ font-size:18px !important; }
  .wf-featured--two .wf-featured__body h2 a{ color:#1a1a1a !important; }
}

/* Ensure photo clicks open article */
.wf-featured--two .wf-featured__image{ cursor:pointer; display:block; }
.tn-feature-card{ cursor:pointer; }

/* FEATURES moved up (user request Oct 12) */
.tn-features{ margin-top:8px !important; }

/* Latest Posts + right sidebar moved up with minor gap (user request Oct 12) */
.tn-latest-grid{ margin-top:-18px !important; }

/* Meta description: body font, slightly smaller (user request Oct 12) */
.single .wf-dek{ font-family:'Roboto',sans-serif !important; font-size:14px !important; line-height:1.5 !important; margin-top:4px !important; }
.single header.entry-header h1{ margin-bottom:2px !important; }

/* Mobile: title closer to featured image (user request Oct 12) */
@media (max-width:880px){
  .single .entry-title, .single h1.entry-title{ margin-top:6px !important; } /* tn-mobile-title-gap */
  .single .post-thumbnail, .single .wp-post-image{ margin-bottom:6px !important; }
  /* Mobile homepage hero: photo-title gap (user request Oct 12) */
  .wf-featured--two .wf-featured__main .wf-featured__body{ margin-top:2px !important; padding-top:0 !important; }
  .wf-featured--two .wf-featured__main .wf-featured__body h2{ margin-top:0 !important; padding-top:0 !important; }
  .wf-featured--two .wf-featured__main .wf-featured__image{ margin-bottom:0 !important; }
}

/* ================= RELATED POSTS MOBILE: full photo, no crop (user request Oct 14) ================= */
@media (max-width:600px){
  .tn-related__thumb{ height:auto !important; aspect-ratio:auto !important; }
  .tn-related__thumb img{ height:auto !important; object-fit:contain !important; }
}

/* ================= DARK MODE via html[data-theme="dark"] (user request Oct 14) ================= */
html[data-theme="dark"]{
  --wf-header-bg:#1b1b1e;
  --wf-text:#ececec;
  --wf-text-muted:#b8b8b8;
  --wf-text-dim:#909090;
  --wf-border:rgba(255,255,255,.14);
  background-color:#121214 !important;
  color:#ececec;
}
/* Page background (body may carry parent theme bg) */
html[data-theme="dark"] body{ background-color:#121214 !important; }
/* Custom header bar goes dark */
html[data-theme="dark"] #tn-custom-header .tn-hwrap{ background:#161618 !important; }
/* Cards / surfaces */
html[data-theme="dark"] .tn-feature-card,
html[data-theme="dark"] .tn-trending,
html[data-theme="dark"] a.tn-trending__item,
html[data-theme="dark"] .wf-featured--two .wf-featured__main,
html[data-theme="dark"] .tn-related__item,
html[data-theme="dark"] #tn-search-overlay .tn-search-box{ background:#1e1e21 !important; }
html[data-theme="dark"] a.tn-trending__item{ box-shadow:0 0 0 1px rgba(255,255,255,.14) !important; }
html[data-theme="dark"] .tn-trending{ border-color:rgba(255,255,255,.1) !important; }
/* Image placeholders */
html[data-theme="dark"] .tn-related__thumb,
html[data-theme="dark"] .wf-postlist__thumb{ background:#2a2a2e !important; }
/* Hardcoded dark text -> light */
html[data-theme="dark"] .single .wf-dek{ color:#c9c9c9 !important; }
html[data-theme="dark"] .wf-featured--two .wf-featured__body h2 a{ color:#ececec !important; }
html[data-theme="dark"].single .entry-content{ color:#dcdcdc; }
html[data-theme="dark"].single .entry-content h1,
html[data-theme="dark"].single .entry-content h2,
html[data-theme="dark"].single .entry-content h3{ color:#f0f0f0; }
/* Related list divider */
html[data-theme="dark"] .tn-related__item + .tn-related__item{ border-top-color:rgba(255,255,255,.12) !important; }
/* Search overlay */
html[data-theme="dark"] #tn-search-overlay input[type="search"]{ background:#2a2a2e !important; color:#ececec !important; }
html[data-theme="dark"] #tn-search-close{ background:#2a2a2e !important; color:#ececec !important; }
html[data-theme="dark"] #tn-search-close:hover{ background:#3a3a3e !important; }
/* Drawer links stay readable (drawer bg goes dark via --wf-header-bg) */
html[data-theme="dark"] .wf-nav a{ color:#ececec !important; }
/* Keep red action buttons red */
html[data-theme="dark"] .tn-related__more,
html[data-theme="dark"] .wf-share__btn{ background:#e02424 !important; color:#fff !important; }

/* ============ Hamburger drawer: narrower, rounded, thin scrollbar (user request Oct 14) ============ */
.wf-nav{
  width:260px !important;
  max-width:80vw !important;
  border-radius:0 16px 16px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(255,255,255,.18) transparent !important;
}
.wf-nav::-webkit-scrollbar{ width:4px !important; }
.wf-nav::-webkit-scrollbar-track{ background:transparent !important; }
.wf-nav::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18) !important; border-radius:4px !important; }
.wf-nav::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.35) !important; }