/**
 * Navigation Bar Styles
 * Science Politics Theme
 */

/* ================================================
   Main Header Container
   ================================================ */

  .site-header {
	background: var(--wp--preset--color--white);
  border-top: 8px solid var(--wp--preset--color--orange);
	padding: 1rem max(2rem, calc((100% - 1260px) / 2));
  padding-bottom: 0px;
	margin: 0;
	position: relative;
  margin-bottom: 24px;
}

/* Only show on homepage and post pages */
.site-header::before {
	content: '';
	position: absolute;
	bottom: -24px;
	left: calc(50% - 3px);
	transform: translateX(-50%);
	height: 24px;
	border-left: 1px solid black;
}


.site-header.wp-block-group {
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


/* ================================================
   Motto Section
   ================================================ */

.motto-section {
	flex: 1 1 0;
	gap: 8px;
}

.motto-latin {
	font-family: var(--wp--preset--font-family--crimson-pro), serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	line-height: 20px;
	color: var(--wp--preset--color--black);
	margin: 0;
}

.motto-english {
	font-family: var(--wp--preset--font-family--josefin-sans), sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.70);
	margin: 0;
}

/* ================================================
   Logo Section
   ================================================ */

.logo-section {
	flex: 1 1 0;
	text-align: center;
}

.logo-section .wp-block-site-logo {
	display: block;
}

.logo-section .wp-block-site-logo img {
	max-height: 90px;
	width: auto;
}

/* ================================================
   Navigation Links Section
   ================================================ */

.nav-links-section {
	flex: 1 1 0;
	gap: 2rem;
	justify-content: flex-end;
}

/* Style the WordPress navigation block */
.nav-links-section .wp-block-navigation {
	margin: 0;
}

.nav-links-section .wp-block-navigation__container {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 2rem;
}

.nav-links-section .wp-block-navigation-item {
	margin: 0;
}

.nav-links-section .wp-block-navigation-item__content {
	font-family: var(--wp--custom--typography--nav-link--font-family);
	font-size: var(--wp--custom--typography--nav-link--font-size);
	font-style: var(--wp--custom--typography--nav-link--font-style);
	font-weight: var(--wp--custom--typography--nav-link--font-weight);
	letter-spacing: var(--wp--custom--typography--nav-link--letter-spacing);
	text-transform: var(--wp--custom--typography--nav-link--text-transform);
	text-decoration: none;
	transition: opacity 0.3s ease;
	padding: 0;
}

.nav-links-section .wp-block-navigation-item__content:hover {
	text-decoration: underline;
}

/* Navigation link colors */
.nav-links-section .wp-block-navigation-item__content {
	color: var(--wp--preset--color--black);
}



/* ================================================
   Category Subnav Section
   ================================================ */

.site-subnav {
	padding: 1rem max(2rem, calc((100% - 1260px) / 2));
	margin: 0;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.site-subnav.wp-block-group {
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
  justify-content: center;
}

/* Style the subnav navigation block with tag style */
.site-subnav .wp-block-navigation,
.site-subnav .subnav-navigation {
	margin: 0;
}

.site-subnav .wp-block-navigation__container {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 2.5rem;
	justify-content: center;
}

.site-subnav .wp-block-navigation-item {
	margin: 0;
}

.site-subnav .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--josefin-sans);
	font-size: var(--wp--preset--font-size--tag);
	font-style: normal;
	font-weight: 700;
	line-height: var(--wp--custom--line-height--tag);
	letter-spacing: var(--wp--custom--letter-spacing--tag);
	text-transform: uppercase;
	text-decoration: none;
	transition: opacity 0.3s ease;
	padding: 0;
	/* Default color - will be overridden by PHP for category links */
	color: var(--wp--preset--color--black);
}

.site-subnav .wp-block-navigation-item__content:hover {
	text-decoration: underline;
}

/* ================================================
   Subscribe Button
   ================================================ */

/* Subscribe button inherits global button styles from theme.json */

.subscribe-button a {
  border-radius: 0px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ================================================
   Responsive Design
   ================================================ */

@media (max-width: 1222px) {

  .subscribe-button a {
    padding: 12px;
  }

}

@media (max-width: 1090px) {


	.site-header.wp-block-group {

		gap: 1rem;
	}
	
	.site-header::before {
		left: 128px;
		transform: none;
	}
	
	.site-header .motto-section {
    display: none;
	}
	
	.logo-section {
		order: 1;
		flex: 0 0 auto;
		margin: 0 auto;
	}

  .logo-section .wp-block-site-logo img {
    max-height: 70px;
    width: auto;
  }
	
	.nav-links-section {
		order: 2;
		justify-content: flex-end;
	}
}

@media (max-width: 768px) {


  

  .site-header::before {
    display: none;
	}

	.site-header {
		padding-left: 1rem;
		padding-right: 1rem;
	}

  .logo-section .wp-block-site-logo img {
    max-height: 70px;
    width: auto;
  }
	
	.nav-links-section {
		flex-wrap: wrap;
		gap: 1rem !important;
	}
	
	.nav-link,
	.subscribe-button {
		flex: 0 0 auto;
	}


	/* Subnav responsive */
	.site-subnav {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.site-subnav .wp-block-navigation__container {
		gap: 1.5rem;
		flex-wrap: wrap;
	}
}

@media (max-width: 640px) {
  .subscribe-button {
    display: none !important;
  }
}

@media (max-width: 480px) {

	.site-title-text {
		font-size: 1.2rem;
	}

  .logo-section .wp-block-site-logo img {
    max-height: 48px;
    width: auto;
  }
	
	.nav-link {
		font-size: 0.8rem;
	}

	
	.subscribe-button .wp-block-button__link {
		padding: 0.4rem 1rem;
	}
	
	.nav-links-section {
		gap: 0.75rem !important;
	}

	/* Subnav mobile */
	.site-subnav .wp-block-navigation__container {
		gap: 1rem;
	}
}