/*
 * Hamari Salah Core public style layer.
 * Loaded as a physical stylesheet to avoid late inline CSS and reduce design drift.
 */

:root {
	--hs-ink: #14211f;
	--hs-muted: #50615a;
	--hs-soft: #f4f7f3;
	--hs-paper: #ffffff;
	--hs-line: #dce5de;
	--hs-green: #0f766e;
	--hs-green-dark: #123a32;
	--hs-blue: #2563eb;
	--hs-amber: #d97706;
	--hs-shadow: 0 10px 26px rgba(21, 39, 33, 0.08);
}

html {
	box-sizing: border-box;
	overflow-x: clip;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	background: var(--hs-soft);
	color: var(--hs-ink);
	overflow-x: clip;
}

img,
svg,
video,
canvas {
	max-width: 100%;
	height: auto;
}

.site-header {
	border-bottom: 1px solid rgba(20, 33, 31, 0.12);
	box-shadow: 0 1px 0 rgba(20, 33, 31, 0.03);
}

.main-header-menu > .menu-item > .menu-link {
	min-height: 48px;
	border-radius: 8px;
	padding-inline: 14px;
	color: #1f3a35;
	font-weight: 650;
	transition: background-color 0.16s ease, color 0.16s ease;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item > .menu-link:focus-visible {
	background: #eef6f2;
	color: #0f615a;
}

.ast-header-break-point .main-header-menu .menu-link {
	min-height: 48px;
	padding-block: 12px;
}

.ast-mobile-menu-trigger-minimal {
	min-width: 46px !important;
	min-height: 46px !important;
	border: 1px solid #d7e4dd !important;
	border-radius: 9px !important;
	background: #eef6f2 !important;
	color: var(--hs-ink) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.ast-mobile-menu-trigger-minimal .ast-mobile-svg {
	fill: currentColor !important;
}

.site-content .ast-container {
	width: min(100%, 1180px);
}

body.page-id-2666 .site-content .ast-container {
	padding-inline: clamp(18px, 4vw, 28px);
}

body.page-id-2666 .entry-header {
	margin-top: clamp(34px, 6vw, 70px);
}

body.page-id-2666 .entry-title {
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.08;
	max-width: 780px;
}

body.page-id-2666 .entry-content .hs-home-kicker {
	color: #087368;
	font-size: 0.78rem;
}

body.page-id-2666 .entry-content .hs-home-lead {
	max-width: 760px;
	font-size: clamp(1rem, 1.5vw, 1.14rem);
	color: #263c36;
}

body.page-id-2666 .entry-content .hs-section-head {
	align-items: end;
	gap: clamp(16px, 4vw, 40px);
	margin-bottom: 18px;
	padding-bottom: 14px;
}

body.page-id-2666 .entry-content .hs-section-head h2 {
	font-size: clamp(1.45rem, 2.6vw, 2rem);
	max-width: 620px;
}

body.page-id-2666 .entry-content .hs-section-head p {
	font-size: 0.98rem;
	color: var(--hs-muted);
}

body.page-id-2666 .entry-content .hs-silo-grid,
body.page-id-2666 .entry-content .hs-guide-grid {
	gap: 18px;
}

body.page-id-2666 .entry-content .hs-silo-card,
body.page-id-2666 .entry-content .hs-guide-card,
.archive .ast-article-post .ast-article-inner {
	border-color: var(--hs-line);
	border-radius: 8px;
	box-shadow: var(--hs-shadow);
}

body.page-id-2666 .entry-content .hs-silo-card,
body.page-id-2666 .entry-content .hs-guide-card {
	padding: clamp(18px, 2.2vw, 24px);
}

body.page-id-2666 .entry-content .hs-silo-card h3,
body.page-id-2666 .entry-content .hs-guide-card h3 {
	color: var(--hs-ink);
	font-size: clamp(1rem, 1.4vw, 1.18rem);
}

body.page-id-2666 .entry-content .hs-card-link,
body.page-id-2666 .entry-content .hs-guide-card .hs-meta {
	letter-spacing: 0;
}

body.page-id-2666 .entry-content .hs-tool-strip {
	background: linear-gradient(135deg, #14382f 0%, #183f48 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 14px 34px rgba(15, 44, 38, 0.16);
}

body.page-id-2666 .entry-content .hs-tool-strip h2 {
	font-size: clamp(1.35rem, 2.2vw, 1.75rem);
	color: #ffffff !important;
}

body.page-id-2666 .entry-content .hs-tool-strip p {
	color: #dceee6 !important;
}

body.page-id-2666 .entry-content .hs-button {
	min-height: 48px;
	border-radius: 7px;
}

body.page-id-2666 .entry-content .hs-button-primary {
	background: #f59e0b;
	color: #1b1606;
}

body.page-id-2666 .entry-content .hs-button-secondary {
	background: #e9f7f2;
	color: #123a32;
}

.single-post .site-content .ast-container {
	box-sizing: border-box;
	width: min(100%, 980px);
	max-width: 980px;
	margin-inline: auto;
}

.single-post .entry-title,
.archive .page-title {
	letter-spacing: 0;
	color: var(--hs-ink);
	overflow-wrap: break-word;
	word-break: normal;
}

.single-post article,
.single-post .entry-header,
.single-post .entry-content {
	box-sizing: border-box;
	max-width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

.single-post .entry-content {
	width: 100%;
	font-size: 1rem;
	line-height: 1.76;
}

.blog .hs-news-header {
	margin: clamp(26px, 5vw, 54px) 0 clamp(24px, 4vw, 36px);
	padding: 0 0 clamp(20px, 3vw, 30px);
	border-bottom: 1px solid var(--hs-line);
}

.blog .hs-news-header__kicker {
	margin: 0 0 10px;
	color: #087368;
	font-size: 0.8rem;
	font-weight: 800;
	line-height: 1.3;
	text-transform: uppercase;
}

.blog .hs-news-header__title {
	max-width: 780px;
	margin: 0;
	color: var(--hs-ink);
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1.08;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

.blog .hs-news-header__intro {
	max-width: 760px;
	margin: 14px 0 0;
	color: #2d3e38;
	font-size: clamp(1rem, 1.5vw, 1.12rem);
	line-height: 1.65;
}

.blog .hs-news-header__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.blog .hs-news-header__nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 8px 13px;
	border: 1px solid #cddbd3;
	border-radius: 7px;
	background: #ffffff;
	color: #16352f;
	font-size: 0.94rem;
	font-weight: 750;
	line-height: 1.25;
	text-decoration: none;
	box-shadow: 0 6px 14px rgba(21, 39, 33, 0.05);
}

.blog .hs-news-header__nav a:hover,
.blog .hs-news-header__nav a:focus-visible {
	border-color: #8bb8ab;
	color: #0f766e;
	text-decoration: none;
}

.single-post .entry-content h2 {
	font-size: clamp(1.45rem, 2.6vw, 2rem);
	line-height: 1.22;
	margin-top: 2.1em;
	margin-bottom: 0.55em;
}

.single-post .entry-content h3 {
	font-size: clamp(1.16rem, 2vw, 1.45rem);
	margin-top: 1.55em;
}

.single-post .entry-content p,
.single-post .entry-content li {
	color: #2d3e38;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
	padding-left: 1.35em;
}

.single-post .entry-content img,
.single-post .post-thumb-img-content img,
.single-post .wp-post-image {
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 100%;
}

.single-post .entry-content li + li {
	margin-top: 0.42em;
}

.entry-content .hs-callout {
	border: 1px solid #b8d8ce;
	border-left: 5px solid var(--hs-green);
	border-radius: 8px;
	background: #f3faf7;
	padding: clamp(16px, 2.4vw, 22px);
	box-shadow: 0 8px 18px rgba(22, 35, 31, 0.06);
}

.entry-content .hs-callout--tool {
	border-left-color: var(--hs-blue);
	background: #f4f8ff;
}

.entry-content .hs-callout--buying-guide {
	border-left-color: var(--hs-amber);
	background: #fffaf0;
}

.entry-content .hs-callout--next-step,
.entry-content .hs-callout--static {
	border-left-color: var(--hs-green);
	background: #f4fbf8;
}

.entry-content .hs-callout__eyebrow {
	margin: 0 0 8px;
	color: #087368;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.3;
	text-transform: uppercase;
}

.entry-content .hs-callout__title {
	margin: 0 0 8px;
	color: var(--hs-ink);
	font-size: clamp(1.02rem, 1.5vw, 1.18rem);
	line-height: 1.3;
}

.entry-content .hs-callout__body {
	margin: 0;
	color: #2d3e38;
	font-size: 1rem;
	line-height: 1.58;
}

.entry-content .hs-callout__actions {
	margin: 16px 0 0;
}

.entry-content .hs-callout__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 16px;
	border-radius: 7px;
	background: var(--hs-green);
	color: #ffffff !important;
	font-weight: 800;
	line-height: 1.25;
	text-decoration: none !important;
	box-shadow: 0 8px 18px rgba(15, 118, 110, 0.16);
}

.entry-content .hs-callout--tool .hs-callout__button {
	background: var(--hs-blue);
	box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}

.entry-content .hs-callout--buying-guide .hs-callout__button {
	background: #b45309;
	box-shadow: 0 8px 18px rgba(180, 83, 9, 0.16);
}

.entry-content .hs-callout__button:hover,
.entry-content .hs-callout__button:focus-visible {
	color: #ffffff !important;
	filter: brightness(0.95);
	text-decoration: none !important;
}

.entry-content .hs-callout__button:focus-visible {
	outline: 3px solid rgba(37, 99, 235, 0.25);
	outline-offset: 3px;
}

.entry-content .hs-callout__disclosure {
	margin: 12px 0 0;
	color: var(--hs-muted);
	font-size: 0.9rem;
	line-height: 1.5;
}

.entry-content .hs-callout .hs-button,
.entry-content .hs-callout a[class*="button"],
.entry-content .hs-callout__button {
	min-height: 46px;
}

.archive .ast-archive-description {
	max-width: 760px;
	margin-bottom: 28px;
}

.archive .ast-archive-description p {
	color: var(--hs-muted);
	font-size: 1rem;
	line-height: 1.65;
}

.archive .entry-title {
	font-size: 1.15rem;
	line-height: 1.28;
}

.comments-area,
.comment-respond,
#comments {
	display: none;
}

.site-footer,
.site-footer .site-primary-footer-wrap {
	background: #0f352b !important;
	color: #eef8f3 !important;
}

.site-footer .site-primary-footer-wrap {
	padding: clamp(28px, 4vw, 46px) 0 clamp(24px, 3vw, 36px) !important;
}

.site-footer .ast-builder-grid-row,
.site-footer .ast-builder-footer-grid-columns {
	width: min(100%, 1120px) !important;
	margin-inline: auto !important;
	gap: clamp(26px, 5vw, 74px) !important;
	align-items: start !important;
}

.site-footer .ast-builder-footer-grid-columns {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr) minmax(200px, 1fr) !important;
}

.site-footer .footer-widget-area,
.site-footer .widget,
.site-footer .widget * {
	color: inherit !important;
}

.site-footer .hs-footer-box {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 clamp(18px, 2.5vw, 22px) !important;
	text-align: left !important;
}

.site-footer .hs-footer-about {
	max-width: 520px !important;
}

.site-footer .hs-footer-brand {
	font-size: clamp(1.55rem, 2.3vw, 2rem) !important;
	line-height: 1.12 !important;
	margin-bottom: 12px !important;
	color: #ffffff !important;
}

.site-footer .hs-footer-heading {
	font-size: 0.95rem !important;
	line-height: 1.2 !important;
	margin-bottom: 14px !important;
	color: #ffffff !important;
}

.site-footer .hs-footer-copy {
	font-size: 1rem !important;
	line-height: 1.65 !important;
	max-width: 420px;
	color: #dceee6 !important;
}

.site-footer .hs-footer-note {
	max-width: 360px;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
	border-radius: 8px;
}

.site-footer .hs-footer-list li {
	margin-bottom: 8px !important;
}

.site-footer .hs-footer-list a,
.site-footer a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	font-size: 0.95rem !important;
	line-height: 1.35 !important;
	color: #f7fbf9 !important;
	text-decoration: none !important;
}

.site-footer a:hover,
.site-footer a:focus-visible {
	color: #ffffff !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

@media (max-width: 921px) {
	body.page-id-2666 .entry-content .hs-silo-grid,
	body.page-id-2666 .entry-content .hs-guide-grid,
	body.page-id-2666 .entry-content .hs-trust-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer .ast-builder-grid-row,
	.site-footer .ast-builder-footer-grid-columns {
		gap: 8px !important;
	}

	.site-footer .ast-builder-footer-grid-columns {
		grid-template-columns: minmax(0, 1.35fr) minmax(160px, 1fr) minmax(170px, 1fr) !important;
	}
}

@media (max-width: 820px) {
	.site-footer .ast-builder-footer-grid-columns {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
}

@media (max-width: 640px) {
	body,
	body.page-id-2666 {
		font-size: 16px;
	}

	body.single-post,
	body.single-post .site,
	body.single-post .site-content,
	body.single-post #primary,
	body.single-post .site-main,
	body.single-post article,
	body.single-post .ast-article-single,
	body.single-post .entry-header,
	body.single-post .entry-content,
	body.single-post .site-content .ast-container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
	}

	body.single-post .site-content .ast-container {
		padding-inline: 0 !important;
	}

	body.single-post .ast-article-single {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.single-post .entry-title {
		font-size: 1.85rem;
		line-height: 1.3;
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	body.single-post .entry-content p,
	body.single-post .entry-content li,
	body.single-post .entry-content h2,
	body.single-post .entry-content h3 {
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	body.single-post .post-thumb,
	body.single-post .post-thumb-img-content,
	body.single-post .ast-single-post-featured-section,
	body.single-post .entry-content figure,
	body.single-post .entry-content img {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.page-id-2666 .site-content .ast-container {
		padding-inline: 18px;
	}

	body.page-id-2666 .entry-title {
		font-size: 2rem;
	}

	body.page-id-2666 .entry-content .hs-section-head {
		display: block;
	}

	body.page-id-2666 .entry-content .hs-section-head p {
		margin-top: 8px;
	}

	body.page-id-2666 .entry-content .hs-silo-grid,
	body.page-id-2666 .entry-content .hs-guide-grid,
	body.page-id-2666 .entry-content .hs-trust-row {
		grid-template-columns: 1fr;
	}

	body.page-id-2666 .entry-content .hs-silo-card,
	body.page-id-2666 .entry-content .hs-guide-card,
	body.page-id-2666 .entry-content .hs-trust-row a {
		border-radius: 7px;
	}

	body.page-id-2666 .entry-content .hs-tool-strip {
		padding: 22px;
	}

	.entry-content .hs-callout__button {
		width: 100%;
	}

	.blog .hs-news-header {
		margin-top: 24px;
	}

	.blog .hs-news-header__nav {
		display: grid;
		grid-template-columns: 1fr;
	}

	.blog .hs-news-header__nav a {
		width: 100%;
		min-height: 46px;
	}

	.site-footer .site-primary-footer-wrap {
		padding: 30px 0 !important;
	}

	.site-footer .ast-builder-grid-row,
	.site-footer .ast-builder-footer-grid-columns {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	.site-footer .hs-footer-box {
		padding-inline: 22px !important;
	}

	.site-footer .hs-footer-list a,
	.site-footer a {
		min-height: 44px;
		font-size: 1rem !important;
	}
}