/* =============================================================================
   TNB Header Styles
   ============================================================================= */

/* Prevent header from exceeding viewport width */
.wp-block-group:has(.tnb-header-wrapper) {
	max-width: 100% !important;
	padding: 0 !important;
}

.tnb-header-wrapper {
	background-color: #27201D;
	width: 100%;
	overflow: visible;
}

/* Top bar ------------------------------------------------------------------- */

.tnb-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: #27201D;
}

.tnb-topbar__brand {
	display: flex;
	align-items: center;
	margin: 0 0 0.5rem;
}

.tnb-site-logo {
    margin-top: 2px;
	width: 56px;
	height: 56px;
}

.tnb-title-svg {
	margin-top: 0;
	display: block;
}

.tnb-topbar__actions {
	display: flex;
	align-items: center;
	gap: 1rem;
    margin-right: 2em;
}

/* Subscribe button ---------------------------------------------------------- */

.tnb-subscribe-btn .wp-block-button__link {
	background-color: #fc5710;
	color: #ffffff;
	height: 3rem;
	padding: 0 1rem;
	display: inline-flex;
	align-items: center;
	text-align: center;
	transition: background-color 0.2s ease, color 0.2s ease;
	text-decoration: none;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.tnb-subscribe-btn .wp-block-button__link:hover {
	background-color: #ffae00;
	color: #ffffff;
}

/* Desktop-only / mobile-only visibility ------------------------------------- */

.tnb-subscribe-btn--desktop,
.tnb-social-links {
	display: none;
}

.tnb-hamburger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	color: #ffffff;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

@media (min-width: 768px) {
	.tnb-subscribe-btn--desktop,
	.tnb-social-links {
		display: flex;
	}

	.tnb-hamburger {
		display: none;
	}
}

@media (max-width: 768px) {
    .tnb-topbar__actions {
        margin-right: 0;
    }

      .tnb-navbar {
        display: none;
    }
    .tnb-category-scroller{
        display: none;
    }
    .tnb-social-links,
    .wp-block-social-links.tnb-social-links {
        display: none !important;
    }
}

/* Navbar (category bar) ----------------------------------------------------- */

.tnb-navbar {
	position: relative;
	height: 4rem;
	border-bottom: 1px solid #d1d5db;  
	background-color: #f9f9f9 !important;  
    overflow: visible !important;
}

.tnb-navbar__inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.5rem;
	padding: 0 1rem;
	height: 4rem;
    overflow: visible !important;
	scroll-behavior: smooth;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x;
}
.cat-item:hover{
    color:#fc5710;
}

@media (min-width: 768px) {
	.tnb-navbar__inner {
		justify-content: center;
		overflow-x: visible;
	}
}

/* Page list — remove bullets, white text on dark navbar --------------------- */

.tnb-navbar .wp-block-page-list,
.tnb-navbar .wp-block-page-list ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

.tnb-navbar .wp-block-page-list li {
	list-style: none !important;
}

.tnb-navbar .wp-block-page-list a {
	color: #303030;
	text-decoration: none !important;
}

#categories-btn{
    color: #303030;
}

.tnb-navbar .wp-block-page-list a:hover,
.tnb-navbar .wp-block-page-list .current-menu-item > a {
	color: #fc5710;
}

.tnb-page-list--desktop {
	display: none;
}

@media (min-width: 768px) {
	.tnb-page-list--desktop {
		display: flex;
		gap: 1.5rem;
	}
}

/* Mobile category scroller -------------------------------------------------- */

.tnb-category-scroller {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.tnb-category-scroller a {
	color: #ffffff;
	text-decoration: none !important;
}

.tnb-category-scroller a:hover {
	color: #fc5710;
}

@media (min-width: 768px) {
	.tnb-category-scroller {
		display: none;
	}
}

/* Categories dropdown (desktop) --------------------------------------------- */

.tnb-dropdown {
	display: none;
	position: relative;
}

.tnb-dropdown__menu{
    z-index: 10;
}

@media (min-width: 768px) {
	.tnb-dropdown {
		display: block;
	}
    
}

.tnb-dropdown__trigger {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	font-weight: 400;
	font-family: inherit;
	font-size: inherit;
	background: none;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	padding: 0;
	color: #ffffff;
}

.tnb-dropdown__trigger:hover,
.tnb-dropdown__trigger:focus {
	color: #fc5710;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.tnb-dropdown__menu {
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 0.25rem;
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	border-radius: 0.5rem;
	padding: 0.5rem 0;
	min-width: 12rem;
	z-index: 100;
	font-family: inherit;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	border: none !important;
}

.tnb-dropdown__menu:not([hidden]) {
	opacity: 1;
	pointer-events: auto;
}

/* Remove bullets and underlines from dropdown category list */
.tnb-dropdown__menu ul,
.tnb-dropdown__menu .wp-block-categories-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.tnb-dropdown__menu li {
	list-style: none !important;
}

.tnb-dropdown__menu a {
	display: block;
	padding: 0.4rem 1rem;
	color: #27201D;
	text-decoration: none !important;
}

.tnb-dropdown__menu a:hover {
	color: #fc5710;
	background-color: #f9f9f9;
}

/* Net Glossary link --------------------------------------------------------- */

.tnb-glossary-link {
	display: none;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #E21111;
	font-weight: 700;
	text-decoration: none !important;
	align-items: center;
}

.tnb-glossary-link:hover {
	color: #f87171;
}

@media (min-width: 768px) {
	.tnb-glossary-link {
		display: flex;
	}
}

/* Mobile drawer ------------------------------------------------------------- */

.tnb-mobile-drawer {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 50;
	display: none;
}

.tnb-mobile-drawer__cat-list {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.tnb-mobile-drawer__cat-list:not([hidden]) {
    max-height: 500px;
}

.tnb-mobile-drawer:not([aria-hidden="true"]) {
	display: block;
}

.tnb-mobile-drawer__panel {
	position: fixed;
	inset-block: 0;
	right: 0;
	width: 16rem;
	background: #ffffff;
	box-shadow: -4px 0 24px rgba(0,0,0,0.15);
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
}

.tnb-mobile-drawer:not([aria-hidden="true"]) .tnb-mobile-drawer__panel {
	transform: translateX(0);
}

.tnb-mobile-drawer__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3.5rem 1.5rem 0.5rem;
}

.tnb-mobile-drawer__title {
	font-size: 1.25rem;
	font-weight: 700;
}

.tnb-mobile-drawer__close {
	background: none;
	border: none;
	cursor: pointer;
	color: #6b7280;
	padding: 0;
	line-height: 1;
}

.tnb-mobile-drawer__close:hover {
	color: #111827;
}

.tnb-mobile-drawer__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	overflow-y: auto;
	padding: 0 1.5rem;
}

.tnb-glossary-link--mobile {
	display: flex;
	margin-top: 1rem;
}

.tnb-mobile-drawer__pages {
	margin-top: 1rem;
}

/* Remove bullets from mobile page list */
.tnb-mobile-drawer .wp-block-page-list,
.tnb-mobile-drawer .wp-block-page-list ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.tnb-mobile-drawer .wp-block-page-list li {
	list-style: none !important;
}

.tnb-mobile-drawer .wp-block-page-list a {
	text-decoration: none !important;
	color: #27201D;
	display: block;
	padding: 0.35rem 0;
}

.tnb-mobile-drawer .wp-block-page-list a:hover {
	color: #fc5710;
}

.tnb-mobile-drawer__categories {
	margin-top: 1.5rem;
}

.tnb-mobile-drawer__cat-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	font-weight: 700;
	color: #1f2937;
	background: none;
	border: none !important;
	outline: none !important;
	cursor: pointer;
	margin-bottom: 0.5rem;
	font-family: inherit;
	font-size: inherit;
	padding: 0;
}

.tnb-mobile-drawer__cat-toggle svg {
	transition: transform 0.2s ease;
}

.tnb-mobile-drawer__cat-toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

/* Remove bullets from mobile drawer category list */
.tnb-mobile-drawer__cat-list ul,
.tnb-mobile-drawer__cat-list .wp-block-categories-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.tnb-mobile-drawer__cat-list li {
	list-style: none !important;
}

.tnb-mobile-drawer__cat-list a {
	display: block;
	padding: 0.35rem 0;
	color: #27201D;
	text-decoration: none !important;
}

.tnb-mobile-drawer__cat-list a:hover {
	color: #fc5710;
}

.tnb-mobile-drawer__footer {
	padding: 1rem 1.5rem 1.5rem;
}

.tnb-subscribe-btn--mobile {
	width: 100%;
}

.tnb-subscribe-btn--mobile .wp-block-button__link {
	display: block;
	width: 100%;
	text-align: center;
}

@media (min-width: 768px) {
	.tnb-mobile-drawer {
		display: none !important;
	}
}