/*
Theme Name: Intentionally Blank
Theme URI: https://www.nilovelez.com/blank/
Author: Nilo Velez
Author URI: https://www.nilovelez.com/
Description: This theme was intentionally left blank. There are times when all you need is the WordPress dashboard and an blank frontend. You might be using the WordPress REST API as a backend for a mobile App or you might be a minimalism obsessed hipster. This is your theme.
Version: 4.2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, custom-background, theme-options, translation-ready
Text Domain: intentionally-blank
Requires at least: 4.6
Tested up to: 6.6
Requires PHP: 7.4
*/

:root {
	/* COLORS - Organized by Theme */
	
	/* === BLUE THEME === */
	--blue-main: oklch(32.58% 0.102 261.12);
	--blue-dark-1: oklch(14.52% 0.078 261.12);
	--blue-dark-2: oklch(9.84% 0.054 261.12);
	--blue-dark-3: oklch(5.92% 0.031 261.12);
	--blue-light-1: oklch(40.12% 0.112 261.12);
	--blue-light-2: oklch(46.24% 0.118 261.12);
	--blue-light-3: oklch(51.68% 0.119 261.12);
	--blue-light-4: oklch(56.52% 0.115 261.12);
	--blue-light-5: oklch(60.92% 0.108 261.12);
	--blue-light-6: oklch(64.84% 0.099 261.12);
	--blue-light-7: oklch(68.32% 0.088 261.12);
	--blue-light-8: oklch(71.36% 0.074 261.12);
	--blue-light-9: oklch(74.04% 0.057 261.12);
	--blue-light-10: oklch(90.36% 0.038 261.12);
	
	/* === YELLOW THEME === */
	--yellow-main: oklch(75.24% 0.142 85.28);
	--yellow-dark-1: oklch(58.92% 0.128 85.28);
	--yellow-dark-2: oklch(40.12% 0.108 85.28);
	--yellow-dark-3: oklch(21.68% 0.072 85.28);
	--yellow-light-1: oklch(77.84% 0.135 85.28);
	--yellow-light-2: oklch(79.64% 0.128 85.28);
	--yellow-light-3: oklch(81.32% 0.120 85.28);
	--yellow-light-4: oklch(82.84% 0.111 85.28);
	--yellow-light-5: oklch(84.24% 0.101 85.28);
	--yellow-light-6: oklch(85.52% 0.090 85.28);
	--yellow-light-7: oklch(86.68% 0.078 85.28);
	--yellow-light-8: oklch(87.72% 0.064 85.28);
	--yellow-light-9: oklch(88.64% 0.048 85.28);
	
	/* === RED THEME === */
	--red-main: oklch(54.12% 0.158 24.36);
	--red-dark-1: oklch(41.68% 0.142 24.36);
	--red-dark-2: oklch(24.84% 0.102 24.36);
	--red-dark-3: oklch(12.36% 0.062 24.36);
	--red-light-1: oklch(58.92% 0.152 24.36);
	--red-light-2: oklch(64.24% 0.144 24.36);
	--red-light-3: oklch(69.12% 0.134 24.36);
	--red-light-4: oklch(73.48% 0.122 24.36);
	--red-light-5: oklch(77.36% 0.108 24.36);
	--red-light-6: oklch(80.84% 0.092 24.36);
	--red-light-7: oklch(83.92% 0.074 24.36);
	--red-light-8: oklch(86.68% 0.054 24.36);
	--red-light-9: oklch(89.12% 0.032 24.36);
	
	/* === GREEN THEME === */
	--green-main: oklch(68.24% 0.162 162.48);
	--green-dark-1: oklch(46.84% 0.148 162.48);
	--green-dark-2: oklch(28.92% 0.112 162.48);
	--green-dark-3: oklch(14.52% 0.068 162.48);
	--green-light-1: oklch(72.84% 0.158 162.48);
	--green-light-2: oklch(77.64% 0.152 162.48);
	--green-light-3: oklch(81.68% 0.144 162.48);
	--green-light-4: oklch(85.12% 0.134 162.48);
	--green-light-5: oklch(88.04% 0.122 162.48);
	--green-light-6: oklch(90.52% 0.108 162.48);
	--green-light-7: oklch(92.68% 0.092 162.48);
	--green-light-8: oklch(94.52% 0.074 162.48);
	--green-light-9: oklch(96.12% 0.054 162.48);
	
	/* === BONE/NEUTRAL THEME === */
	--bone-main: oklch(85.24% 0.032 48.72);
	--bone-dark-1: oklch(64.12% 0.028 48.72);
	--bone-dark-2: oklch(44.68% 0.024 48.72);
	--bone-dark-3: oklch(25.84% 0.018 48.72);
	--bone-light-1: oklch(87.84% 0.030 48.72);
	--bone-light-2: oklch(90.12% 0.026 48.72);
	--bone-light-3: oklch(93.24% 0.020 48.72);
	--bone-light-4: oklch(96.12% 0.012 48.72);
	
	/* === BLACK/GRAY THEME === */
	--black-main: oklch(12.36% 0.028 240.84);
	--black-light-1: oklch(22.84% 0.032 240.84);
	--black-light-2: oklch(31.68% 0.034 240.84);
	--black-light-3: oklch(39.12% 0.032 240.84);
	--black-light-4: oklch(45.24% 0.028 240.84);
	--black-light-5: oklch(50.68% 0.022 240.84);
	--black-light-6: oklch(55.52% 0.016 240.84);
	--black-light-7: oklch(59.84% 0.010 240.84);
	--black-light-8: oklch(63.68% 0.004 240.84);
	--black-light-9: oklch(67.12% 0.000 240.84);
	
	/* === SKY/CYAN THEME === */
	--sky-main: oklch(68.24% 0.162 228.36);
	--sky-dark-1: oklch(42.84% 0.148 228.36);
	--sky-dark-2: oklch(26.92% 0.112 228.36);
	--sky-dark-3: oklch(11.48% 0.068 228.36);
	--sky-light-1: oklch(70.84% 0.160 228.36);
	--sky-light-2: oklch(74.64% 0.156 228.36);
	--sky-light-3: oklch(77.92% 0.150 228.36);
	--sky-light-4: oklch(80.84% 0.142 228.36);
	--sky-light-5: oklch(83.36% 0.132 228.36);
	--sky-light-6: oklch(85.52% 0.120 228.36);
	--sky-light-7: oklch(87.36% 0.106 228.36);
	--sky-light-8: oklch(88.92% 0.090 228.36);
	--sky-light-9: oklch(90.24% 0.072 228.36);
	
	/* === ORANGE THEME === */
	--orange-main: oklch(68.24% 0.192 42.12);
	--orange-dark-1: oklch(46.84% 0.178 42.12);
	--orange-dark-2: oklch(28.92% 0.142 42.12);
	--orange-dark-3: oklch(14.52% 0.092 42.12);
	--orange-light-1: oklch(70.84% 0.188 42.12);
	--orange-light-2: oklch(74.64% 0.182 42.12);
	--orange-light-3: oklch(77.92% 0.174 42.12);
	--orange-light-4: oklch(80.84% 0.164 42.12);
	--orange-light-5: oklch(83.36% 0.152 42.12);
	--orange-light-6: oklch(85.52% 0.138 42.12);
	--orange-light-7: oklch(87.36% 0.122 42.12);
	--orange-light-8: oklch(88.92% 0.104 42.12);
	--orange-light-9: oklch(90.24% 0.084 42.12);
	
	/* === ROUGE/MAGENTA THEME === */
	--rouge-main: oklch(52.12% 0.192 312.48);
	--rouge-dark-1: oklch(36.84% 0.178 312.48);
	--rouge-dark-2: oklch(22.92% 0.142 312.48);
	--rouge-dark-3: oklch(11.52% 0.092 312.48);
	--rouge-light-1: oklch(56.84% 0.188 312.48);
	--rouge-light-2: oklch(61.64% 0.182 312.48);
	--rouge-light-3: oklch(65.92% 0.174 312.48);
	--rouge-light-4: oklch(69.84% 0.164 312.48);
	--rouge-light-5: oklch(73.36% 0.152 312.48);
	--rouge-light-6: oklch(76.52% 0.138 312.48);
	--rouge-light-7: oklch(79.36% 0.122 312.48);
	--rouge-light-8: oklch(81.92% 0.104 312.48);
	--rouge-light-9: oklch(84.24% 0.084 312.48);
	
	/* === PURPURA/PURPLE THEME === */
	--purpura-main: oklch(42.12% 0.192 282.36);
	--purpura-dark-1: oklch(26.84% 0.178 282.36);
	--purpura-dark-2: oklch(12.92% 0.142 282.36);
	--purpura-dark-3: oklch(5.52% 0.092 282.36);
	--purpura-light-1: oklch(46.84% 0.188 282.36);
	--purpura-light-2: oklch(51.64% 0.182 282.36);
	--purpura-light-3: oklch(55.92% 0.174 282.36);
	--purpura-light-4: oklch(59.84% 0.164 282.36);
	--purpura-light-5: oklch(63.36% 0.152 282.36);
	--purpura-light-6: oklch(66.52% 0.138 282.36);
	--purpura-light-7: oklch(69.36% 0.122 282.36);
	--purpura-light-8: oklch(71.92% 0.104 282.36);
	--purpura-light-9: oklch(74.24% 0.084 282.36);


	--spacing-1: 1rem;
	--spacing-2: 2rem;
	--spacing-3: 3rem;
	--spacing-4: 4rem;
	--spacing-5: 5rem;
	--spacing-6: 6rem;
	--spacing-7: 7rem;
	--spacing-8: 8rem;
	--spacing-9: 9rem;
	--spacing-10: 10rem;

	--transition-02: all 0.2s linear;
	--transition-03: all 0.3s linear;
	--transition-04: all 0.4s linear;
	--transition-05: all 0.5s linear;
	--transition-06: all 0.6s linear;
	--transition-07: all 0.7s linear;
	--transition-08: all 0.8s linear;
  }
  

@font-face {
	font-family: "Estedad-VF";
	src: url('fonts/Estedad-FD[KSHD,wght].woff2') format('woff2');
}

@font-face {
	font-family: "Paykan VF";
	src: url("fonts/Paykan-VF.woff2") format('woff2');
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: "Estedad-VF", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: var(--blue-dark-2);
	background-color: oklch(0.96 0.01 261.74);

	font-variation-settings: "wght" 400, "KSHD" 100;
    font-feature-settings: "kern", "calt", "rvrn", "ss03";
    -webkit-text-stroke: 0px transparent;
}

::selection {
	background-color: var(--blue-main);
	color: var(--blue-light-10);
}

.bplus__dots {
	width: 1200px;
    max-height: 800px;
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
    overflow: hidden;
    top: -15%;
    aspect-ratio: 2 / 1;

	> div {
		background-image: url('img/dots.svg');
		width: 100%;
		height: 100%;
		background-size: 100%;
		box-shadow: inset 0px 0px 130px 200px #eef2f9;
		background-position: center;
	}
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.2;

	font-family: "Paykan VF", sans-serif;

	font-feature-settings: "kern" on, "liga" on, "dlig" on;
	-moz-font-feature-settings: "kern" on, "liga" on, "dlig" on;
	-webkit-font-feature-settings: "kern" on, "liga" on, "dlig" on;
	-ms-font-feature-settings: "kern" on, "liga" on, "dlig" on;
	-o-font-feature-settings: "kern" on, "liga" on, "dlig" on;
	font-variation-settings: "wght" 700;
	color: var(--blue-main);


	a {
		color: var(--blue-main);
		transition: var(--transition-03);

		&:hover {
			color: var(--yellow-main);
		}
	}
}

/* Screen Reader Text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

span.circle-separator {
    font-size: 2em;
    line-height: 1rem;
    color: var(--blue-main);
}

.section-header {
	height: var(--spacing-6);
    display: flex;
    align-items: start;
    padding: 0.5rem 0 0;

	.section-title {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;

		> i {
			font-size: 1.3rem;
			background: rgb(255 255 255 / 40%);
			width: 4rem;
			height: 3rem;
			display: grid;
			place-items: center;
			border-radius: 5rem;
			border: 1px solid #fff;
			box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		}

		.section-title-text {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing-1) / 2);
			line-height: 1;

			> span {
				font-size: 1.3rem;
				color: var(--blue-main);
				font-family: "Estedad-VF", sans-serif;
				font-variation-settings: "wght" 600, "KSHD" 150;
			}

			> a {
				display: flex;
				align-items: center;
				gap: calc(var(--spacing-1) / 2);
				line-height: 1;
				color: var(--blue-light-4);
				
				> i {
					font-size: 1rem;
				}
			}

			
		}
	}
}


.site {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: var(--spacing-1);
}




/* Header */
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
	height: 150px;
}

.site-title a {
    display: flex;
    align-items: end;
    gap: 1rem;
	color: var(--blue-main);

	&:hover {
		text-decoration: none;

		svg path {
			fill: var(--yellow-main);
		}

		p.site-title__description {
			color: var(--yellow-main)
		}
	}

	svg {
		width: 30px;
		height: auto;
	}


	.site-title__text {
		line-height: 1;
		
		
		h1.site-title__name {
			font-size: 1.3rem;
		}
	
		p.site-title__description {
			font-size: 0.8rem;
		}
	}

}

.main-navigation {
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
}

.main-navigation ul.menu {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.main-navigation ul.menu a {
    display: grid;
    padding: 8px 12px;
	border-radius: 50px;
	font-variation-settings: "wght" 500;
	transition: all 0.2s ease-in-out;

	&:hover {
		background-color: var(--yellow-main);
		color: #fff;
	}
}
/* Header Search */
.header-search {
	position: relative;
	margin: 0;
	width: 250px;
	transition: all 0.2s ease;

	&:focus-within {
		width: 270px;
	}

	&:has(.live-search-results--visible) {
		width: 270px;

		.header-search__wrapper {
			background: rgb(255 255 255 / 80%);
			border-color: var(--blue-main);
			box-shadow: 0 4px 15px -3px rgb(151 172 208 / 25%);
		}
	}
}

/* Mobile Search Toggle Button */
.mobile-search-toggle {
	display: none;
    place-items: center;
    gap: 0;
    border-radius: 100%;
    color: var(--blue-main);
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 42px;
    height: 42px;
    aspect-ratio: 1 / 1;
	
	&[aria-expanded="true"] {
		background: var(--yellow-main);
		color: #fff;
	}
	
	i {
		font-size: 1.1rem;
	}
}

.header-search-form {
	position: relative;
}

.header-search__wrapper {
	display: flex;
	align-items: center;
	background: rgb(255 255 255 / 60%);
	border-radius: 5rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	overflow: hidden;
	transition: all 0.2s ease;
	min-width: 170px;
	padding: 5px;
	position: relative;

	&:focus-within {
		background: rgb(255 255 255 / 80%);
		border-color: var(--blue-main);
		box-shadow: 0 4px 15px -3px rgb(151 172 208 / 25%);
	}
}

form.header-search-form:has(.live-search-results--visible) .header-search__wrapper {
	z-index: 10001;
}

.header-search-field {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	padding: 8px 12px;
	font-size: 0.9rem;
	font-variation-settings: "wght" 500, "KSHD" 100;
	color: var(--blue-main);
	min-width: 0;

	&::placeholder {
		color: var(--blue-light-5);
		font-variation-settings: "wght" 400;
	}
}

.header-search-submit {
	background: transparent;
    color: var(--blue-main);
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;

	&:hover {
		background: var(--blue-main);
		color: #fff;
	}

	i {
		font-size: 1rem;
	}
}












/* Front Page */
.site-main__inner {
    display: grid;
    gap: var(--spacing-2) var(--spacing-2);
    grid-template: auto / 1fr 1fr;
	position: relative;

	&::before {
		content: '';
		background: url('img/dots-alt.svg') no-repeat center center;
		position: absolute;
		width: 140%;
		height: 100%;
		z-index: -1;
		bottom: -8%;
		left: 50%;
		opacity: 0.05;
		background-size: contain;
		max-height: 1200px;
		max-width: 100vw;
		transform: translateX(-50%);
	}
}

.front_top-section {
	grid-column: 1 / -1;
	margin: 0 0 var(--spacing-7);
}

.front__episodes {
	background: rgb(255 255 255 / 80%);
    padding: var(--spacing-1);
    border-radius: calc(34px + var(--spacing-1));
    backdrop-filter: blur(10px);
    position: relative;
    border: 1px solid #fff;
	z-index: 2;


	&::before {
		content: '';
		background: var(--blue-light-9);
		position: absolute;
		max-width: 30%;
		height: auto;
		z-index: -1;
		aspect-ratio: 1 / 1;
		width: 500px;
		border-radius: 100%;
		filter: blur(60px);
		right: 5rem;
		top: 0;
		opacity: 0.2;
	}
}

.front__episodes-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.front__episodes__latest {
    flex: 2.5;
	margin: 0 calc(var(--spacing-5) * -1) 0 0;
}

.front__episodes__latest .latest-episode {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);

	.episode-thumbnail {
		width: 300px;
		height: 300px;
		border-radius: 34px;
		overflow: hidden;
		box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		flex: 0 0 300px;


		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	header.entry-header {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-1);
	}

	.episode-number-and-date {
		display: flex;
		gap: var(--spacing-1);
		align-items: center;

		> * {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 3);
			line-height: 1;
		}
		
		span.episode-number {
			font-size: 1.2rem;
			font-variation-settings: "wght" 500, "KSHD" 100;
			color: var(--blue-light-5);
		}

		span.posted-on {
			font-size: 1.2rem;
			font-variation-settings: "wght" 500, "KSHD" 130;
			color: var(--blue-light-5);
			letter-spacing: -2px;
			word-spacing: -2px;
		}
	}

	h2.entry-title {
		font-size: 2.5rem;
		line-height: 1.5;
		padding: 0 0 0 var(--spacing-2);

		a:hover {
			color: var(--yellow-main);
		}
	}

	.entry-meta {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;

		> * {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 3);
			line-height: 1;
		}
	}

	.episode-duration {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 3);
		line-height: 1;
		font-size: 1.2rem;
		font-variation-settings: "wght" 500, "KSHD" 100;
		color: var(--blue-light-5);
	}

	a.episode-listen {
		color: #fff;
		background: var(--yellow-main);
		padding: calc(var(--spacing-1) / 2) calc(var(--spacing-1) / 1.5);
		border-radius: 10rem;
		font-variation-settings: "wght" 500, "KSHD" 120;

		&:hover {
			background: var(--blue-main);
			color: #fff;
		}

		i {
			font-size: 1.2rem;
		}
	}
}

.front__episodes__others {
	flex: 1;
    padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) 0;
    border-right: 1px solid oklch(0.95 0.06 260.54);
}

.episodes-others-heading {
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 var(--spacing-2);
    padding: 0 0 0 var(--spacing-1);

	a {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;
		font-size: 1rem;
		font-variation-settings: "wght" 500, "KSHD" 100;
		color: var(--blue-light-5);
		border: 1px solid currentColor;
		padding: calc(var(--spacing-1) / 1.5) calc(var(--spacing-1) / 1.5);
		border-radius: 10rem;

		i {
			font-size: 1rem;
		}

		&:hover {
			background: var(--blue-main);
			color: #fff;
		}
	}
}

h3.episodes-others-title {
    margin: 0 0 0;
}

.front__episodes__others .episodes-grid {
    display: flex;
    gap: 1rem;
	flex-direction: column;
}

.front__episodes__others .episodes-grid .episode-card {
    display: flex;
    gap: var(--spacing-1);
    flex: 1;
	align-items: center;

	&:not(:last-child) {
		border-bottom: 1px solid oklch(0.95 0.06 260.54);
		padding: 0 0 var(--spacing-1);
	}

	.episode-thumbnail {
		width: 75px;
		height: 75px;
		overflow: hidden;
		flex: 0 0 75px;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		border-radius: 12px;
		transition: var(--transition-03);

		&:hover {
			box-shadow: 0 6px 35px -3px rgb(151 172 208 / 55%);
		}

		a {
			width: 100%;
			height: 100%;
			display: block;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.episode-content {
		flex: 1;

		h3.entry-title {
			font-variation-settings: "wght" 500;
			font-size: 1rem;
			line-height: 1.5;

			a {
				transition: var(--transition-03);

				&:hover {
					color: var(--yellow-main);
				}
			}
		}
	}

	.entry-meta {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;
		font-size: 0.8rem;

		> * {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 3);
			line-height: 1;
		}
	}
}

.front-description {
	width: 100%;
    margin: 0 auto 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-1);
	position: relative;
	z-index: 1;

	.front-description-text {
		flex: 0 0 50%;
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-5) var(--spacing-2) var(--spacing-2) var(--spacing-2);
		border-radius: 0 0 calc(34px + var(--spacing-1)) calc(34px + var(--spacing-1));
		backdrop-filter: blur(10px);
		position: relative;
		border: 1px solid #fff;
		z-index: 1;
		margin: -50px 0 0;

		&::before {
			content: '';
			background: rgb(255 255 255 / 80%);
			position: absolute;
			width: 60px;
			height: 60px;
			top: 50px;
			left: -60px;
			border-radius: 0;
		}

		&::after {
			content: '';
			background: rgb(238 242 248);
			position: absolute;
			width: 60px;
			height: 60px;
			top: 50px;
			left: -60px;
			border-radius: 0 30px 0 0;
		}
		
		
		p {
			font-size: 1rem;
			line-height: 1.8;
			color: var(--blue-main);
			font-variation-settings: "wght" 500, "KSHD" 100;
			opacity: 0.8;
		}
	}

}

.listen-here {
    flex: 1 1 50%;
    padding: 0 var(--spacing-1) 0 0;
    z-index: 2;
}

.listen-here__title {
    display: flex;
    align-items: center;
    font-variation-settings: "wght" 600, "KSHD" 120;
    color: var(--blue-main);
    gap: calc(var(--spacing-1) / 2);
    font-size: 1.3rem;
    margin: 0 0 var(--spacing-1);
}

ul.listen-here__links {
	display: flex;
    gap: var(--spacing-1);
    flex-wrap: wrap;

	a {
		display: grid;
		place-items: center;
		width: 48px;
		height: 48px;
		border-radius: 100%;
		background: var(--blue-light-7);
		overflow: hidden;

		&:hover {
			background: var(--blue-main);
		}
	}


	svg {
		width: 100%;
		height: 100%;

		> path {
			fill: #fff;
		}

		g {
			stroke: #fff;

			> path {
				stroke: #fff;
				fill: transparent;
			}
		}

		circle {
			fill: transparent;
		}

		clipPath path {
			fill: transparent;
		}
	}
}

li.acast svg {
    transform: translateX(10px);
}



/* Frontpage - Youtube Videos */
.front__youtube {
    background: rgb(255 255 255 / 80%);
    padding: var(--spacing-1) var(--spacing-1) var(--spacing-2);
    border-radius: var(--spacing-3);
    backdrop-filter: blur(5px) saturate(2.5);
    position: relative;
    border: 1px solid #fff;
	grid-row: 2 / 4;
}

.front__youtube-inner {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: var(--spacing-2);
}

.front__youtube__latest {
    border-bottom: 1px solid oklch(0.95 0.06 260.54);
    padding: 0 0 var(--spacing-2);
}

.front__youtube__latest .latest-video {
	position: relative;
    display: flex;
    gap: var(--spacing-2);
	align-items: center;

	.video-thumbnail {
		width: 160px;
		height: 140px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin: 0 auto;
		border-radius: calc(var(--spacing-1) * 1.5);
		box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		flex: 0 0 250px;
		aspect-ratio: 16 / 9;


		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.video-content {
		position: relative;
		z-index: 3;
		width: 100%;
		margin: 0;
	}

	h2.entry-title {
		font-size: 1.3rem;
		line-height: 1.5;
		margin: 0 0 var(--spacing-1);
	}

	.entry-meta {
		display: flex;
		gap: calc(var(--spacing-1) / 2);
		align-items: center;
	}

	.video-date {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;
		font-size: 1rem;
		color: var(--blue-light-5);
	}

	a.video-watch {
		color: oklch(75.24% 0.142 85.28);
		background: oklch(0.75 0.14 85.28 / 0.2);
		padding: calc(var(--spacing-1) / 2) calc(var(--spacing-1) / 1.5);
		border-radius: 10rem;
		font-variation-settings: "wght" 500, "KSHD" 120;
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;

		i {
			font-size: 1.2rem;
		}
	
		&:hover {
			background: var(--blue-main);
			color: #fff;
		}
	}
}

.front__youtube__others {
    flex: 1;
}

h3.youtube-others-title {
    margin: 0 0 var(--spacing-2);
}

.front__youtube__others .videos-grid {
    display: flex;
    gap: 1rem;
	flex-direction: column;
}

.front__youtube__others .videos-grid .video-card {
    display: flex;
    gap: var(--spacing-1);
    flex: 1;
	align-items: center;

	&:not(:last-child) {
		border-bottom: 1px solid oklch(0.95 0.06 260.54);
		padding: 0 0 var(--spacing-1);
	}

	.video-thumbnail {
		width: 130px;
		height: 75px;
		overflow: hidden;
		flex: 0 0 130px;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		border-radius: 12px;
		position: relative;
		z-index: 1;

		a {
			width: 100%;
			height: 100%;
			display: block;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.video-content {
		flex: 1;
		position: relative;
		z-index: 3;

		h3.entry-title {
			font-variation-settings: "wght" 500;
			font-size: 1rem;
			line-height: 1.5;
		}
	}

	.video-date {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;
		font-size: 0.8em;
		color: var(--blue-light-5);
	}
}







/* Frontpage - Blog */
.front__blog {
    background: rgb(255 255 255 / 70%);
    padding: var(--spacing-1);
    border-radius: var(--spacing-3);
    backdrop-filter: blur(5px) saturate(2.5);
    position: relative;
    border: 1px solid #fff;
}

.front__blog-inner {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: var(--spacing-2);
}

.front__blog__latest {
    border-bottom: 1px solid oklch(0.95 0.06 260.54);
    padding: 0 0 var(--spacing-2);
}

.front__blog__latest .latest-blog {
	position: relative;
    display: flex;
    align-items: center;
    gap: var(--spacing-1);

	.blog-thumbnail {
		width: 150px;
		height: 150px;
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin: 0 auto;
		border-radius: calc(var(--spacing-1) * 1.5);
		box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		flex: 0 0 150px;


		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.blog-content {
		position: relative;
		z-index: 3;
		width: 100%;
	}

	h2.entry-title {
		font-size: 1.3rem;
		line-height: 1.5;
		margin: 0 0 var(--spacing-1);
	}

	.entry-meta {
		display: flex;
		gap: calc(var(--spacing-1) / 2);
		
		.posted-on {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			line-height: 1;
			font-size: 1rem;
			color: var(--blue-light-5);
		}
	}


	a.blog-read {
		color: #fff;
		background: var(--yellow-main);
		padding: calc(var(--spacing-1) / 2) calc(var(--spacing-1) / 1.5);
		border-radius: 10rem;
		font-variation-settings: "wght" 500, "KSHD" 120;
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);

		i {
			font-size: 1.2rem;
		}
	
		&:hover {
			background: var(--blue-main);
			color: #fff;
		}
	}
}

.front__blog__others {
    flex: 1;
}

h3.blog-others-title {
    margin: 0 0 var(--spacing-2);
}

.front__blog__others .blog-grid {
    display: flex;
    gap: 1rem;
	flex-direction: column;
}

.front__blog__others .blog-grid .blog-card {
    display: flex;
    gap: var(--spacing-1);
    flex: 1;
	align-items: center;

	&:not(:last-child) {
		border-bottom: 1px solid oklch(0.95 0.06 260.54);
		padding: 0 0 var(--spacing-1);
	}

	.blog-thumbnail {
		width: 75px;
		height: 75px;
		overflow: hidden;
		flex: 0 0 75px;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		border-radius: 12px;
		position: relative;
		z-index: 1;

		a {
			width: 100%;
			height: 100%;
			display: block;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.blog-content {
		flex: 1;
		position: relative;
		z-index: 3;

		h3.entry-title {
			font-variation-settings: "wght" 500;
			font-size: 1rem;
			line-height: 1.5;
		}
	}

	.posted-on {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		line-height: 1;
		font-size: 0.8em;
		color: var(--blue-light-5);
	}
}



/* Frontpage - Support */
.front__support {
    background: rgb(255 255 255 / 70%);
    padding: var(--spacing-1) var(--spacing-2);
    border-radius: var(--spacing-3);
    backdrop-filter: blur(5px) saturate(2.5);
    position: relative;
    border: 1px solid #fff;
	grid-column: 2 / 2;
	grid-row: 3 / 3;

	&::before {
		content: '';
		background: var(--yellow-main);
		position: absolute;
		width: 8rem;
		height: 8rem;
		z-index: -1;
		top: 10px;
		right: 10px;
		border-radius: 100%;
		opacity: 0.4;
		aspect-ratio: 1 / 1;
		filter: blur(40px);
	}

	a {
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: space-between;
	}


	.section-header {
		height: var(--spacing-6);
		display: flex;
		align-items: center;
		padding: 0;

		.section-title {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 1);
			line-height: 1;
		}

		i.iconoir-donate {
			font-size: 3rem;
			width: 7rem;
			height: 5rem;
			background: oklch(0.8 0.13 85.28 / 0.9);
			border: 1px solid oklch(0.8 0.13 85.28 / 1);
			box-shadow: 0 6px 30px -3px oklch(0.75 0.14 85.28 / 0.69);
			color: #fff;
		}

		.section-title-text {

			> h2 {
				font-size: 1.6rem;
				color: var(--yellow-main);
				font-variation-settings: "wght" 700;
			}
	
			> span {
				font-size: 1.1rem;
				color: var(--yellow-light-6);
				font-family: "Estedad-VF", sans-serif;
				font-variation-settings: "wght" 500, "KSHD" 110;
			}
		}

	}

	i.iconoir-arrow-left {
		color: var(--yellow-light-6);
		font-size: 2rem;
	}
}






/* Frontpage - About */
.front__about {
    grid-column: 1 / -1;
    margin: var(--spacing-10) 0;


	.section-header {
		height: var(--spacing-6);
		display: flex;
		align-items: center;
		padding: 0;
		justify-content: center;


		.section-title {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			line-height: 1;
			flex-direction: column;


			i {
				font-size: 4rem;
				width: auto;
				height: auto;
				color: var(--blue-main);
			}

			h2 {
				font-size: 2.3rem;
				color: var(--blue-main);
				font-variation-settings: "wght" 700;
			}
		}
	}

	.front__about-inner {
		text-align: center;
		max-width: 720px;
		margin: 3rem auto 0;
		font-size: 1.4rem;
		color: var(--blue-main);

		.about-button {
			margin: 2.2rem 0 0;
			display: grid;
			place-items: center;
		}

		.about-button a {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			font-size: 1rem;
			color: #fff;
			font-variation-settings: "wght" 500, "KSHD" 110;
			text-decoration: none;
			justify-content: center;
			background: var(--blue-main);
			width: fit-content;
			padding: var(--spacing-1) var(--spacing-1);
			border-radius: 10rem;

			i {
				font-size: 1.2rem;
			}
		}
	}
}






/* Single Page */
.site-main__single {
    display: grid;
    gap: var(--spacing-5);
}

.site-main__single article.post {
    display: grid;
    gap: var(--spacing-2);


	.entry-header {
		display: flex;
		align-items: center;
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-1);
		border-radius: calc(34px + var(--spacing-1));
		backdrop-filter: blur(10px);
		position: relative;
		border: 1px solid #fff;
		z-index: 1;
		min-height: 450px;
	}

	.entry-header__inner {
		display: flex;
		align-items: center;
		gap: var(--spacing-2);
	}

	.entry-header__thumbnail {
		width: 300px;
		height: 300px;
		border-radius: 34px;
		overflow: hidden;
		box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
		border: 1px solid #fff;
		flex: 0 0 300px;
		margin: 0 calc(var(--spacing-5) * -1) 0 0;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.entry-header__title {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-1);

		.entry-title {
			font-size: 2.5rem;
			line-height: 1.5;
			padding: 0 0 0 var(--spacing-2);
		}

		.entry-meta {
			display: flex;
			gap: calc(var(--spacing-1) / 1);
			align-items: center;

			> span {
				font-size: 1.2rem;
				font-variation-settings: "wght" 500, "KSHD" 100;
				color: var(--blue-light-5);
				display: flex;
				align-items: center;
				gap: calc(var(--spacing-1) / 3);
				line-height: 1;
			}

			span.entry-meta_shorturl {
				background: oklch(0.61 0.11 261.12 / 0.15);
				height: 42px;
				padding: 0;
				border-radius: 5rem;
				justify-content: space-between;
				gap: var(--spacing-2);

				.copy-shorturl-btn {
					background: transparent;
					border: none;
					display: flex;
					align-items: center;
					gap: var(--spacing-2);
					cursor: pointer;
					width: 100%;
					height: 100%;
					padding: 0 1rem;
					transition: all 0.2s ease;
					border-radius: 5rem;

					&:hover {
						background: oklch(0.61 0.11 261.12 / 0.25);
						
						i {
							color: var(--blue-main);
						}
					}

					&:active {
						transform: scale(0.98);
					}

					&.copied {
						background: var(--yellow-main);
						
						i {
							color: #fff;
						}
						
						mark {
							color: #fff;
						}
					}

					i {
						font-size: 1rem;
						color: var(--blue-main);
						transition: all 0.2s ease;
					}

					mark {
						font-family: monospace;
						font-size: 0.8rem;
						color: var(--blue-main);
						background: transparent;
						border: none;
						padding: 0;
					}
				}
			}
		}
	}

	.entry-header__podcast-player {
		margin: var(--spacing-2) 0 0;
	}

	.entry-content {
		display: flex;
		gap: var(--spacing-1);
		justify-content: space-between;
		align-items: start;
	}

	.entry-content__sidebar {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-1);
		flex: 0 0 30%;
		position: sticky;
		top: var(--spacing-2);

		> div {
			position: relative;
		}

		.front__support {
			padding: var(--spacing-1) var(--spacing-1);

			&::before {
				content: '';
				background: var(--yellow-main);
				position: absolute;
				width: 5rem;
				height: 5rem;
				z-index: -1;
				top: 10px;
				right: 10px;
				border-radius: 100%;
				opacity: 0.4;
				aspect-ratio: 1 / 1;
				filter: blur(40px);
			}

			& .section-header {
				i.iconoir-donate {
					font-size: 2.5rem;
					width: 5rem;
					height: 5rem;
					background: oklch(0.8 0.13 85.28 / 0.9);
					border: 1px solid oklch(0.8 0.13 85.28 / 1);
					box-shadow: 0 6px 30px -3px oklch(0.75 0.14 85.28 / 0.69);
					color: #fff;
				}

				& .section-title-text {
					> h2 {
						font-size: 1.1rem;
						color: var(--yellow-main);
						font-variation-settings: "wght" 700;
					}
				}
			}
		}
	}

	.entry-content__shownotes {
		display: flex;
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-2);
		border-radius: calc(34px + var(--spacing-1));
		backdrop-filter: blur(10px);
		position: relative;
		border: 1px solid #fff;
		z-index: 1;
		min-height: 450px;
		flex-direction: column;
		gap: var(--spacing-2);

		h2.entry-content__shownotes-title {
			font-size: 1.1rem;
			font-variation-settings: "wght" 600;
		}

		.entry-content__shownotes-content {
			line-height: 1.7;

			> * {
				font-family: "Estedad-VF", sans-serif;
				font-variation-settings: "wght" 500, "KSHD" 100;
				margin: 0 0 0.3rem;
			}

			*:empty {
				display: none;
			}

			h2, h3, h4, h5, h6 {
				font-variation-settings: "wght" 700, "KSHD" 102;
				margin: 0 0 1rem;
				line-height: 1.7;
				font-size: 1rem;
			}
		}
	}

	.entry-content__text {
		flex: 0 0 68%;
		padding: var(--spacing-2) var(--spacing-1);
		line-height: 1.8;
		display: grid;

		> * {
			margin: 0 0 1rem;
			max-width: 100%;
			text-wrap: auto;
			word-wrap: break-word;
			word-break: break-word;
		}

		iframe, video, object, audio, img {
			border-radius: 14px;
			max-width: 100%;
			height: auto;
			overflow: hidden;
			aspect-ratio: 16 / 9;
		}

		a {
			color: var(--yellow-main);
			text-decoration: none;
			font-variation-settings: "wght" 700, "KSHD" 110;
			border-bottom: 1px solid currentColor;
			background-color: rgb(255 255 255 / 30%);

			&:hover {
				background-color: var(--yellow-main);
				color: #fff;
			}
		}

		h2 {
			font-size: 1.8rem; 
			margin: 3rem 0 1rem;
			position: relative;
			padding-right: calc(var(--spacing-2) + 10px);

			&::before {
				content: '';
				position: absolute;
				width: var(--spacing-2);
				height: 3px;
				background: var(--blue-main);
				top: 50%;
				transform: translateY(-50%);
				right: 0;
			}
		}

		h3 {
			font-size: 1.4rem;
			margin: 1.5rem 0 1rem;
		}

		h4 {
			font-size: 1.2rem;
			margin: 1.5rem 0 1rem;
			font-variation-settings: "wght" 500;
		}

		h5 {
			font-size: 0.9rem;
			margin: 1.5rem 0 1rem;
		}

		h6 {
			font-size: 0.8rem;
			margin: 1.5rem 0 1rem;
		}

		ul {
			list-style: disc;
			padding: 0 2rem 1.2rem 0;
		}

		ol {
			list-style: decimal;
			padding: 0 2rem 1.2rem 0;
		}

		li {
			margin: 0 0 0.5rem;
		}

		blockquote {
			padding: var(--spacing-2) var(--spacing-6) var(--spacing-2) var(--spacing-2);
			background: oklch(0.33 0.1 261.12 / 0.05);
			border-radius: 34px 8px 34px 34px;
			font-size: 1.1rem;
			color: var(--blue-main);
			width: 95%;
			margin: 1rem auto 1.5rem;
			position: relative;

			&::before {
				content: '';
				background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMS41IiBjb2xvcj0iIzEzMzE2OCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9IiMxMzMxNjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTEwIDEySDVhMSAxIDAgMCAxLTEtMVY3LjVhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDAgMSAxIDF6bTAgMGMwIDIuNS0xIDQtNCA1LjVNMjAgMTJoLTVhMSAxIDAgMCAxLTEtMVY3LjVhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDAgMSAxIDF6bTAgMGMwIDIuNS0xIDQtNCA1LjUiLz48L3N2Zz4=") no-repeat;
				width: 42px;
				height: 42px;
				position: absolute;
				right: var(--spacing-2);
				top: var(--spacing-2);
			}

			&::after {
				content: '';
				position: absolute;
				width: 1px;
				height: calc(100% - var(--spacing-6));
				background: var(--blue-light-9);
				right: calc(var(--spacing-2) + 21px);
				top: calc(var(--spacing-2) + 42px);
			}
		}
	}
	
}


.entry-content__sidebar-toc {
    background: rgb(255 255 255 / 70%);
    padding: 0;
    border-radius: var(--spacing-3);
    backdrop-filter: blur(5px) saturate(2.5);
    position: relative;
    border: 1px solid #fff;
	overflow: hidden;
}

#ez-toc-container {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    padding: 0 var(--spacing-2) var(--spacing-2);
    margin: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border: none;
	direction: rtl;
	height: 255px;

	&.toc_close {
		height: fit-content;
		padding: 0 var(--spacing-2) var(--spacing-5);

		&::after {
			display: none;
		}

		a.ez-toc-toggle::before {
			content: 'نمایش کمتر';
		}

		.ez-toc-list li a {
			pointer-events: initial;
		}
	}

	&::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
		bottom: 0;
		left: 0;
		z-index: 1;
		pointer-events: none;
	}

	.ez-toc-title-container {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.ez-toc-title-toggle {
		display: grid;
		text-align: center;
		vertical-align: middle;
		flex: 0 0 55px;
		position: absolute;
		bottom: 20px;
		z-index: 100;
		left: 50%;
		transform: translateX(-50%);
	}

	a.ez-toc-toggle {
		display: grid;
		place-items: center;
		margin: 0;
		float: none !important;
		color: var(--blue-main) !important;
		font-size: 0.8rem;
		background: oklch(0.74 0.06 261.12 / 0.2);
		padding: 0.5rem 1rem;
		border-radius: 5rem;
		backdrop-filter: blur(5px);
		font-variation-settings: "wght" 650, "KSHD" 115;
		text-decoration: none;

		&::before {
			content: 'نمایش بیشتر';
		}

		&:hover {
			background: var(--yellow-main);
			color: #fff !important;
		}

		.ez-toc-js-icon-con {
			float: none;
			position: relative;
			font-size: 1rem;
			padding: 0;
			border: none;
			border-radius: 0;
			cursor: pointer;
			left: 0;
			width: 100%;
			display: none;
		}
	}

	p.ez-toc-title {
		font-size: 1rem;
		position: relative;
		background: oklch(0.74 0.06 261.12 / 0.3);
		padding: 1.4rem 1rem 0.6rem;
		border-radius: 0 0 12px 12px;
		font-family: "Paykan VF", sans-serif;
		font-variation-settings: "wght" 550;
		-webkit-font-feature-settings: "kern" on, "liga" on, "dlig" on;
		font-feature-settings: "kern" on, "liga" on, "dlig" on;
		color: var(--blue-main);
	}

	.ez-toc-list {
		display: flex !important;
		flex-direction: column;
		gap: calc(var(--spacing-1) / 2);
		text-align: right;
		overflow: visible;
		opacity: 1 !important;
		visibility: visible !important;
		height: fit-content !important;
		width: 100% !important;

		li {
			position: relative;
			overflow: visible;
			list-style: '- ';

			a {
				pointer-events: none;

					&:hover {
						color: var(--yellow-main);
						text-decoration: underline;
						text-underline-offset: 3px;
					}
			}

			a::before {
				display: none;
			}
		}
	}
}


.entry-content__sidebar-featured-tags {
	background: rgb(255 255 255 / 70%);
	padding: var(--spacing-4) var(--spacing-1) var(--spacing-2);
	border-radius: var(--spacing-3);
	backdrop-filter: blur(5px) saturate(2.5);
	position: relative;
	border: 1px solid #fff;

	> h2 {
		font-size: 1rem;
		position: absolute;
		top: 0;
		right: var(--spacing-2);
		background: oklch(0.74 0.06 261.12 / 0.3);
		padding: 1.4rem 1rem 0.6rem;
		border-radius: 0 0 12px 12px;
		font-variation-settings: "wght" 550;
	}

	ul {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing-1) / 3);

		a {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			word-spacing: -1px;

			&:hover {
				color: var(--yellow-main);
			}
		}
	}
}





/* Related Posts */
.entry-footer.entry-footer__single {
    margin: var(--spacing-5) 0;
}

.related-posts {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.related-posts-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;

	.related-post-card {
		flex: 0 0 32%;
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-1);
		border-radius: 34px;
		backdrop-filter: blur(10px);
		position: relative;
		border: 1px solid #fff;
		z-index: 1;
		min-height: 150px;
		display: flex;
		align-items: center;

		> a {
			display: flex;
			gap: var(--spacing-1);
			align-items: center;
			width: 100%;
		}

		.related-post-thumbnail-image {
			width: 100px;
			height: 100px;
			border-radius: calc(34px - var(--spacing-1));
			overflow: hidden;
			box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
			border: 1px solid #fff;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.related-post-content {
			display: flex;
			flex-direction: column;
			gap: calc(var(--spacing-1) / 2);
		}

		h4.related-post-title {
			font-size: 1.2rem;
			line-height: 1.2;
		}

		.related-post-meta .posted-on {
			font-size: 0.9rem;
			line-height: 1.2;
			color: var(--blue-light-5);
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
		}
	}
}





/* Comments */
.comments-area {
    display: flex;
    align-items: start;
    gap: var(--spacing-2);
    justify-content: space-between;

	&:not(:has(.comments-area__right)) {
		justify-content: center;

		.comments-area__left {
			position: relative;
			top: var(--spacing-2);
			flex: 0 0 45%;
			max-width: 620px;
		}
	}
}

.comments-area__right {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
	flex: 0 0 63%;
}

ol.comment-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}

li.comment.depth-1 {
    padding: var(--spacing-2);
    border-radius: 34px;
    background: rgb(255 255 255 / 80%);
    backdrop-filter: blur(10px);
    border: 1px solid #fff;
    z-index: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--spacing-2);

	article.comment {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-1);
	}
}

.comment-author-meta {
    position: relative;

	&::before {
		content: '';
		position: absolute;
		width: calc(var(--spacing-2) - 5px);
		height: 1px;
		background: var(--blue-light-5);
		top: var(--spacing-1);
		right: calc(var(--spacing-2) * -1);
	}
}

.comment-author.vcard cite.fn {
    font-style: normal;
    font-size: 1.1rem;
    color: var(--blue-main);
    font-variation-settings: "wght" 500, "KSHD" 110;
}

.comment-meta.commentmetadata {
    font-size: 0.9rem;
    color: var(--blue-light-6);
}

a.comment-reply-link {
    display: grid;
    place-items: center;
    max-width: 46px;
    padding: 0;
    background: oklch(0.74 0.06 261.12 / 0.25);
    border-radius: 10rem;
    height: 28px;
    font-size: 0.9rem;
}

li.comment > ol.children {
    padding: 0 var(--spacing-4) 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);

	&::before {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		background: var(--blue-light-9);
		right: 23px;
		top: 0;
	}
}


.comments-area__left {
    position: sticky;
    top: var(--spacing-2);
    flex: 0 0 35%;
    max-width: 400px;
}

.comment-respond {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
}

.comment-form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-1) / 2);

	input.submit {
		background: var(--blue-main);
		color: #fff;
		border: none;
		outline: none;
		width: 100px;
		height: 45px;
		border-radius: 10rem;
	}
}

.comment-form-comment, .comment-form-author, .comment-form-email {
	background: transparent;
    padding: 0;
    border-radius: 14px;
    border: 1px solid var(--blue-dark-1);
    position: relative;
    min-height: 55px;

	&:focus-within {
		border-color: var(--blue-light-5);
		background: oklch(0.74 0.06 261.12 / 0.3);


		label {
			transform: translate(-15px, 3px);
			font-size: 0.8rem;
			color: var(--blue-dark-1);
			opacity: 0.4;
		}
	}

	&:has(.has-value) {
		label {
			transform: translate(-15px, 3px);
			font-size: 0.8rem;
			color: var(--blue-dark-1);
			opacity: 0.4;
		}
	}

	textarea {
		width: 100%;
		outline: none;
		border: none;
		height: 5lh;
		padding: 0;
		resize: vertical;
		background: transparent;
		padding: 20px 15px 0;
	}

	input {
		width: 100%;
		outline: none;
		border: none;
		padding: 0;
		background: transparent;
		height: 55px;
		position: relative;
		padding: 15px 15px 0;

		&[type="email"] {
			text-align: left;
			direction: ltr;
		}
	}

	label {
		position: absolute;
		z-index: 2;
		top: 0;
		transform: translate(-15px, 15px);
		color: var(--blue-light-5);
	}
}








/* Footer */
.site-footer {
    min-height: 15rem;
    display: grid;
    place-items: center;
    text-align: center;
	margin: var(--spacing-10) 0 0;
}

.footer__content {
    max-width: 450px;
    color: var(--blue-main);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;

	.footer__content-separator {
		width: 1px;
		height: 2rem;
		background: var(--blue-light-5);
	}
}


.footer__logo {
	height: 10rem;
    position: relative;
    overflow: hidden;
    margin: 10rem 0 0;
    display: grid;
    justify-items: center;
    align-items: start;

	svg {
		max-width: 200px;
		opacity: 0.5;

		path {
			fill: var(--blue-light-9);
		}
	}
}





/* Episodes Page */
.page-episodes__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5);
}

.page-episodes__heading {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
	align-items: center;
	min-height: 200px;
	justify-content: center;
}

h1.page-episodes__heading-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2);
    font-size: 2.5rem;
    word-spacing: -2px;
	text-align: center;

	> i {
		font-size: 3rem;
		background: rgb(255 255 255 / 40%);
		display: grid;
		place-items: center;
		border-radius: 5rem;
		border: 1px solid #fff;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		padding: var(--spacing-1) var(--spacing-3);
		backdrop-filter: blur(5px);
	}
}


.page-episodes__filters {
    display: flex;
    align-items: center;
    gap: 5px;

	button.filter-btn {
		background: oklch(0.74 0.06 261.12 / 0.3);
		padding: 0.3rem 0.9rem;
		border-radius: 10rem;
	}
}

.page-episodes__content-inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
}

.episodes-subcategory {
    display: flex;
    align-items: start;
    gap: var(--spacing-1);
}

.episodes-subcategory__header {
    flex: 0 0 300px;
    width: 300px;
	background: rgb(255 255 255 / 80%);
	padding: var(--spacing-2);
	border-radius: 34px;
	backdrop-filter: blur(10px);
	border: 1px solid #fff;
	z-index: 1;
	position: sticky;
	top: var(--spacing-1);
}

.episodes-subcategory__grid {
	flex: 0 0 calc(100% - 316px);
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: var(--spacing-1);

	> article {
		flex: 0 0 49%;
		display: flex;
		align-items: center;
		gap: var(--spacing-1);
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-1);
		border-radius: 34px;
		backdrop-filter: blur(10px);
		border: 1px solid #fff;
		z-index: 1;
		position: relative;

		> .episode-item__thumbnail a {
			width: 100px;
			height: 100px;
			border-radius: 18px;
			overflow: hidden;
			display: block;
			box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
			border: 1px solid #fff;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.episode-item__header {
			padding: 0 0 calc(var(--spacing-1) / 1.5);
		}

		.episode-item__title {
			font-variation-settings: "wght" 600;
			font-size: 1rem;
		}

	.episode-item__meta {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 2);
		font-size: 0.9rem;
		color: var(--blue-light-5);
		font-variation-settings: "wght" 500, "KSHD" 110;
		line-height: 1;

		> span {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 3);
		}

		> span.separator {
			color: var(--blue-light-5);
			font-size: 0.9rem;
			font-variation-settings: "wght" 500, "KSHD" 110;
		}
	}
	}
}

.page-episodes__navigation-wrapper {
    height: 60px;
    display: grid;
    place-items: center;
}

nav.page-episodes__navigation {
    display: flex;
    align-items: center;
    width: fit-content;
	background: rgb(255 255 255 / 80%);
	padding: 5px;
	border-radius: 10rem;
	border: 1px solid #fff;
	backdrop-filter: blur(10px); 
	z-index: 1;
	gap: 3px;

	button.nav-btn {
		padding: 0.5rem 0.7rem;
		border-radius: 10rem;
		position: relative;

		&:hover {
			background: oklch(0.74 0.06 261.12 / 0.3);
			color: var(--blue-main);
		}

		&.active {
			background: var(--blue-main);
			color: white;
		}

		/* Show text on desktop, hide numbers */
		.nav-btn-text {
			display: inline;
		}
		
		.nav-btn-number {
			display: none;
		}
	}
	
}

/* Floating Navigation */
.page-episodes__floating-nav {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;

	> nav.page-episodes__navigation {
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		background: rgb(255 255 255 / 40%);
		backdrop-filter: blur(15px);
	}
}

.page-episodes__floating-nav.visible {
    opacity: 1;
    visibility: visible;
}






/* Blog Page */
.page-blog__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5);
}


.page-blog__heading {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
	align-items: center;
	min-height: 200px;
	justify-content: center;
}

h1.page-blog__heading-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2);
    font-size: 2.5rem;
    word-spacing: -2px;

	> i {
		font-size: 3rem;
		background: rgb(255 255 255 / 40%);
		display: grid;
		place-items: center;
		border-radius: 5rem;
		border: 1px solid #fff;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		padding: var(--spacing-1) var(--spacing-3);
		backdrop-filter: blur(5px);
	}
}

.page-blog__heading-description {
	font-size: 1.2rem;
	color: var(--blue-dark-1);
	font-variation-settings: "wght" 500, "KSHD" 110;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}


.blog-posts-grid {
    display: grid;
    grid-template: auto / repeat(3, 1fr);
    gap: var(--spacing-2);

	> article {
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-1);
		border-radius: 34px;
		backdrop-filter: blur(10px);
		border: 1px solid #fff;
		z-index: 1;
		position: relative;
		gap: var(--spacing-2);
		display: flex;
		flex-direction: column;

		&::before {
			content: '';
			background: var(--blue-light-9);
			position: absolute;
			max-width: 30%;
			height: auto;
			z-index: -1;
			aspect-ratio: 1 / 1;
			width: 500px;
			border-radius: 100%;
			filter: blur(60px);
			right: 8rem;
			top: 80px;
			opacity: 0.4;
		}

		&:nth-child(1) {
			grid-column: 1 / 3;
			flex-direction: row;
			align-items: center;
			gap: var(--spacing-2);

			.blog-post-card__thumbnail {
				margin: 0 -80px 0 0;

				a {
					width: 350px;
					height: 250px;
					border-radius: 34px;
				}
			}

			.blog-post-card__content {
				display: flex;
				flex-direction: column;
				gap: var(--spacing-1);
				padding: 0;
			}

			h2.blog-post-card__title {
				font-size: 1.7rem;
				line-height: 1.7;
				padding: 0 0 0 1rem;
			}

			.blog-post-card__excerpt {
				font-size: 0.9rem;
				line-height: 1.4;
				opacity: 0.7;
			}

			a.blog-post-read-more {
				background: oklch(0.74 0.06 261.12 / 0.25);
				color: var(--blue-main);
				display: flex;
				align-items: center;
				gap: calc(var(--spacing-1) / 2);
				width: fit-content;
				font-variation-settings: "wght" 500, "KSHD" 110;
				font-size: 0.9rem;
				padding: 0.4rem 0.6rem;
				border-radius: 10rem;
			}
		}


		> .blog-post-card__thumbnail a {
			width: 180px;
			height: auto;
			border-radius: 18px;
			overflow: hidden;
			display: block;
			box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
			border: 1px solid #fff;
			aspect-ratio: 16 / 9;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.blog-post-card__content {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-1);
			padding: 0 var(--spacing-1) var(--spacing-1);
		}

		h2.blog-post-card__title {
			font-size: 1.3rem;
			line-height: 1.7;
			padding: 0 0 0 1rem;
		}

		.blog-post-card__meta .blog-post-date {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			font-size: 0.9rem;
			color: var(--blue-light-5);
		}

		a.blog-post-read-more {
			background: transparent;
			color: var(--blue-light-6);
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			width: fit-content;
			font-variation-settings: "wght" 500, "KSHD" 110;
			font-size: 0.9rem;
			padding: 0;
			border-radius: 9;
		}
	}
}


.blog-pagination {
    height: 200px;
    display: grid;
    place-items: center;
}

.blog-pagination > ul {
	display: flex;
	align-items: center;
	gap: var(--spacing-1);

	li:not(:has(.next, .prev)) {
		width: 48px;
		height: 48px;
		display: grid;
		place-items: center;

		> * {
			width: 100%;
			height: 100%;
			display: grid;
			place-items: center;
		}

		a {
			background: oklch(0.74 0.06 261.12 / 0.25);
			color: var(--blue-main);
			border-radius: 100%;
		}
	}

	li:has(.next, .prev) {
		width: fit-content;
		height: 48px;
		display: grid;
		place-items: center;

		a {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			color: var(--blue-main);
		}
	}
}






/* About Page */
.page-about__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5);
}

.page-about__heading h1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-2);
	font-size: 2.5rem;
	word-spacing: -2px;

	> .page-about__heading-title-icon {
		width: 146px;
		height: 82px;
		background: rgb(255 255 255 / 40%);
		display: grid;
		place-items: center;
		border-radius: 5rem;
		border: 1px solid #fff;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		padding: calc(var(--spacing-1) / 2) calc(var(--spacing-3) / 2);
		backdrop-filter: blur(5px);

		svg {
			width: 55px;
			height: 55px;
		}
	}
}

.page-about__content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
    font-size: 1.2rem;
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.8;

	p:not(:last-child) {
		margin-bottom: var(--spacing-1);
	}

	span {
		color: var(--blue-light-2);
		font-variation-settings: "wght" 600, "KSHD" 102;
	}
}






/* Page Support */
.page-support__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5);
}

.page-support__heading h1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-2);
	font-size: 2.5rem;
	word-spacing: -2px;
	
	> i {
		font-size: 3rem;
		background: rgb(255 255 255 / 40%);
		display: grid;
		place-items: center;
		border-radius: 5rem;
		border: 1px solid #fff;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		padding: var(--spacing-1) var(--spacing-3);
		backdrop-filter: blur(5px);
	}
}

.page-support__content-inner {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2);
}

.page-support__content-form-rial {
    width: 620px;
    margin: 0 auto;
    background: rgb(255 255 255 / 80%);
    display: flex;
    align-items: center;
    border-radius: 34px;
    border: 1px solid #fff;
    backdrop-filter: blur(5px);
    padding: var(--spacing-1);
    justify-content: space-between;
	min-height: 150px;

	h2.page-support__content-form-title {
		display: flex;
		align-items: center;
		gap: var(--spacing-1);

		svg.icon {
			opacity: 0.4;
		}
	}

	a.page-support__content-form-rial-btn {
		display: flex;
		align-items: center;
		gap: 10px;
		background: var(--blue-main);
		color: #fff;
		padding: 0;
		width: 180px;
		height: 55px;
		justify-content: center;
		border-radius: 10rem;
		font-variation-settings: "wght" 550, "KSHD" 110;

		&:hover {
			background: var(--yellow-main);
		}

		i {
			font-size: 1.1rem;
		}
	}
}

.page-support__content-form {
    width: 620px;
    margin: 0 auto;
	background: rgb(255 255 255 / 80%);
	display: grid;
	place-items: center;
	border-radius: 34px;
	border: 1px solid #fff;
	backdrop-filter: blur(5px);
	padding: var(--spacing-1);

	h2.page-support__content-form-title {
		padding: 2rem 0 1rem;
	}

	> .wpforms-container {
		width: 90%;
	}

	form.wpforms-form {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-3);

		.wpforms-recaptcha-container.wpforms-is-hcaptcha {
			display: grid;
			place-items: center;
			padding: 0;
		}

		.wpforms-submit-container {
			margin: 0 !important;
			display: grid;
			place-items: center;

			.wpforms-submit.sabt-btn {
				background: var(--blue-main);
				border-radius: 10rem;
				width: 200px;
				height: 55px;
				font-variation-settings: "wght" 550, "KSHD" 110;

				&:hover {
					background: var(--yellow-main);
				}
			}
		}
	}
}

.page-support__content-form-description {
    color: var(--blue-main);
    padding: 3rem 0 0;
    text-align: center;
    font-size: 1.3rem;
    font-variation-settings: "wght" 450, "KSHD" 101;
    width: 720px;
    margin: 0 auto;
}

.page-support__content-form .wpforms-field-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);

	.mablagh::before {
		content: '۱';
		position: absolute;
		top: 50%;
		right: -70px;
		transform: translateY(-50%);
		font-size: 1.7rem;
		font-variation-settings: "wght" 500, "KSHD" 100;
		border: 3px solid #fff;
		width: 50px;
		height: 50px;
		aspect-ratio: 1 / 1;
		display: grid;
		place-items: center;
		line-height: 0;
		border-radius: 100%;
		color: var(--blue-light-6);
		background: oklch(0.71 0.07 261.12 / 0.3);
		backdrop-filter: blur(10px);
	}

	.wpforms-field.wpforms-field-layout::before {
		content: '۲';
		position: absolute;
		top: 50%;
		right: -70px;
		transform: translateY(-50%);
		font-size: 1.7rem;
		font-variation-settings: "wght" 500, "KSHD" 100;
		border: 3px solid #fff;
		width: 50px;
		height: 50px;
		aspect-ratio: 1 / 1;
		display: grid;
		place-items: center;
		line-height: 0;
		border-radius: 100%;
		color: var(--blue-light-6);
		background: oklch(0.71 0.07 261.12 / 0.3);
		backdrop-filter: blur(10px);
	}

	.form-payment-methods::before {
		content: '۳';
		position: absolute;
		top: 50%;
		right: -70px;
		transform: translateY(-50%);
		font-size: 1.7rem;
		font-variation-settings: "wght" 500, "KSHD" 100;
		border: 3px solid #fff;
		width: 50px;
		height: 50px;
		aspect-ratio: 1 / 1;
		display: grid;
		place-items: center;
		line-height: 0;
		border-radius: 100%;
		color: var(--blue-light-6);
		background: oklch(0.71 0.07 261.12 / 0.3);
		backdrop-filter: blur(10px);
	}
}

.page-support__content-form .wpforms-field-container .mablagh fieldset {
	position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;

	legend {
		display: none;
	}

	ul {
		display: flex;
		gap: var(--spacing-1);
		width: 100%;
		height: 100%;
		flex-wrap: nowrap !important;

		li {
			flex: 1 1 33.333%;
			position: relative;
			border-radius: calc(34px - var(--spacing-1));
			backdrop-filter: blur(5px);
			overflow: hidden;
			background: rgb(255 255 255 / 35%);
			border: 1px solid oklch(0.74 0.06 261.12 / 0.25);
			box-shadow: 0 8px 34px -7px rgb(151 172 208 / 25%);
			padding: 3px;

			&::before {
				content: '';
				position: absolute;
				width: 48px;
				height: 48px;
				left: 0;
				transform: translate(-15px, -50%);
				top: 50%;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 100%;
				z-index: 3;
				transition: all 0.3s ease;
			}

			&:hover {

				&::before {
					transform: translate(-5px, -50%) scale(1.2);
				}

				&.choice-1 {
					&::before {
						mask-image: url('img/choice-1.svg');
						background: #fff;
					}
				}

				&.choice-2 {
					&::before {
						mask-image: url('img/choice-2.svg');
						background: #fff;
					}
				}

				&.choice-3 {
					&::before {
						mask-image: url('img/choice-3.svg');
						background: #fff;
					}
				}
				
				

				label {
					background: var(--yellow-main);
					color: #fff;
				}
			}

			&:has(input:checked) {
				border: 1px solid var(--yellow-main);
				box-shadow: 0 8px 34px -7px var(--yellow-main);

				&::before {
					transform: translate(-5px, -50%) scale(1.2);
				}

				&.choice-1 {
					&::before {
						mask-image: url('img/choice-1.svg');
						background: #fff;
					}
				}

				&.choice-2 {
					&::before {
						mask-image: url('img/choice-2.svg');
						background: #fff;
					}
				}

				&.choice-3 {
					&::before {
						mask-image: url('img/choice-3.svg');
						background: #fff;
					}
				}

				label {
					background: var(--yellow-main);
					color: #fff;
				}
			}

			input {
				display: none;
			}

			label {
				display: grid;
				align-items: center;
				width: 100%;
				height: 100%;
				font-size: 1.3rem;
				font-variation-settings: "wght" 600, "KSHD" 100;
				color: var(--blue-main);
				cursor: pointer;
				z-index: 2;
				position: relative;
				padding: 0 1rem 0;
				border-radius: 15px;
				transition: all 0.3s ease;
			}

			&.choice-1 {

				&::before {
					mask-image: url('img/choice-1.svg');
					background: var(--blue-light-5);
				}
			}

			&.choice-2 {

				&::before {
					mask-image: url('img/choice-2.svg');
					background: var(--blue-light-5);
				}
			}

			&.choice-3 {

				&::before {
					mask-image: url('img/choice-3.svg');
					background: var(--blue-light-5);
				}
			}
		}
	}
}

.page-support__content-form .wpforms-field-container .wpforms-field-layout-rows.wpforms-field-large {
	display: flex;
    height: fit-content;
    gap: var(--spacing-1);

	> .wpforms-layout-row {
		flex: 1 1 50%;
		margin: 0;

		> .wpforms-layout-column {
			padding: 0;
		}
	}

	.wpforms-field {
		display: flex;
		flex-direction: column;
		height: 100%;
		gap: 10px;
		padding: 0;

		&:has(input:focus) {
			label {
				color: var(--yellow-main);
			}

			input {
				border-color: var(--yellow-main);
				box-shadow: 0 7px 15px -7px var(--yellow-light-9);
			}
		}

		label.wpforms-field-label {
			margin: 0;
		}

		input {
			border: 1px solid var(--blue-light-6);
			outline: none;
			border-radius: calc(34px - 1rem);
			padding: 5px 10px;
			min-height: 55px;
			width: 100%;
			max-width: 100%;

			&[type="email"] {
				text-align: left;
				direction: ltr;
			}
		}
	}
}


.form-payment-methods fieldset legend {
    font-size: 1.2rem;
    font-variation-settings: "wght" 550, "KSHD" 150;
    padding: 0 0 var(--spacing-1);
}

.form-payment-methods fieldset > ul {
	display: flex !important;
    align-items: center;
    gap: var(--spacing-1) !important;
    flex-wrap: nowrap !important;

	li {
		flex: 1 1 50%;
		position: relative;
		border-radius: calc(34px - var(--spacing-1));
		backdrop-filter: blur(5px);
		overflow: hidden;
		background: rgb(255 255 255 / 35%) !important;
		border: 1px solid oklch(0.74 0.06 261.12 / 0.25) !important;
		box-shadow: 0 8px 34px -7px rgb(151 172 208 / 25%);
		padding: 3px !important;
		height: 55px !important;
		display: flex !important;
		align-items: center !important;

		&::before {
			content: '';
			position: absolute;
			width: 28px;
			height: 28px;
			left: 0;
			transform: translate(15px, -50%);
			top: 50%;
			z-index: 2;
		}

		&::after {
			content: '';
			position: absolute;
			width: 24px;
			height: 24px;
			right: 0;
			top: 50%;
			z-index: 1;
			transition: all 0.3s ease;
			transform: translate(25px, -50%);
			mask-image: url('img/check.svg');
			background: #fff;
		}

		input {
			display: none !important;
		}

		label {
			width: 100%;
			height: 100%;
			display: flex !important;
			align-items: center;
			font-size: 1rem;
			font-variation-settings: "wght" 450, "KSHD" 100;
			cursor: pointer;
			padding: 10px;
			border-radius: 15px;
			z-index: 1;
		}

		&.choice-1 {
			
			&::before {
				mask-image: url('img/credit-card.svg');
				background: var(--blue-light-5);
			}
		}
		
		&.choice-2 {
			&::before {
				mask-image: url('img/paypal.svg');
				background: var(--blue-light-5);
			}
		}

		&:hover {
			&::before {
				transform: translate(20px, -50%) scale(1.1);
				background: #fff;
			}

			label {
				background: var(--yellow-main);
				color: #fff;
			}
		}

		&:has(input:checked) {
			border: 1px solid var(--yellow-main);
			box-shadow: 0 8px 34px -7px var(--yellow-main);

			&::before {
				transform: translate(20px, -50%) scale(1.1);
				background: #fff;
			}

			&::after {
				transform: translate(-15px, -50%);
			}

			label {
				background: var(--yellow-main);
				color: #fff;
				padding: 10px 45px 10px 10px !important;
				line-height: 1 !important;
				padding-inline-start: 45px !important;
				margin: 0 !important;
			}
		}
	}
}

.wpforms-field-stripe-credit-card > label.wpforms-field-label {
    display: none;
}

.wpforms-field-stripe-credit-card > div {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1);
}





/* Search Page Styles */
.page-search-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5);
	width: 1200px;
}

.page-search__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3);
}

.page-search__heading {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-1);
	align-items: center;
	text-align: center;
	min-height: 200px;
	justify-content: center;
}

.page-search__heading-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-2);
	font-size: 2.5rem;
	word-spacing: -2px;

	> i {
		font-size: 3rem;
		background: rgb(255 255 255 / 40%);
		display: grid;
		place-items: center;
		border-radius: 5rem;
		border: 1px solid #fff;
		box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
		padding: var(--spacing-1) var(--spacing-3);
		backdrop-filter: blur(5px);
	}
}

.page-search__heading-results {
	font-size: 1.2rem;
	color: var(--blue-light-5);
	font-variation-settings: "wght" 500, "KSHD" 110;

	.search-query {
		color: var(--blue-main);
		font-variation-settings: "wght" 600;
	}
}

.page-search__form {
	display: flex;
	justify-content: center;
	margin: var(--spacing-2) 0;
}

.search-form {
	width: 100%;
	max-width: 600px;
	position: relative;
}

.search-form__wrapper {
	display: flex;
	align-items: center;
	background: rgb(255 255 255 / 80%);
	border-radius: 5rem;
	border: 1px solid #fff;
	backdrop-filter: blur(10px);
	box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
	overflow: hidden;
	position: relative;
	padding: 0 5px;
}

.search-field {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	padding: var(--spacing-1) var(--spacing-2);
	font-size: 1.1rem;
	font-variation-settings: "wght" 500, "KSHD" 100;
	color: var(--blue-main);

	&::placeholder {
		color: var(--blue-light-5);
		font-variation-settings: "wght" 400;
	}
}

.search-submit {
	color: var(--blue-main);
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: grid;
    min-width: 50px;
    aspect-ratio: 1 / 1;
    place-items: center;
    border-radius: 100%;

	&:hover {
		background: var(--yellow-main);
		color: #fff;
	}

	i {
		font-size: 1.2rem;
	}
}

/* Live Search Results */
.live-search-results {
	position: absolute;
    top: 100%;
    left: 0;
    right: -10px;
    background: rgb(255 255 255 / 95%);
    border-radius: 34px;
    border: 1px solid #fff;
    backdrop-filter: blur(15px);
    box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-65px);
    transition: all 0.3s ease;
    max-height: 100px;
    overflow-y: auto;
    min-width: 290px;
    padding: 80px 0 0;

	&.live-search-results--visible {
		opacity: 1;
		visibility: visible;
		transform: translateY(-65px);
		max-height: 500px;
	}
}

.live-search-results__list {
	display: flex;
	flex-direction: column;
}

.live-search-result-item {
	display: flex;
	align-items: center;
	gap: var(--spacing-1);
	padding: calc(var(--spacing-1) / 1.5);
	border-bottom: 1px solid oklch(0.95 0.06 260.54);
	transition: all 0.2s ease;
	cursor: pointer;
	min-height: 60px;

	&:hover,
	&.live-search-result-item--active {
		background: oklch(0.74 0.06 261.12 / 0.1);
	}

	&:last-child {
		border-bottom: none;
	}
}

.live-search-result-item__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: calc(var(--spacing-1) / 2);
}

.live-search-result-item__header {
	display: flex;
	flex-direction: column;
	gap: calc(var(--spacing-1) / 3);
}

.live-search-result-item__title {
	font-size: 1rem;
	line-height: 1.4;
	margin: 0;

	a {
		color: var(--blue-main);
		text-decoration: none;
		font-variation-settings: "wght" 600;

		&:hover {
			color: var(--yellow-main);
		}
	}
}

.live-search-result-item__meta {
	display: flex;
	align-items: center;
	gap: calc(var(--spacing-1) / 2);
	font-size: 0.8rem;
	color: var(--blue-light-5);

	> span {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 3);
	}
}


.live-search-result-item__thumbnail {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	overflow: hidden;
	flex: 0 0 60px;
	box-shadow: 0 4px 15px -3px rgb(151 172 208 / 25%);
	border: 1px solid #fff;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.live-search-results__footer {
	padding: var(--spacing-1);
	border-top: 1px solid oklch(0.95 0.06 260.54);
	text-align: center;
}

.live-search-view-all {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--spacing-1) / 2);
	color: var(--blue-main);
	text-decoration: none;
	font-variation-settings: "wght" 500, "KSHD" 110;
	padding: calc(var(--spacing-1) / 2);
	border-radius: 10rem;
	transition: all 0.2s ease;

	&:hover {
		background: var(--blue-main);
		color: #fff;
	}
}

/* Loading and No Results States */
.live-search-loading,
.live-search-no-results,
.live-search-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(var(--spacing-1) / 2);
	padding: var(--spacing-2);
	text-align: center;
}

.live-search-loading__spinner {
	width: 24px;
	height: 24px;
	border: 2px solid var(--blue-light-7);
	border-top: 2px solid var(--blue-main);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.live-search-no-results {
	color: var(--blue-light-5);

	i {
		font-size: 2rem;
		opacity: 0.5;
	}

	p {
		margin: 0;
		font-variation-settings: "wght" 500;
	}

	small {
		font-size: 0.8rem;
		opacity: 0.7;
	}
}

.live-search-message {
	&.live-search-message--error {
		color: var(--red-main);
	}

	&.live-search-message--info {
		color: var(--blue-main);
	}
}

/* Search Results Page */
.search-results {
	display: flex;
	gap: var(--spacing-2);
	flex-wrap: wrap;
}

.search-result-item {
	background: rgb(255 255 255 / 80%);
	padding: var(--spacing-2);
	border-radius: 34px;
	backdrop-filter: blur(10px);
	border: 1px solid #fff;
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--spacing-2);
	transition: all 0.2s ease;
	flex: 0 0 48%;

	&:hover {
		transform: translateY(-2px);
		box-shadow: 0 10px 40px -3px rgb(151 172 208 / 25%);
	}
}

.search-result-item__content {
    flex: 1;
    display: flex;
    gap: var(--spacing-1);
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
}

.search-result-item__header {
	display: flex;
	flex-direction: column;
	gap: calc(var(--spacing-1) / 2);
}

.search-result-item__title {
	font-size: 1.3rem;
	line-height: 1.4;
	margin: 0;

	a {
		color: var(--blue-main);
		text-decoration: none;
		font-variation-settings: "wght" 600;

		&:hover {
			color: var(--yellow-main);
		}
	}
}

.search-result-item__meta {
	display: flex;
	align-items: center;
	gap: var(--spacing-1);
	font-size: 0.9rem;
	color: var(--blue-light-5);

	> span {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing-1) / 3);
	}
}

.search-result-item__excerpt {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--blue-light-6);

	mark {
		background: var(--yellow-main);
		color: #fff;
		padding: 2px 4px;
		border-radius: 4px;
	}
}

.search-result-item__thumbnail {
	width: 120px;
	height: 120px;
	border-radius: 20px;
	overflow: hidden;
	flex: 0 0 120px;
	box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
	border: 1px solid #fff;

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.search-result-placeholder {
	width: 100%;
	height: 100%;
	background: var(--blue-light-8);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--blue-light-5);
	font-size: 2rem;
}

/* No Search Results */
.no-search-results {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 400px;
}

.no-search-results__content {
	text-align: center;
	max-width: 500px;

	i {
		font-size: 4rem;
		color: var(--blue-light-5);
		margin-bottom: var(--spacing-2);
	}

	h2 {
		font-size: 1.5rem;
		color: var(--blue-main);
		margin-bottom: var(--spacing-1);
	}

	p {
		color: var(--blue-light-5);
		margin-bottom: var(--spacing-2);
	}
}

.search-suggestions {
	margin-top: var(--spacing-2);

	h3 {
		font-size: 1.1rem;
		color: var(--blue-main);
		margin-bottom: var(--spacing-1);
	}

	ul {
		display: flex;
		flex-wrap: wrap;
		gap: calc(var(--spacing-1) / 2);
		list-style: none;
		padding: 0;
		margin: 0;
	}

	li a {
		display: inline-block;
		padding: calc(var(--spacing-1) / 2) var(--spacing-1);
		background: oklch(0.74 0.06 261.12 / 0.1);
		color: var(--blue-main);
		text-decoration: none;
		border-radius: 10rem;
		font-size: 0.9rem;
		transition: all 0.2s ease;

		&:hover {
			background: var(--blue-main);
			color: #fff;
		}
	}
}

/* Mobile Responsive Styles */
@media (max-width: 767px) {
	.header-search {
		order: -1;
		margin: 0;
		width: 40px;
		position: initial;
		transition: none;
	}
	
	/* Show mobile search toggle button */
	.mobile-search-toggle {
		display: grid;
	}
	
	/* Hide search form by default on mobile */
	.header-search-form {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100vw;
		background: #fff;
		border: none;
		border-radius: 0 0 24px 24px;
		box-shadow: 0 7px 30px -1px oklch(0.33 0.1 261.12 / 0.25);
		opacity: 0;
		visibility: hidden;
		transform: translate(0, -10px);
		transition: none;
		z-index: 1000;

		&:hover {
			background: transparent;
			border-color: transparent;
		}
	}
	
	/* Show search form when expanded */
	.header-search-form.mobile-search--expanded {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10001;
		background: rgb(255 255 255 / 70%);
		padding: 1rem;
		box-shadow: 0 5px 30px -5px oklch(0.33 0.1 261.12 / 0.35);
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: none;
	}

	.header-search__wrapper {
		min-width: auto;
		width: 100%;
		padding: 0.75rem;
		background: #fff;
		border: none;
		border-radius: 10rem;
		box-shadow: none;
	}

	.live-search-results {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		border-radius: 0 0 24px 24px;
		max-height: 60vh !important;
		transform: translateY(0);
		width: 100%;
		padding: 20px;
		box-shadow: 0 40px 40px -10px rgb(151 172 208 / 35%);
	}

	.live-search-results.live-search-results--visible {
		transform: translateY(70px);
	}

	.search-result-item {
		flex-direction: column;
		align-items: flex-start;
		text-align: right;
	}

	.search-result-item__thumbnail {
		width: 100%;
		height: 200px;
		border-radius: 12px;
		margin-bottom: var(--spacing-1);
	}

	.page-search__heading-title {
		font-size: 2rem;
	}

	.search-form {
		max-width: 100%;
	}
}

/* Load More Button Styles */
.search-load-more-wrapper {
	display: flex;
	justify-content: center;
	margin: var(--spacing-3) 0;
}

.search-load-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 2rem;
	background: var(--blue-light-1);
	border: 1px solid var(--blue-light-2);
	border-radius: 10rem;
	color: #fff;
	font-size: 0.95rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	
	&:hover {
		background: var(--yellow-main);
		border-color: var(--yellow-main);
		color: #fff;
		transform: translateY(-2px);
		box-shadow: 0 8px 25px -8px var(--yellow-main);
	}
	
	&:active {
		transform: translateY(0);
	}
	
	&:disabled {
		opacity: 0.6;
		cursor: not-allowed;
		transform: none;
	}
	
	.search-load-more-spinner {
		display: inline-flex;
		align-items: center;
		
		i {
			animation: spin 1s linear infinite;
		}
	}
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* Mobile Menu Styles */
.menu-toggle {
	display: grid;
    place-items: center;
    gap: 0;
    border-radius: 100%;
    color: var(--blue-main);
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 42px;
    height: 42px;
    aspect-ratio: 1 / 1;
	
	&[aria-expanded="true"] {
		background: var(--yellow-main);
		border-color: var(--yellow-main);
		color: #fff;
	}
}

.main-navigation {
	position: relative;
}

/* Default desktop styles for #primary-menu */
#primary-menu {
	display: flex;
	flex-direction: row;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary-menu li {
	position: relative;
}

#primary-menu a {
	display: block;
	padding: 0.5rem 1rem;
	color: var(--blue-main);
	text-decoration: none;
	font-weight: 500;
	transition: all 0.2s ease;
	border-radius: 5rem;
	
	&:hover {
		background: var(--yellow-main);
		color: #fff;
	}
}




/* Tag Archive */
body.archive .site-main {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);

	header.page-header {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-1);
		align-items: center;
		min-height: 400px;
		justify-content: center;
	}

	h1.page-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--spacing-2);
		font-size: 2.5rem;
		word-spacing: -2px;

		i {
			font-size: 3rem;
			background: rgb(255 255 255 / 40%);
			display: grid;
			place-items: center;
			border-radius: 5rem;
			border: 1px solid #fff;
			box-shadow: 0 6px 30px -3px rgb(151 172 208 / 35%);
			padding: var(--spacing-1) var(--spacing-3);
			backdrop-filter: blur(5px);
		}
	}

	.archive-description {
		font-size: 1.2rem;
		color: var(--blue-dark-1);
		font-variation-settings: "wght" 500, "KSHD" 105;
		text-align: center;
		max-width: 720px;
		margin: 0 auto;
	}

	nav.navigation.posts-navigation .nav-links {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-1);

		a {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: var(--spacing-1);
			padding: 1.1rem 1.5rem;
			border-radius: 5rem;
			background: var(--blue-main);
			color: #fff;
			text-decoration: none;
			font-size: 1rem;
			font-variation-settings: "wght" 600, "KSHD" 115;
			line-height: 1;

			&:hover {
				background: var(--yellow-main);
			}
		}
	}
}

.podcast-archive-wrapper .episodes-grid {
    display: grid;
    grid-template: auto / repeat(3, 1fr);
    gap: var(--spacing-2);

	> article {
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-2);
		border-radius: 34px;
		backdrop-filter: blur(10px);
		border: 1px solid #fff;
		z-index: 1;
		position: relative;
		gap: var(--spacing-2);
		display: flex;
		flex-direction: column;

		.article-cat {
			position: absolute;
			top: 1.5rem;
			right: 20px;
			rotate: -90deg;
			transform-origin: right;
			z-index: 1;

			.cat-name {
				font-size: 1rem;
				text-decoration: none;
				font-variation-settings: "wght" 600, "KSHD" 115;
				line-height: 1;
				padding: 0.7rem 1.2rem;
				border-radius: 0 0 0.5rem 0.5rem;
				display: block;
				backdrop-filter: blur(5px);

					&.cat-podcast {
						background: oklch(32.58% 0.102 261.12 / 0.15);
						color: oklch(32.58% 0.102 261.12);
					}

					&.cat-blog {
						background: oklch(0.75 0.14 85.28 / 0.15);
						color: oklch(0.75 0.14 85.28 / 1);
					}
			}
		}

		&.category-podcast {

			.episode-thumbnail {
				width: 200px;
				height: 200px;
				border-radius: 12px;
				overflow: hidden;
				box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
				border: 1px solid #fff;
				position: relative;
				z-index: 2;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

		}

		&:not(.category-podcast) {

			.episode-thumbnail {
				width: 100%;
				height: auto;
				border-radius: 12px;
				overflow: hidden;
				box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
				border: 1px solid #fff;
				aspect-ratio: 16 / 9;
				max-width: 270px;
				position: relative;
				z-index: 2;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

		}

		.episode-content {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-1);
		}

		.entry-header h2 {
			font-size: 1.2rem;
			color: var(--blue-main);
			text-decoration: none;
		}

		.entry-meta {
			display: flex;
			align-items: center;
			line-height: 1;

			.posted-on {
				font-size: 0.9rem;
				color: var(--blue-light-5);
				font-variation-settings: "wght" 500, "KSHD" 105;
				line-height: 1;
				gap: calc(var(--spacing-1) / 2);
				display: flex;
				align-items: center;
			}
		}

		.entry-summary {
			font-size: 0.9rem;
			color: var(--black-light-5);
			font-variation-settings: "wght" 500, "KSHD" 105;
			line-height: 1.8;
		}
	}
}






/* 404 Page */
.page-404 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
}

.page-404-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-1);
}

h1.page-404-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-1);
    font-size: 3.5rem;
    font-variation-settings: "wght" 950;

	i {
		font-size: 6rem;
	}
}

h1.page-404-title b:last-child {
    background: rgb(255 255 255 / 50%);
    line-height: 1;
    font-family: 'Estedad-VF';
    font-variation-settings: "wght" 800, "KSHD" 100;
    font-size: 2.5rem;
    width: 100px;
    display: grid;
    place-items: center;
    height: auto;
    border-radius: 10rem;
    backdrop-filter: blur(4px) saturate(2);
    color: oklch(0.75 0.14 85.28 / 1);
    padding: 0.7rem 0;
    transform: translate(-250px, -105px);
    border: 1px solid #fff;
}

p.page-404-description {
    max-width: 620px;
    font-size: 1.4rem;
    text-align: center;
}

.page-404-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3);
}

.random-episodes-grid {
    display: flex;
    align-items: center;
    gap: var(--spacing-1);

	.random-episode {
		flex: 0 0 33.3%;
	}

	> .random-episode a {
		display: flex;
		align-items: center;
		gap: var(--spacing-1);
		background: rgb(255 255 255 / 80%);
		backdrop-filter: blur(10px);
		padding: var(--spacing-1);
		border: 1px solid #fff;
		border-radius: 34px;
		overflow: hidden;
		box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
		transition: all 0.2s ease;

		&:hover {
			background: var(--yellow-main);
		}

		img {
			width: 100px;
			height: 100px;
			border-radius: 18px;
		}
	}
}










/* Mobile Menu States */
@media (max-width: 767px) {
	.main-navigation {
		position: relative;
		flex-direction: row;
		width: 100px;
		left: 0;
		z-index: 10001;
		max-width: 100px;
		justify-content: space-between;
	}
	
	#primary-menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: rgb(255 255 255 / 70%);
		border: 1px solid #fff;
		box-shadow: 0 5px 30px -5px oklch(0.33 0.1 261.12 / 0.35);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-100%);
		z-index: 1000;
		padding: 6rem 2rem 2rem;
		border-radius: 0 0 24px 24px;
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	
	#primary-menu.mobile-menu--open {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	
	#primary-menu li {
		display: block;
		width: 100%;

		&:not(:last-of-type) {

			a {
				border-bottom: 1px solid oklch(0.74 0.06 261.12 / 0.5);
			}
		}
	}
	
	#primary-menu li a {
		display: block;
		padding: 1.5rem 0;
		color: var(--blue-main);
		text-decoration: none;
		border-bottom: none;
		transition: none;
		font-weight: 600;
		border-radius: 0;
		font-variation-settings: "wght" 600, "KSHD" 120;
		font-size: 1.2rem;
	}
	
	#primary-menu li a:hover {
		background: var(--yellow-main);
		color: #fff;
	}
	
	#primary-menu li:last-child a {
		border-bottom: none;
	}
	
	/* Smooth menu toggle icon animation */
	.menu-toggle i {
		transition: transform 0.3s ease;
	}
	
	.menu-toggle[aria-expanded="true"] i {
		transform: rotate(90deg);
	}
}

/* Desktop styles */
@media (width >= 768px) {
	.menu-toggle {
		display: none;
	}
	
	/* Hide mobile search toggle on desktop */
	.mobile-search-toggle {
		display: none;
	}
	
	/* Ensure header search form is visible on desktop */
	.header-search-form {
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
		z-index: auto !important;
	}
	
	/* Desktop header search wrapper */
	.header-search__wrapper {
		background: rgb(255 255 255 / 60%);
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 5rem;
		backdrop-filter: blur(10px);
		transition: all 0.2s ease;
		min-width: 170px;
		padding: 5px;
	}
}


@media (width <= 768px) {
	/* Mobile navigation: Show numbers instead of text */
	nav.page-episodes__navigation button.nav-btn {
		.nav-btn-text {
			display: none;
		}
		
		.nav-btn-number {
			display: inline;
		}
	}

	.bplus__dots {
		width: 100vw;
		max-height: 60vh;
		position: absolute;
		z-index: -1;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 0;
		overflow: hidden;
		top: -15%;
		aspect-ratio: 1 / 5;

		> div {
			background-image: url('img/dots.svg');
			width: 100%;
			height: 100%;
			background-size: 200%;
			box-shadow: inset 0px 0px 90px 80px #eef2f9;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
	}

	.site {
		width: calc(100vw - var(--spacing-2));
	}

	.site-header {
		width: 100%;
		height: 120px;
		margin: 0 0 1.5rem;
	}

	.site-main__inner {
		display: flex;
		position: relative;
		width: 100%;
		flex-direction: column;
	}

	.front__episodes-inner {
		display: flex;
		align-items: start;
		justify-content: space-between;
		flex-direction: column;
		gap: var(--spacing-4);
	}

	.front__episodes__latest {
		flex: 2.5;
		margin: -40px 0 0;
	}

	.front__episodes__latest .latest-episode {
		display: flex;
		align-items: start;
		gap: var(--spacing-3);
		flex-direction: column;

		.episode-thumbnail {
			width: 100%;
			height: auto;
			border-radius: 34px;
			overflow: hidden;
			box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
			border: 1px solid #fff;
			flex: 0 0 auto;
			aspect-ratio: 1 / 1;
		}

		header.entry-header {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-1);
			text-align: center;
			justify-content: center;
		}

		.episode-number-and-date {
			justify-content: center;
			> * {
				font-size: 1rem !important;
			}
		}

		h2.entry-title {
			font-size: 1.9rem;
			line-height: 1.5;
			padding: 0;
		}

		.entry-meta {
			display: flex;
			align-items: center;
			gap: calc(var(--spacing-1) / 2);
			line-height: 1;
			justify-content: center;
		}
	}

	.front__episodes__others {
		flex: 1;
		padding: var(--spacing-2) 0 0;
		border-right: none;
		border-top: 1px solid oklch(0.95 0.06 260.54);
	}

	.front-description {
		flex-direction: column;

		.front-description-text {
			background: oklch(0.74 0.06 261.12 / 0.26);

			&::before,
			&::after {
				display: none;
			}
		}
	}

	.listen-here {
		flex: 1 1 50%;
		padding: 0;
		z-index: 2;
		margin: 20px 0 0;
	}

	ul.listen-here__links {
		display: flex;
		gap: 0.5rem;
		flex-wrap: wrap;
		align-items: center;
		justify-content: start;

		a {
			display: grid;
			place-items: center;
			width: 55px;
			height: 55px;
			border-radius: 100%;
			background: var(--blue-light-7);
			overflow: hidden;
		}
	}

	.front__youtube__latest .latest-video {
		flex-direction: column;

		.video-thumbnail {
			aspect-ratio: 16 / 9;
			width: 100%;
		}
	}

	.front__blog__latest .latest-blog {
		flex-direction: column;

		.blog-thumbnail {
			width: 100%;
			height: auto;
			flex: 0 0 100%;
			aspect-ratio: 16 / 9;
		}
	}



	.episodes-subcategory {
		display: flex;
		align-items: start;
		gap: var(--spacing-1);
		flex-direction: column;
	}

	.episodes-subcategory__header {
		flex: 0 0 100px;
		width: 100%;
		background: rgb(255 255 255 / 80%);
		padding: var(--spacing-2);
		border-radius: 34px;
		backdrop-filter: blur(10px);
		border: 1px solid #fff;
		z-index: 1;
		position: relative;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.episodes-subcategory__grid {
		flex: 0 0 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: var(--spacing-1);
		flex-direction: column;
		width: 100%;

		> article {
			flex: 0 0 100%;
			display: flex;
			align-items: center;
			gap: var(--spacing-1);
			background: rgb(255 255 255 / 80%);
			padding: var(--spacing-1);
			border-radius: 34px;
			backdrop-filter: blur(10px);
			border: 1px solid #fff;
			z-index: 1;
			position: relative;

			.episode-item__meta {
				font-size: 0.8rem;
			}
		}
	}

	h1.page-episodes__heading-title {
		font-size: 2rem;
	}

	.blog-posts-grid {
		display: grid;
		grid-template: auto / 100%;
		gap: var(--spacing-2);

		> article {
			&:nth-child(1) {
				grid-column: 1 / 1;
				flex-direction: column;
				align-items: center;
				gap: var(--spacing-2);

				.blog-post-card__thumbnail {
					margin: 0;
					width: 100%;

					a {
						width: 100%;
						height: auto;
						border-radius: 18px;
						aspect-ratio: 16 / 9;
					}
				}
			}

			> .blog-post-card__thumbnail a {
				width: 100%;
				height: auto;
				border-radius: 18px;
				overflow: hidden;
				display: block;
				box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
				border: 1px solid #fff;
				aspect-ratio: 16 / 9;
			}
		}
	}


	.page-support__content-form-description {
		width: 100%;
		font-size: 1.1rem;
		padding: 1rem 0 0;
	}

	.page-support__content-form-rial {
		width: 100%;
		margin: 0 auto;
		padding: var(--spacing-2) var(--spacing-1);
		min-height: 250px;
		flex-direction: column;

		h2.page-support__content-form-title {
			flex-direction: column;
		}
	}

	.page-support__content-form {
		width: 100%;

		h2.page-support__content-form-title {
			padding: 2rem 0 1rem;
			flex-direction: column;
			display: flex;
			align-items: center;
			gap: var(--spacing-1);

			i {
				font-size: 2.5rem;
			}
		}
	}

	.page-support__content-form .wpforms-field-container > div {
		overflow: initial !important;
	}

	.page-support__content-form .wpforms-field-container {
		.mablagh::before {
			display: none;
		}

		.wpforms-field.wpforms-field-layout::before {
			display: none;
		}

		.form-payment-methods::before {
			display: none;
		}
	}

	.page-support__content-form .wpforms-field-container .mablagh fieldset {
		height: fit-content;
		
		ul {
			display: flex;
			gap: var(--spacing-1);
			width: 100%;
			height: 100%;
			flex-wrap: nowrap !important;
			flex-direction: column;

			li {
				min-height: 80px;
				align-items: stretch !important;

				label {
					align-items: center !important;
					height: auto;
				}
			}
		}
	}

	.page-support__content-form .wpforms-field-container .wpforms-field-layout-rows.wpforms-field-large {
		display: flex;
		height: fit-content;
		gap: var(--spacing-1);
		flex-direction: column;
	}

	.form-payment-methods fieldset > ul {
		display: flex !important;
		align-items: stretch;
		gap: var(--spacing-1) !important;
		flex-wrap: nowrap !important;
		flex-direction: column;
		height: 140px;
	}

	.page-support__heading h1 {
		font-size: 2rem;
	}

	/* Mobile overlays - hidden state */
	.mobile-menu-overlay,
	.mobile-search-overlay {
		z-index: -1;
	}
	
	/* Mobile overlays - visible state */
	.mobile-menu-overlay.visible,
	.mobile-search-overlay.visible {
		z-index: 999;
	}

	h1.page-about__heading-title {
		font-size: 2rem;
	}

	.site-main__single article.post {
		.entry-header__inner {
			flex-direction: column;
		}

		.entry-content__sidebar {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-1);
			flex: 0 0 30%;
			position: relative;
			top: 0;
			width: 100%;
		}

		.entry-header__thumbnail {
			width: 100%;
			height: auto;
			border-radius: 34px;
			overflow: hidden;
			box-shadow: 0 10px 40px -3px rgb(151 172 208 / 35%);
			border: 1px solid #fff;
			flex: 0 0 100%;
			margin: 0;
		}

		.entry-header__title {
			.entry-title {
				font-size: 2rem;
				line-height: 1.5;
				padding: 0;
			}

			.entry-meta {
				display: flex;
				gap: calc(var(--spacing-1) / 0.5) calc(var(--spacing-1) / 2);
				align-items: center;
				flex-direction: row;
				flex-wrap: wrap;
			}
		}


		.entry-content {
			flex-direction: column;
			justify-content: start;
			height: fit-content;
		}
	}

	.related-posts-grid {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-direction: column;
		gap: var(--spacing-1);
	}

	.comments-area {
		display: flex;
		align-items: start;
		gap: var(--spacing-2);
		justify-content: start;
		flex-direction: column;
		height: fit-content;
	}

	.comments-area {
		&:not(:has(.comments-area__right)) {
			justify-content: stretch;

			.comments-area__left {
				position: relative;
				top: var(--spacing-2);
				flex: 0 0 100%;
				max-width: 100%;
			}
		}
	}

	.podcast-archive-wrapper .episodes-grid {
		display: grid;
		grid-template: auto / 100%;
		gap: var(--spacing-2);
	}

	body.archive .site-main {
		h1.page-title {
			font-size: 2.5rem;
			word-spacing: -2px;
			text-align: center;
			line-height: 1.4;
		}
	}

	body.archive .site-main {
		.archive-description {
			font-size: 1.1rem;
		}
	}

	.random-episodes-grid {
		display: grid;
		flex-direction: column;
		width: 90%;
	}


}









/* Dark Mode */
@media (prefers-color-scheme: dark) {
	body {
		color: var(--blue-light-10);
		background-color: var(--blue-dark-2);
	}

	*:not(.bplus__dots > div) {
		box-shadow: none !important;
	}

	.bplus__dots {
		> div {
			background-image: url(img/dots-dark.svg);
			box-shadow: inset 0px 0px 130px 200px var(--blue-dark-3);
		}
	}

	h1, h2, h3, h4, h5, h6 {
		color: var(--blue-light-10);

		a {
			color: var(--blue-light-10) !important;
		}
	}

	.site-title a {
		color: var(--blue-light-7);

		svg path {
			fill: var(--blue-light-7);
		}
	}

	#primary-menu a {
		color: var(--blue-light-7);
	}

	.header-search__wrapper {
		background: var(--blue-dark-2);
		border: 1px solid var(--blue-light-7);

		&:focus-within {
			background: var(--blue-dark-2);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		}

		.header-search-field {
			color: var(--blue-light-7);
		}
	}

	.header-search {
		&:has(.live-search-results--visible) {
			.header-search__wrapper {
				background: var(--blue-dark-2);
				border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
			}
		}
	}

	.live-search-results {
		background: oklch(0.4 0.11 261.12 / 0.7);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		box-shadow: 0 12px 60px -2px var(--blue-main);
	}

	.live-search-result-item {
		border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.live-search-result-item__thumbnail {
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.site-main__inner {
		&::before {
			content: '';
			background: url(img/dots-alt-dark.svg?v=1.1) no-repeat center center;
			opacity: 0.4;
		}
	}

	.front__episodes {
		&::before {
			content: '';
			background: var(--blue-main);
		}
	}

	.front__episodes {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.front__episodes__others {
		border-right: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		border-top: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.front__episodes__others .episodes-grid .episode-card {
		&:not(:last-child) {
			border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		}
	}

	.front-description {
		.front-description-text {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			&::before {
				content: '';
				background: var(--blue-dark-1);
			}

			&::after {
				content: '';
				background: var(--blue-dark-3);
			}

			p {
				color: var(--blue-light-10);
			}
		}
	}

	.listen-here__title {
		color: var(--blue-light-5);
	}

	ul.listen-here__links {
		a {
			background: var(--black-light-2);
		}
	}

	.front__youtube {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.front__youtube__latest .latest-video {
		.video-thumbnail {
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
			box-shadow: 0 10px 40px -3px var(--blue-main);
		}
	}

	.front__blog {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

		.latest-blog {
			.blog-thumbnail {
				border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
				box-shadow: 0 10px 40px -3px var(--blue-main);
			}
		}
	}

	.section-header {
		& .section-title {
			> i {
				background: var(--blue-main);
				border: 1px solid var(--blue-light-1);
			}

			& .section-title-text {
				> span {
					color: var(--blue-light-9);
				}
			}
		}
	}

	.front__youtube__latest {
		border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.front__youtube__others .videos-grid .video-card {
		&:not(:last-child) {
			border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		}

		.video-thumbnail {
			box-shadow: 0 10px 40px -3px var(--blue-main);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		}
	}

	.front__blog__latest {
		border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.front__blog__others .blog-grid .blog-card {
		&:not(:last-child) {
			border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		}

		.blog-thumbnail {
			box-shadow: 0 10px 40px -3px var(--blue-main);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
		}
	}

	.front__support {
		background: var(--yellow-dark-3);
		border: 1px solid oklch(0.4 0.1 81.27 / 0.6);

		.section-title-text {
			span {
				color: var(--yellow-dark-1) !important;
			}
		}
	}

	.front__about {
		& .section-header {
			& .section-title {
				i {
					color: var(--blue-light-7);
				}

				h2 {
					color: var(--blue-light-7);
				}
			}
		}

		.front__about-inner {
			color: var(--blue-light-7);
		}
	}

	.footer__content {
		color: var(--blue-light-7);
	}

	.footer__logo {
		& svg {
			path {
				fill: var(--blue-light-7);
			}
		}
	}

	.site-main__single article.post {
		.entry-header {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			span.entry-meta_shorturl {
				background: var(--blue-dark-1);
				border: 1px solid var(--blue-light-1);

				mark {
					color: var(--blue-light-7) !important;
				}

				i {
					color: var(--blue-light-7) !important;
				}
			}
		}

		.entry-content__shownotes {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			.shownotes-list {
				li {
					border-bottom: 1px solid oklch(0.4 0.11 261.12 / 0.35);
				}
			}
		}
	}

	.related-posts-grid {
		.related-post-card {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			.related-post-card__thumbnail {
				border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
				box-shadow: 0 10px 40px -3px var(--blue-main);
			}
		}
	}

	.comment-form-comment, .comment-form-author, .comment-form-email {
		border: 1px solid var(--blue-light-1);
	}

	nav.page-episodes__navigation {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

		button.nav-btn {
			padding: 0.5rem 0.7rem;
			border-radius: 10rem;
			position: relative;
			color: var(--blue-light-7);
		}
	}

	.episodes-subcategory__grid {
		> article {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			> .episode-item__thumbnail a {
				border: 1px solid var(--blue-light-1);
			}
		}
	}

	.episodes-subcategory__header {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.page-episodes__floating-nav {
		> nav.page-episodes__navigation {
			box-shadow: 0 6px 30px -3px var(--blue-main);
			background: oklch(0.4 0.11 261.12 / 0.85);
			backdrop-filter: blur(15px);

			button.nav-btn {
				padding: 0.5rem 0.7rem;
				border-radius: 10rem;
				position: relative;
				color: var(--blue-light-10);
			}
		}
	}

	h1.page-episodes__heading-title {
		> i {
			background: var(--blue-main);
			border: 1px solid var(--blue-light-1);
		}
	}

	.blog-posts-grid {
		> article {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			.blog-post-card__thumbnail a {
				border: 1px solid var(--blue-light-1);
			}
		}
	}

	.blog-pagination > ul {
		& li:not(:has(.next, .prev)) {
			a {
				background: var(--blue-main);
				color: var(--blue-light-10);
				border-radius: 100%;
			}
		}

		& li:has(.next, .prev) {
			a {
				color: var(--blue-light-10);
			}
		}
	}

	h1.page-blog__heading-title {
		> i {
			background: oklch(0.4 0.11 261.12 / 0.4);
			border: 1px solid var(--blue-light-1);
		}
	}

	.entry-content__sidebar-toc, .entry-content__sidebar-featured-tags {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	#ez-toc-container {
		p.ez-toc-title {
			color: var(--blue-light-10);
		}
	}

	li.comment.depth-1 {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.comment-author.vcard cite.fn {
		color: var(--blue-light-10);
	}

	.page-about__heading h1 {
		> .page-about__heading-title-icon {
			background: oklch(0.4 0.11 261.12 / 0.4);
			border: 1px solid var(--blue-light-1);

			svg path {
				fill: var(--blue-light-10);
			}
		}
	}

	.page-about__content {
		span {
			color: var(--blue-light-5);
		}
	}

	.page-support__heading h1 {
		> i {
			background: oklch(0.4 0.11 261.12 / 0.4);
			border: 1px solid var(--blue-light-1);
		}
	}

	.page-support__content-form-description {
		color: inherit;
	}

	.page-support__content-form-rial, .page-support__content-form {
		background: var(--blue-dark-1);
		border: 1px solid oklch(0.4 0.11 261.12 / 0.35);
	}

	.page-support__content-form .wpforms-field-container .mablagh fieldset {
		& ul {
			li {
				background: var(--blue-main);
				border: 1px solid var(--blue-light-1);

				label {
					color: var(--blue-light-10);
				}
			}
		}
	}

	.page-support__content-form .wpforms-field-container .wpforms-field-layout-rows.wpforms-field-large {
		& .wpforms-field {
			label.wpforms-field-label {
				color: var(--blue-light-10);
			}

			input {
				border: 1px solid var(--blue-light-1);
				background: var(--blue-dark-1);
			}
		}
	}

	.form-payment-methods fieldset > ul {
		li {
			background: var(--blue-main) !important;
			border: 1px solid var(--blue-light-1) !important;

			label.wpforms-field-label-inline {
				color: var(--blue-light-10);
			}
		}
	}

	.page-support__content-form .wpforms-field-container {
		.mablagh::before {
			content: '۱';
			border: 3px solid var(--blue-light-2);
		}
	}

	.page-support__content-form .wpforms-field-container {
		.wpforms-field.wpforms-field-layout::before {
			border: 3px solid var(--blue-light-2);
		}
	}

	.page-support__content-form .wpforms-field-container {
		.form-payment-methods::before {
			border: 3px solid var(--blue-light-2);
		}
	}


	.podcast-archive-wrapper .episodes-grid {
		> article {
			background: var(--blue-dark-1);
			border: 1px solid oklch(0.4 0.11 261.12 / 0.35);

			.entry-summary {
				color: var(--blue-light-5);
			}
		}
	}

	body.archive .site-main {
		.archive-description {
			color: var(--blue-light-7);
		}

		h1.page-title {
			i {
				background: oklch(0.4 0.11 261.12 / 0.4);
				border: 1px solid var(--blue-light-1);
			}
		}
	}

	.menu-toggle, .mobile-search-toggle {
		color: var(--blue-light-10);
	}

	@media (max-width: 767px) {
		#primary-menu {
			background: var(--blue-dark-1);
			border: 1px solid var(--blue-main);

			li:not(:last-of-type) a {
				border-bottom: 1px solid var(--blue-main);
			}

			li a {
				color: var(--blue-light-10);
			}
		}
	}

	.mobile-menu-overlay, .mobile-search-overlay {
		background: oklch(0.06 0.03 261.12 / 0.71) !important;
	}

	.header-search-form.mobile-search--expanded {
		background: var(--blue-dark-1);
	}

	#ez-toc-container::after {
		background: linear-gradient(to bottom, oklch(0.15 0.08 261.12 / 0), oklch(0.15 0.08 261.12 / 0.75));
	}

	#ez-toc-container {
		& .ez-toc-list {
			& li {
				a {
					pointer-events: none;
					color: var(--blue-light-10);
				}
			}
		}
	}

	#ez-toc-container {
		a.ez-toc-toggle {
			color: var(--blue-light-10) !important;
			background: var(--blue-light-1);
		}
	}





}