/* wcart blog custom css — deployed via git */

/* ============================================================
   STICKY / FIXED HEADER
   ============================================================ */
html body header,
html body header.wp-block-template-part,
html body .wp-site-blocks > header,
header,
header.wp-block-template-part,
.wp-site-blocks > header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	margin-block-start: 0 !important;
	margin-top: 0 !important;
	z-index: 9999 !important;
	background-color: #ffffff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body.admin-bar header,
body.admin-bar header.wp-block-template-part,
body.admin-bar .wp-site-blocks > header,
html body.admin-bar header,
html body.admin-bar header.wp-block-template-part,
html body.admin-bar .wp-site-blocks > header {
	top: 32px !important;
	margin: 0 !important;
	margin-top: 0 !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar header,
	body.admin-bar header.wp-block-template-part,
	body.admin-bar .wp-site-blocks > header,
	html body.admin-bar header,
	html body.admin-bar header.wp-block-template-part,
	html body.admin-bar .wp-site-blocks > header {
		top: 46px !important;
		margin: 0 !important;
		margin-top: 0 !important;
	}
}

/* Header Spacing and Alignment (Proper vertical & horizontal breathing room) */
html body header,
html body header.wp-block-template-part {
	padding: 0 !important;
}

html body header .wp-block-group.has-global-padding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

html body header .wp-block-group.alignwide {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* Header Action Button (Clean font-size & vertical alignment) */
html body header a[href*="create-store"],
header a[href*="create-store"] {
	font-size: 13.5px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	padding: 10px 18px !important;
	border-radius: 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	margin: 0 !important;
}

/* Header Brand Lockup (wcart + Blog baseline alignment) */
html body header a[rel="home"],
header a[rel="home"] {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

html body header a[rel="home"] img,
header a[rel="home"] img {
	display: block !important;
	height: 35px !important;
	width: auto !important;
}

html body header a[rel="home"] + span,
header a[rel="home"] + span {
	font-size: 16px !important;
	font-family: 'Instrument Sans', 'Inter', -apple-system, 'Segoe UI', sans-serif !important;
	color: #000000 !important;
	margin-left: -4px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	margin-top: 12px !important;
	display: inline-block !important;
	transform: translateY(3px) !important;
}

main,
#wp--skip-link--target {
	margin-top: 105px !important;
}

@media screen and (max-width: 768px) {
	html body header .wp-block-group.has-global-padding {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	html body header .wp-block-group.alignwide {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		gap: 8px !important;
	}
	html body header a[href*="create-store"] {
		font-size: 12px !important;
		padding: 8px 14px !important;
		white-space: nowrap !important;
		letter-spacing: 0.3px !important;
		line-height: 1.2 !important;
	}
	html body header img[src*="web-logo"],
	html body header a[rel="home"] img {
		height: 30px !important;
		width: auto !important;
	}
	html body header span {
		font-size: 16px !important;
		margin-top: 3px !important;
	}
	main,
	#wp--skip-link--target {
		margin-top: 80px !important;
	}
}

@media screen and (max-width: 480px) {
	html body header .wp-block-group.has-global-padding {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	html body header .wp-block-group.alignwide {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		gap: 6px !important;
	}
	html body header div[style*="display:flex;align-items:center;gap:12px"],
	html body header div:has(> a[rel="home"]) {
		gap: 6px !important;
	}
	html body header img[src*="web-logo"],
	html body header a[rel="home"] img {
		height: 26px !important;
		width: auto !important;
	}
	html body header span {
		font-size: 14px !important;
		margin-top: 2px !important;
	}
	html body header a[href*="create-store"] {
		font-size: 10.5px !important;
		padding: 7px 10px !important;
		white-space: nowrap !important;
		letter-spacing: 0.2px !important;
	}
	main,
	#wp--skip-link--target {
		margin-top: 72px !important;
	}
}

@media screen and (max-width: 360px) {
	html body header a[href*="create-store"] {
		font-size: 9.5px !important;
		padding: 6px 8px !important;
	}
}

/* ============================================================
   WCART BLOG FOOTER & CTA STYLES (MATCHING LIVE SITE)
   ============================================================ */

.empty-group {
	display: none;
}
.footer-btn a {
	padding: 12px 42px !important;
	font-size: 22px !important;
	margin-left: -30px !important;
}
.footer-btn a:hover {
	background-color: #57595a !important;
}
footer .wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-38.wp-block-group-is-layout-flex, 
.wp-block-group.alignwide.has-black-background-color.has-background.is-content-justification-space-between.is-layout-flex.wp-container-35.wp-block-group-is-layout-flex, 
h2.wp-block-site-title a, 
.copyright-container {
    padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.wp-block-group.has-black-background-color.has-background.is-horizontal.is-nowrap.is-layout-flex.wp-container-33.wp-block-group-is-layout-flex {
	padding-bottom: 0 !important;
}
.copyright-text {
    padding: 10px 0 10px 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
	font-size: 16px;
}
.copyright-text a {
	font-size: 16px !important;
}
footer .wp-block-button__link.wp-element-button {
	background-color: #ff5c35 !important;
	color: #fff !important;
	width: auto !important;
	height: auto !important;
	border-radius: 3px !important;
	font-weight: 300 !important;
}
footer .footer-text {
	font-size: 5.8vw !important;
	font-family: "Roboto", sans-serif !important;
    color: #5B5B5B !important;
	max-width: fit-content;
	text-align: left;
}
footer .footer-text strong {
	font-weight: 700 !important;
}
h2.wp-block-site-title a {
	color: #fff;
	margin-left: -30px !important;
}
@media (max-width: 600px) {
	h2.wp-block-site-title a {
		font-size: 16px !important;
		display: block !important;
	}
	footer .footer-text {
		font-size: 5.8vw !important;
		line-height: 35px !important;
		padding-top: 10px !important;
	}
	.footer-cta-main {
		height: 165px;
	}
	footer .wp-block-button__link.wp-element-button {
		font-size: 16px !important;
		padding: 8px 18px !important;
	}
	.wp-block-buttons .footer-btn {
		margin-top: 10px !important;
		margin-left: 20px !important;
	}
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type {
    margin-inline-start: auto !important;
}
@media (min-width: 769px) {
	.wp-block-button .wp-block-button__link {
		padding: 12px 38px !important;
	}
}

/* ============================================================
   WCART BLOG CTA SECTION (LEFT: TEXT, RIGHT: IMAGE)
   ============================================================ */
.footer-cta1, .footer-cta2 {
	padding-top: 10px !important;
	padding-bottom: 15px !important;
	background-color: transparent !important;
}
.footer-cta-main {
    background-color: #EFE7E1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    padding: 30px 40px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    display: block !important;
}

.footer-cta-main .wp-block-columns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    gap: 30px !important;
}

.footer-cta-main .wp-block-columns > .wp-block-column {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* LEFT COLUMN: TEXT + BUTTON */
.footer-cta-main .wp-block-columns > .wp-block-column:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

.footer-cta-main .footer-text {
    font-size: clamp(24px, 2.8vw, 38px) !important;
    line-height: 1.2 !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #4A4A4A !important;
    text-align: left !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.footer-cta-main .footer-text strong {
    font-weight: 700 !important;
}

.footer-cta-main .footer-cta-button {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.footer-cta-main .wp-block-button__link.wp-element-button {
    background-color: #ff5c35 !important;
    color: #fff !important;
    padding: 12px 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* RIGHT COLUMN: IMAGE */
.footer-cta-main .wp-block-columns > .wp-block-column:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-cta-main .footer-cta-img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer-cta-main .footer-cta-img img {
    display: block !important;
    max-width: 90% !important;
    max-height: 280px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .footer-cta-main {
        padding: 25px 20px !important;
    }
    .footer-cta-main .wp-block-columns {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        text-align: center !important;
        gap: 20px !important;
    }
    .footer-cta-main .wp-block-columns > .wp-block-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .footer-cta-main .wp-block-columns > .wp-block-column:first-child {
        align-items: center !important;
        text-align: center !important;
    }
    .footer-cta-main .footer-text {
        text-align: center !important;
        font-size: 26px !important;
        margin: 0 auto 15px auto !important;
    }
    .footer-cta-main .footer-cta-button {
        justify-content: center !important;
    }
    .footer-cta-main .footer-cta-img img {
        max-height: 180px !important;
    }
}

.wp-block-post-template.wp-block-post-template > .wp-block-post {
	border-radius: 15px !important;
}
.wp-block-post-template.wp-block-post-template > .wp-block-post > .wp-block-group {
	border-radius: 15px !important;
}

.single.single-post .privacy {
	margin-top: 18px !important;
}
.privacy a {
    font-size: 15px !important;
	line-height: 1.6;
	font-weight: 400;
	text-decoration: none;
}

/* ============================================================
   FLICKNEXS DARK FOOTER UI (MATCHING BLOG.FLICKNEXS.COM)
   ============================================================ */

html body .flick-footer {
	background-color: #0b1120 !important;
	background: #0b1120 !important;
	color: #e2e8f0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	padding: 50px 24px 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html body .flick-footer .container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 0 40px !important;
	border-bottom: 1px solid #1e293b !important;
	box-sizing: border-box !important;
}

html body .flick-footer .footer-row.second-row,
html body .flick-footer .footer-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 24px 32px !important;
	align-items: stretch !important;
	margin-bottom: 24px !important;
}

html body .flick-footer .footer-row + .footer-row {
	margin-top: 28px !important;
}

/* Dark Cards for all columns */
html body .flick-footer .footer-col-4 {
	background: rgba(30, 41, 59, 0.8) !important;
	border: 1px solid rgba(51, 65, 85, 0.6) !important;
	border-radius: 14px !important;
	padding: 22px 24px !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	width: 100% !important;
	height: 100% !important;
	align-self: stretch !important;
}

html body .flick-footer .available-on {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

/* Headings / Labels */
html body .flick-footer .pay_text,
html body .flick-footer .font_store,
html body .flick-footer .countries,
html body .flick-footer p[class*="font_store"],
html body .flick-footer p[class*="pay_text"] {
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	color: #ffffff !important;
	margin: 0 0 14px 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	display: block !important;
}

html body .flick-footer .countries strong {
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
}

html body .flick-footer .footer-col-4 p {
	color: #cbd5e1 !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
}

/* Payment Image */
html body .flick-footer .payment_img,
html body .flick-footer .footer-col-4 img[src*="payment"] {
	max-height: 40px !important;
	width: auto !important;
	display: block !important;
	background: #ffffff !important;
	padding: 6px 14px !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
	transition: transform 0.2s ease !important;
}

html body .flick-footer .payment_img:hover,
html body .flick-footer .footer-col-4 img[src*="payment"]:hover {
	transform: translateY(-2px) !important;
}

/* Rewards Badges */
html body .flick-footer .footer-imgs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
	align-items: center !important;
	justify-content: flex-start !important;
	margin: 0 !important;
}

html body .flick-footer .footer-imgs a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: transform 0.2s ease !important;
}

html body .flick-footer .footer-imgs a:hover {
	transform: translateY(-2px) scale(1.04) !important;
}

html body .flick-footer .footer-imgs img:not([src*="saashub"]):not(.saashub) {
	width: 52px !important;
	height: 46px !important;
	max-height: 46px !important;
	object-fit: contain !important;
	display: block !important;
}

html body .flick-footer .footer-imgs img[src*="saashub"],
html body .flick-footer .footer-imgs .saashub {
	width: 167px !important;
	max-width: 100% !important;
	height: 44px !important;
	object-fit: contain !important;
	display: block !important;
	border-radius: 6px !important;
	margin-top: 4px !important;
	margin-left: 0 !important;
}

/* App Store Icons */
html body .flick-footer .store-icons {
	display: flex !important;
	gap: 12px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

html body .flick-footer .store-icons img {
	height: 36px !important;
	width: auto !important;
	display: block !important;
	transition: transform 0.2s ease !important;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.35)) !important;
}

html body .flick-footer .store-icons img:hover {
	transform: translateY(-2px) scale(1.04) !important;
}

/* Social Icons */
html body .flick-footer .social-icons .d-flex {
	display: flex !important;
	gap: 12px !important;
	align-items: center !important;
	margin-top: 0 !important;
	margin-bottom: 18px !important;
	flex-wrap: wrap !important;
}

html body .flick-footer .social-icons .d-flex a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #000000 !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	overflow: hidden !important;
	transition: all 0.25s ease !important;
	padding: 0 !important;
	text-decoration: none !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html body .flick-footer .social-icons .d-flex a:hover {
	transform: translateY(-2px) scale(1.06) !important;
	background: #1e3a6e !important;
	border-color: #3b82f6 !important;
	box-shadow: 0 4px 14px rgba(30, 58, 110, 0.5) !important;
}

html body .flick-footer .social-icons .d-flex a img {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	display: block !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Policies */
html body .flick-footer .policies {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 16px !important;
	align-items: center !important;
	margin-top: 0 !important;
}

html body .flick-footer .policies a {
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

html body .flick-footer .policies a:hover {
	color: #93c5fd !important;
	text-decoration: underline !important;
}

/* Copyright Bar (Matching Flicknexs Dark Footer) */
html body footer .footer-copyright,
html body footer .wp-block-group.footer-copyright,
html body footer div[style*="background-color:#dfdfdf"],
html body .copyright-container {
	background: #0b1120 !important;
	background-color: #0b1120 !important;
	border: none !important;
	box-shadow: none !important;
	padding: 24px 24px 32px !important;
	margin: 0 !important;
}

html body footer .copyright-text,
html body footer p.copyright-text,
html body .copyright-text,
html body p.copyright-text {
	color: #94a3b8 !important;
	font-size: 13.5px !important;
	text-align: center !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
}

html body footer .copyright-text a,
html body footer p.copyright-text a,
html body .copyright-text a,
html body p.copyright-text a {
	color: #ffffff !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

html body footer .copyright-text a:hover,
html body footer p.copyright-text a:hover,
html body .copyright-text a:hover,
html body p.copyright-text a:hover {
	color: #93c5fd !important;
	text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 900px) {
	html body .flick-footer .footer-row.second-row {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
}

@media (max-width: 768px) {
	html body .flick-footer .container {
		padding: 0 0 20px !important;
		gap: 16px !important;
	}
	html body footer .footer-copyright,
	html body footer .wp-block-group.footer-copyright {
		padding: 16px 16px 24px !important;
	}
}

/* ============================================================
   SINGLE BLOG POST - TABLE & CLIENT SLIDER STYLES
   ============================================================ */
html body .wp-block-table,
html body figure.wp-block-table {
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	margin: 28px 0 !important;
	box-sizing: border-box !important;
	display: block !important;
}

html body .wp-block-table table,
html body figure.wp-block-table table {
	width: 100% !important;
	min-width: 520px !important;
	table-layout: auto !important;
	border-collapse: collapse !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
	border-radius: 8px !important;
}

html body .wp-block-table th,
html body .wp-block-table td,
html body figure.wp-block-table th,
html body figure.wp-block-table td {
	width: auto !important;
	min-width: 110px !important;
	padding: 14px 18px !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	word-break: normal !important;
	white-space: normal !important;
	vertical-align: top !important;
	border: 1px solid #e2e8f0 !important;
	color: #334155 !important;
}

html body .wp-block-table thead th,
html body .wp-block-table tr:first-child th,
html body .wp-block-table tr:first-child td {
	background-color: #f8fafc !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	font-size: 15px !important;
	letter-spacing: -0.01em !important;
}

html body .wp-block-table tbody tr:nth-child(even) td {
	background-color: #fbfcfe !important;
}

html body .wp-block-table tbody tr:hover td {
	background-color: #f1f5f9 !important;
}

/* Sidebar client logo slider */
.client-slider .kb-gallery-ul .kadence-blocks-gallery-item {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.client-slider .kb-gal-image-radius {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	border-radius: 6px !important;
	border: 1px solid #eef2f6 !important;
}
.client-slider .kb-gal-image-radius img {
	width: 100% !important;
	height: 36px !important;
	max-height: 36px !important;
	object-fit: contain !important;
	padding: 4px 6px !important;
	box-sizing: border-box !important;
	display: block !important;
}

/* ============================================================
   MOBILE STICKY "REQUEST DEMO" BUTTON & ARROW ANIMATION FIX
   ============================================================ */
.sticky-btn a,
html body .sticky-btn a,
html body .wp-block-button.sticky-btn a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	gap: 10px !important;
	text-decoration: none !important;
	width: 92% !important;
	margin: 0 auto !important;
	background-color: #ff5c35 !important;
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	padding: 12px 20px !important;
	border-radius: 6px !important;
	box-sizing: border-box !important;
}

.sticky-btn .arrow,
html body .sticky-btn .arrow {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	bottom: auto !important;
	transform: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 20px !important;
	height: 14px !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

.sticky-btn .arrow span,
html body .sticky-btn .arrow span {
	position: absolute !important;
	top: 3px !important;
	display: block !important;
	width: 7px !important;
	height: 7px !important;
	border-top: 2px solid #ffffff !important;
	border-right: 2px solid #ffffff !important;
	border-bottom: none !important;
	border-left: none !important;
	transform: rotate(45deg) !important;
	margin: 0 !important;
	animation: stickyArrowSlide 1.5s infinite ease-in-out !important;
}

.sticky-btn .arrow span:nth-child(1) {
	left: 0px !important;
	animation-delay: 0s !important;
}

.sticky-btn .arrow span:nth-child(2) {
	left: 5px !important;
	animation-delay: 0.2s !important;
}

.sticky-btn .arrow span:nth-child(3) {
	left: 10px !important;
	animation-delay: 0.4s !important;
}

@keyframes stickyArrowSlide {
	0% {
		opacity: 0.25;
		transform: rotate(45deg) translateX(-2px);
	}
	50% {
		opacity: 1;
		transform: rotate(45deg) translateX(0);
	}
	100% {
		opacity: 0.25;
		transform: rotate(45deg) translateX(2px);
	}
}

/* ============================================================
   PAGESPEED PERFORMANCE & CORE WEB VITALS OPTIMIZATIONS
   ============================================================ */
/* 1. Prevent CLS and establish fixed aspect ratio for featured images */
figure.wp-block-post-featured-image {
	aspect-ratio: 16 / 9 !important;
	overflow: hidden !important;
	background-color: #f1f5f9 !important;
}

figure.wp-block-post-featured-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* 2. Content Visibility for below-the-fold query items to speed up initial rendering */
@media (min-width: 768px) {
	.wp-block-post-template > li:nth-child(n+7),
	.custom-posts-list > li:nth-child(n+7) {
		content-visibility: auto !important;
		contain-intrinsic-size: 1px 450px !important;
	}
}
@media (max-width: 767px) {
	.wp-block-post-template > li:nth-child(n+4),
	.custom-posts-list > li:nth-child(n+4) {
		content-visibility: auto !important;
		contain-intrinsic-size: 1px 400px !important;
	}
}

/* 3. Text rendering optimization */
body, h1, h2, h3, h4, h5, h6, p, a, span {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/* 4. Accessibility: Touch target sizes for interactive links without changing visual design */
.flick-footer .social-icons .d-flex a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 44px !important;
	min-height: 44px !important;
	padding: 4px !important;
}

.custom-pagination a,
.custom-pagination span {
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
}

.read-more-wrapper a.custom-read-more {
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
}

.flick-footer .policies a {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important;
	padding: 4px 6px !important;
}

.footer-copyright a {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 44px !important;
	padding: 4px !important;
}

.post-meta a,
.post-meta a:visited,
.post-meta a:hover,
.post-meta a:focus,
.post-category a,
.post-category a:visited,
.post-category a:hover,
.post-category a:focus,
.post-meta span a,
.post-meta span a:visited,
span.post-category a,
span.post-category a:visited,
a[rel~="category"],
a[rel~="category"]:visited {
	display: inline-block !important;
	padding: 4px 0 !important;
	color: #0546c7 !important;
	text-decoration: none !important;
}

.post-meta,
.post-meta.custom-style {
	color: #0546c7 !important;
}

/* Accessible color contrast for footer Book a Meeting / Create Store button */
.wp-block-button__link.wp-element-button[href*="create-store"] {
	background-color: #d83e18 !important;
	color: #ffffff !important;
}

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

/* 5. Footer Image display stability */
footer img,
.flick-footer img {
	max-width: 100% !important;
	height: auto !important;
}

/* ============================================================
   SINGLE BLOG POST CONTAINER ALIGNMENT (Matches Header 1200px Grid)
   ============================================================ */
body.single-post main > .wp-block-columns,
body.single main > .wp-block-columns,
main > .wp-block-columns {
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	box-sizing: border-box !important;
}

@media screen and (max-width: 768px) {
	body.single-post main > .wp-block-columns,
	body.single main > .wp-block-columns,
	main > .wp-block-columns {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}


/* ============================================================
   HERO HEADING FONT WEIGHT & FOOTER CARD TEXT COLOR UPDATE
   ============================================================ */
body.blog h1.wp-block-heading,
body.home h1.wp-block-heading,
body.archive h1.wp-block-heading,
h1.wp-block-heading {
	font-weight: 700 !important;
}

html body .flick-footer .pay_text,
html body .flick-footer .font_store,
html body .flick-footer .countries,
html body .flick-footer .countries strong,
html body .flick-footer p[class*="font_store"],
html body .flick-footer p[class*="pay_text"] {
	color: #ffffff !important;
}

html body .flick-footer p:not(.countries):not(.font_store),
html body .flick-footer .footer-col-4 p {
	color: #cbd5e1 !important;
}

/* ============================================================
   HERO HEADING FONT WEIGHT & FOOTER CARD TEXT COLOR UPDATE
   ============================================================ */
body.blog h1.wp-block-heading,
body.home h1.wp-block-heading,
body.archive h1.wp-block-heading,
h1.wp-block-heading {
	font-family: Georgia, serif !important;
	font-weight: 400 !important;
	letter-spacing: normal !important;
}

body.blog li.custom-post h2.post-title,
body.blog li.custom-post h2.post-title a,
body.archive li.custom-post h2.post-title,
body.archive li.custom-post h2.post-title a {
	font-family: Georgia, serif !important;
	font-weight: 400 !important;
	letter-spacing: normal !important;
}

html body .flick-footer .pay_text,
html body .flick-footer .font_store,
html body .flick-footer .countries,
html body .flick-footer .countries strong,
html body .flick-footer p[class*="font_store"],
html body .flick-footer p[class*="pay_text"] {
	color: #ffffff !important;
}

html body .flick-footer p:not(.countries):not(.font_store),
html body .flick-footer .footer-col-4 p {
	color: #cbd5e1 !important;
}