/*
Theme Name: Prepp AI Blocksy Child
Theme URI: https://prepp.ai/
Description: An AI-native UPSC IAS preparation child theme for the Blocksy parent theme.
Author: Codex
Template: blocksy
Version: 1.0.2
Text Domain: prepp-ai-blocksy-child
*/

:root {
	--pai-ink: #111827;
	--pai-muted: #5f6b7a;
	--pai-paper: #fffaf0;
	--pai-surface: rgba(255, 255, 255, 0.86);
	--pai-indigo: #172554;
	--pai-emerald: #00a878;
	--pai-cyan: #27c6e8;
	--pai-saffron: #ff9f1c;
	--pai-rose: #ff4d6d;
	--pai-line: rgba(17, 24, 39, 0.1);
	--pai-shadow: 0 22px 60px rgba(15, 23, 42, 0.12);
}

body.prepp-ai-blocksy-child {
	color: var(--pai-ink);
	background:
		radial-gradient(circle at 10% 8%, rgba(255, 159, 28, 0.2), transparent 20rem),
		radial-gradient(circle at 88% 12%, rgba(39, 198, 232, 0.18), transparent 24rem),
		radial-gradient(circle at 50% 92%, rgba(0, 168, 120, 0.12), transparent 26rem),
		linear-gradient(180deg, #f7fcff 0%, #fffaf0 48%, #f8fbf8 100%);
}

body.prepp-ai-blocksy-child #main-container {
	position: relative;
	overflow: hidden;
}

body.prepp-ai-blocksy-child #main-container::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(23, 37, 84, 0.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(23, 37, 84, 0.045) 1px, transparent 1px);
	background-size: 56px 56px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.62), transparent 72%);
}

.prepp-ai-blocksy-child h1,
.prepp-ai-blocksy-child h2,
.prepp-ai-blocksy-child h3,
.prepp-ai-blocksy-child h4,
.prepp-ai-blocksy-child h5,
.prepp-ai-blocksy-child h6 {
	color: var(--pai-ink);
	letter-spacing: 0;
}

.prepp-ai-blocksy-child .page-title,
.prepp-ai-blocksy-child .entry-title,
.prepp-ai-blocksy-child .hero-section,
.prepp-ai-blocksy-child .entry-header,
.prepp-ai-blocksy-child [data-prefix="single_page"] .hero-section[data-type],
.prepp-ai-blocksy-child [data-prefix="single_post"] .hero-section[data-type],
.prepp-ai-blocksy-child [data-prefix="categories"] .hero-section[data-type],
.prepp-ai-blocksy-child [data-prefix="search"] .hero-section[data-type] {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none;
	border: 0;
}

.prepp-ai-blocksy-child .hero-section,
.prepp-ai-blocksy-child .entry-header {
	border-radius: 0;
	min-height: 0 !important;
	padding-top: clamp(10px, 2.2vw, 22px) !important;
	padding-bottom: clamp(10px, 2.2vw, 22px) !important;
	margin-top: 0 !important;
	margin-bottom: clamp(12px, 2vw, 22px) !important;
}

.prepp-ai-blocksy-child .page-title,
.prepp-ai-blocksy-child .entry-title {
	font-weight: 900;
}

.prepp-ai-blocksy-child .entry-meta,
.prepp-ai-blocksy-child .ct-breadcrumbs,
.prepp-ai-blocksy-child .page-description {
	color: rgba(17, 24, 39, 0.68);
	font-weight: 650;
}

/* Rounded AI capsule header inspired by the supplied reference image. */
.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header {
	margin: 0 clamp(12px, 2.3vw, 34px) 0 !important;
	padding-top: clamp(18px, 2vw, 30px) !important;
}

.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="middle"],
.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="bottom"] {
	border: 1px solid rgba(255, 255, 255, 0.74);
	border-radius: 14px !important;
	background:
		linear-gradient(105deg, rgba(207, 250, 229, 0.94) 0%, rgba(232, 246, 255, 0.94) 44%, rgba(255, 238, 244, 0.95) 100%);
	box-shadow:
		0 24px 58px rgba(23, 37, 84, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(22px);
	overflow: hidden !important;
}

.prepp-ai-blocksy-child .ct-header [data-row],
.prepp-ai-blocksy-child .ct-header [data-row] > div,
.prepp-ai-blocksy-child .ct-header [data-row] .ct-container,
.prepp-ai-blocksy-child .ct-header [data-row] .ct-container-fluid,
.prepp-ai-blocksy-child .ct-header [data-row] .ct-container-narrow {
	border-radius: 14px !important;
	overflow: hidden !important;
}

.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="middle"] > div,
.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="bottom"] > div {
	min-height: clamp(86px, 8vw, 128px);
	padding-inline: clamp(18px, 3vw, 44px);
}

.prepp-ai-blocksy-child .site-title {
	font-weight: 950;
	color: var(--pai-indigo);
	letter-spacing: 0;
}

.prepp-ai-blocksy-child .site-description {
	color: #172033;
	font-weight: 650;
	letter-spacing: 0;
}

.prepp-ai-blocksy-child .site-logo-container,
.prepp-ai-blocksy-child [data-id="logo"] {
	position: relative;
}

.prepp-ai-blocksy-child [data-id="logo"]::before {
	content: "";
	position: absolute;
	inset: -9px auto auto -12px;
	width: 42px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: conic-gradient(from 140deg, var(--pai-cyan), var(--pai-emerald), var(--pai-saffron), var(--pai-rose), var(--pai-cyan));
	opacity: 0.42;
	filter: blur(1px);
}

.prepp-ai-blocksy-child [data-id="menu"] > ul > li > a {
	color: #09111f;
	font-weight: 750;
	min-height: 0;
	padding: 8px 12px !important;
	border-radius: 12px;
	line-height: 1.2;
	background-color: transparent !important;
	background-image: none !important;
	background-size: 0 0;
	transition: color 0.2s ease, transform 0.2s ease, background-size 0.2s ease;
}

.prepp-ai-blocksy-child [data-id="menu"] > ul > li > a:hover,
.prepp-ai-blocksy-child [data-id="menu"] > ul > li.current-menu-item > a,
.prepp-ai-blocksy-child [data-id="menu"] > ul > li.current-menu-ancestor > a {
	color: #ffffff;
	background:
		linear-gradient(135deg, var(--pai-indigo), #263c91) center / calc(100% - 8px) 30px no-repeat !important;
	transform: translateY(-1px);
	box-shadow: none;
}

.prepp-ai-blocksy-child [data-id="menu"] > ul > li,
.prepp-ai-blocksy-child [data-id="menu"] > ul > li.current-menu-item,
.prepp-ai-blocksy-child [data-id="menu"] > ul > li.current-menu-ancestor {
	background: transparent !important;
	border-radius: 0 !important;
}

.prepp-ai-blocksy-child [data-id="search"],
.prepp-ai-blocksy-child .ct-header-search,
.prepp-ai-blocksy-child [data-id="trigger"] {
	border-radius: 999px;
}

.prepp-ai-blocksy-child [data-id="trigger"] .ct-icon,
.prepp-ai-blocksy-child .ct-header-search .ct-icon {
	color: #07121f;
}

.prepp-ai-blocksy-child [data-id="trigger"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(224, 251, 255, 0.94));
	box-shadow:
		0 12px 28px rgba(23, 37, 84, 0.14),
		inset 0 0 0 1px rgba(23, 37, 84, 0.08);
}

.prepp-ai-blocksy-child .ct-header-trigger .ct-icon,
.prepp-ai-blocksy-child [data-id="trigger"] .ct-icon {
	width: 23px;
	height: 23px;
}

.prepp-ai-blocksy-child [data-id="trigger"]:hover {
	background: linear-gradient(135deg, #ffffff, #dcfff3);
}

.prepp-ai-blocksy-child .ct-panel,
.prepp-ai-blocksy-child .ct-header-account-dropdown,
.prepp-ai-blocksy-child .ct-header-search-dropdown {
	background:
		radial-gradient(circle at 16% 10%, rgba(39, 198, 232, 0.16), transparent 16rem),
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 252, 255, 0.96));
	backdrop-filter: blur(22px);
}

.prepp-ai-blocksy-child .ct-panel-inner {
	border-radius: 28px 0 0 28px;
}

.prepp-ai-blocksy-child .mobile-menu a {
	font-weight: 760;
	border-radius: 18px;
}

.prepp-ai-blocksy-child .mobile-menu a:hover,
.prepp-ai-blocksy-child .mobile-menu .current-menu-item > a {
	color: #ffffff;
	background: linear-gradient(135deg, var(--pai-indigo), var(--pai-emerald));
}

.prepp-ai-blocksy-child article,
.prepp-ai-blocksy-child .ct-comments,
.prepp-ai-blocksy-child .ct-related-posts-container,
.prepp-ai-blocksy-child .wp-block-group.is-style-pai-ai-panel,
.prepp-ai-blocksy-child .wp-block-column.is-style-pai-prep-card {
	background: var(--pai-surface);
	border: 1px solid var(--pai-line);
	box-shadow: var(--pai-shadow);
	backdrop-filter: blur(18px);
}

.prepp-ai-blocksy-child article,
.prepp-ai-blocksy-child .ct-comments,
.prepp-ai-blocksy-child .ct-related-posts-container {
	border-radius: 24px;
}

.prepp-ai-blocksy-child .wp-block-group.is-style-pai-ai-panel {
	position: relative;
	overflow: hidden;
	padding: clamp(24px, 4vw, 48px);
	border-radius: 24px;
}

.prepp-ai-blocksy-child .wp-block-group.is-style-pai-ai-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(115deg, transparent 0 44%, rgba(39, 198, 232, 0.16) 45% 46%, transparent 47%),
		radial-gradient(circle at 94% 12%, rgba(255, 159, 28, 0.18), transparent 14rem);
	pointer-events: none;
}

.prepp-ai-blocksy-child .wp-block-group.is-style-pai-ai-panel > * {
	position: relative;
	z-index: 1;
}

.prepp-ai-blocksy-child .wp-block-column.is-style-pai-prep-card {
	position: relative;
	overflow: hidden;
	padding: clamp(20px, 3vw, 32px);
	border-radius: 20px;
}

.prepp-ai-blocksy-child .wp-block-column.is-style-pai-prep-card::before {
	content: "";
	display: block;
	width: 52px;
	height: 5px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--pai-saffron), var(--pai-emerald), var(--pai-cyan));
}

.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero {
	min-height: clamp(520px, 74vh, 760px);
	overflow: hidden;
	border-radius: 0 0 36px 36px;
	background-position: center;
}

.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(9, 17, 31, 0.76), rgba(9, 17, 31, 0.2)),
		radial-gradient(circle at 78% 20%, rgba(0, 168, 120, 0.24), transparent 18rem);
	pointer-events: none;
}

.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
	max-width: 1180px;
}

.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero h1,
.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero p {
	max-width: 780px;
	color: #ffffff;
}

.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero h1 {
	font-weight: 950;
}

.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero .wp-block-button__link,
.prepp-ai-blocksy-child .wp-element-button,
.prepp-ai-blocksy-child .wp-block-button__link,
.prepp-ai-blocksy-child button,
.prepp-ai-blocksy-child input[type="submit"] {
	border: 0;
	border-radius: 999px;
	color: #07121f;
	background: linear-gradient(135deg, var(--pai-saffron), #ffe08a);
	box-shadow: 0 16px 34px rgba(255, 159, 28, 0.26);
	font-weight: 850;
}

.prepp-ai-blocksy-child .wp-block-button.is-style-outline .wp-block-button__link {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.prepp-ai-blocksy-child .ct-sidebar .ct-widget,
.prepp-ai-blocksy-child .widget {
	border-radius: 22px;
	border: 1px solid var(--pai-line);
	background: var(--pai-surface);
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.prepp-ai-blocksy-child .ct-footer {
	background:
		linear-gradient(135deg, #07121f, #172554 48%, #063f39);
	color: rgba(255, 255, 255, 0.82);
}

.prepp-ai-blocksy-child .ct-footer a,
.prepp-ai-blocksy-child .ct-footer h1,
.prepp-ai-blocksy-child .ct-footer h2,
.prepp-ai-blocksy-child .ct-footer h3,
.prepp-ai-blocksy-child .ct-footer h4 {
	color: #ffffff;
}

@media (max-width: 999px) {
	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header {
		margin: 12px 12px 0;
	}

	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="middle"],
	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="bottom"] {
		border-radius: 14px;
	}

	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="middle"] > div,
	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="bottom"] > div {
		min-height: 76px;
		padding-inline: 16px;
	}

	.prepp-ai-blocksy-child [data-id="trigger"] {
		width: 48px;
		height: 48px;
	}
}

@media (max-width: 689px) {
	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header {
		margin: 10px 10px 0;
	}

	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="middle"],
	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="bottom"] {
		border-radius: 14px;
	}

	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="middle"] > div,
	.prepp-ai-blocksy-child [data-header*="type-1"] .ct-header [data-row*="bottom"] > div {
		min-height: 70px;
		padding-inline: 14px;
	}

	.prepp-ai-blocksy-child .site-title {
		font-size: 1.08rem;
		line-height: 1.1;
	}

	.prepp-ai-blocksy-child .site-description {
		font-size: 0.78rem;
		line-height: 1.2;
	}

	.prepp-ai-blocksy-child .hero-section,
	.prepp-ai-blocksy-child .entry-header {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		margin-bottom: 14px !important;
	}

	.prepp-ai-blocksy-child .wp-block-cover.is-style-pai-upsc-hero {
		min-height: 560px;
		border-radius: 0 0 24px 24px;
	}
}