/*
Theme Name: The Things We Talk About, Modern
Theme URI: https://example.com
Author: JRM360
Author URI: https://jrm360sec.com
Description: A minimal, high contrast, list driven variant of the site theme. Bold sans serif typography, no card borders, a horizontal topic strip instead of a grid, and the same four deliberate ad placements built in, styled to blend with a cleaner, more modern editorial look.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twtam
Tags: blog, news, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root{
  --twtam-ink:#0a0a0a;
  --twtam-gray:#52525b;
  --twtam-border:#d7dbe0;
  --twtam-bg:#ffffff;
  --twtam-panel:#eef1f4;
  --twtam-black:#0a0a0a;
  --twtam-accent:#0060ff;
  --twtam-purple:#7c3aed;
  --twtam-pink:#e11d48;
  --twtam-red:#dc2626;
  --twtam-teal:#0891b2;
  --twtam-green:#00c853;
  --twtam-orange:#ea580c;
  --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--twtam-ink);
  background:var(--twtam-bg);
  line-height:1.55;
}
a{color:var(--twtam-ink);text-decoration:none;}
a:hover{color:var(--twtam-accent);}
img{max-width:100%;display:block;}
.container{max-width:1160px;margin:0 auto;padding:0 24px;}
.screen-reader-text{position:absolute;left:-9999px;}
h1,h2,h3,h4{font-weight:800;letter-spacing:-0.02em;margin:0;}

/* ---------- Ticker ---------- */
.twtam-ticker{background:var(--twtam-black);color:#fff;font-size:12px;padding:7px 0;letter-spacing:.02em;}
.twtam-ticker .container{display:flex;align-items:center;gap:8px;}
.twtam-ticker .label{color:var(--twtam-accent);font-weight:800;letter-spacing:.06em;flex-shrink:0;}
.twtam-ticker-viewport{position:relative;flex:1;height:1.5em;overflow:hidden;}
.twtam-ticker-track{display:flex;height:100%;transition:transform .45s ease;}
.twtam-ticker-item{flex:0 0 100%;max-width:100%;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.twtam-ticker-item:hover{text-decoration:underline;}
.twtam-ticker-nav{background:none;border:none;color:#8a8a8a;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;flex-shrink:0;}
.twtam-ticker-nav:hover{color:#fff;}
.twtam-ticker-dots{display:flex;gap:5px;flex-shrink:0;margin-left:4px;}
.twtam-ticker-dots button{width:6px;height:6px;border-radius:50%;border:none;background:#555;cursor:pointer;padding:0;}
.twtam-ticker-dots button.is-active{background:var(--twtam-accent);}
@media (max-width:700px){
  .twtam-ticker-dots{display:none;}
}

/* ---------- Header, minimal, just a rule underneath ---------- */
.twtam-header{padding:22px 0;background:#fff;border-bottom:2px solid var(--twtam-black);}
.twtam-header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.twtam-logo img.custom-logo{max-height:40px;}
.twtam-nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;}
.twtam-nav a{color:var(--twtam-ink);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;}
.twtam-nav .current-menu-item > a{color:var(--twtam-accent);}
.twtam-header-actions{display:flex;align-items:center;gap:16px;}
.twtam-btn{background:var(--twtam-accent);color:#fff;border:none;padding:11px 20px;border-radius:2px;font-weight:700;cursor:pointer;display:inline-block;font-size:13px;text-transform:uppercase;letter-spacing:.03em;}
.twtam-btn:hover{background:#0047c8;color:#fff;}
.twtam-search-toggle{background:none;border:none;cursor:pointer;font-size:18px;}

/* ---------- Reserved ad space ---------- */
.twtam-ad-slot{margin:32px auto;text-align:center;max-width:1160px;padding:0 24px;}
.twtam-ad-slot .ad-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--twtam-gray);margin-bottom:8px;font-weight:700;}
.twtam-ad-reserve{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;background:var(--twtam-panel);overflow:hidden;}
.twtam-ad-reserve.leaderboard{aspect-ratio:970/90;max-height:120px;}
.twtam-ad-reserve.rectangle{aspect-ratio:300/250;max-width:300px;margin:0 auto;}
.twtam-ad-reserve.native{min-height:140px;}
@media (max-width:600px){
  .twtam-ad-reserve.leaderboard{aspect-ratio:320/100;}
}

/* ---------- Hero, now a slideshow ---------- */
.twtam-hero-section{border-bottom:1px solid var(--twtam-border);}
.twtam-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:0;max-width:1160px;margin:0 auto;}
.twtam-hero-viewport{position:relative;overflow:hidden;min-height:480px;}
.twtam-hero-track{display:flex;height:100%;transition:transform .5s ease;}
.twtam-hero-slide{flex:0 0 100%;min-width:0;position:relative;color:#fff;min-height:480px;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-color:#292420;}
.twtam-hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.1));}
.twtam-hero-content{position:relative;padding:40px;max-width:640px;}
.twtam-badge{display:inline-block;background:var(--twtam-accent);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;margin-bottom:16px;}
.twtam-hero-content h1{font-size:36px;line-height:1.1;margin:0 0 16px;color:#fff;}
.twtam-hero-content p{font-size:16px;color:#d8d8d8;margin:0 0 20px;line-height:1.6;}
.twtam-hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.03em;}
.twtam-hero-meta img{width:28px;height:28px;border-radius:50%;}
.twtam-hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.4);border:none;color:#fff;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.twtam-hero-nav:hover{background:var(--twtam-accent);}
.twtam-hero-nav.prev{left:16px;}
.twtam-hero-nav.next{right:16px;}
.twtam-hero-dots{position:absolute;bottom:18px;left:40px;display:flex;gap:6px;z-index:3;}
.twtam-hero-dots button{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;padding:0;}
.twtam-hero-dots button.is-active{background:var(--twtam-accent);border-color:var(--twtam-accent);}
.twtam-trending{background:#fff;padding:32px 24px;border-left:1px solid var(--twtam-border);}
.twtam-trending h3{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--twtam-gray);margin:0 0 18px;font-weight:800;}
.twtam-trending-list{list-style:none;margin:0;padding:0;counter-reset:trend;}
.twtam-trending-list li{counter-increment:trend;padding:12px 0;border-bottom:1px solid var(--twtam-border);}
.twtam-trending-list li:before{content:counter(trend);font-weight:800;color:var(--twtam-accent);margin-right:10px;font-size:13px;}
.twtam-trending-list a{font-weight:700;font-size:14px;line-height:1.4;}

/* ---------- Topics, horizontal pill strip, not a grid ---------- */
.twtam-topics{padding:32px 0;border-bottom:1px solid var(--twtam-border);}
.twtam-topic-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.twtam-topic-pill{border:1.5px solid var(--twtam-black);border-radius:999px;padding:8px 18px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;display:inline-flex;align-items:center;gap:6px;}
.twtam-topic-pill:hover{background:var(--twtam-black);color:#fff;}
.twtam-topic-pill .dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.dot-faith{background:var(--twtam-purple);} .dot-relationships{background:var(--twtam-pink);}
.dot-politics{background:var(--twtam-red);} .dot-technology{background:var(--twtam-accent);}
.dot-health{background:var(--twtam-teal);} .dot-finance{background:var(--twtam-green);}
.dot-culture{background:var(--twtam-orange);}

/* ---------- Latest discussions, list layout instead of cards ---------- */
.twtam-section{padding:40px 0;}
.twtam-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--twtam-black);}
.twtam-section-head h3{font-size:20px;text-transform:uppercase;letter-spacing:.02em;}
.twtam-section-head a{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;}
.twtam-post-list{display:flex;flex-direction:column;}
.twtam-list-item{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--twtam-border);align-items:start;}
.twtam-list-item .thumb{aspect-ratio:4/3;background:#ddd linear-gradient(135deg,#999,#333);background-size:cover;background-position:center;}
.twtam-list-item .body{min-width:0;}
.twtam-list-item .cat-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:inline-block;}
.twtam-list-item h4{font-size:20px;line-height:1.25;margin-bottom:8px;font-weight:800;}
.twtam-list-item p{margin:0 0 8px;font-size:14px;color:var(--twtam-gray);line-height:1.55;}
.twtam-list-item .meta{font-size:12px;color:var(--twtam-gray);text-transform:uppercase;letter-spacing:.02em;}

.cat-faith{color:var(--twtam-purple);} .cat-relationships{color:var(--twtam-pink);}
.cat-politics{color:var(--twtam-red);} .cat-technology{color:var(--twtam-accent);}
.cat-health{color:var(--twtam-teal);} .cat-finance{color:var(--twtam-green);}
.cat-culture{color:var(--twtam-orange);}

/* ---------- Bottom 3-col ---------- */
.twtam-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--twtam-border);margin-top:6px;}
.twtam-podcast-card, .twtam-editor-pick{background:#fff;padding:0;}
.twtam-podcast-card .art{aspect-ratio:16/10;background:var(--twtam-black);position:relative;}
.twtam-podcast-card .play{position:absolute;bottom:14px;left:14px;width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.twtam-podcast-card .body, .twtam-editor-pick .body{padding:20px;}
.twtam-newsletter{background:var(--twtam-black);color:#fff;padding:32px;text-align:left;border-top:4px solid var(--twtam-green);}
.twtam-newsletter h3{margin:0 0 8px;font-size:19px;color:#fff;text-transform:uppercase;}
.twtam-newsletter p{color:#bbb;font-size:13px;margin:0 0 18px;}
.twtam-newsletter input[type=email]{width:100%;padding:11px 12px;border:1px solid #333;background:#1a1a1a;color:#fff;margin-bottom:10px;}
.twtam-newsletter .fine{font-size:11px;color:#777;margin-top:8px;}
.twtam-editor-pick .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#333,#0a0a0a);}
.twtam-section-mini-head{padding:16px 20px;border-bottom:1px solid var(--twtam-border);}
.twtam-section-mini-head h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;}

/* ---------- Footer ---------- */
.twtam-footer{background:var(--twtam-black);color:#999;padding:44px 0 20px;margin-top:36px;}
.twtam-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 0.9fr;gap:28px;}
.twtam-footer h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;}
.twtam-footer ul{list-style:none;margin:0;padding:0;}
.twtam-footer ul li{margin-bottom:8px;}
.twtam-footer a{color:#999;}
.twtam-footer-bottom{border-top:1px solid #222;margin-top:32px;padding-top:20px;font-size:11px;color:#555;text-align:center;text-transform:uppercase;letter-spacing:.03em;}
.twtam-footer-credit{background:#151515;border-top:3px solid var(--twtam-accent);padding:16px;border-radius:2px;}
.twtam-footer-credit h4{color:#fff;}
.twtam-footer-credit a{display:block;color:var(--twtam-accent);margin-bottom:6px;font-weight:700;}
.twtam-footer-credit a:hover{color:#fff;text-decoration:underline;}

/* ---------- Single post ---------- */
.twtam-post-layout{display:flex;gap:48px;max-width:1160px;margin:0 auto;padding:44px 24px;align-items:flex-start;}
.twtam-single{flex:1;min-width:0;max-width:700px;}
.twtam-single .cat-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.twtam-single h1{font-size:38px;line-height:1.15;margin:10px 0 18px;}
.twtam-single .entry-meta{color:var(--twtam-gray);font-size:13px;margin-bottom:28px;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--twtam-border);padding-bottom:20px;}
.twtam-single .entry-content{font-size:18px;line-height:1.75;}
.twtam-single .entry-content p{margin:0 0 1.3em;}
.twtam-single .entry-content img{margin:24px 0;}
.twtam-single .entry-content h2{margin-top:42px;font-size:26px;font-weight:800;}
.twtam-single .entry-content h3{margin-top:30px;font-size:20px;font-weight:800;}

/* ---------- Sidebar (desktop only, no longer sticky, sits in normal flow) ---------- */
.twtam-sidebar{width:300px;flex-shrink:0;}
@media (max-width:960px){
  .twtam-sidebar{display:none;}
  .twtam-post-layout{flex-direction:column;}
}

/* ---------- Widgets ---------- */
.twtam-widget{border-top:2px solid var(--twtam-black);padding-top:16px;margin-bottom:24px;}
.twtam-widget h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .twtam-hero-grid{grid-template-columns:1fr;}
  .twtam-bottom-grid{grid-template-columns:1fr;}
  .twtam-footer-grid{grid-template-columns:1fr 1fr;}
  .twtam-nav{display:none;}
  .twtam-list-item{grid-template-columns:110px 1fr;gap:16px;}
}
@media (max-width:600px){
  .twtam-hero-content h1{font-size:28px;}
  .twtam-single .entry-content{font-size:17px;}
  .twtam-list-item{grid-template-columns:1fr;}
  .twtam-list-item .thumb{aspect-ratio:16/9;}
}