/*
Theme Name: TDC Scott Exact Standalone
Theme URI: https://thedailycommerce.com/
Author: The Daily Commerce
Description: Standalone Scott-style news theme for The Daily Commerce. No parent theme required. Red masthead, dark centered navigation, no social links, working search, and Newspack newsletter-ready shortcode support.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: tdc-scott-exact-standalone
Tags: news, publishing, custom-menu, featured-images
*/

:root{
	--tdc-red:#e00000;
	--tdc-dark:#333333;
	--tdc-black:#111111;
	--tdc-muted:#666666;
	--tdc-line:#e1e1e1;
	--tdc-soft:#f6f6f6;
	--tdc-max:1180px;
}

*{box-sizing:border-box}

body{
	margin:0;
	background:#fff;
	color:#111;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.5;
}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
img{max-width:100%;height:auto;display:block}

.screen-reader-text{
	position:absolute!important;
	width:1px;height:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px);
}

.tdc-wrap{
	max-width:var(--tdc-max);
	margin:0 auto;
	padding:0 24px;
}

/* SCOTT-STYLE HEADER */
.site-header{
	background:#fff;
}

.red-masthead{
	background:var(--tdc-red);
	color:#fff;
	min-height:156px;
	display:flex;
	align-items:center;
}

.red-masthead .tdc-wrap{
	width:100%;
	display:grid;
	grid-template-columns:180px 1fr 180px;
	align-items:center;
	gap:24px;
}

.header-left{
	min-height:1px;
}

.site-branding{
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
}

.site-logo img{
	max-height:72px;
	width:auto;
	background:#fff;
}

.brand-text{
	text-align:center;
}

.site-title{
	margin:0;
	color:#fff;
	font-size:44px;
	line-height:.95;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:-.4px;
}

.site-title a{
	color:#fff;
	text-decoration:none;
}

.site-description{
	margin:8px 0 0;
	color:#fff;
	font-style:italic;
	font-size:15px;
	line-height:1.2;
	opacity:.95;
}

.header-actions{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:10px;
}

.tdc-header-search{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:6px;
}

.tdc-header-search .search-field{
	width:160px;
	max-width:45vw;
	border:1px solid #fff;
	background:#fff;
	color:#111;
	padding:8px 9px;
	font-size:13px;
}

.tdc-header-search .search-submit{
	border:1px solid #fff;
	background:transparent;
	color:#fff;
	padding:8px 10px;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.05em;
	cursor:pointer;
}

.tdc-header-search .search-submit:hover{
	background:#fff;
	color:var(--tdc-red);
}

/* DARK SCOTT NAV */
.primary-navigation{
	background:var(--tdc-dark);
	color:#fff;
}

.primary-navigation .tdc-wrap{
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:42px;
}

.primary-navigation ul{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.primary-navigation li{
	margin:0;
}

.primary-navigation a{
	display:block;
	padding:12px 15px;
	color:#fff;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.02em;
}

.primary-navigation a:hover{
	background:#111;
	text-decoration:none;
}

.live-latest{
	background:var(--tdc-red)!important;
	color:#fff!important;
	display:inline-flex!important;
	align-items:center;
	gap:7px;
}

.live-dot{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#fff;
	display:inline-block;
}

/* ABSOLUTELY NO SOCIAL LINKS */
.social-navigation,
.social-links,
.menu-social-links-container,
.site-header .wp-block-social-links,
.site-footer .wp-block-social-links,
.site-header [class*="social"],
.site-footer [class*="social"],
[class*="social-menu"],
[class*="SocialLinks"]{
	display:none!important;
}

/* MAIN */
.main{
	max-width:var(--tdc-max);
	margin:0 auto;
	padding:44px 24px 54px;
}

.home-grid{
	display:grid;
	grid-template-columns:1.45fr .72fr .82fr;
	gap:30px;
	align-items:start;
}

.section-label,
.widget-title,
.zone-title{
	display:flex;
	align-items:center;
	gap:9px;
	margin:0 0 18px;
	color:#666;
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.02em;
}

.section-label:before,
.widget-title:before,
.zone-title:before{
	content:"";
	width:8px;
	height:8px;
	background:var(--tdc-red);
	display:inline-block;
	flex:0 0 auto;
}

/* CARDS */
.lead-card{
	margin-bottom:26px;
}

.lead-card img{
	width:100%;
	aspect-ratio:16/10;
	object-fit:cover;
	background:#eee;
}

.kicker{
	color:var(--tdc-red);
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin:10px 0 6px;
}

.lead-card h1{
	margin:0 0 8px;
	font-size:46px;
	line-height:1.04;
	font-weight:800;
	letter-spacing:-.4px;
}

.card,
.compact-card{
	margin-bottom:22px;
	padding-bottom:18px;
	border-bottom:1px solid var(--tdc-line);
}

.card img{
	width:100%;
	aspect-ratio:16/10;
	object-fit:cover;
	background:#eee;
	margin-bottom:10px;
}

.card h2,
.compact-card h2,
.compact-card h3{
	margin:0 0 7px;
	font-size:24px;
	line-height:1.13;
	font-weight:800;
	letter-spacing:-.2px;
}

.compact-card h2,
.compact-card h3{
	font-size:22px;
}

.meta{
	margin:6px 0 8px;
	color:#666;
	font-size:12px;
	text-transform:none;
}

.excerpt{
	margin:0;
	color:#333;
}

.mid-list .compact-card:first-of-type img{
	margin-bottom:10px;
}

.rail-list .compact-card{
	border-bottom:0;
	margin-bottom:24px;
}

.rail-list .compact-card h3{
	font-size:24px;
}

.byline-mini{
	display:flex;
	align-items:center;
	gap:8px;
	color:#666;
	font-size:12px;
	margin-top:6px;
}

.byline-avatar{
	width:28px;
	height:28px;
	background:#111;
	display:inline-block;
}

/* LOWER SECTIONS - SCOTT STYLE */
.section-row{
	border-top:4px solid #111;
	margin-top:44px;
	padding-top:34px;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:28px;
}

.section-row.three{
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.section-row .card img{
	aspect-ratio:16/10;
}

.link-list{
	list-style:none;
	margin:0;
	padding:0;
}

.link-list li{
	border-top:1px solid var(--tdc-line);
	padding:10px 0;
	font-weight:800;
	line-height:1.25;
}

.more-link{
	display:inline-block;
	margin-top:12px;
	color:var(--tdc-red);
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.05em;
}

/* ARTICLE/ARCHIVE */
.content-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:36px;
	align-items:start;
}

.archive-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:28px;
}

.archive-title,
.entry-title{
	margin:0 0 22px;
	font-size:46px;
	line-height:1.04;
	font-weight:800;
	letter-spacing:-.4px;
}

.entry-content{
	font-family:Georgia,"Times New Roman",serif;
	font-size:20px;
	line-height:1.7;
}

.entry-content p{
	margin:0 0 1.1em;
}

.sidebar{
	border-left:1px solid var(--tdc-line);
	padding-left:24px;
}

.widget{
	margin-bottom:30px;
}

.widget ul{
	list-style:none;
	margin:0;
	padding:0;
}

.widget li{
	border-bottom:1px solid var(--tdc-line);
	padding:10px 0;
	font-weight:800;
}

/* REAL NEWSLETTER SUPPORT ONLY */
.tdc-newspack-newsletter{
	margin:38px 0;
	padding:22px 0;
	border-top:4px solid var(--tdc-red);
	border-bottom:1px solid var(--tdc-line);
}

.tdc-newspack-newsletter:empty{
	display:none;
}

/* FOOTER - NO DEMO SOCIAL, NO PLACEHOLDERS */
.site-footer{
	margin-top:30px;
	border-top:4px solid #111;
	background:#fff;
	color:#222;
}

.footer-grid{
	max-width:var(--tdc-max);
	margin:0 auto;
	padding:28px 24px;
	display:grid;
	grid-template-columns:1fr;
	gap:18px;
}

.footer-brand{
	font-size:24px;
	font-weight:800;
	text-transform:uppercase;
	margin-bottom:8px;
}

.footer-links{
	display:flex;
	flex-wrap:wrap;
	gap:10px 16px;
	margin-top:10px;
}

.footer-links a{
	color:#222;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.powered{
	margin-top:18px;
	border-top:1px solid var(--tdc-line);
	padding-top:14px;
	font-size:13px;
	color:#666;
	display:flex;
	justify-content:space-between;
	gap:16px;
}

/* SEARCH RESULTS */
.search-form{
	display:flex;
	gap:8px;
	margin-bottom:20px;
}

.search-form .search-field{
	border:1px solid #bbb;
	padding:10px;
	flex:1;
}

.search-form .search-submit{
	border:0;
	background:var(--tdc-red);
	color:#fff;
	padding:10px 14px;
	font-weight:800;
	text-transform:uppercase;
}

/* RESPONSIVE */
@media(max-width:1050px){
	.red-masthead .tdc-wrap{
		grid-template-columns:1fr;
		text-align:center;
		padding-top:24px;
		padding-bottom:24px;
	}
	.header-actions{
		justify-content:center;
	}
	.home-grid,
	.section-row,
	.section-row.three,
	.content-layout,
	.archive-grid{
		grid-template-columns:1fr;
	}
	.sidebar{
		border-left:0;
		padding-left:0;
	}
}

@media(max-width:700px){
	.site-title{
		font-size:34px;
	}
	.red-masthead{
		min-height:auto;
	}
	.site-branding{
		display:block;
	}
	.site-logo img{
		margin:0 auto 12px;
	}
	.primary-navigation .tdc-wrap{
		display:block;
	}
	.primary-navigation ul{
		display:block;
		text-align:center;
	}
	.tdc-header-search{
		width:100%;
		justify-content:center;
	}
	.tdc-header-search .search-field{
		width:100%;
	}
	.lead-card h1,
	.archive-title,
	.entry-title{
		font-size:34px;
	}
}


/* v1.2 BUG FIX ONLY: remove black placeholder squares in briefing/meta rows */
.byline-avatar{
	display:none !important;
}
.byline-mini{
	gap:0;
}


/* v1.3 MOBILE-ONLY NAV TOGGLE */
.tdc-mobile-menu-toggle{
	display:none;
}

@media(max-width:700px){
	.primary-navigation .tdc-wrap{
		display:block;
		padding-top:8px;
		padding-bottom:8px;
	}

	.tdc-mobile-menu-toggle{
		display:block;
		width:100%;
		border:1px solid rgba(255,255,255,.45);
		background:#222;
		color:#fff;
		padding:11px 12px;
		font-size:13px;
		font-weight:900;
		text-transform:uppercase;
		letter-spacing:.06em;
		cursor:pointer;
		text-align:center;
	}

	.primary-navigation .menu,
	.primary-navigation ul{
		display:none;
		margin-top:8px;
	}

	.primary-navigation.tdc-mobile-nav-open .menu,
	.primary-navigation.tdc-mobile-nav-open ul{
		display:block;
	}

	.primary-navigation a{
		border-top:1px solid rgba(255,255,255,.14);
		padding:12px 10px;
	}

	.primary-navigation li:first-child a{
		border-top:0;
	}
}