/*
	Theme Name: TPD Theme - Athletech Network
	Theme URI: https://athletechnetwork.com
	Description: Athletech Network child theme for TPD Theme.
	Version: 1.0.0
	Author: The Publisher Desk / Alpha Particle
	Author URI: https://publisherdesk.com
	Template: tpd-theme
	Tags: Blank, HTML5, CSS3
	Text Domain: tpd-theme-atn
*/

/*
 * Child theme styles below
 * Parent styles are automatically loaded first
 */

/* normalize */
hr {
  color: inherit;
}

/* Single Post Page Styles - Issue #40 */
body.single article > h1,
article > h1 {
	font-size: 30px; /* H3 size from theme.json */
	line-height: 1.2;
	font-weight: 600;
}

body.single p.categories {
	font-size: 12px; /* subhead-3 size from theme.json */
	color: var(--wp--preset--color--dark-black);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body.single p.categories a {
	color: var(--wp--preset--color--dark-black);
	text-decoration: none;
}

/* Header-2 Layout Fix - Issue #13 */
.header.header-2 .header-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--base) var(--wp--preset--spacing--lg);
}

.header.header-2 .logo {
	flex: 0 0 auto;
	max-width: 200px;
}

.header.header-2 .nav {
	flex: 1;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.header.header-2 .nav ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: var(--wp--preset--spacing--2xl);
}

.header.header-2 .nav li {
	display: inline-block;
}

/* Override existing header nav styles with higher specificity */
header.header.header-2 .nav > ul:first-of-type > li > a,
header.header.header-2 nav.nav > ul:first-of-type > li > a,
.header.header-2 .nav li a,
.header.header-2 .nav > ul > li > a,
.header.header-2 .nav > .menu > ul > li > a,
.header.header-2 .nav > ul:first-of-type > li > a,
.header.header-2 .nav > .menu > ul:first-of-type > li > a {
	display: inline-block !important;
	text-decoration: none !important;
	color: var(--wp--preset--color--black) !important;
	font-size: 12px !important;
	font-family: Inter, sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	transition: color 0.2s !important;
	padding: 8px 0 !important;
}

.header.header-2 .nav li a:hover,
.header.header-2 .nav > ul > li > a:hover,
.header.header-2 .nav > .menu > ul > li > a:hover,
.header.header-2 .nav > ul:first-of-type > li > a:hover,
.header.header-2 .nav > .menu > ul:first-of-type > li > a:hover {
	color: var(--wp--preset--color--grey) !important;
}

.header.header-2 .header-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 20px;
}

.header.header-2 .subscribe-btn {
	background-color: var(--wp--preset--color--yellow) !important;
	color: var(--wp--preset--color--white);
	padding: 8px 16px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	transition: background-color 0.2s;
}

.header.header-2 .subscribe-btn:hover {
	background-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

.header.header-2 .search-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s;
}

.header.header-2 .search-toggle:hover {
	background-color: var(--wp--preset--color--subtle-grey);
}

.header.header-2 .mob-menu-container {
	flex: 0 0 auto;
}

@media (max-width: 980px) {
	.header.header-2 .nav {
		display: flex !important;
	}
}

/*
 * Parent theme overrides
 */

a.bttn.email-bttn svg #email-1,
a.bttn.email-bttn svg #email-2,
a.bttn.flipboard-icon svg path,
a.bttn.reddit-bttn svg path,
a.bttn.pinterest-bttn svg path {
	fill: var(--wp--preset--color--white);
}

ul.user-social li svg path {
	fill: var(--wp--preset--color--white);
}

/* pagination */
.pagination a,
.pagination span {
	color: var(--wp--preset--color--grey);
}
.pagination a,
.pagination span {
	border: 1px solid var(--wp--preset--color--subtle-grey);
}
.pagination span {
	background-color: var(--wp--preset--color--subtle-grey);
}
.pagination a:hover {
	color: var(--wp--preset--color--grey);
	background: var(--wp--preset--color--subtle-grey);
	border: 1px solid var(--wp--preset--color--subtle-grey);
}

/*------------------------------------*\
	BUTTONS
\*------------------------------------*/
button,
a.btn,
input[type="submit"],
input[type="button"] {
	color: var(--wp--preset--color--dark-black);
}
.btn.default {
	border-color: var(--wp--preset--color--grey-2);
	border: 1px solid var(--wp--preset--color--subtle-grey);
}

/*------------------------------------*\
	PRINT
\*------------------------------------*/
@media print {
	* {
		color: var(--wp--preset--color--dark-black) !important;
	}
	pre,
	blockquote {
		border: 1px solid var(--wp--preset--color--grey-2);
	}
}

.loading-dots--dot {
	background-color: var(--wp--preset--color--dark-black);
}

/* Pagination */
.pd-pagination a,
.pd-pagination span {
	border-top: 1px solid var(--wp--preset--color--grey-2);
	border-left: 1px solid var(--wp--preset--color--grey-2);
	border-bottom: 1px solid var(--wp--preset--color--grey-2);
}
.pd-pagination a:hover {
	background-color: var(--wp--preset--color--subtle-grey);
}
.pd-pagination > *:last-child {
	border-right: 1px solid var(--wp--preset--color--grey-2);
}

/* PD Newsletter */
p.pd-newsletter-success {
	color: var(--wp--preset--color--black);
}
span.pd-newsletter-copyright {
	color: var(--wp--preset--color--grey-2);
}
button[name=pd_newsletter_signup] {
	color: var(--wp--preset--color--white);
}