/*
Theme Name: Shyaway Blog New Custom
Theme URI: https://www.shyaway.com
Author: Antigravity Custom Developer
Description: A highly optimized, responsive, secure, and SEO-friendly WordPress theme based on the Sprasa template.
Version: 1.0.0
Text Domain: shyaway_blog_new_custom
Tags: blog, magazine, responsive, dark-mode, clean, performance
*/

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
	--primary-color: #FF566A;
	--primary-hover: #e04457;
	--bg-secondary: #FEF2F4;
	--font-geometric: 'Outfit', 'Montserrat', sans-serif;
	--text-color: #121416;
}

body,
p,
input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-geometric) !important;
}

/* Custom Header top border */
.header-wraper {
	border-top: 5px solid var(--primary-color) !important;
	background: #fff !important;
	box-shadow: none !important;
}

/* Logo & Single-Row Header formatting */
.sbnc-header-container {
	display: flex !important;
	justify-content: space-between !important;
	align-items: stretch !important;
	width: 100% !important;
	min-height: 85px !important;
	box-sizing: border-box !important;
}

.sbnc-header-logo-col {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-shrink: 0 !important;
	margin-right: 20px !important;
	height: 100% !important;
}

.sbnc-header-logo-col a,
.sbnc-header-logo-col .custom-logo-link {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.sbnc-header-logo-col img.custom-logo,
.sbnc-header-logo-col .custom-logo {
	max-height: 50px !important;
	width: auto !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sbnc-brand-logo {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-decoration: none !important;
	line-height: 1 !important;
}

.sbnc-brand-logo .logo-cursive {
	font-family: 'Dancing Script', cursive !important;
	font-weight: 700;
	color: var(--primary-color) !important;
	margin: 0;
	padding: 0;
	line-height: 0.9;
	letter-spacing: -0.5px;
}

.sbnc-brand-logo .logo-sub {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600;
	color: #121416;
	letter-spacing: 0.5px;
	margin-top: 1px;
	text-transform: lowercase;
}

.options_dark_skin .sbnc-brand-logo .logo-sub {
	color: #fff !important;
}

/* Navigation Row Overrides */
.menu_wrapper {
	position: relative !important;
	z-index: 99999 !important;
	height: auto !important;
	line-height: normal !important;
	background: #fff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
	padding: 0 !important;
	border-bottom: 1px solid #fbe7ea;
}

.options_dark_skin .menu_wrapper {
	background: #121416 !important;
	border-bottom-color: #242528;
}

.navigation_wrapper {
	position: relative !important;
	z-index: 10 !important;
}

/* Hide legacy float elements */
.logo_small_wrapper_table,
.search_header_menu,
.jl_blank_nav {
	display: none !important;
}

/* Header Action Elements styling */
.sbnc-header-actions-col {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-shrink: 0 !important;
	margin-left: 20px !important;
	height: 100% !important;
	gap: 16px !important;
}

.sbnc-shop-btn-wrapper {
	position: relative;
	display: inline-flex !important;
	align-items: center !important;
	margin-right: 0 !important;
}

.sbnc-shop-btn {
	align-self: center !important;
}

.sbnc-search-wrapper {
	position: relative;
	margin-right: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.sbnc-search-trigger-btn {
	color: #121416 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	transition: color 0.3s;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.sbnc-search-trigger-btn:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-search-trigger-btn {
	color: #fff !important;
}

.options_dark_skin .sbnc-search-trigger-btn:hover {
	color: var(--primary-color) !important;
}

.sbnc-header-search-form-wrap {
	display: none;
	position: absolute;
	right: 0;
	top: 130%;
	background: #fff;
	border: 1px solid #fbe7ea;
	border-radius: 20px;
	padding: 5px 15px;
	box-shadow: 0 5px 15px rgba(255, 86, 106, 0.08);
	z-index: 1000;
	width: 220px;
}

.sbnc-header-search-form-wrap.active {
	display: block;
}

.options_dark_skin .sbnc-header-search-form-wrap {
	background: #18191c !important;
	border-color: #242528 !important;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.sbnc-header-search-input {
	border: none !important;
	width: 100% !important;
	font-size: 13px !important;
	outline: none !important;
	height: auto !important;
	padding: 4px 0 !important;
	background: transparent !important;
	color: #121416 !important;
}

.options_dark_skin .sbnc-header-search-input {
	color: #fff !important;
}

.sbnc-hamburger-trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
	margin-left: 0 !important;
}

/* Desktop Styles */
@media (min-width: 992px) {
	.sbnc-header-container {
		height: 85px !important;
	}

	.sbnc-brand-logo .logo-cursive {
		font-size: 32px;
	}

	.sbnc-brand-logo .logo-sub {
		font-size: 10px;
	}

	.sbnc-header-menu-col {
		display: flex !important;
		justify-content: center !important;
		align-items: stretch !important;
		flex: 1 !important;
		height: 85px !important;
	}

	.sbnc-header-menu-col .navigation_wrapper {
		float: none !important;
		display: flex !important;
		align-items: stretch !important;
		justify-content: center !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		height: 85px !important;
		position: relative !important;
		z-index: 10 !important;
	}

	.jl_main_menu {
		display: flex !important;
		flex-direction: row !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		justify-content: center !important;
		align-items: stretch !important;
		flex-wrap: nowrap !important;
		gap: 2px !important;
		height: 85px !important;
	}

	.jl_main_menu>li {
		float: none !important;
		display: block !important;
		margin: 0 !important;
		position: relative !important;
		height: 85px !important;
	}

	.jl_main_menu>li>a {
		padding: 0 15px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-family: var(--font-geometric) !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.8px !important;
		white-space: nowrap !important;
		color: #121416 !important;
		transition: color 0.3s;
		height: 85px !important;
	}

	.jl_main_menu>li>a:hover {
		color: var(--primary-color) !important;
	}

	.options_dark_skin .jl_main_menu>li>a {
		color: #ddd !important;
	}

	.options_dark_skin .jl_main_menu>li>a:hover {
		color: var(--primary-color) !important;
	}

	.sbnc-hamburger-trigger {
		display: none !important;
	}
}

/* Dark / Light mode toggle styling */
.jl_day_night {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
	margin-left: 0 !important;
	height: auto !important;
	line-height: 1 !important;
	float: none !important;
}

.jl_day_night .jl_moon,
.jl_day_night .jl_sun {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 18px !important;
	color: #121416 !important;
	transition: color 0.3s;
	float: none !important;
	width: auto !important;
	height: auto !important;
	line-height: 1 !important;
}

.jl_day_night .jl_moon i,
.jl_day_night .jl_sun i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	transform: none !important;
}

.options_dark_skin .jl_day_night .jl_moon,
.options_dark_skin .jl_day_night .jl_sun {
	color: #fff !important;
}

.jl_day_night .jl_sun {
	display: none !important;
}

.jl_day_night.jl_night_en .jl_moon {
	display: none !important;
}

.jl_day_night.jl_night_en .jl_sun {
	display: inline-flex !important;
}

.options_dark_skin .jlm_w span {
	background: #fff !important;
}

.jlm_w span {
	background: #121416 !important;
}

/* Dark mode base: headings & body */
.options_dark_skin {
	background-color: #0c0d0e !important;
	color: #e0e0e0;
}

.options_dark_skin h1,
.options_dark_skin h2,
.options_dark_skin h3,
.options_dark_skin h4,
.options_dark_skin h5,
.options_dark_skin h6 {
	color: #e0e0e0 !important;
}

.options_dark_skin a {
	color: inherit;
}

/* =========================================================
   Utility classes replacing inline styles in PHP templates
   ========================================================= */

/* Post title links (replaces inline color: #121416) */
.sbnc-post-link {
	color: #121416;
	text-decoration: none;
}

.sbnc-post-link:hover {
	color: var(--primary-color) !important;
	text-decoration: none;
}

.options_dark_skin .sbnc-post-link {
	color: #e0e0e0 !important;
}

.options_dark_skin .sbnc-post-link:hover {
	color: var(--primary-color) !important;
}

/* Grid post titles (h4 in grid sections) */
.sbnc-grid-post-title {
	font-size: 16px;
	font-weight: 800;
	line-height: 1.35;
	margin: 0 0 6px 0;
	max-height: 2.7em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.options_dark_skin .sbnc-grid-post-title {
	color: #e0e0e0 !important;
}

/* Grid post meta (category • date) */
.sbnc-grid-post-meta {
	font-size: 11px;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 6px;
	text-transform: uppercase;
}

/* Minutes read label */
.sbnc-mins-read {
	font-size: 11px;
	color: #888;
	text-transform: uppercase;
	font-weight: 600;
}

.options_dark_skin .sbnc-mins-read {
	color: #aaa;
}

/* Hero date label */
.sbnc-hero-date {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
}

/* Single post card wrapper */
.sbnc-post-card-bg {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
	margin-bottom: 30px;
}

.options_dark_skin .sbnc-post-card-bg {
	background: #18191c !important;
	border-color: #242528 !important;
}

/* Single post title */
.sbnc-single-post-title {
	font-size: 34px;
	font-weight: 800;
	line-height: 1.25;
	margin-top: 10px;
	margin-bottom: 15px;
	clear: both;
	color: #121416;
}

.options_dark_skin .sbnc-single-post-title {
	color: #e0e0e0 !important;
}

/* Post content body */
.sbnc-post-content {
	font-size: 16px;
	line-height: 1.7;
	color: #222;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.options_dark_skin .sbnc-post-content {
	color: #d0d0d0 !important;
}

/* Author bio box */
.sbnc-author-bio {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 25px;
	background: #fdf2f4;
	display: flex;
	align-items: center;
	border-radius: 8px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.options_dark_skin .sbnc-author-bio {
	background: #1a1b1f !important;
	border: 1px solid #242528;
}

.sbnc-author-bio-avatar {
	margin-right: 20px;
	flex-shrink: 0;
}

.sbnc-author-bio h4 {
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: 700;
	color: #121416;
}

.options_dark_skin .sbnc-author-bio h4 {
	color: #e0e0e0 !important;
}

.sbnc-author-bio p {
	margin: 0;
	font-size: 16px;
	line-height: 1.4;
	color: #555;
}

.options_dark_skin .sbnc-author-bio p {
	color: #bbb !important;
}

/* Social share strip on single posts */
.sbnc-share-strip {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%;
}

.options_dark_skin .sbnc-share-strip {
	border-bottom-color: #242528;
}

.sbnc-share-label {
	font-weight: 700;
	margin-right: 15px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #121416;
}

.options_dark_skin .sbnc-share-label {
	color: #e0e0e0;
}

/* Related posts section */
.sbnc-related-posts {
	margin-top: 40px;
	float: left;
	width: 100%;
}

.sbnc-related-title {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: 700;
	color: #121416;
}

.options_dark_skin .sbnc-related-title {
	border-bottom-color: #242528;
	color: #e0e0e0 !important;
}

/* Comments section */
.sbnc-comments-section {
	margin-top: 40px;
	float: left;
	width: 100%;
}

/* Section spacing helpers */
.sbnc-section-mb {
	margin-bottom: 40px;
	float: left;
	width: 100%;
}

.sbnc-hero-left-col {
	margin-bottom: 30px;
}

/* Footer wrapper reset (removes inline styles) */
.sbnc-footer {
	padding: 0;
	background: #fff;
	border-top: 1px solid #fbe7ea;
	float: left;
	width: 100%;
}

.options_dark_skin .sbnc-footer {
	background: #141518 !important;
	border-top-color: #242528;
}

.sbnc-footer-inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

/* Trending widget title */
.sbnc-trending-title {
	font-size: 20px;
	font-weight: 800;
	color: #121416;
	margin: 0;
	border: none;
	padding: 0;
	text-transform: capitalize;
}

.options_dark_skin .sbnc-trending-title {
	color: #e0e0e0 !important;
}

/* Dark mode base styling */
.options_dark_skin {
	background-color: #121212;
	color: #e0e0e0;
}

.options_dark_skin a {
	color: #a0c4ff;
}

.options_dark_skin .jl_main_menu>li>a {
	color: #e0e0e0 !important;
}

.options_dark_skin .jl_main_menu>li>a:hover {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-hero-left-title,
.options_dark_skin .sbnc-hero-right-title {
	color: #e0e0e0 !important;
}

.options_dark_skin .sbnc-hero-left-desc {
	color: #bbbbbb;
}

.options_dark_skin .jl_day_night .jl_moon,
.options_dark_skin .jl_day_night .jl_sun {
	color: #ffffff;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.jl_main_menu {
		gap: 12px !important;
	}

	.jl_main_menu>li>a {
		font-size: 13px !important;
	}

	.sbnc-shop-btn {
		padding: 6px 12px !important;
		font-size: 11px !important;
	}

	.sbnc-header-logo-col img.custom-logo,
	.sbnc-header-logo-col .custom-logo {
		max-height: 45px !important;
	}
}

/* Mobile & Tablet Styles */
@media (max-width: 991px) {
	.sbnc-brand-logo .logo-cursive {
		font-size: 24px;
	}

	.sbnc-brand-logo .logo-sub {
		font-size: 8px;
	}

	.sbnc-header-menu-col {
		display: none !important;
	}

	.jl_day_night.sbnc-dark-toggle {
		margin-right: 10px !important;
	}

	.sbnc-shop-btn-wrapper {
		margin-right: 10px !important;
	}

	.sbnc-shop-btn {
		padding: 6px 12px !important;
		font-size: 11px !important;
		margin-right: 0 !important;
	}

	.sbnc-search-wrapper {
		margin-right: 0px !important;
	}

	.sbnc-header-logo-col img.custom-logo,
	.sbnc-header-logo-col .custom-logo {
		max-height: 40px !important;
	}
}

/* SHOP Button */
.sbnc-shop-btn {
	background: var(--primary-color) !important;
	color: #fff !important;
	padding: 8px 20px !important;
	border-radius: 30px !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	display: inline-flex;
	align-items: center;
	transition: background 0.3s;
	border: none !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.sbnc-shop-btn:hover {
	background: var(--primary-hover) !important;
	color: #fff !important;
}

/* Shop Menu Dropdown styling */
.sbnc-shop-btn-wrapper {
	position: relative;
	display: inline-block;
	height: auto;
	margin-right: 15px !important;
}

.sbnc-shop-submenu {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #fbe7ea;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.08);
	padding: 10px 0 !important;
	list-style: none !important;
	min-width: 170px;
	z-index: 100000;
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.25s ease;
	margin: 0;
}

/* Bridge the gap to prevent cursor leave closed dropdown */
.sbnc-shop-submenu::before {
	content: '';
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	height: 15px;
	background: transparent;
}

.options_dark_skin .sbnc-shop-submenu {
	background: #18191c !important;
	border-color: #242528 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

.sbnc-shop-submenu li {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sbnc-shop-submenu li a {
	display: block !important;
	padding: 8px 20px !important;
	color: #121416 !important;
	font-family: var(--font-geometric) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: all 0.2s !important;
	text-align: left !important;
}

.options_dark_skin .sbnc-shop-submenu li a {
	color: #ddd !important;
}

.sbnc-shop-submenu li a:hover {
	background: #fef2f4 !important;
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-shop-submenu li a:hover {
	background: #2b1d20 !important;
	color: var(--primary-color) !important;
}

/* Hover & Active show */
.sbnc-shop-btn-wrapper:hover .sbnc-shop-submenu,
.sbnc-shop-submenu.active {
	visibility: visible !important;
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/* Social icons round */
.sbnc-social-icons {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
}

.sbnc-social-icons li {
	margin-left: 8px;
}

.sbnc-social-icons li a {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #121416;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #121416 !important;
	transition: all 0.3s;
	font-size: 14px;
}

.options_dark_skin .sbnc-social-icons li a {
	border-color: #ddd;
	color: #ddd !important;
}

.sbnc-social-icons li a:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff !important;
}

/* Hero Section Layout */
.sbnc-hero-container {
	margin-top: 30px;
	margin-bottom: 40px;
	align-items: stretch !important;
	/* both cols stretch to tallest */
}

/* Left column — flex column so content stacks */
.sbnc-hero-left-col {
	display: flex;
	flex-direction: column;
	padding-right: 12px;
}

.sbnc-hero-left {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 20px;
}

.sbnc-hero-img-box {
	position: relative;
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: center;
	border-radius: 12px;
	transition: transform 0.5s;
}

.sbnc-hero-left:hover .sbnc-hero-img-box {
	transform: scale(1.02);
}

.sbnc-hero-badge {
	position: absolute;
	bottom: 25px;
	left: 25px;
	background: var(--primary-color);
	color: #fff;
	padding: 6px 16px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.sbnc-hero-left-title {
	font-size: 28px;
	font-weight: 800;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #121416;
	line-height: 1.25;
}

.sbnc-hero-left-title a {
	color: #121416 !important;
}

.sbnc-hero-left-title a:hover {
	color: var(--primary-color) !important;
}

.sbnc-hero-left-desc {
	color: #555;
	font-size: 16px;
	line-height: 1.6;
}

/* ═══ Hero Right column — all canonical styles here ═══ */
.sbnc-hero-right-col {
	padding-left: 12px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	height: 100% !important;
	/* stretch to match Bootstrap col height */
}

/* Each card takes equal share of the column */
.sbnc-hero-right-card {
	background: #fff !important;
	border: 1px solid #f0e0e4 !important;
	border-radius: 12px !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	transition: box-shadow 0.25s, transform 0.25s !important;
}

.sbnc-hero-right-card:hover {
	box-shadow: 0 8px 24px rgba(255, 86, 106, 0.14) !important;
	transform: translateY(-3px) !important;
}

.options_dark_skin .sbnc-hero-right-card {
	background: #18191c !important;
	border-color: #2b2c30 !important;
}

/* Image wrapper — fixed height, does NOT grow */
.sbnc-hero-right-img-wrapper {
	position: relative !important;
	width: 100% !important;
	overflow: hidden !important;
	border-radius: 12px 12px 0 0 !important;
	flex-shrink: 0 !important;
	height: 225px !important;
}

/* Image link fills the wrapper */
.sbnc-hero-right-img-link {
	display: block !important;
	height: 100% !important;
	width: 100% !important;
	overflow: hidden !important;
	text-decoration: none !important;
}

/* Image fills the link block */
.sbnc-hero-right-img {
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center !important;
	display: block !important;
	transition: transform 0.4s ease !important;
}

.sbnc-hero-right-img-link:hover .sbnc-hero-right-img {
	transform: scale(1.05) !important;
}

/* Card body grows to fill remaining card space */
.sbnc-hero-right-body {
	padding: 14px 16px 16px !important;
	flex: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	background: inherit !important;
}

/* Red category label */
.sbnc-hero-right-tag {
	display: block !important;
	position: static !important;
	color: var(--primary-color) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.6px !important;
	margin-bottom: 8px !important;
	background: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Post title */
.sbnc-hero-right-title {
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #121416 !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

.sbnc-hero-right-title a {
	color: #121416 !important;
	text-decoration: none !important;
}

.sbnc-hero-right-title a:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-hero-right-title {
	color: #e0e0e0 !important;
}

/* Category grid: "Browse by Category" */
.sbnc-browse-cat-section {
	background: var(--bg-secondary);
	padding: 50px 0;
	margin: 40px 0;
	width: 100%;
}

.sbnc-browse-cat-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.sbnc-browse-cat-title {
	font-size: 30px;
	font-weight: 800;
	margin: 0;
	color: #121416;
}

.sbnc-browse-cat-title span {
	color: var(--primary-color);
}

.sbnc-cat-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

@media (max-width: 991px) {
	.sbnc-cat-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.sbnc-cat-grid {
		grid-template-columns: 1fr;
	}
}

.sbnc-cat-card {
	background: #fff;
	border-radius: 12px;
	padding: 25px 20px;
	text-align: center;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.03);
	transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1),
		box-shadow 0.22s cubic-bezier(0.25, 1, 0.5, 1),
		border-color 0.22s cubic-bezier(0.25, 1, 0.5, 1),
		background 0.22s ease-out;
	text-decoration: none !important;
	border: 1px solid #fbe7ea;
	display: block;
}

.sbnc-cat-card:hover {
	transform: translateY(-7px) scale(1.01);
	box-shadow: 0 12px 32px rgba(255, 86, 106, 0.15);
	background: var(--bg-secondary);
	border-color: var(--primary-color);
}

.sbnc-cat-icon-wrapper {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: var(--bg-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px auto;
	font-size: 18px;
	color: var(--primary-color);
	transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1),
		background-color 0.22s ease-out,
		color 0.22s ease-out;
}

.sbnc-cat-card:hover .sbnc-cat-icon-wrapper {
	transform: scale(1.12);
	background: var(--primary-color) !important;
	color: #fff !important;
}

.sbnc-cat-card-title {
	font-size: 15px;
	font-weight: 600;
	color: #121416;
	margin-bottom: 3px;
	transition: color 0.22s ease-out;
}

.sbnc-cat-card:hover .sbnc-cat-card-title {
	color: var(--primary-color) !important;
}

.sbnc-cat-card-count {
	font-size: 12px;
	color: #777;
}

/* Category Listing section styling (e.g. Fitting Studio) */
.sbnc-section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
}

.sbnc-section-title {
	font-size: 24px;
	font-weight: 800;
	margin: 0;
	color: #121416;
}

.sbnc-view-all-link {
	color: var(--primary-color) !important;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.sbnc-view-all-link i {
	margin-left: 5px;
	font-size: 11px;
}

/* Sidebar styling */
.sbnc-sidebar-search-wrap {
	position: relative;
	margin-bottom: 35px;
}

.sbnc-sidebar-search {
	background: var(--bg-secondary) !important;
	border: 1px solid #fbe7ea !important;
	border-radius: 30px !important;
	width: 100% !important;
	padding: 12px 45px 12px 20px !important;
	font-size: 16px !important;
	height: auto !important;
	box-sizing: border-box;
}

.sbnc-sidebar-search-wrap i {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #777;
	font-size: 16px;
}

.sbnc-trending-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sbnc-trending-widget li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4;
}

.sbnc-trending-widget li::before {
	content: "\2022";
	color: var(--primary-color);
	position: absolute;
	left: 0;
	font-size: 18px;
	line-height: 1;
	top: -1px;
}

.sbnc-trending-widget li a {
	color: #121416;
	transition: color 0.2s;
}

.sbnc-trending-widget li a:hover {
	color: var(--primary-color) !important;
}

/* Footer split layout overrides */
.sbnc-footer {
	background: #fff;
	color: #121416;
	border-top: 1px solid #fbe7ea;
	width: 100%;
	overflow: hidden;
}

.sbnc-footer-inner-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Left Section: Pink Satin/Silk Background */
.sbnc-footer-left-section {
	background: linear-gradient(rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.78)), url('images/pink_satin_bg.png') no-repeat center center / cover !important;
	flex: 0 0 42% !important;
	max-width: 42% !important;
	padding: 60px 40px 60px 60px !important;
	box-sizing: border-box !important;
	position: relative;
}

.sbnc-footer-left-content {
	display: flex !important;
	justify-content: space-between !important;
	width: 100% !important;
}

/* About Boutique Column */
.sbnc-footer-about-col {
	flex: 0 0 52% !important;
	max-width: 52% !important;
	padding-right: 25px !important;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 86, 106, 0.15);
	/* Vertical divider */
}

/* Logo container & Custom Logo image wrapper */
.sbnc-footer-logo-wrap {
	margin-bottom: 15px !important;
}

.sbnc-footer-custom-logo {
	margin-bottom: 12px !important;
}

.sbnc-footer-custom-logo img {
	max-height: 48px !important;
	width: auto !important;
	display: block !important;
}

/* Logo Cursive Styling matching mockup */
.sbnc-footer-logo-title {
	font-family: 'Dancing Script', cursive !important;
	font-size: 42px !important;
	font-weight: 700 !important;
	color: var(--primary-color) !important;
	margin-bottom: 2px !important;
	line-height: 1.1 !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.sbnc-footer-logo-sub {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 4px !important;
	color: #3f3f3f !important;
	margin-top: -5px !important;
	padding-left: 5px !important;
}

.sbnc-footer-about {
	font-family: var(--font-geometric) !important;
	font-size: 12.5px !important;
	line-height: 1.6 !important;
	color: #121416 !important;
	font-weight: 500 !important;
	margin-top: 15px !important;
	margin-bottom: 25px !important;
}

/* Social Icons */
.sbnc-footer-socials {
	display: flex !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 25px 0 !important;
}

.sbnc-footer-socials li {
	margin-right: 12px !important;
}

.sbnc-footer-socials li a {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: #121416 !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: background 0.3s, transform 0.2s !important;
	font-size: 13px !important;
	text-decoration: none !important;
}

.sbnc-footer-socials li a:hover {
	background: var(--primary-color) !important;
	transform: scale(1.1);
}

/* Integrated Copyright */
.sbnc-footer-copyright-text {
	font-family: var(--font-geometric) !important;
	font-size: 12px !important;
	color: #121416 !important;
	font-weight: 500 !important;
}

/* Shop From Column */
.sbnc-footer-shop-col {
	flex: 0 0 45% !important;
	max-width: 45% !important;
	padding-left: 20px !important;
	box-sizing: border-box;
}

.sbnc-footer-menu-title {
	font-family: var(--font-geometric) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #121416 !important;
	margin-bottom: 25px !important;
}

.sbnc-footer-menu-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.sbnc-footer-menu-list li {
	margin-bottom: 15px !important;
}

.sbnc-footer-menu-list li a {
	display: flex !important;
	align-items: center !important;
	color: #121416 !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
}

.sbnc-footer-menu-list li a:hover {
	color: var(--primary-color) !important;
	transform: translateX(3px);
}

.sbnc-footer-menu-icon {
	margin-right: 12px !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	border: 1px solid rgba(255, 86, 106, 0.25) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.25s ease !important;
	background: #fff !important;
}

.sbnc-footer-menu-list li a:hover .sbnc-footer-menu-icon {
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 8px rgba(255, 86, 106, 0.2);
	transform: scale(1.1);
}

/* Right Section: Map grid background containing Store Locator */
.sbnc-footer-right-section {
	background: url('images/map_grid_bg.png') repeat center center !important;
	flex: 0 0 58% !important;
	max-width: 58% !important;
	padding: 60px 60px 60px 40px !important;
	box-sizing: border-box !important;
}

.sbnc-footer-right-content {
	width: 100% !important;
}

/* Find a store header & bouncing marker icon styling */
.sbnc-footer-find-store-header {
	margin-bottom: 25px !important;
	display: flex !important;
	justify-content: center !important;
}

.sbnc-footer-find-store-title {
	font-family: 'Playfair Display', serif !important;
	font-size: 52px !important;
	font-weight: 700 !important;
	color: var(--primary-color) !important;
	margin: 0 !important;
	position: relative !important;
	display: inline-block !important;
}

.sbnc-title-marker-icon {
	position: absolute !important;
	top: -20px !important;
	right: 110px !important;
	/* Positions it nicely above/near "a store" */
	fill: var(--primary-color) !important;
	animation: sbncBounce 2s infinite ease-in-out;
}

@keyframes sbncBounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}
}

/* Store AJAX search form pill design */
.sbnc-store-search-form {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	max-width: 420px !important;
	margin: 0 auto 35px auto !important;
	position: relative !important;
	background: #fff !important;
	border: 1px solid var(--primary-color) !important;
	border-radius: 6px !important;
	/* Match mockup: small rounded corners */
	padding: 0 !important;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.03) !important;
	box-sizing: border-box !important;
}

.sbnc-store-search-input-wrap {
	display: flex !important;
	align-items: center !important;
	flex: 1 !important;
	position: relative !important;
}

.sbnc-store-search-input {
	width: 100% !important;
	border: none !important;
	background: transparent !important;
	padding: 12px 35px 12px 15px !important;
	font-size: 14px !important;
	color: #121416 !important;
	height: 42px !important;
	box-sizing: border-box !important;
}

.sbnc-store-search-clear {
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	cursor: pointer !important;
	color: #aaa !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: color 0.2s !important;
}

.sbnc-store-search-clear:hover {
	color: var(--primary-color) !important;
}

.sbnc-store-search-btn {
	background: var(--primary-color) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0 5px 5px 0 !important;
	padding: 0 25px !important;
	height: 42px !important;
	line-height: 42px !important;
	cursor: pointer !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	transition: background 0.3s !important;
}

.sbnc-store-search-btn:hover {
	background: var(--primary-hover) !important;
}

/* Store grid & Card Design matching mockup */
.sbnc-store-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 20px !important;
	width: 100% !important;
	align-items: start !important;
}

/* ── Store Card: Premium Click-to-Expand Accordion ── */
.sbnc-store-card {
	background: #ffffff !important;
	border-radius: 20px !important;
	border: 1px solid rgba(255, 86, 106, 0.07) !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.015) !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	position: relative !important;
	transition: border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
	cursor: pointer !important;
}

/* Gentle interactive lift on hover to invite user clicks */
.sbnc-store-card:hover {
	transform: translateY(-4px) !important;
	border-color: rgba(255, 86, 106, 0.22) !important;
	box-shadow: 0 10px 25px rgba(255, 86, 106, 0.04) !important;
}

/* Expanded card state shadow and border styling */
.sbnc-store-card.is-expanded {
	border-color: rgba(255, 86, 106, 0.35) !important;
	box-shadow: 0 16px 40px rgba(255, 86, 106, 0.1) !important;
	transform: translateY(-2px) !important;
}

/* Header: store name + interactive expand icon */
.sbnc-store-card-header {
	padding: 16px 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 15px !important;
	position: relative !important;
}

.sbnc-store-header-left {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	flex-grow: 1 !important;
}

.sbnc-store-pin-wrap {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: #fff0f2 !important;
	color: #ff566a !important;
	flex-shrink: 0 !important;
}

.sbnc-store-header-pin {
	stroke: #ff566a !important;
	color: #ff566a !important;
}

.sbnc-store-name {
	font-family: var(--font-geometric) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #1a202c !important;
	margin: 0 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.2px !important;
	flex-grow: 1 !important;
	transition: color 0.3s ease !important;
}

.sbnc-store-card:hover .sbnc-store-name,
.sbnc-store-card.is-expanded .sbnc-store-name {
	color: #ff566a !important;
}

.sbnc-store-expand-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #fff0f2 !important;
	color: #ff566a !important;
	flex-shrink: 0 !important;
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		background 0.4s ease,
		color 0.4s ease !important;
}

.sbnc-store-expand-icon svg {
	stroke: currentColor !important;
	width: 14px !important;
	height: 14px !important;
}

.sbnc-store-card:hover .sbnc-store-expand-icon {
	background: #ffe3e6 !important;
}

.sbnc-store-card.is-expanded .sbnc-store-expand-icon {
	transform: rotate(90deg) !important;
	background: linear-gradient(135deg, #ff566a, #ff758c) !important;
	color: #ffffff !important;
}

/* Expandable details container (expanded when .is-expanded is active) */
.sbnc-store-details {
	max-height: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	transition: max-height 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease !important;
}

.sbnc-store-card.is-expanded .sbnc-store-details {
	max-height: 420px !important;
	opacity: 1 !important;
}

.sbnc-store-details-inner {
	padding: 0 26px 26px 26px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

/* Badge showing the State name */
.sbnc-store-state-badge {
	display: inline-block !important;
	background: linear-gradient(135deg, rgba(255, 86, 106, 0.1), rgba(255, 142, 83, 0.1)) !important;
	color: #ff566a !important;
	font-family: var(--font-geometric) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	padding: 5px 12px !important;
	border-radius: 30px !important;
	width: fit-content !important;
}

.sbnc-store-info-item {
	display: flex !important;
	align-items: flex-start !important;
}

.sbnc-store-icon-wrap {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 86, 106, 0.05) !important;
	margin-right: 12px !important;
	flex-shrink: 0 !important;
	transition: background 0.3s ease, transform 0.3s ease !important;
}

.sbnc-store-card.is-expanded .sbnc-store-icon-wrap {
	background: rgba(255, 86, 106, 0.12) !important;
}

.sbnc-store-svg {
	color: #ff566a !important;
	width: 13px !important;
	height: 13px !important;
	flex-shrink: 0 !important;
}

.sbnc-store-addr-text,
.sbnc-store-phone-text {
	font-family: var(--font-geometric) !important;
	font-size: 13px !important;
	color: #4a5568 !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
	padding-top: 3px !important;
}

/* Get Directions footer button style */
.sbnc-store-card-footer {
	margin-top: 6px !important;
}

.sbnc-store-dir-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	background: linear-gradient(135deg, #ff566a 0%, #ff758c 100%) !important;
	color: #ffffff !important;
	font-family: var(--font-geometric) !important;
	font-weight: 700 !important;
	font-size: 12.5px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	text-decoration: none !important;
	padding: 13px 20px !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.2) !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}

.sbnc-store-dir-btn svg {
	stroke: #ffffff !important;
	transition: transform 0.3s ease !important;
}

.sbnc-store-card.is-expanded .sbnc-store-dir-btn {
	box-shadow: 0 6px 20px rgba(255, 86, 106, 0.35) !important;
	transform: translateY(-1px) !important;
}

.sbnc-store-card.is-expanded .sbnc-store-dir-btn svg {
	transform: translateX(4px) !important;
}




/* Responsive Overrides */
@media (max-width: 1200px) {
	.sbnc-store-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.sbnc-footer-left-section {
		flex: 0 0 45% !important;
		max-width: 45% !important;
	}

	.sbnc-footer-right-section {
		flex: 0 0 55% !important;
		max-width: 55% !important;
	}
}

@media (max-width: 991px) {

	.sbnc-footer-left-section,
	.sbnc-footer-right-section {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding: 50px 30px !important;
	}

	.sbnc-footer-about-col {
		border-right: none !important;
		padding-right: 0 !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-bottom: 30px !important;
	}

	.sbnc-footer-shop-col {
		padding-left: 0 !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.sbnc-footer-left-content {
		flex-direction: column !important;
	}

	.sbnc-store-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 575px) {
	.sbnc-store-grid {
		grid-template-columns: 1fr !important;
	}

	.sbnc-footer-find-store-title {
		font-size: 38px !important;
	}

	.sbnc-title-marker-icon {
		top: -15px !important;
		right: 80px !important;
		width: 28px !important;
		height: 28px !important;
	}
}

/* Dark mode skin color adjustments */
.options_dark_skin {
	background-color: #0c0d0e !important;
}

.options_dark_skin .sbnc-footer {
	background: #0c0d0e !important;
	border-top-color: #242528 !important;
}

.options_dark_skin .sbnc-footer-left-section {
	background: linear-gradient(rgba(12, 13, 14, 0.8), rgba(12, 13, 14, 0.8)), url('images/pink_satin_bg.png') no-repeat center center / cover !important;
}

.options_dark_skin .sbnc-footer-right-section {
	background: linear-gradient(rgba(12, 13, 14, 0.94), rgba(12, 13, 14, 0.94)), url('images/map_grid_bg.png') repeat center center !important;
}

.options_dark_skin .sbnc-footer-about-col {
	border-right-color: rgba(255, 86, 106, 0.3) !important;
}

.options_dark_skin .sbnc-footer-about {
	color: #bbb !important;
}

.options_dark_skin .sbnc-footer-logo-sub {
	color: #bbb !important;
}

.options_dark_skin .sbnc-footer-copyright-text {
	color: #888 !important;
}

.options_dark_skin .sbnc-footer-menu-title {
	color: #fff !important;
}

.options_dark_skin .sbnc-footer-menu-list li a {
	color: #ddd !important;
}

.options_dark_skin .sbnc-footer-menu-list li a:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-footer-menu-icon {
	background: #18191c !important;
	border-color: rgba(255, 86, 106, 0.4) !important;
}

.options_dark_skin .sbnc-store-search-form {
	background: #18191c !important;
	border-color: #242528 !important;
	box-shadow: none !important;
}

.options_dark_skin .sbnc-store-search-input {
	color: #fff !important;
}

.options_dark_skin .sbnc-store-card {
	background: #151619 !important;
	border-color: rgba(255, 86, 106, 0.15) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.options_dark_skin .sbnc-store-card:hover {
	border-color: rgba(255, 86, 106, 0.4) !important;
	box-shadow: 0 15px 35px rgba(255, 86, 106, 0.15) !important;
}

.options_dark_skin .sbnc-store-state-badge {
	background: rgba(255, 86, 106, 0.15) !important;
	color: #FF566A !important;
}

.options_dark_skin .sbnc-store-card h4 {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-store-addr-text,
.options_dark_skin .sbnc-store-phone-text {
	color: #b0b7c3 !important;
}

.options_dark_skin .sbnc-store-icon-wrap {
	background: rgba(255, 86, 106, 0.12) !important;
}

.options_dark_skin .sbnc-store-dir-btn {
	background: #231618 !important;
	border-color: rgba(255, 86, 106, 0.25) !important;
	color: #ff566a !important;
}

.options_dark_skin .sbnc-store-card:hover .sbnc-store-dir-btn {
	background: #ff566a !important;
	color: #fff !important;
	border-color: #ff566a !important;
}


.options_dark_skin .sbnc-browse-cat-section,
.options_dark_skin .sbnc-hero-right-card {
	background: #0c0d0e !important;
	border-color: #242528 !important;
	color: #ddd !important;
}

.options_dark_skin .sbnc-cat-card {
	background: #18191c !important;
	border-color: #242528 !important;
}

.options_dark_skin .sbnc-cat-card-title,
.options_dark_skin .sbnc-section-title,
.options_dark_skin .sbnc-hero-right-title,
.options_dark_skin .sbnc-hero-left-title a,
.options_dark_skin .sbnc-browse-cat-title {
	color: #fff !important;
}

.options_dark_skin .sbnc-sidebar-search {
	background: #18191c !important;
	border-color: #242528 !important;
	color: #fff !important;
}

.options_dark_skin .sbnc-trending-widget li a:hover {
	color: var(--primary-color) !important;
}

/* =========================================================
   Additional utility classes — new PHP class-based markup
   ========================================================= */

/* Homepage container spacing */
.sbnc-homepage-container {
	margin-top: 20px;
	margin-bottom: 50px;
}

/* Grid card item spacing */
.sbnc-grid-item {
	margin-bottom: 25px;
}

.sbnc-grid-card {
	border: none;
	padding: 0;
	margin-bottom: 0;
}

/* Post footer meta row: reading time + views count side by side */
.sbnc-post-footer-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 6px;
}

.sbnc-post-footer-meta .sbnc-mins-read {
	font-size: 12px;
	color: #888;
	font-weight: 500;
}

/* Views count badge */
.sbnc-views-count {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: #888;
	font-weight: 500;
}

.sbnc-views-count svg {
	flex-shrink: 0;
	opacity: 0.7;
}

/* Standalone .sbnc-mins-read (outside footer-meta) keeps original look */
span.sbnc-mins-read:not(.sbnc-post-footer-meta *) {
	font-size: 12px;
	color: #888;
}

/* Trending widget — views count badge */
.sbnc-trending-views {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 11px;
	color: #c0392b;
	font-weight: 600;
	margin-left: 4px;
}

.sbnc-trending-views svg {
	flex-shrink: 0;
	opacity: 0.85;
	stroke: #c0392b;
}

/* Single post sidebar — Trending list with views */
.sbnc-sidebar-trending-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sbnc-sidebar-trending-list li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
}

.sbnc-sidebar-trending-list li a {
	font-size: 13px;
	font-weight: 600;
	color: #222;
	text-decoration: none;
	line-height: 1.4;
	flex: 1;
	transition: color 0.2s;
}

.sbnc-sidebar-trending-list li a:hover {
	color: #c0392b;
}

.sbnc-sidebar-views {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 11px;
	font-weight: 600;
	color: #c0392b;
	white-space: nowrap;
	flex-shrink: 0;
	padding-top: 2px;
}

.sbnc-sidebar-views svg {
	flex-shrink: 0;
	stroke: #c0392b;
}


/* Homepage AJAX pagination loading state */
.sbnc-homepage-ajax-pagination.sbnc-paginating {
	opacity: 0.5;
	pointer-events: none;
}

#sbnc-latest-posts-grid {
	transition: opacity 0.3s ease;
}


.sbnc-grid-img-box {
	margin-bottom: 12px;
	border-radius: 8px;
	overflow: hidden;
	height: 160px;
	position: relative;
}

.sbnc-grid-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Featured image in single post */
.sbnc-featured-img {
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 8px;
}

/* Post meta bar spacing */
.sbnc-post-meta-bar {
	margin-bottom: 25px;
	display: block;
	font-size: 13px;
	color: #888;
}

.options_dark_skin .sbnc-post-meta-bar {
	color: #aaa;
}

.sbnc-post-meta-bar span {
	margin-right: 15px;
}

/* Breadcrumbs spacing */
.sbnc-breadcrumbs-wrap {
	margin-bottom: 20px;
	font-size: 13px;
}

/* Category badges spacing */
.sbnc-category-badges {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

/* Page links (multi-page posts) */
.sbnc-page-links {
	margin-top: 30px;
	font-weight: 700;
}

/* Related posts image */
.sbnc-related-img {
	margin-bottom: 12px;
	border-radius: 6px;
	overflow: hidden;
}

/* Share buttons list */
.sbnc-share-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

.sbnc-share-item {
	margin-right: 10px;
}

.sbnc-share-btn {
	padding: 6px 14px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	color: #fff !important;
	text-decoration: none !important;
}

.sbnc-share-btn i {
	margin-right: 6px;
}

.sbnc-share-fb {
	background: #3b5998;
}

.sbnc-share-tw {
	background: #1da1f2;
}

.sbnc-share-pin {
	background: #bd081c;
}

/* Sidebar padding */
.sbnc-sidebar-pad {
	padding-left: 20px;
}

/* Visually hidden (for screen readers only) */
.sbnc-visually-hidden {
	display: none;
}

/* Trending widget header */
.sbnc-trending-widget-header {
	margin-bottom: 25px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
}

.options_dark_skin .sbnc-trending-widget-header {
	border-bottom-color: #242528;
}

/* Browse all categories link */
.sbnc-all-cats-link {
	color: var(--primary-color) !important;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none !important;
}

/* Footer logo sub-heading */
.sbnc-footer-logo-sub {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #121416;
	display: block;
	letter-spacing: 2px;
	margin-top: 5px;
}

.options_dark_skin .sbnc-footer-logo-sub {
	color: #ddd;
}

/* Footer menu SVG icon wrapper */
.sbnc-footer-menu-icon {
	margin-right: 10px;
	display: inline-flex;
	flex-shrink: 0;
}

/* Store icon */
.sbnc-store-svg {
	color: var(--primary-color);
	margin-right: 8px;
	flex-shrink: 0;
}

/* Store empty state */
.sbnc-store-empty {
	grid-column: 1 / -1;
}

/* Dark mode footer menu links */
.options_dark_skin .sbnc-footer-menu-list li a {
	color: #ddd !important;
}

.options_dark_skin .sbnc-footer-menu-list li a:hover {
	color: var(--primary-color) !important;
}

/* Dark mode footer titles */
.options_dark_skin .sbnc-footer-menu-title,
.options_dark_skin .sbnc-footer-find-store-title {
	color: inherit !important;
}

/* Dark mode store cards */
.options_dark_skin .sbnc-store-card h4 {
	color: #e0e0e0 !important;
}

.options_dark_skin .sbnc-store-info-item {
	color: #aaa !important;
}

/* Mobile responsive fixes for new layout */
@media (max-width: 991px) {
	.sbnc-sidebar-pad {
		padding-left: 0;
	}

	.sbnc-grid-img-box {
		height: 140px;
	}
}

@media (max-width: 767px) {
	.sbnc-share-item {
		margin-bottom: 6px;
	}

	.sbnc-share-list {
		flex-wrap: wrap;
	}

	.sbnc-post-meta-bar span {
		display: block;
		margin-bottom: 4px;
	}
}

/* =========================================================
   Contrast & readability improvements — match screenshots
   ========================================================= */

/* Post title links — always high contrast */
.sbnc-post-link,
.sbnc-post-link:visited {
	color: #121416 !important;
	text-decoration: none !important;
}

.sbnc-post-link:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-post-link,
.options_dark_skin .sbnc-post-link:visited {
	color: #e8e8e8 !important;
}

.options_dark_skin .sbnc-post-link:hover {
	color: var(--primary-color) !important;
}

/* Hero titles */
.sbnc-hero-left-title {
	font-size: 28px;
	font-weight: 800;
	line-height: 1.25;
	margin-top: 14px;
	margin-bottom: 10px;
	color: #0d0d0e !important;
}

.options_dark_skin .sbnc-hero-left-title {
	color: #f0f0f0 !important;
}

.sbnc-hero-left-desc {
	color: #444 !important;
	font-size: 16px;
	line-height: 1.65;
}

.options_dark_skin .sbnc-hero-left-desc {
	color: #bbb !important;
}

.sbnc-hero-right-title {
	font-size: 17px;
	font-weight: 600;
	color: #0d0d0e !important;
	line-height: 1.35;
	margin-top: 6px;
	margin-bottom: 0;
}

.options_dark_skin .sbnc-hero-right-title {
	color: #f0f0f0 !important;
}

/* Grid post titles */
.sbnc-grid-post-title {
	font-size: 16px;
	font-weight: 800;
	line-height: 1.4;
	margin: 8px 0 6px 0;
	color: #121416 !important;
}

.options_dark_skin .sbnc-grid-post-title {
	color: #e0e0e0 !important;
}

/* Grid meta */
.sbnc-grid-post-meta {
	font-size: 10px;
	font-weight: 700;
	color: var(--primary-color) !important;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* Section & category headings */
.sbnc-section-title {
	font-size: 22px;
	font-weight: 600;
	color: #0d0d0e !important;
	margin: 0;
}

.options_dark_skin .sbnc-section-title {
	color: #f0f0f0 !important;
}

.sbnc-browse-cat-title {
	font-size: 30px;
	font-weight: 600;
	color: #0d0d0e !important;
	margin: 0;
}

.sbnc-browse-cat-title span {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-browse-cat-title {
	color: #f0f0f0 !important;
}

.sbnc-cat-card-title {
	font-size: 16px;
	font-weight: 600;
	color: #121416 !important;
	margin-bottom: 4px;
}

.sbnc-cat-card-count {
	font-size: 12px;
	color: #777 !important;
}

.options_dark_skin .sbnc-cat-card-title {
	color: #e0e0e0 !important;
}

.options_dark_skin .sbnc-cat-card-count {
	color: #aaa !important;
}

/* Sidebar SEARCH label */
.sbnc-sidebar-section-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #121416 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin-bottom: 14px !important;
	border: none !important;
	padding: 0 !important;
}

.options_dark_skin .sbnc-sidebar-section-title {
	color: #e0e0e0 !important;
}

/* Trending */
.sbnc-trending-title {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #121416 !important;
}

.options_dark_skin .sbnc-trending-title {
	color: #e0e0e0 !important;
}

.sbnc-trending-widget li a {
	color: #121416 !important;
	font-weight: 600;
	font-size: 13px;
}

.sbnc-trending-widget li a:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-trending-widget li a {
	color: #ddd !important;
}

/* Hero date */
.sbnc-hero-date {
	color: var(--primary-color) !important;
	font-size: 13px;
	font-weight: 700;
	display: block;
	margin-top: 14px;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* Bottom Fitting Studio section */
.sbnc-bottom-section {
	margin-top: 0;
	margin-bottom: 50px;
}

.sbnc-bottom-grid-img {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 12px;
	position: relative;
}

.sbnc-bottom-grid-img img,
.sbnc-bottom-grid-img .wp-post-image {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
	border-radius: 8px;
}

.sbnc-grid-img-box .sbnc-featured-lang-badge,
.sbnc-bottom-grid-img .sbnc-featured-lang-badge {
	bottom: 8px !important;
	right: 8px !important;
	padding: 4px 10px !important;
	font-size: 12px !important;
	gap: 8px !important;
}

.sbnc-bottom-post-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 6px 0;
	color: #121416 !important;
}

.options_dark_skin .sbnc-bottom-post-title {
	color: #e0e0e0 !important;
}

/* Mins read */
.sbnc-mins-read {
	font-size: 11px;
	color: #888 !important;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2px;
	display: block;
	margin-top: 4px;
}

.options_dark_skin .sbnc-mins-read {
	color: #aaa !important;
}

/* Section header border */
.sbnc-section-header {
	border-bottom: 1px solid #efefef;
	padding-bottom: 12px;
	margin-bottom: 22px;
}

.options_dark_skin .sbnc-section-header {
	border-bottom-color: #242528;
}

/* View All / Browse All link */
.sbnc-view-all-link {
	color: var(--primary-color) !important;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 4px;
}

.sbnc-browse-all-link {
	font-size: 13px !important;
}

/* Sidebar search input */
.sbnc-sidebar-search {
	color: #121416 !important;
}

.sbnc-sidebar-search::placeholder {
	color: #999 !important;
}

.options_dark_skin .sbnc-sidebar-search {
	color: #e0e0e0 !important;
}

.options_dark_skin .sbnc-sidebar-search::placeholder {
	color: #777 !important;
}

/* =========================================================
   Smooth Scroll Behaviour & Scroll-Triggered Animations
   ========================================================= */

/* Native smooth scroll for the whole page */
html {
	scroll-behavior: smooth;
}

/* ── Animation base state (invisible, shifted up 28px) ── */
@media (prefers-reduced-motion: no-preference) {
	.sbnc-anim-ready {
		opacity: 0;
		transform: translateY(28px);
		transition:
			opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
		will-change: opacity, transform;
	}

	/* ── Triggered: element entered viewport ── */
	.sbnc-anim-in {
		opacity: 1 !important;
		transform: translateY(0) !important;
	}

	/* Hero left card — slide in from left */
	.sbnc-hero-left-col.sbnc-anim-ready {
		transform: translateX(-22px);
	}

	.sbnc-hero-left-col.sbnc-anim-in {
		transform: translateX(0) !important;
	}

	/* Hero right cards — slide in from right */
	.sbnc-hero-right-card.sbnc-anim-ready {
		transform: translateX(22px);
	}

	.sbnc-hero-right-card.sbnc-anim-in {
		transform: translateX(0) !important;
	}

	/* Section header — fade in from slight left */
	.sbnc-section-header.sbnc-anim-ready {
		transform: translateY(14px);
	}

	/* Browse category header */
	.sbnc-browse-cat-header.sbnc-anim-ready {
		transform: translateY(14px);
	}

	/* Sidebar widgets — slightly faster */
	.sbnc-sidebar-pad .widget.sbnc-anim-ready {
		transition-duration: 0.45s;
	}

	/* Hero image — smooth background transition for parallax */
	.sbnc-hero-img-box {
		transition: background-position-y 0.1s linear;
	}
}

/* ── Category card hover — Consolidated above ── */

/* ── Grid card hover — subtle lift ── */
.sbnc-grid-item {
	transition: transform 0.25s ease;
}

.sbnc-grid-item:hover {
	transform: translateY(-4px);
}

/* ── Hero right card hover ── */
.sbnc-hero-right-card {
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.sbnc-hero-right-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(255, 86, 106, 0.1);
}

/* ── Section title underline slide-in on scroll ── */
.sbnc-section-title {
	position: relative;
	display: inline-block;
}

.sbnc-section-title::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--primary-color);
	transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;
}

.sbnc-section-header.sbnc-anim-in .sbnc-section-title::after {
	width: 100%;
}

/* ── View All link hover arrow slide ── */
.sbnc-view-all-link i {
	transition: transform 0.2s ease;
}

.sbnc-view-all-link:hover i {
	transform: translateX(4px);
}

/* ── Back to top button ── */
#go-top {
	transition: opacity 0.4s ease, transform 0.3s ease;
}

#go-top:hover {
	transform: translateY(-3px);
}

/* =========================================================
   Hero section — overlay text + clean right cards + sidebar
   ========================================================= */

/* ── Hero left: image wrapping anchor ── */
.sbnc-hero-img-link {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none !important;
	margin-bottom: 0;
}

/* ── Hero left image box ── */
.sbnc-hero-img-box {
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: center;
	border-radius: 12px;
	display: block;
}

/* ── Gradient overlay for text legibility ── */
.sbnc-hero-img-link::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 12px;
	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0.02) 0%,
			rgba(0, 0, 0, 0.15) 45%,
			rgba(0, 0, 0, 0.65) 100%);
	z-index: 1;
	pointer-events: none;
}

/* ── Text overlay inside image ── */
.sbnc-hero-overlay {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	z-index: 2;
}

.sbnc-hero-overlay-title {
	font-family: 'Outfit', 'Montserrat', sans-serif;
	font-size: 44px;
	font-weight: 800;
	color: #fff;
	line-height: 1.1;
	margin: 0 0 16px 0;
	display: block;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.sbnc-hero-overlay-italic {
	display: block;
	font-style: italic;
	font-weight: 700;
	font-size: 34px;
	color: var(--primary-color);
	line-height: 1.2;
	margin-top: 4px;
}

.sbnc-hero-badge-stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-top: 15px;
}

.sbnc-hero-overlay-cta,
.sbnc-hero-overlay-badge {
	display: inline-block;
	background: var(--primary-color);
	color: #fff !important;
	padding: 8px 16px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

/* ── Hero left: below image ── */
.sbnc-hero-date {
	display: block;
	margin-top: 18px;
	margin-bottom: 8px;
	color: var(--primary-color) !important;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.sbnc-hero-left-title {
	font-size: 26px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 12px 0;
	color: #0d0d0e !important;
}

.options_dark_skin .sbnc-hero-left-title {
	color: #f0f0f0 !important;
}

.sbnc-hero-left-desc {
	font-size: 16px;
	color: #555 !important;
	line-height: 1.65;
	margin: 0;
}

.options_dark_skin .sbnc-hero-left-desc {
	color: #bbb !important;
}

/* ── Hero right — responsive only (canonical styles defined above) ── */

/* ── Responsive ── */
@media (max-width: 991px) {
	.sbnc-hero-img-box {
		height: 340px;
	}

	.sbnc-hero-overlay-title {
		font-size: 32px;
	}

	.sbnc-hero-overlay-italic {
		font-size: 24px;
	}

	.sbnc-hero-right-col {
		padding-left: 8px !important;
		gap: 12px !important;
	}

	.sbnc-hero-right-img-wrapper {
		height: 170px !important;
	}
}

@media (max-width: 767px) {
	.sbnc-hero-img-box {
		height: 280px;
	}

	.sbnc-hero-overlay-title {
		font-size: 26px;
	}

	.sbnc-hero-overlay-italic {
		font-size: 20px;
	}

	.sbnc-hero-right-col {
		padding-left: 0 !important;
		margin-top: 20px !important;
		gap: 16px !important;
		height: auto !important;
	}

	.sbnc-hero-right-img-wrapper {
		height: 200px !important;
	}

	.sbnc-hero-right-card {
		flex: 0 0 auto !important;
	}
}

/* ── Sidebar spacing — matches screenshot 2 ── */
.sbnc-sidebar-pad {
	padding-left: 24px;
}

@media (max-width: 991px) {
	.sbnc-sidebar-pad {
		padding-left: 0;
		margin-top: 30px;
	}
}

/* Search widget section */
.sbnc-search-widget {
	margin-bottom: 30px;
	position: relative;
	z-index: 100;
}

.sbnc-sidebar-section-title {
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #121416 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.2px !important;
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	border: none !important;
	display: block;
}

.options_dark_skin .sbnc-sidebar-section-title {
	color: #e0e0e0 !important;
}

/* Sidebar search input */
.sbnc-sidebar-search-wrap {
	position: relative;
}

.sbnc-sidebar-search-wrap .searchform_theme {
	height: auto !important;
	overflow: visible !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sbnc-sidebar-search {
	background: #fff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 30px !important;
	width: 100% !important;
	padding: 11px 44px 11px 18px !important;
	font-size: 14px !important;
	color: #333 !important;
	height: 44px !important;
	/* Fixed height for clean alignment */
	box-sizing: border-box !important;
	outline: none !important;
	float: none !important;
}

.sbnc-sidebar-search:focus {
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 0 3px rgba(255, 86, 106, 0.1) !important;
}

.sbnc-sidebar-search-wrap i {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	font-size: 15px;
	pointer-events: none;
	z-index: 3;
}

.options_dark_skin .sbnc-sidebar-search {
	background: #18191c !important;
	border-color: #333 !important;
	color: #e0e0e0 !important;
}

/* Trending widget */
.sbnc-trending-widget-header {
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ebebeb;
}

.options_dark_skin .sbnc-trending-widget-header {
	border-bottom-color: #2a2b2e;
}

.sbnc-trending-title {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #121416 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.options_dark_skin .sbnc-trending-title {
	color: #e8e8e8 !important;
}

.sbnc-trending-widget ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

.sbnc-trending-widget li {
	position: relative !important;
	padding: 0 0 0 16px !important;
	margin: 0 0 14px 0 !important;
	background: none !important;
	border: none !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
}

.sbnc-trending-widget li::before {
	content: "\2022" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: var(--primary-color) !important;
	font-size: 18px !important;
	line-height: 1.1 !important;
	display: inline-block !important;
}

.sbnc-trending-widget li a {
	color: #121416 !important;
	text-decoration: none !important;
	transition: color 0.2s;
	display: inline !important;
}

.sbnc-trending-widget li a:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-trending-widget li a {
	color: #ddd !important;
}

.home_cat_img img {
	height: 160px;
}

@media (max-width: 767px) {
	.home_cat_img img {
		height: 100%;
	}
}

/* =========================================================
   Attractive Mobile Menu Custom Styling
   ========================================================= */
@media (max-width: 991px) {

	/* Overlay styling with premium backdrop blur */
	.mobile_menu_overlay {
		background: rgba(0, 0, 0, 0.4) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		transition: opacity 0.35s ease-in-out !important;
	}

	/* ── Mobile nav panel: base position (off-screen right) ── */
	#content_nav.jl_mobile_nav_wrapper {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		height: 100% !important;
		z-index: 999999 !important;
		width: 320px !important;
		max-width: 85vw !important;
		background: #ffffff !important;
		box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15) !important;
		border-left: 1px solid #fbe7ea !important;
		border-radius: 20px 0 0 20px !important;
		padding: 0 !important;
		overflow: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		-webkit-transform: translate(400px, 0px) !important;
		-moz-transform: translate(400px, 0px) !important;
		-ms-transform: translate(400px, 0px) !important;
		transform: translate(400px, 0px) !important;
		-webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s !important;
		transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	/* ── Mobile nav panel: open/visible state ── */
	#content_nav.jl_mobile_nav_wrapper.jl_mobile_nav_open {
		-webkit-transform: translate(0px, 0px) !important;
		-moz-transform: translate(0px, 0px) !important;
		-ms-transform: translate(0px, 0px) !important;
		transform: translate(0px, 0px) !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	/* ── Dark mode mobile nav ── */
	.options_dark_skin #content_nav.jl_mobile_nav_wrapper {
		background: #121416 !important;
		border-left-color: #242528 !important;
		box-shadow: -10px 0 40px rgba(0, 0, 0, 0.4) !important;
	}

	/* ── Show hamburger icon on mobile ── */
	.menu_mobile_icons.sbnc-hamburger-trigger {
		display: inline-flex !important;
	}

	#nav.jl_mobile_nav_inner {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
		padding: 0 !important;
	}

	/* Custom header for mobile menu */
	.sbnc-mobile-menu-header {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 24px 20px !important;
		border-bottom: 1px solid #fbe7ea !important;
		background: #ffffff !important;
		flex-shrink: 0 !important;
	}

	.options_dark_skin .sbnc-mobile-menu-header {
		border-bottom-color: #242528 !important;
		background: #121416 !important;
	}

	.sbnc-mobile-menu-brand {
		flex: 1 !important;
	}

	.sbnc-mobile-menu-brand .sbnc-brand-logo .logo-cursive {
		font-size: 26px !important;
	}

	.sbnc-mobile-menu-brand .sbnc-brand-logo .logo-sub {
		font-size: 8px !important;
	}

	/* Circular close button */
	.mobile_close_icons.closed_menu {
		position: static !important;
		/* Override absolute positioning */
		width: 36px !important;
		height: 36px !important;
		background: #fef2f4 !important;
		border-radius: 50% !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		transition: all 0.3s ease !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.options_dark_skin .mobile_close_icons.closed_menu {
		background: #2b1d20 !important;
	}

	.mobile_close_icons.closed_menu:hover {
		transform: rotate(90deg) !important;
		background: #fbe7ea !important;
	}

	.options_dark_skin .mobile_close_icons.closed_menu:hover {
		background: #3a2529 !important;
	}

	/* Custom style for close wrapper inside */
	.jl_close_wapper {
		width: 14px !important;
		height: 14px !important;
		position: relative !important;
		display: block !important;
	}

	.jl_close_1,
	.jl_close_2 {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		top: 6px !important;
		height: 2px !important;
		background: var(--primary-color) !important;
		display: block !important;
		transition: background 0.3s !important;
	}

	.jl_close_1 {
		transform: rotate(45deg) !important;
	}

	.jl_close_2 {
		transform: rotate(-45deg) !important;
	}

	/* Menu scrollable content container */
	.sbnc-mobile-menu-content {
		flex: 1 !important;
		overflow-y: auto !important;
		padding: 24px 20px !important;
	}

	/* Remove default lists styling */
	#mobile_menu_slide.menu_moble_slide {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	#mobile_menu_slide li {
		position: relative !important;
		margin: 0 0 10px 0 !important;
		padding: 0 !important;
		display: block !important;
	}

	#mobile_menu_slide li a {
		font-family: var(--font-geometric) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		color: #121416 !important;
		text-decoration: none !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 12px 16px !important;
		border-radius: 8px !important;
		transition: all 0.25s ease !important;
		background: transparent !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
	}

	.options_dark_skin #mobile_menu_slide li a {
		color: #ddd !important;
	}

	#mobile_menu_slide li a:hover,
	#mobile_menu_slide li.current-menu-item>a {
		background: #fef2f4 !important;
		color: var(--primary-color) !important;
	}

	.options_dark_skin #mobile_menu_slide li a:hover,
	.options_dark_skin #mobile_menu_slide li.current-menu-item>a {
		background: #2b1d20 !important;
		color: var(--primary-color) !important;
	}

	/* Chevron arrow for submenu dropdowns */
	#mobile_menu_slide .arrow_down {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 32px !important;
		height: 32px !important;
		cursor: pointer !important;
		border-radius: 50% !important;
		transition: all 0.3s ease !important;
	}

	#mobile_menu_slide .arrow_down i {
		font-size: 10px !important;
		color: #888 !important;
		transition: transform 0.3s ease, color 0.3s ease !important;
	}

	#mobile_menu_slide li a:hover .arrow_down i,
	#mobile_menu_slide li.current-menu-item>a .arrow_down i {
		color: var(--primary-color) !important;
	}

	/* Sub-menu container */
	#mobile_menu_slide .sub-menu {
		display: none !important;
		list-style: none !important;
		margin: 4px 0 10px 15px !important;
		padding: 0 0 0 10px !important;
		border-left: 2px solid #fbe7ea !important;
	}

	.options_dark_skin #mobile_menu_slide .sub-menu {
		border-left-color: #242528 !important;
	}

	#mobile_menu_slide .sub-menu.menu-active-class {
		display: block !important;
		animation: sbncSlideDown 0.3s ease-out !important;
	}

	#mobile_menu_slide .sub-menu li {
		margin-bottom: 4px !important;
	}

	#mobile_menu_slide .sub-menu li a {
		font-size: 13px !important;
		font-weight: 600 !important;
		padding: 8px 12px !important;
		text-transform: capitalize !important;
		color: #555 !important;
	}

	.options_dark_skin #mobile_menu_slide .sub-menu li a {
		color: #aaa !important;
	}

	#mobile_menu_slide .sub-menu li a:hover {
		background: #fef2f4 !important;
		color: var(--primary-color) !important;
	}

	.options_dark_skin #mobile_menu_slide .sub-menu li a:hover {
		background: #2b1d20 !important;
		color: var(--primary-color) !important;
	}

	/* Footer widgets section */
	.sbnc-mobile-menu-footer {
		padding: 20px !important;
		border-top: 1px solid #fbe7ea !important;
		background: #fff !important;
		flex-shrink: 0 !important;
	}

	.options_dark_skin .sbnc-mobile-menu-footer {
		border-top-color: #242528 !important;
		background: #121416 !important;
	}

	/* Social icon styling */
	.sbnc-mobile-menu-footer .social_icons_widget {
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
	}

	.sbnc-mobile-menu-footer .social-icons-list-widget {
		display: flex !important;
		justify-content: center !important;
		gap: 12px !important;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.sbnc-mobile-menu-footer .social-icons-list-widget li {
		margin: 0 !important;
		padding: 0 !important;
	}

	.sbnc-mobile-menu-footer .social-icons-list-widget li a {
		width: 36px !important;
		height: 36px !important;
		border: 1px solid #fbe7ea !important;
		border-radius: 50% !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #fff !important;
		font-size: 14px !important;
		transition: all 0.3s ease !important;
	}

	.options_dark_skin .sbnc-mobile-menu-footer .social-icons-list-widget li a {
		border-color: #242528 !important;
		color: #fff !important;
	}

	.sbnc-mobile-menu-footer .social-icons-list-widget li a:hover {
		background: var(--primary-color) !important;
		color: #fff !important;
		border-color: var(--primary-color) !important;
	}
}

/* Keyframes animation */
@keyframes sbncSlideDown {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* =========================================================
   SBNC Blog Single Page Redesign Styles
   ========================================================= */

/* Meta Bar styling */
.sbnc-meta-bar {
	font-size: 11px;
	font-weight: 700;
	color: #8c8c8c;
	letter-spacing: 1.2px;
	margin-top: 6px;
	margin-bottom: 24px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

/* Featured Image Wrapper */
.sbnc-featured-image-wrap {
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 28px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.sbnc-featured-image-wrap img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.sbnc-featured-image-wrap:hover img {
	transform: scale(1.02);
}

/* Action Bar (Share Strip + Audio Player) */
.sbnc-action-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 28px;
	background: #fff;
	padding: 12px 18px;
	border-radius: 14px;
	border: 1px solid #f9f0f1;
}

.sbnc-share-strip {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sbnc-share-label {
	font-size: 12px;
	font-weight: 700;
	color: #999;
	letter-spacing: 1px;
}

.sbnc-share-list-new {
	display: flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sbnc-share-list-new li {
	margin: 0;
	padding: 0;
	position: relative !important;
}

/* Tooltip for Copy URL option */
.sbnc-copy-tooltip {
	position: absolute !important;
	bottom: calc(100% + 8px) !important;
	left: 50% !important;
	transform: translateX(-50%) translateY(6px) !important;
	background: #121416 !important;
	color: #ffffff !important;
	font-family: var(--font-geometric), sans-serif !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: transform 0.25s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.25s ease, visibility 0.25s !important;
	pointer-events: none !important;
	z-index: 1000 !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

.sbnc-copy-tooltip::after {
	content: '' !important;
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	border-width: 5px !important;
	border-style: solid !important;
	border-color: #121416 transparent transparent transparent !important;
}

.sbnc-copy-tooltip.show {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(-50%) translateY(0) !important;
}

@keyframes sbncPulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.25);
	}

	100% {
		transform: scale(1.08);
	}
}

.sbnc-share-icon-btn.copied-pulse {
	animation: sbncPulse 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.sbnc-share-icon-btn {
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #FFF0F2 !important;
	color: #444444 !important;
	transition: all 0.25s ease !important;
}

.sbnc-share-icon-btn svg {
	width: 15px !important;
	height: 15px !important;
}

.sbnc-share-icon-btn:hover {
	background: #FF566A !important;
	color: #ffffff !important;
	transform: scale(1.08) !important;
}

/* Audio Player embedded inside action bar */
.sbnc-action-bar .sbnc-audio-player-wrap {
	flex: 1;
	max-width: 480px;
}

.sbnc-action-bar .sbnc-audio-reader {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}

.sbnc-action-bar .sbnc-audio-reader::before {
	display: none;
}

.sbnc-action-bar .sbnc-audio-inner {
	gap: 12px;
}

.sbnc-action-bar .sbnc-audio-play-btn {
	width: 36px;
	height: 36px;
	box-shadow: 0 2px 8px rgba(255, 86, 106, 0.25);
}

.sbnc-action-bar .sbnc-audio-play-btn svg {
	width: 13px;
	height: 13px;
}

.sbnc-action-bar .sbnc-audio-info {
	min-width: 80px;
}

.sbnc-action-bar .sbnc-audio-label {
	font-size: 11px;
}

.sbnc-action-bar .sbnc-audio-lang-badge {
	font-size: 9px;
	padding: 1px 6px;
}

/* Table of Contents ("WHAT'S INSIDE" Box) */
.sbnc-toc-box {
	background: linear-gradient(135deg, #FFF9FA 0%, #FFFFFF 100%);
	border: 1px solid #FFEBEF;
	border-radius: 18px;
	padding: 24px;
	margin-bottom: 32px;
	box-shadow: 0 4px 16px rgba(255, 86, 106, 0.03);
}

.sbnc-toc-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
	font-weight: 800;
	color: #121416;
	letter-spacing: 0.5px;
	margin: 0 0 16px 0;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 6px;
}

.sbnc-toc-title span {
	color: #FF566A;
}

.sbnc-toc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.sbnc-toc-list li {
	margin: 0;
	padding: 0;
}

.sbnc-toc-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: #fff;
	border: 1px solid #FFF0F2;
	border-radius: 12px;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.sbnc-toc-list li a:hover {
	border-color: #FF566A;
	background: #FFFDFD;
	transform: translateX(4px);
}

.sbnc-toc-num {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #FFEBEF;
	color: #FF566A;
	font-size: 11px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 14px;
	flex-shrink: 0;
}

.sbnc-toc-text {
	font-size: 13.5px;
	font-weight: 600;
	color: #333;
	flex-grow: 1;
	text-align: left;
}

.sbnc-toc-arrow {
	color: #FF8FA0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease;
}

.sbnc-toc-list li a:hover .sbnc-toc-arrow {
	color: #FF566A;
	transform: translateX(2px);
}

/* Post Content Paragraphs & Layouts */
.sbnc-post-content p {
	font-size: 15.5px;
	line-height: 1.75;
	color: #333;
	margin-bottom: 24px;
}

.sbnc-post-content h2,
.sbnc-post-content h3 {
	font-family: 'Playfair Display', serif;
	color: #121416;
	margin-top: 40px;
	margin-bottom: 18px;
	font-weight: 700;
}

.sbnc-post-content h2 {
	font-size: 24px;
	line-height: 1.35;
}

.sbnc-post-content h3 {
	font-size: 20px;
	line-height: 1.4;
}

/* Styled Bullet Points inside content */
.sbnc-post-content ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 24px;
}

.sbnc-post-content ul li {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	line-height: 1.7;
	color: #444;
	margin-bottom: 10px;
}

.sbnc-post-content ul li::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 9px;
	width: 6px;
	height: 6px;
	background-color: #FF566A;
	border-radius: 50%;
}

/* Custom Table in Post Content */
.sbnc-post-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 28px 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #FBE7EA;
	box-shadow: 0 4px 12px rgba(255, 86, 106, 0.02);
}

.sbnc-post-content table th {
	background: #FEF2F4;
	color: #FF566A;
	font-weight: 700;
	padding: 14px 16px;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px solid #FBE7EA;
}

.sbnc-post-content table td {
	padding: 14px 16px;
	font-size: 13.5px;
	color: #333;
	border-bottom: 1px solid #FBE7EA;
	background: #fff;
}

.sbnc-post-content table tr:last-child td {
	border-bottom: none;
}

.sbnc-table-header-icon {
	width: 16px;
	height: 16px;
	margin-right: 6px;
	vertical-align: text-bottom;
	fill: currentColor;
}

/* Callouts / Related Story Box */
.sbnc-related-story-box {
	background: #FFF8F9;
	border: 1.5px dashed #FFC2CB;
	border-radius: 14px;
	padding: 20px 24px;
	margin: 32px 0;
	position: relative;
	transition: border-color 0.2s ease;
}

.sbnc-related-story-box:hover {
	border-color: #FF566A;
}

.sbnc-related-story-eyebrow {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: #FF566A;
	margin-bottom: 8px;
	display: block;
}

.sbnc-related-story-title {
	font-size: 16px;
	font-weight: 700;
	color: #121416;
	margin: 0 0 6px 0;
	line-height: 1.4;
}

.sbnc-related-story-desc {
	font-size: 13.5px;
	color: #555;
	line-height: 1.55;
	margin: 0 0 12px 0;
}

.sbnc-related-story-link {
	font-size: 13.5px;
	font-weight: 700;
	color: #FF566A;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: gap 0.2s ease;
}

.sbnc-related-story-link:hover {
	color: #e5384d;
	gap: 6px;
}

/* FAQ Section Styling */
.sbnc-faq-section {
	margin-top: 48px;
	border-top: 1px solid #f3e5e8;
	padding-top: 36px;
}

.sbnc-faq-title {
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	color: #121416;
	position: relative;
	display: inline-block;
	margin-bottom: 28px;
}

.sbnc-faq-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 36px;
	height: 3px;
	background-color: #FF566A;
	border-radius: 2px;
}

.sbnc-faq-item {
	display: flex;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fcf6f7;
}

.sbnc-faq-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sbnc-faq-num {
	font-size: 16px;
	font-weight: 700;
	color: #FF566A;
	min-width: 24px;
	line-height: 1.2;
}

.sbnc-faq-content h4 {
	font-size: 15.5px;
	font-weight: 700;
	color: #121416;
	margin: 0 0 8px 0;
	line-height: 1.4;
}

.sbnc-faq-content p {
	font-size: 14px;
	color: #555;
	line-height: 1.65;
	margin: 0;
}

/* Redesigned Author Bio Card */
.sbnc-author-bio {
	background: #FFF9FA;
	border: 1px solid #FFE5E8;
	border-radius: 16px;
	padding: 24px;
	margin-top: 48px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
}

.sbnc-author-bio-avatar {
	flex-shrink: 0;
}

.sbnc-author-bio-avatar img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 4px 10px rgba(255, 86, 106, 0.1);
}

.sbnc-author-bio-content {
	flex-grow: 1;
}

.sbnc-author-label-top {
	font-size: 10px;
	font-weight: 700;
	color: #FF8FA0;
	letter-spacing: 1.2px;
	margin-bottom: 4px;
	display: block;
}

.sbnc-author-bio-content h4 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 8px 0 !important;
}

.sbnc-author-bio-content h4 a {
	color: #121416;
	text-decoration: none;
}

.sbnc-author-bio-content h4 a:hover {
	color: #FF566A;
}

.sbnc-author-bio-content p {
	font-size: 13.5px;
	color: #555;
	line-height: 1.6;
	margin: 0;
}

.sbnc-author-bio-close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #FF8FA0;
	cursor: pointer;
}

.sbnc-author-close-btn {
	font-weight: 700;
	font-size: 16px;
}

/* Related Articles Section */
.sbnc-related-posts-section {
	margin-top: 48px;
	border-top: 1px solid #f3e5e8;
	padding-top: 36px;
}

.sbnc-related-section-title {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	font-weight: 800;
	color: #121416;
	margin-bottom: 24px;
	letter-spacing: 0.5px;
	position: relative;
	display: inline-block;
}

.sbnc-related-section-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 30px;
	height: 3px;
	background-color: #FF566A;
}

.sbnc-related-card {
	background: #fff;
	border: 1px solid #fbf2f4;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 24px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
	transition: all 0.3s ease;
}

.sbnc-related-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 6px 20px rgba(255, 86, 106, 0.06);
	border-color: #FFE5E8;
}

.sbnc-related-card-img {
	overflow: hidden;
}

.sbnc-related-card-img img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.sbnc-related-card:hover .sbnc-related-card-img img {
	transform: scale(1.05);
}

.sbnc-related-card-meta {
	padding: 16px;
}

.sbnc-related-cat {
	font-size: 9.5px;
	font-weight: 700;
	color: #FF566A;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 8px;
}

.sbnc-related-card-title {
	font-family: 'Playfair Display', serif;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 12px 0;
	line-height: 1.45;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.sbnc-related-card-title a {
	color: #121416;
	text-decoration: none;
	transition: color 0.2s;
}

.sbnc-related-card-title a:hover {
	color: #FF566A;
}

.sbnc-related-card-footer {
	display: flex;
	justify-content: space-between;
	font-size: 9px;
	font-weight: 700;
	color: #999;
	letter-spacing: 0.5px;
	border-top: 1px solid #fbf2f4;
	padding-top: 10px;
}

.sbnc-related-card-date {
	color: #bbb;
}

/* Sidebar Refinements */
.jl_sidebar_w .widget {
	background: #fff;
	border: 1px solid #eef0f2;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 28px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

/* Widget Title: clearfix to contain the floated h2 */
.jl_sidebar_w .widget-title {
	overflow: hidden !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
	display: block !important;
	width: 100% !important;
	position: static !important;
}

/* Remove all legacy pseudo-elements from h2 (only ::after — we use ::before for accent bar) */
.jl_sidebar_w .widget-title h2::after,
.jl_sidebar_w .widget-title .jl_title_c::after {
	display: none !important;
	content: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
}

/* Remove the old widget-title::after ghost line */
.jl_sidebar_w .widget-title::after,
.jl_sidebar_w .widget-title::before {
	display: none !important;
	content: none !important;
}

/* The real title styling: border + accent live on the h2 */
.jl_sidebar_w .widget-title h2,
.jl_sidebar_w .widget-title .jl_title_c {
	font-family: var(--font-geometric), sans-serif !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	color: #121416 !important;
	margin: 0 0 24px 0 !important;
	padding-bottom: 13px !important;
	display: block !important;
	float: none !important;
	width: 100% !important;
	position: relative !important;
	text-transform: none !important;
	border-bottom: 1px solid #eef0f2 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
}

/* The short red accent bar sitting over the gray border-bottom */
.jl_sidebar_w .widget-title h2::before,
.jl_sidebar_w .widget-title .jl_title_c::before {
	display: block !important;
	content: '' !important;
	position: absolute !important;
	bottom: -2px !important;
	left: 0 !important;
	width: 40px !important;
	height: 3px !important;
	background: #ef3f48 !important;
	border-radius: 2px !important;
	z-index: 2 !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Quiz sidebar card styled like pink satin background */
.jl_sidebar_w .sbnc-quiz-widget {
	background: linear-gradient(135deg, #FFF6F7 0%, #FFFDFD 100%) !important;
	border: 1.5px solid #FFE3E7 !important;
	box-shadow: 0 4px 20px rgba(255, 86, 106, 0.08) !important;
}

.jl_sidebar_w .sbnc-quiz-title {
	font-family: 'Playfair Display', serif !important;
	color: #FF566A !important;
	font-size: 20px !important;
	font-weight: 800 !important;
}

.jl_sidebar_w .sbnc-quiz-option {
	background: #fff !important;
	border: 1.5px solid #FFEBEF !important;
	border-radius: 30px !important;
	/* Pill shape */
	padding: 10px 18px !important;
	font-weight: 600 !important;
	color: #555 !important;
	font-size: 12.5px !important;
	box-shadow: 0 2px 6px rgba(255, 86, 106, 0.02);
}

.jl_sidebar_w .sbnc-quiz-option:hover {
	border-color: #FF566A !important;
	background: #FFF8F9 !important;
}

.jl_sidebar_w .sbnc-quiz-option.correct {
	background: #22c55e !important;
	border-color: #22c55e !important;
	color: #fff !important;
}

.jl_sidebar_w .sbnc-quiz-option.wrong {
	background: #ef4444 !important;
	border-color: #ef4444 !important;
	color: #fff !important;
}

/* Sidebar Search Widget pill styling */
.jl_sidebar_w #searchform {
	position: relative;
}

.jl_sidebar_w #searchform input[type="text"] {
	width: 100%;
	border-radius: 30px;
	border: 1px solid #FFEBEF;
	padding: 10px 42px 10px 18px;
	font-size: 13px;
	background: #FFF8F9;
	color: #333;
	outline: none;
	transition: all 0.25s ease;
}

.jl_sidebar_w #searchform input[type="text"]:focus {
	border-color: #FF566A;
	background: #fff;
	box-shadow: 0 0 10px rgba(255, 86, 106, 0.08);
}

.jl_sidebar_w #searchform button,
.jl_sidebar_w #searchform input[type="submit"] {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: #FF566A;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Sidebar trending lists formatting with dot */
.jl_sidebar_w .bt_post_widget {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.jl_sidebar_w .jl_sm_list {
	border: none !important;
	border-bottom: 1px solid #eef0f2 !important;
	padding: 14px 0 !important;
	margin: 0 !important;
}

.jl_sidebar_w .jl_sm_list:first-child {
	padding-top: 0 !important;
}

.jl_sidebar_w .jl_sm_list:last-child {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.jl_sidebar_w .jl_m_right_w {
	display: block !important;
}

.jl_sidebar_w .jl_m_right_img {
	display: none !important;
}

.jl_sidebar_w .jl_m_right_content {
	display: block !important;
	width: 100% !important;
}

.jl_sidebar_w .jl_m_right_content h2.entry-title {
	font-family: var(--font-geometric), sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	margin: 0 0 7px 0 !important;
	text-transform: none !important;
}

.jl_sidebar_w .jl_m_right_content h2.entry-title a {
	color: #121416 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.jl_sidebar_w .jl_m_right_content h2.entry-title a:hover {
	color: #ef3f48 !important;
}

.jl_sidebar_w .jl_m_right_content .jl_post_meta {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	flex-wrap: wrap !important;
	font-size: 11px !important;
	color: #999 !important;
	font-weight: 500 !important;
}

.jl_sidebar_w .jl_m_right_content .jl_post_meta span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.jl_sidebar_w .jl_m_right_content .jl_post_meta i {
	font-size: 11px !important;
	color: #ccc !important;
}

.jl_sidebar_w .jl_m_right_content .jl_post_meta a {
	color: #999 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.jl_sidebar_w .jl_m_right_content .jl_post_meta a:hover {
	color: #ef3f48 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.sbnc-action-bar {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	.sbnc-share-strip {
		justify-content: space-between;
	}

	.sbnc-author-bio {
		flex-direction: column;
		text-align: center;
	}

	.sbnc-author-bio-avatar img {
		width: 80px;
		height: 80px;
	}

	.sbnc-toc-list li a {
		padding: 8px 10px;
	}
}

/* Dark mode overrides for single post redesign */
.options_dark_skin .sbnc-meta-bar {
	color: #888;
}

.options_dark_skin .sbnc-action-bar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.options_dark_skin .sbnc-share-icon-btn {
	background: #232428 !important;
	color: #cccccc !important;
}

.options_dark_skin .sbnc-share-icon-btn:hover {
	background: #FF566A !important;
	color: #ffffff !important;
}

.options_dark_skin .sbnc-toc-box {
	background: linear-gradient(135deg, #231b1d 0%, #1e1f22 100%);
	border-color: #3a2b2e;
}

.options_dark_skin .sbnc-toc-list li a {
	background: #1a1b1e;
	border-color: #2a1b1e;
}

.options_dark_skin .sbnc-toc-list li a:hover {
	border-color: #FF566A;
	background: #201316;
}

.options_dark_skin .sbnc-toc-text {
	color: #ddd;
}

.options_dark_skin .sbnc-toc-num {
	background: #3a2b2d;
	color: #FF8FA0;
}

.options_dark_skin .sbnc-post-content p {
	color: #ccc;
}

.options_dark_skin .sbnc-post-content h2,
.options_dark_skin .sbnc-post-content h3 {
	color: #fff;
}

.options_dark_skin .sbnc-post-content table {
	border-color: #3b2c2f;
}

.options_dark_skin .sbnc-post-content table th {
	background: #2b1b1d;
	border-color: #3b2c2f;
}

.options_dark_skin .sbnc-post-content table td {
	background: #1a1b1e;
	color: #ccc;
	border-color: #3b2c2f;
}

.options_dark_skin .sbnc-related-story-box {
	background: #201315;
	border-color: #5a383d;
}

.options_dark_skin .sbnc-related-story-title {
	color: #fff;
}

.options_dark_skin .sbnc-related-story-desc {
	color: #aaa;
}

.options_dark_skin .sbnc-faq-section {
	border-top-color: #2b2c30;
}

.options_dark_skin .sbnc-faq-content h4 {
	color: #fff;
}

.options_dark_skin .sbnc-faq-content p {
	color: #aaa;
}

.options_dark_skin .sbnc-author-bio {
	background: #1d1416;
	border-color: #3a2528;
}

.options_dark_skin .sbnc-author-bio-content h4 a {
	color: #fff;
}

.options_dark_skin .sbnc-author-bio-content p {
	color: #aaa;
}

.options_dark_skin .sbnc-related-posts-section {
	border-top-color: #2b2c30;
}

.options_dark_skin .sbnc-related-section-title {
	color: #fff;
}

.options_dark_skin .sbnc-related-card {
	background: #1a1b1e;
	border-color: #2b1c1f;
}

.options_dark_skin .sbnc-related-card:hover {
	border-color: #FF566A;
	box-shadow: 0 6px 20px rgba(255, 86, 106, 0.12);
}

.options_dark_skin .sbnc-related-card-title a {
	color: #fff;
}

.options_dark_skin .jl_sidebar_w .widget {
	background: #1a1a20;
	border-color: #292930;
}

.options_dark_skin .jl_sidebar_w .widget-title h2,
.options_dark_skin .jl_sidebar_w .widget-title .jl_title_c {
	color: #e0e0e0 !important;
	border-bottom-color: #292930 !important;
}

.options_dark_skin .jl_sidebar_w .jl_sm_list {
	border-bottom-color: #292930 !important;
}

.options_dark_skin .jl_sidebar_w .jl_m_right_content h2.entry-title a {
	color: #ddd !important;
}

.options_dark_skin .jl_sidebar_w .jl_m_right_content h2.entry-title a:hover {
	color: #ef3f48 !important;
}

.options_dark_skin .jl_sidebar_w .jl_m_right_content .jl_post_meta {
	color: #888 !important;
}

.options_dark_skin .jl_sidebar_w .jl_m_right_content .jl_post_meta a {
	color: #888 !important;
}

.options_dark_skin .jl_sidebar_w .jl_m_right_content .jl_post_meta a:hover {
	color: #ef3f48 !important;
}

.options_dark_skin .jl_sidebar_w #searchform input[type="text"] {
	background: #25181a;
	border-color: #3a2729;
	color: #fff;
}

.options_dark_skin .jl_sidebar_w #searchform input[type="text"]:focus {
	background: #1a1b1e;
}

/* =========================================================
   SBNC Blog Single Page Premium Visual Overrides
   ========================================================= */

/* 1. Main Post Card Container */
.sbnc-post-card-bg {
	padding: 45px !important;
	border-radius: 20px !important;
	box-shadow: 0 15px 45px rgba(255, 86, 106, 0.03) !important;
}

@media (max-width: 768px) {
	.sbnc-post-card-bg {
		padding: 24px !important;
		border-radius: 16px !important;
	}
}

.options_dark_skin .sbnc-post-card-bg {
	background: #151619 !important;
	border-color: #2b1c1e !important;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15) !important;
}

/* 2. Category Badges */
.sbnc-category-badges {
	margin-top: 5px !important;
	margin-bottom: 15px !important;
	display: flex !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
	float: none !important;
	width: auto !important;
}

.sbnc-category-badges a.post-category-color-text {
	background: #FF566A !important;
	color: #ffffff !important;
	padding: 6px 14px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	border-radius: 4px !important;
	display: inline-block !important;
	transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	text-decoration: none !important;
	height: auto !important;
	line-height: 1 !important;
}

.sbnc-category-badges a.post-category-color-text:hover {
	background: #e5384d !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 5px 12px rgba(255, 86, 106, 0.25) !important;
}

/* 3. Breadcrumbs */
.sbnc-breadcrumbs-wrap {
	margin-bottom: 22px !important;
	font-size: 10px !important;
	color: #9c9c9c !important;
	letter-spacing: 0.8px !important;
	text-transform: capitalize !important;
}

.sbnc-breadcrumbs-wrap a {
	color: #FF566A !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	transition: color 0.2s ease !important;
}

.sbnc-breadcrumbs-wrap a:hover {
	color: #e5384d !important;
	text-decoration: underline !important;
}

/* 4. Single Post Title */
.sbnc-single-post-title {
	font-family: 'Playfair Display', serif !important;
	font-size: 32px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	color: #121416 !important;
	margin-bottom: 16px !important;
	letter-spacing: -0.5px !important;
}

@media (max-width: 768px) {
	.sbnc-single-post-title {
		font-size: 28px !important;
	}
}

.options_dark_skin .sbnc-single-post-title {
	color: #ffffff !important;
}

/* 5. Meta Bar Styling */
.sbnc-meta-bar {
	font-family: var(--font-heading) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #8c8c8c !important;
	letter-spacing: 1.2px !important;
	margin-top: 8px !important;
	margin-bottom: 28px !important;
	text-transform: uppercase !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	flex-wrap: wrap !important;
}

/* 6. Action Bar & Audio Reader Styling */
.sbnc-action-bar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	background: transparent !important;
	padding: 12px 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.sbnc-action-bar .sbnc-share-strip {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	float: none !important;
	width: auto !important;
}

.options_dark_skin .sbnc-action-bar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.sbnc-audio-inner {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 16px !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
}

/* Force audio player buttons to be perfectly circular and reset size/padding overrides */
.sbnc-audio-play-btn {
	width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	line-height: 1 !important;
	flex-shrink: 0 !important;
	box-shadow: 0 4px 10px rgba(255, 86, 106, 0.25) !important;
}

.sbnc-audio-play-btn svg {
	width: 14px !important;
	height: 14px !important;
	margin-left: 2px !important;
	/* Center the play triangle visually */
}

.sbnc-audio-play-btn .sbnc-pause-icon {
	margin-left: 0 !important;
	/* Pause bars don't need shift */
}

/* Speed and Stop control buttons pill design */
.sbnc-audio-speed-btn,
.sbnc-audio-stop-btn {
	height: 30px !important;
	min-width: 30px !important;
	padding: 0 10px !important;
	margin: 0 !important;
	border-radius: 20px !important;
	/* Pill style */
	border: 1px solid #FFEBEF !important;
	background: #ffffff !important;
	color: #FF566A !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	line-height: 1 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	transition: all 0.2s ease !important;
}

.sbnc-audio-speed-btn:hover,
.sbnc-audio-stop-btn:hover {
	background: #FF566A !important;
	color: #ffffff !important;
	border-color: #FF566A !important;
}

.options_dark_skin .sbnc-audio-speed-btn,
.options_dark_skin .sbnc-audio-stop-btn {
	background: #232428 !important;
	border-color: #3b2c2f !important;
	color: #FF8FA0 !important;
}

.options_dark_skin .sbnc-audio-speed-btn:hover,
.options_dark_skin .sbnc-audio-stop-btn:hover {
	background: #FF566A !important;
	color: #ffffff !important;
	border-color: #FF566A !important;
}

/* Audio Player Progress and labels */
.sbnc-audio-progress-bar {
	height: 6px !important;
	background: #FFF0F2 !important;
	border-radius: 10px !important;
}

.options_dark_skin .sbnc-audio-progress-bar {
	background: #2b1c1e !important;
}

.sbnc-audio-lang-badge {
	background: #FFF0F2 !important;
	color: #FF566A !important;
	border: 1px solid #FFEBEF !important;
}

.options_dark_skin .sbnc-audio-lang-badge {
	background: #2a1b1d !important;
	border-color: #3b2c2f !important;
	color: #FF8FA0 !important;
}

/* Stacking layout on medium and small viewports */
@media (max-width: 991px) {
	.sbnc-action-bar {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 16px !important;
		padding: 16px !important;
	}

	.sbnc-action-bar .sbnc-share-strip {
		justify-content: space-between !important;
		border-bottom: 1px solid #FFEBEF !important;
		padding-bottom: 12px !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		float: none !important;
	}

	.options_dark_skin .sbnc-share-strip {
		border-bottom-color: #2b1c1e !important;
	}

	.sbnc-action-bar .sbnc-audio-player-wrap {
		max-width: 100% !important;
		width: 100% !important;
	}

	.sbnc-audio-inner {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 10px !important;
	}
}

/* Compact reader styles for narrow screens (mobile list view layout) */
@media (max-width: 480px) {
	.sbnc-audio-info .sbnc-audio-label {
		display: none !important;
		/* Hide "Listen to this article" to make space */
	}

	.sbnc-audio-inner {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
	}

	.sbnc-audio-timer {
		font-size: 10px !important;
	}

	.sbnc-audio-progress-wrap {
		min-width: 50px !important;
	}
}

/* 7. Content Tables Styling */
.wp-block-table,
.sbnc-table-responsive-wrapper {
	width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
	border-radius: 16px !important;
	border: 1px solid #FAD0D8 !important;
	/* Premium pink border matching reference image */
	box-shadow: 0 8px 25px rgba(255, 86, 106, 0.02) !important;
	margin: 32px 0 !important;
}

.sbnc-post-content table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	border: none !important;
	font-family: var(--font-geometric), sans-serif !important;
}

/* Override any default Gutenberg backgrounds/striping */
.sbnc-post-content .wp-block-table table,
.sbnc-post-content .wp-block-table.is-style-stripes table {
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

.sbnc-post-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
	background: #ffffff !important;
}

.sbnc-post-content table th,
.sbnc-post-content table thead tr th,
.sbnc-post-content table thead tr td,
.sbnc-post-content table tbody tr:first-child th,
.sbnc-post-content table tbody tr:first-child td,
.sbnc-post-content table tr:first-child th,
.sbnc-post-content table tr:first-child td {
	background: #FFF0F2 !important;
	/* Soft colored background matching reference image */
	color: #FF566A !important;
	font-weight: 700 !important;
	padding: 18px 24px !important;
	font-size: 15px !important;
	border-bottom: 1px solid #FAD0D8 !important;
	border-right: 1px solid #FAD0D8 !important;
	border-top: none !important;
	border-left: none !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	vertical-align: middle !important;
	text-align: left !important;
}

.sbnc-post-content table th:last-child,
.sbnc-post-content table thead tr th:last-child,
.sbnc-post-content table thead tr td:last-child,
.sbnc-post-content table tbody tr:first-child th:last-child,
.sbnc-post-content table tbody tr:first-child td:last-child,
.sbnc-post-content table tr:first-child th:last-child,
.sbnc-post-content table tr:first-child td:last-child {
	border-right: none !important;
}

/* Ensure first cell in the header row has the header text color, overriding general first-column rule */
.sbnc-post-content table th:first-child,
.sbnc-post-content table thead tr th:first-child,
.sbnc-post-content table thead tr td:first-child,
.sbnc-post-content table tbody tr:first-child th:first-child,
.sbnc-post-content table tbody tr:first-child td:first-child,
.sbnc-post-content table tr:first-child th:first-child,
.sbnc-post-content table tr:first-child td:first-child {
	color: #FF566A !important;
	font-weight: 700 !important;
}

.sbnc-post-content table td {
	padding: 16px 24px !important;
	font-size: 14px !important;
	color: #333333 !important;
	border-bottom: 1px solid #FAD0D8 !important;
	border-right: 1px solid #FAD0D8 !important;
	border-left: none !important;
	background: #ffffff !important;
	transition: background-color 0.2s ease !important;
	vertical-align: middle !important;
}

.sbnc-post-content table td:last-child {
	border-right: none !important;
}

.sbnc-post-content table tr:last-child td {
	border-bottom: none !important;
}

.sbnc-post-content table td:first-child {
	font-weight: 600 !important;
	color: #2C2D30 !important;
}

.sbnc-post-content table tr:hover td {
	background: #FFF9FA !important;
	/* Extremely soft red/pink hover state */
}

/* Dark Skin Support */
.options_dark_skin .wp-block-table,
.options_dark_skin .sbnc-table-responsive-wrapper {
	border-color: #3b2c2f !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.options_dark_skin .sbnc-post-content table th,
.options_dark_skin .sbnc-post-content table thead tr th,
.options_dark_skin .sbnc-post-content table thead tr td,
.options_dark_skin .sbnc-post-content table tbody tr:first-child th,
.options_dark_skin .sbnc-post-content table tbody tr:first-child td,
.options_dark_skin .sbnc-post-content table tr:first-child th,
.options_dark_skin .sbnc-post-content table tr:first-child td {
	background: #2b1c1e !important;
	/* Soft dark red/pink background */
	color: #ffffff !important;
	border-bottom-color: #3b2c2f !important;
	border-right-color: #3b2c2f !important;
}

.options_dark_skin .sbnc-post-content table th:first-child,
.options_dark_skin .sbnc-post-content table thead tr th:first-child,
.options_dark_skin .sbnc-post-content table thead tr td:first-child,
.options_dark_skin .sbnc-post-content table tbody tr:first-child th:first-child,
.options_dark_skin .sbnc-post-content table tbody tr:first-child td:first-child,
.options_dark_skin .sbnc-post-content table tr:first-child th:first-child,
.options_dark_skin .sbnc-post-content table tr:first-child td:first-child {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-post-content table td {
	background: #1a1b1e !important;
	color: #ccc !important;
	border-bottom-color: #3b2c2f !important;
	border-right-color: #3b2c2f !important;
}

.options_dark_skin .sbnc-post-content table td:first-child {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-post-content table tr:hover td {
	background: #232428 !important;
}

/* 8. Sidebar Social Counters Redesign */
.jl_count_style_2 .jlsocial-element {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 14px 22px !important;
	border-radius: 16px !important;
	margin-bottom: 14px !important;
	border: none !important;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	position: relative !important;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.jl_count_style_2 .jlsocial-element:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

/* Clear default link style overlays */
.jl_count_style_2 a {
	z-index: 2 !important;
}

/* Individual Social Elements Custom Pastel Colors */
.jl_count_style_2 .jl-facebook {
	background: #EEF4FC !important;
}

.jl_count_style_2 .jl-facebook .num-count,
.jl_count_style_2 .jl-facebook .jlsocial-element-right,
.jl_count_style_2 .jl-facebook i {
	color: #2D56A2 !important;
}

.jl_count_style_2 .jl-youtube {
	background: #FDF0F0 !important;
}

.jl_count_style_2 .jl-youtube .num-count,
.jl_count_style_2 .jl-youtube .jlsocial-element-right,
.jl_count_style_2 .jl-youtube i {
	color: #BD1A23 !important;
}

.jl_count_style_2 .jl-pinterest {
	background: #FFF0F2 !important;
}

.jl_count_style_2 .jl-pinterest .num-count,
.jl_count_style_2 .jl-pinterest .jlsocial-element-right,
.jl_count_style_2 .jl-pinterest i {
	color: #BD081C !important;
}

.jl_count_style_2 .jl-instagram {
	background: #FDF0F8 !important;
}

.jl_count_style_2 .jl-instagram .num-count,
.jl_count_style_2 .jl-instagram .jlsocial-element-right,
.jl_count_style_2 .jl-instagram i {
	color: #BC2A8D !important;
}

/* Sidebar social counter icons circle styles */
.jl_count_style_2 .jlsocial-element-left {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	float: none !important;
}

.jl_count_style_2 i {
	font-size: 15px !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	text-align: center !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
	margin: 0 !important;
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.jl_count_style_2 .num-count {
	font-size: 18px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	line-height: 1 !important;
	float: none !important;
	font-family: 'Outfit', 'Montserrat', sans-serif !important;
}

.jl_count_style_2 .jlsocial-element-right {
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin: 0 !important;
	line-height: 1 !important;
	float: none !important;
	font-family: 'Outfit', 'Montserrat', sans-serif !important;
}

/* Dark mode overrides for sidebar social counter */
.options_dark_skin .jl_count_style_2 .jl-facebook {
	background: #171d2b !important;
}

.options_dark_skin .jl_count_style_2 .jl-facebook .num-count,
.options_dark_skin .jl_count_style_2 .jl-facebook .jlsocial-element-right,
.options_dark_skin .jl_count_style_2 .jl-facebook i {
	color: #8b9dc3 !important;
}

.options_dark_skin .jl_count_style_2 .jl-facebook i {
	background: rgba(255, 255, 255, 0.05) !important;
}

.options_dark_skin .jl_count_style_2 .jl-youtube {
	background: #251617 !important;
}

.options_dark_skin .jl_count_style_2 .jl-youtube .num-count,
.options_dark_skin .jl_count_style_2 .jl-youtube .jlsocial-element-right,
.options_dark_skin .jl_count_style_2 .jl-youtube i {
	color: #ff4d4d !important;
}

.options_dark_skin .jl_count_style_2 .jl-youtube i {
	background: rgba(255, 255, 255, 0.05) !important;
}

.options_dark_skin .jl_count_style_2 .jl-pinterest {
	background: #251618 !important;
}

.options_dark_skin .jl_count_style_2 .jl-pinterest .num-count,
.options_dark_skin .jl_count_style_2 .jl-pinterest .jlsocial-element-right,
.options_dark_skin .jl_count_style_2 .jl-pinterest i {
	color: #ff4d5a !important;
}

.options_dark_skin .jl_count_style_2 .jl-pinterest i {
	background: rgba(255, 255, 255, 0.05) !important;
}

.options_dark_skin .jl_count_style_2 .jl-instagram {
	background: #251622 !important;
}

.options_dark_skin .jl_count_style_2 .jl-instagram .num-count,
.options_dark_skin .jl_count_style_2 .jl-instagram .jlsocial-element-right,
.options_dark_skin .jl_count_style_2 .jl-instagram i {
	color: #f75ab1 !important;
}

.options_dark_skin .jl_count_style_2 .jl-instagram i {
	background: rgba(255, 255, 255, 0.05) !important;
}

/* 9. Interactive Author Bio Polish */
.sbnc-author-bio {
	background: #FFF9FA !important;
	border: 1px solid #FFE5E8 !important;
	border-radius: 16px !important;
	padding: 24px !important;
	margin-top: 48px !important;
	margin-bottom: 40px !important;
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	position: relative !important;
}

.sbnc-author-bio-avatar img {
	width: 90px !important;
	height: 90px !important;
	border-radius: 50% !important;
	border: 3px solid #FF566A !important;
	padding: 3px !important;
	background: #ffffff !important;
	box-shadow: 0 4px 12px rgba(255, 86, 106, 0.12) !important;
}

.sbnc-author-bio-close {
	position: absolute !important;
	right: 16px !important;
	top: 16px !important;
	transform: none !important;
	width: 26px !important;
	height: 26px !important;
	background-color: #FFEBEF !important;
	color: #FF566A !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	z-index: 5 !important;
}

.sbnc-author-bio-close:hover {
	background-color: #FF566A !important;
	color: #ffffff !important;
	transform: scale(1.1) !important;
}

.sbnc-author-close-btn {
	color: inherit !important;
	font-size: 16px !important;
	line-height: 1 !important;
	font-weight: 700 !important;
	margin-top: -2px !important;
	/* visually center cross */
}

.sbnc-author-label-top {
	font-size: 10px !important;
	font-weight: 700 !important;
	color: #FF566A !important;
	letter-spacing: 1.2px !important;
	margin-bottom: 4px !important;
	display: block !important;
}

/* 10. Featured Image Language Badge Overlay & Meta Wrap */
.sbnc-featured-image-wrap {
	position: relative !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	margin-bottom: 24px !important;
}

.sbnc-featured-lang-badge {
	position: absolute !important;
	bottom: 16px !important;
	right: 16px !important;
	background: #ffffff !important;
	color: #121416 !important;
	padding: 8px 18px !important;
	border-radius: 30px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06) !important;
	z-index: 2 !important;
	font-family: 'Inter', sans-serif !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 16px !important;
	border: 1px solid #f2f2f2 !important;
	line-height: 1 !important;
}

.sbnc-featured-lang-badge a {
	color: #121416 !important;
	text-decoration: none !important;
	transition: color 0.2s, transform 0.2s !important;
	display: inline-block !important;
}

.sbnc-featured-lang-badge a:hover {
	color: #FF566A !important;
	transform: scale(1.1) !important;
}

.sbnc-featured-lang-badge .accent-e {
	color: #FF566A !important;
	font-family: Georgia, serif !important;
	font-style: italic !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

.options_dark_skin .sbnc-featured-lang-badge {
	background: #18191c !important;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3) !important;
	border-color: #2b2c30 !important;
}

.options_dark_skin .sbnc-featured-lang-badge a {
	color: #ddd !important;
}

.options_dark_skin .sbnc-featured-lang-badge a:hover {
	color: #FF566A !important;
}

.sbnc-meta-author-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

.sbnc-meta-author-icon {
	width: 13px !important;
	height: 13px !important;
	stroke-width: 2.5 !important;
	color: #8c8c8c !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* 11. Chrome-Style Audio Reader Styling */
.sbnc-audio-player-wrap {
	flex: 1 1 auto !important;
	max-width: 480px !important;
	min-width: 280px !important;
}

.sbnc-audio-reader {
	background: #FFF0F2 !important;
	/* soft pink background */
	border: none !important;
	border-radius: 30px !important;
	/* pill container */
	padding: 8px 14px !important;
	box-shadow: none !important;
	display: flex !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.sbnc-audio-inner {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	gap: 12px !important;
}

.sbnc-audio-play-btn {
	background: #ffffff !important;
	/* white circular play button */
	border: none !important;
	color: #FF566A !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	box-shadow: 0 2px 8px rgba(255, 86, 106, 0.08) !important;
	transition: transform 0.15s ease, background-color 0.15s ease !important;
}

.sbnc-audio-play-btn:hover {
	transform: scale(1.08) !important;
	background-color: #FFF9FA !important;
}

.sbnc-audio-play-btn svg {
	width: 12px !important;
	height: 12px !important;
}

.sbnc-audio-time-container {
	flex-shrink: 0 !important;
}

.sbnc-audio-timer {
	font-family: 'Inter', sans-serif !important;
	font-size: 11.5px !important;
	color: #FF566A !important;
	/* pink timer text */
	font-weight: 700 !important;
	white-space: nowrap !important;
}

.sbnc-audio-progress-wrap {
	flex-grow: 1 !important;
	flex-shrink: 1 !important;
	min-width: 30px !important;
	display: flex !important;
	align-items: center !important;
}

/* range input styling for timeline */
.sbnc-audio-range {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	height: 4px !important;
	border-radius: 2px !important;
	outline: none !important;
	margin: 0 !important;
	cursor: pointer !important;
	background: linear-gradient(to right, #FF566A 0%, #FF566A 0%, #ffffff 0%, #ffffff 100%);
	/* white track contrast */
	transition: background 0.1s linear !important;
	flex-grow: 1 !important;
	flex-shrink: 1 !important;
	min-width: 30px !important;
}

.sbnc-audio-range::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 12px !important;
	height: 12px !important;
	border-radius: 50% !important;
	background: #FF566A !important;
	cursor: pointer !important;
	border: none !important;
	box-shadow: 0 1px 4px rgba(255, 86, 106, 0.4) !important;
	transition: transform 0.1s ease !important;
}

.sbnc-audio-range::-webkit-slider-thumb:hover {
	transform: scale(1.2) !important;
}

.sbnc-audio-range::-moz-range-thumb {
	width: 12px !important;
	height: 12px !important;
	border-radius: 50% !important;
	background: #FF566A !important;
	cursor: pointer !important;
	border: none !important;
	box-shadow: 0 1px 4px rgba(255, 86, 106, 0.4) !important;
}

.sbnc-audio-volume-btn {
	background: transparent !important;
	border: none !important;
	color: #FF566A !important;
	/* pink volume icon */
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	transition: transform 0.15s ease !important;
}

.sbnc-audio-volume-btn:hover {
	transform: scale(1.1) !important;
}

.sbnc-audio-volume-btn svg {
	width: 18px !important;
	height: 18px !important;
}

.sbnc-audio-speed-wrap {
	position: relative !important;
	display: inline-block !important;
}

.sbnc-audio-speed-btn {
	background: transparent !important;
	border: none !important;
	color: #FF566A !important;
	/* pink speed icon */
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 24px !important;
	height: 24px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	transition: transform 0.15s ease !important;
}

.sbnc-audio-speed-btn:hover {
	transform: scale(1.1) !important;
}

.sbnc-audio-speed-btn svg {
	width: 18px !important;
	height: 18px !important;
}

/* playback speed dropdown popup */
.sbnc-speed-dropdown {
	position: absolute !important;
	bottom: 32px !important;
	right: 0 !important;
	background: #ffffff !important;
	border: 1px solid #FFEBEF !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.08) !important;
	padding: 6px 0 !important;
	z-index: 10 !important;
	min-width: 90px !important;
}

.sbnc-speed-option {
	padding: 6px 12px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	color: #444 !important;
	cursor: pointer !important;
	text-align: center !important;
	font-weight: 600 !important;
}

.sbnc-speed-option:hover {
	background: #FFF0F2 !important;
	color: #FF566A !important;
}

.sbnc-speed-option.active {
	background: #FF566A !important;
	color: #ffffff !important;
}

/* Dark mode audio reader override */
.options_dark_skin .sbnc-audio-reader {
	background: #1C1D21 !important;
	border-color: #2b1c1e !important;
}

.options_dark_skin .sbnc-audio-timer {
	color: #a0a0a0 !important;
}

.options_dark_skin .sbnc-audio-range {
	background: linear-gradient(to right, #FF566A 0%, #FF566A 0%, #2b1c1e 0%, #2b1c1e 100%) !important;
}

.options_dark_skin .sbnc-audio-volume-btn,
.options_dark_skin .sbnc-audio-speed-btn {
	color: #a0a0a0 !important;
}

.options_dark_skin .sbnc-speed-dropdown {
	background: #1C1D21 !important;
	border-color: #2b1c1e !important;
}

.options_dark_skin .sbnc-speed-option {
	color: #ccc !important;
}

.options_dark_skin .sbnc-speed-option:hover {
	background: #2b1c1e !important;
	color: #FF8FA0 !important;
}

/* 12. Table of Contents Premium Overrides */
.sbnc-toc-box {
	background: linear-gradient(135deg, #FFF9FA 0%, #FFF0F2 100%) !important;
	border: 1px solid #FFEBEF !important;
	border-radius: 16px !important;
	padding: 24px !important;
	margin-bottom: 32px !important;
	box-shadow: 0 10px 30px rgba(255, 86, 106, 0.02) !important;
}

.sbnc-toc-title {
	font-family: 'Playfair Display', serif !important;
	font-size: 20px !important;
	font-weight: 800 !important;
	letter-spacing: 1.2px !important;
	text-transform: uppercase !important;
	color: #2C2D30 !important;
	margin-bottom: 20px !important;
	border: none !important;
}

.sbnc-toc-title span {
	color: #FF566A !important;
}

.sbnc-toc-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.sbnc-toc-list li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid rgba(255, 86, 106, 0.08) !important;
	padding-bottom: 12px !important;
	background: transparent !important;
	box-shadow: none !important;
}

.sbnc-toc-list li:last-child {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.sbnc-toc-link {
	display: flex !important;
	align-items: center !important;
	text-decoration: none !important;
	color: #444 !important;
	transition: all 0.2s ease !important;
	width: 100% !important;
}

.sbnc-toc-num {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	border: 1.5px solid #FF566A !important;
	color: #FF566A !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-right: 12px !important;
	flex-shrink: 0 !important;
	background: transparent !important;
}

.sbnc-toc-text {
	border-left: 1.5px solid #FFC2CB !important;
	padding-left: 14px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #4A4A4A !important;
	transition: color 0.2s ease !important;
	line-height: 1.4 !important;
}

.sbnc-toc-arrow {
	margin-left: auto !important;
	color: #FF566A !important;
	transition: transform 0.2s ease !important;
	display: inline-flex !important;
	align-items: center !important;
}

.sbnc-toc-link:hover .sbnc-toc-text {
	color: #FF566A !important;
}

.sbnc-toc-link:hover .sbnc-toc-arrow {
	transform: translateX(4px) !important;
}

.options_dark_skin .sbnc-toc-box {
	background: linear-gradient(135deg, #1C1D21 0%, #201719 100%) !important;
	border-color: #2b1c1e !important;
}

.options_dark_skin .sbnc-toc-title {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-toc-text {
	border-left-color: #3b2c2f !important;
	color: #ccc !important;
}

/* 13. FAQ Accordion Styling */
.sbnc-faq-accordion {
	margin: 32px 0 !important;
}

.sbnc-faq-item {
	border-bottom: 1px solid #FFEBEF !important;
	padding: 10px 0 !important;
	margin: 0 !important;
	display: block !important;
}

.sbnc-faq-item:last-child {
	border-bottom: none !important;
}

.sbnc-faq-trigger {
	display: flex !important;
	align-items: center !important;
	cursor: pointer !important;
	user-select: none !important;
	width: 100% !important;
}

.sbnc-faq-num {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #FF566A !important;
	margin-right: 16px !important;
	min-width: 20px !important;
}

.sbnc-faq-question {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #2C2D30 !important;
	transition: color 0.2s ease !important;
	line-height: 1.4 !important;
}

.sbnc-faq-item.active .sbnc-faq-question {
	color: #FF566A !important;
}

.sbnc-faq-arrow {
	margin-left: auto !important;
	color: #8C8C8C !important;
	display: inline-flex !important;
	align-items: center !important;
	transition: transform 0.3s ease !important;
}

.sbnc-faq-arrow svg {
	width: 14px !important;
	height: 14px !important;
}

.sbnc-faq-item.active .sbnc-faq-arrow {
	transform: rotate(180deg) !important;
	color: #FF566A !important;
}

.sbnc-faq-content {
	padding-left: 36px !important;
	padding-top: 10px !important;
	padding-bottom: 6px !important;
}

.sbnc-faq-content-inner p,
.sbnc-faq-content-inner span {
	font-size: 14.5px !important;
	color: #555 !important;
	line-height: 1.6 !important;
	margin: 0 !important;
}

.options_dark_skin .sbnc-faq-accordion,
.options_dark_skin .sbnc-faq-item {
	border-color: #2b1c1e !important;
}

.options_dark_skin .sbnc-faq-question {
	color: #ccc !important;
}

.options_dark_skin .sbnc-faq-content-inner p,
.options_dark_skin .sbnc-faq-content-inner span {
	color: #aaa !important;
}

/* 14. Table Custom Icons Styling */
.sbnc-table-header-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.sbnc-table-header-icon {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
}

.sbnc-table-cell-wrap {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.sbnc-table-icon-circle {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background-color: #FFF0F2 !important;
	color: #FF566A !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}

.sbnc-table-icon-circle svg {
	width: 15px !important;
	height: 15px !important;
}

.sbnc-table-cell-text {
	font-weight: 700 !important;
	color: #2C2D30 !important;
}

.options_dark_skin .sbnc-table-icon-circle {
	background-color: #2b1c1e !important;
	color: #FF8FA0 !important;
}

.options_dark_skin .sbnc-table-cell-text {
	color: #ffffff !important;
}

/* 15. Callouts Redesign Details */
.sbnc-related-story-box {
	background: #FFF9FA !important;
	border: 1.5px dashed #FFC2CB !important;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.01) !important;
}

.sbnc-callout-bubble-icon {
	color: #FF566A !important;
}

.sbnc-related-story-link {
	border-bottom: 1px solid transparent !important;
	padding-bottom: 2px !important;
}

.sbnc-related-story-link:hover {
	border-bottom-color: #e5384d !important;
}

.options_dark_skin .sbnc-related-story-box {
	background: #1C1D21 !important;
	border-color: #3b2c2f !important;
}

/* =========================================================
   16. Sidebar Custom Widgets Redesign
   ========================================================= */

/* Search Widget Styling */
.sbnc-sidebar-search-widget .sbnc-sidebar-search-form {
	margin-top: 15px !important;
}

.sbnc-sidebar-search-input-wrap {
	position: relative !important;
	width: 100% !important;
}

.sbnc-sidebar-search-field {
	width: 100% !important;
	height: 48px !important;
	background: #FFF5F6 !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-radius: 30px !important;
	padding: 10px 45px 10px 20px !important;
	font-size: 14px !important;
	color: #121416 !important;
	font-family: var(--font-geometric) !important;
	outline: none !important;
	box-sizing: border-box !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.sbnc-sidebar-search-field:focus {
	border-color: var(--primary-color) !important;
	box-shadow: 0 0 10px rgba(255, 86, 106, 0.1) !important;
}

.sbnc-sidebar-search-submit {
	position: absolute !important;
	right: 6px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	color: #FF566A !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	transition: transform 0.2s ease !important;
}

.sbnc-sidebar-search-submit:hover {
	transform: translateY(-50%) scale(1.1) !important;
}

/* Trending Widget Styling */
.sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 15px 0 0 0 !important;
}

.sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li {
	position: relative !important;
	padding: 12px 0 12px 18px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
	margin: 0 !important;
	line-height: 1.4 !important;
}

.sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li:last-child {
	border-bottom: none !important;
}

.sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li::before {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	top: 18px !important;
	/* Adjusted to align perfectly with first line of text */
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: var(--primary-color) !important;
}

.sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li a {
	font-family: var(--font-geometric) !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #4a5568 !important;
	text-decoration: none !important;
	transition: color 0.25s ease !important;
}

.sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li a:hover {
	color: var(--primary-color) !important;
}

/* Ad Card 1: Your Perfect Fit Starts Here */
.sbnc-sidebar-fit-card {
	background: #fff !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-radius: 12px !important;
	padding: 24px 20px !important;
	text-align: center !important;
	box-shadow: 0 4px 20px rgba(255, 86, 106, 0.03) !important;
}

.sbnc-ad-card-title {
	font-family: 'Playfair Display', Georgia, serif !important;
	/* Premium Serif Font */
	font-size: 24px !important;
	font-weight: 700 !important;
	color: var(--primary-color) !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.35 !important;
}

.sbnc-ad-card-divider {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 16px !important;
}

.sbnc-ad-card-divider::before,
.sbnc-ad-card-divider::after {
	content: '' !important;
	height: 1px !important;
	width: 40px !important;
	background: rgba(255, 86, 106, 0.2) !important;
}

.sbnc-ad-card-heart {
	color: var(--primary-color) !important;
	font-size: 14px !important;
	margin: 0 10px !important;
}

.sbnc-ad-card-image {
	border-radius: 8px !important;
	overflow: hidden !important;
	margin-bottom: 20px !important;
}

.sbnc-ad-card-image img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

.sbnc-ad-card-features {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 10px !important;
	border-top: 1px dashed rgba(255, 86, 106, 0.15) !important;
	padding-top: 16px !important;
}

.sbnc-ad-card-feature-item {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	position: relative !important;
}

/* Vertical dashed separators between feature columns */
.sbnc-ad-card-feature-item:not(:last-child)::after {
	content: '' !important;
	position: absolute !important;
	right: -5px !important;
	top: 10% !important;
	height: 80% !important;
	border-right: 1px dashed rgba(255, 86, 106, 0.2) !important;
}

.sbnc-ad-card-check {
	background: var(--primary-color) !important;
	color: #fff !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 8px !important;
}

.sbnc-ad-card-feat-title {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #121416 !important;
	margin-bottom: 2px !important;
}

.sbnc-ad-card-feat-desc {
	font-size: 9px !important;
	color: #718096 !important;
	line-height: 1.25 !important;
}

/* Ad Card 2: Feel Confident Promo */
.sbnc-sidebar-promo-card {
	background: #FFF5F6 !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-radius: 12px !important;
	padding: 24px 20px 40px !important;
	/* Increased padding bottom to make room for overlapping button */
	text-align: center !important;
	box-shadow: 0 4px 20px rgba(255, 86, 106, 0.03) !important;
	position: relative !important;
}

.sbnc-ad-promo-title {
	font-family: 'Playfair Display', Georgia, serif !important;
	/* Premium Serif Font */
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #121416 !important;
	line-height: 1.45 !important;
	margin: 0 0 16px 0 !important;
}

.sbnc-promo-highlight {
	font-family: var(--font-geometric) !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	color: var(--primary-color) !important;
	display: block !important;
	margin-top: 6px !important;
}

/* Style the heart badge next to 20% OFF to be a pink heart inside a white circle */
.sbnc-promo-heart {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	background: #ffffff !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-radius: 50% !important;
	color: var(--primary-color) !important;
	font-size: 13px !important;
	vertical-align: middle !important;
	margin-left: 6px !important;
	box-shadow: 0 2px 6px rgba(255, 86, 106, 0.05) !important;
}

.sbnc-ad-promo-image {
	border-radius: 8px !important;
	overflow: hidden !important;
	margin-bottom: 20px !important;
}

.sbnc-ad-promo-image img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

/* Style the footer heart and overlapping button */
.sbnc-ad-promo-footer {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	position: absolute !important;
	bottom: -20px !important;
	/* Position button to overlap the bottom edge */
	left: 0 !important;
	right: 0 !important;
	z-index: 2 !important;
}

.sbnc-ad-promo-footer-heart {
	color: var(--primary-color) !important;
	font-size: 14px !important;
	margin-bottom: 8px !important;
	display: block !important;
}

.sbnc-ad-promo-button {
	display: inline-block !important;
	background: #fff !important;
	color: var(--primary-color) !important;
	border: 1.5px solid var(--primary-color) !important;
	border-radius: 30px !important;
	padding: 10px 24px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 1.2px !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 10px rgba(255, 86, 106, 0.15) !important;
}

.sbnc-ad-promo-button:hover {
	background: var(--primary-color) !important;
	color: #fff !important;
	box-shadow: 0 6px 16px rgba(255, 86, 106, 0.25) !important;
	transform: translateY(-1px) !important;
}

/* Quiz Card Overrides to match Sidebar Screenshot */
.sbnc-quiz-widget {
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, #ffffff 0%, #fff0f2 100%) !important;
	box-shadow: 0 4px 20px rgba(255, 86, 106, 0.03) !important;
	padding: 24px 20px !important;
}

.sbnc-quiz-eyebrow {
	display: block !important;
	font-family: var(--font-geometric) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	color: #4a5568 !important;
	/* Dark grey/black */
	margin-bottom: 6px !important;
	text-align: center !important;
}

.sbnc-quiz-title {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	color: #FF566A !important;
	/* Entire title is pink */
	letter-spacing: -0.3px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	margin: 0 0 10px 0 !important;
}

.sbnc-quiz-subtitle {
	font-family: var(--font-geometric) !important;
	font-size: 13px !important;
	color: #4a5568 !important;
	line-height: 1.5 !important;
	text-align: center !important;
	margin: 10px 0 12px !important;
}

.sbnc-quiz-star {
	display: block !important;
	font-size: 14px !important;
	color: #FF566A !important;
	text-align: center !important;
	margin: 12px 0 0 0 !important;
}

.sbnc-quiz-option {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	border-radius: 30px !important;
	/* Pill shaped */
	background: #ffffff !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	/* Light pink border */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
	padding: 12px 20px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	font-family: var(--font-geometric) !important;
	font-size: 14px !important;
	color: #2d3748 !important;
	font-weight: 500 !important;
}

.sbnc-quiz-option:hover {
	border-color: #FF566A !important;
	background: #FFF5F6 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(255, 86, 106, 0.08) !important;
}

.sbnc-quiz-option-dot {
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	border: 2px solid #FF566A !important;
	/* Always pink border */
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	transition: all 0.3s ease !important;
}

/* Selected / Correct state */
.sbnc-quiz-option.correct {
	background: #FF566A !important;
	color: #ffffff !important;
	border-color: #FF566A !important;
	box-shadow: 0 6px 18px rgba(255, 86, 106, 0.25) !important;
}

.sbnc-quiz-option.correct .sbnc-quiz-option-dot {
	border-color: #ffffff !important;
	background: #FF566A !important;
}

.sbnc-quiz-option.correct .sbnc-quiz-option-dot::after {
	content: '' !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
}

/* Wrong state */
.sbnc-quiz-option.wrong {
	background: #ef4444 !important;
	color: #ffffff !important;
	border-color: #ef4444 !important;
	box-shadow: 0 6px 18px rgba(239, 68, 68, 0.25) !important;
}

.sbnc-quiz-option.wrong .sbnc-quiz-option-dot {
	border-color: #ffffff !important;
	background: #ef4444 !important;
}

.sbnc-quiz-option.wrong .sbnc-quiz-option-dot::after {
	content: '' !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
}

/* Quiz Result & Reset Override styles */
.sbnc-quiz-result {
	display: none !important;
	text-align: center !important;
	margin-top: 14px !important;
	padding: 10px 14px !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

.sbnc-quiz-result.correct {
	background: #FFF5F6 !important;
	color: #FF566A !important;
	border: 1px solid rgba(255, 86, 106, 0.2) !important;
}

.sbnc-quiz-result.wrong {
	background: #FFF0F2 !important;
	color: #dc2626 !important;
	border: 1px solid rgba(239, 68, 68, 0.2) !important;
}

.sbnc-quiz-reset {
	display: inline-block !important;
	width: auto !important;
	margin-top: 12px !important;
	padding: 8px 24px !important;
	background: #FF566A !important;
	color: #fff !important;
	border: 1.5px solid #FF566A !important;
	border-radius: 30px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: background 0.2s, color 0.2s !important;
	box-shadow: 0 4px 10px rgba(255, 86, 106, 0.15) !important;
}

.sbnc-quiz-reset:hover {
	background: #fff !important;
	color: #FF566A !important;
}

/* Dark Mode Overrides for Sidebar Custom Widgets */
.options_dark_skin .sbnc-sidebar-search-field {
	background: #1C1D21 !important;
	border-color: #2b2c30 !important;
	color: #fff !important;
}

.options_dark_skin .sbnc-sidebar-search-field:focus {
	border-color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li {
	border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.options_dark_skin .sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li a {
	color: #b0b7c3 !important;
}

.options_dark_skin .sbnc-sidebar-trending-widget .sbnc-sidebar-trending-list li a:hover {
	color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-sidebar-fit-card {
	background: #151619 !important;
	border-color: rgba(255, 86, 106, 0.2) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.options_dark_skin .sbnc-ad-card-feat-title {
	color: #fff !important;
}

.options_dark_skin .sbnc-ad-card-feat-desc {
	color: #a0aec0 !important;
}

.options_dark_skin .sbnc-sidebar-promo-card {
	background: #1E1A1B !important;
	border-color: rgba(255, 86, 106, 0.2) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.options_dark_skin .sbnc-ad-promo-title {
	color: #fff !important;
}

.options_dark_skin .sbnc-ad-promo-button {
	background: #151619 !important;
	border-color: var(--primary-color) !important;
}

.options_dark_skin .sbnc-ad-promo-button:hover {
	background: var(--primary-color) !important;
	color: #fff !important;
}

/* Dark Mode Overrides for Quiz Widget */
.options_dark_skin .sbnc-quiz-widget {
	background: linear-gradient(180deg, #1C1D21 0%, #2b1c1f 100%) !important;
	border-color: rgba(255, 86, 106, 0.2) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

.options_dark_skin .sbnc-quiz-eyebrow {
	color: #a0aec0 !important;
}

.options_dark_skin .sbnc-quiz-subtitle {
	color: #cbd5e0 !important;
}

.options_dark_skin .sbnc-quiz-option {
	background: #232428 !important;
	border-color: rgba(255, 86, 106, 0.1) !important;
	color: #e2e8f0 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.options_dark_skin .sbnc-quiz-option:hover {
	background: #2b1c1f !important;
	border-color: #FF566A !important;
}

.options_dark_skin .sbnc-quiz-option-dot {
	background: #232428 !important;
}

.options_dark_skin .sbnc-quiz-result.correct {
	background: #2b1c1f !important;
	color: #FF566A !important;
	border-color: rgba(255, 86, 106, 0.3) !important;
}

.options_dark_skin .sbnc-quiz-result.wrong {
	background: #2a1b1d !important;
	color: #ef4444 !important;
	border-color: rgba(239, 68, 68, 0.3) !important;
}

.options_dark_skin .sbnc-quiz-reset {
	background: #FF566A !important;
	color: #fff !important;
	border-color: #FF566A !important;
}

.options_dark_skin .sbnc-quiz-reset:hover {
	background: #1C1D21 !important;
	color: #FF566A !important;
}

/* Single Blog Page Container Width Increase */
@media (min-width: 1200px) {
	.jl_single_page .container {
		max-width: 1300px !important;
	}
}

@media (min-width: 1400px) {
	.jl_single_page .container {
		max-width: 1380px !important;
	}
}

/* Fix mobile menu overlay blocking click events on main content links */
.mobile_menu_overlay {
	pointer-events: none !important;
}

.mobile_menu_active.mobile_menu_overlay {
	pointer-events: auto !important;
}

/* Post content anchor links styling */
.sbnc-post-content a {
	color: #ef3f48 !important;
	font-weight: 600;
	transition: color 0.2s ease;
}

.sbnc-post-content a:hover {
	color: #d32f38 !important;
	text-decoration: underline !important;
}

/* Dark Mode Visibility Fixes */
.options_dark_skin .sbnc-footer-menu-title,
.options_dark_skin h3.sbnc-footer-menu-title {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-footer-find-store-title,
.options_dark_skin h2.sbnc-footer-find-store-title {
	color: #FF566A !important;
}

.options_dark_skin .sbnc-footer-about {
	color: #e2e8f0 !important;
}

.options_dark_skin .sbnc-footer-copyright-text {
	color: #a0aec0 !important;
}

.options_dark_skin .sbnc-footer-menu-list li a {
	color: #e2e8f0 !important;
}

.options_dark_skin .sbnc-footer-menu-list li a:hover {
	color: #FF566A !important;
}

.options_dark_skin .sbnc-store-search-input::placeholder {
	color: #a0aec0 !important;
}

/* Post content lists visibility in Dark Mode */
.options_dark_skin .sbnc-post-content ul,
.options_dark_skin .sbnc-post-content ol,
.options_dark_skin .sbnc-post-content li {
	color: #e2e8f0 !important;
}

/* =========================================================
   COMPREHENSIVE MOBILE RESPONSIVE FIXES
   Breakpoints: 768px (tablet/small) and 480px (phone)
   ========================================================= */

/* ── Header: reduce side padding on mobile ── */
/* Desktop header padding */
.sbnc-header-fluid {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

@media (max-width: 991px) {
	.sbnc-header-fluid {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	#menu_wrapper .container-fluid {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.sbnc-header-container {
		min-height: 64px !important;
	}

	.sbnc-header-actions-col {
		margin-left: 8px !important;
		gap: 8px !important;
	}

	.sbnc-shop-btn-wrapper {
		margin-right: 0 !important;
	}

	.sbnc-shop-btn {
		padding: 6px 10px !important;
		font-size: 10px !important;
	}

	.sbnc-shop-btn i.jli-down-chevron {
		display: none !important;
	}
}

/* ── Hero section: stack on mobile ── */
@media (max-width: 767px) {

	/* Hero left col: full width */
	.sbnc-hero-left-col {
		padding-right: 0 !important;
		margin-bottom: 20px;
	}

	/* Hero right col: full width, stacked below */
	.sbnc-hero-right-col {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		gap: 14px !important;
		padding-bottom: 6px !important;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}

	.sbnc-hero-right-card {
		flex: 0 0 80vw !important;
		max-width: 80vw !important;
		scroll-snap-align: start;
	}

	.sbnc-hero-right-img-wrapper {
		height: 160px !important;
	}

	.sbnc-hero-img-box {
		height: 240px !important;
	}

	.sbnc-hero-overlay-title {
		font-size: 22px !important;
	}

	.sbnc-hero-overlay-italic {
		font-size: 16px !important;
	}

	.sbnc-hero-overlay {
		bottom: 18px !important;
		left: 16px !important;
		right: 16px !important;
	}

	.sbnc-hero-overlay-cta,
	.sbnc-hero-overlay-badge {
		padding: 6px 12px !important;
		font-size: 10px !important;
	}

	.sbnc-hero-left-title {
		font-size: 20px !important;
	}

	.sbnc-hero-left-desc {
		font-size: 14px !important;
	}
}

/* ── Grid posts: 2 columns on mobile ── */
@media (max-width: 767px) {

	/* Section 2 & 3 grid cards */
	.col-md-3.col-sm-6.sbnc-grid-item {
		width: 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.sbnc-grid-img-box {
		height: 100% !important;
	}

	.sbnc-grid-post-title {
		font-size: 13px !important;
	}

	.sbnc-grid-post-meta {
		font-size: 9px !important;
	}

	/* Bottom Fitting Studio grid: 2 columns */
	.sbnc-bottom-section .col-md-3.sbnc-grid-item {
		width: 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.sbnc-bottom-grid-img img,
	.sbnc-bottom-grid-img .wp-post-image {
		height: 100% !important;
	}

	.sbnc-bottom-post-title {
		font-size: 13px !important;
	}
}

/* ── Grid posts: 1 column on very small phones ── */
@media (max-width: 480px) {

	.col-md-3.col-sm-6.sbnc-grid-item,
	.sbnc-bottom-section .col-md-3.sbnc-grid-item {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.sbnc-hero-right-card {
		flex: 0 0 88vw !important;
		max-width: 88vw !important;
	}
}

/* ── Sidebar: stack below content on mobile ── */
@media (max-width: 767px) {

	#sidebar,
	#sidebar.col-md-4 {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-top: 30px !important;
	}

	.sbnc-sidebar-pad {
		padding-left: 0 !important;
	}
}

/* ── Section headers: shrink on mobile ── */
@media (max-width: 767px) {
	.sbnc-section-title {
		font-size: 18px !important;
	}

	.sbnc-browse-cat-title {
		font-size: 20px !important;
	}

	.sbnc-browse-cat-header {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
	}

	.sbnc-homepage-container {
		margin-top: 12px !important;
		margin-bottom: 30px !important;
	}

	.sbnc-section-mb {
		margin-bottom: 25px !important;
	}
}

/* ── Browse by Category grid: 2 cols on tablet, 2 cols on phone ── */
@media (max-width: 767px) {
	.sbnc-cat-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}

	.sbnc-cat-card {
		padding: 16px 12px !important;
	}

	.sbnc-cat-card-title {
		font-size: 13px !important;
	}

	.sbnc-browse-cat-section {
		padding: 30px 0 !important;
		margin: 20px 0 !important;
	}
}

@media (max-width: 360px) {
	.sbnc-cat-grid {
		grid-template-columns: 1fr !important;
	}
}

/* ── Footer: full-width stacked on mobile ── */
@media (max-width: 767px) {

	.sbnc-footer-left-section,
	.sbnc-footer-right-section {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding: 36px 20px !important;
	}

	.sbnc-footer-about-col {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		border-right: none !important;
		padding-right: 0 !important;
		margin-bottom: 24px !important;
	}

	.sbnc-footer-shop-col {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
	}

	.sbnc-footer-left-content {
		flex-direction: column !important;
	}

	.sbnc-footer-logo-title {
		font-size: 32px !important;
	}

	.sbnc-footer-find-store-title {
		font-size: 32px !important;
	}

	.sbnc-store-grid {
		grid-template-columns: 1fr !important;
	}

	.sbnc-title-marker-icon {
		display: none !important;
	}
}

/* ── Single post: adjust padding ── */
@media (max-width: 767px) {
	.sbnc-post-card-bg {
		padding: 5px !important;
		border-radius: 12px !important;
		margin-bottom: 18px !important;
	}

	.sbnc-single-post-title {
		font-size: 22px !important;
	}

	.sbnc-toc-box {
		padding: 16px !important;
		border-radius: 12px !important;
	}

	.sbnc-post-content table {
		min-width: 650px !important;
		/* Force table layout to remain readable with scroll */
	}

	.wp-block-table,
	.sbnc-table-responsive-wrapper {
		margin: 20px 0 !important;
		border-radius: 12px !important;
	}

	.sbnc-action-bar {
		flex-direction: column !important;
		gap: 10px !important;
		padding: 10px 14px !important;
	}

	.sbnc-action-bar .sbnc-audio-player-wrap {
		max-width: 100% !important;
	}

	.sbnc-author-bio {
		flex-direction: column !important;
		text-align: center !important;
		padding: 18px !important;
	}

	.sbnc-author-bio-avatar {
		margin-right: 0 !important;
		margin-bottom: 14px !important;
	}

	.sbnc-related-card-img img {
		height: 130px !important;
	}

	.sbnc-faq-item {
		gap: 10px !important;
	}
}

/* ── Prevent horizontal scroll ── */
@media (max-width: 767px) {

	body,
	.options_layout_wrapper,
	.options_layout_container {
		overflow-x: hidden !important;
		max-width: 100vw !important;
	}

	.container {
		padding-left: 12px !important;
		padding-right: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Tighten bootstrap row gutters on mobile */
	.row {
		margin-left: -6px !important;
		margin-right: -6px !important;
	}

	.row>[class*="col-"] {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	/* Full-width sections - no horizontal padding */
	.sbnc-browse-cat-section,
	.sbnc-footer,
	.sbnc-footer-inner-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* ── Touch-friendly tap targets ── */
@media (max-width: 767px) {

	.sbnc-view-all-link,
	.sbnc-all-cats-link {
		padding: 6px 0 !important;
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
	}

	.jl_day_night {
		min-width: 36px !important;
		min-height: 36px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.sbnc-search-trigger-btn {
		min-width: 36px !important;
		min-height: 36px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.sbnc-hamburger-trigger {
		min-width: 36px !important;
		min-height: 36px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

/* ── Sidebar search fix for mobile ── */
@media (max-width: 767px) {
	.sbnc-sidebar-search {
		font-size: 16px !important;
		/* Prevents iOS zoom on focus */
	}
}

/* ── Hero right-col: remove horizontal scroll on ≤480px, stack instead ── */
@media (max-width: 480px) {
	.sbnc-hero-right-col {
		flex-direction: column !important;
		overflow-x: visible !important;
		scroll-snap-type: none !important;
	}

	.sbnc-hero-right-card {
		flex: 0 0 auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.sbnc-hero-right-img-wrapper {
		height: 180px !important;
	}
}

.post_content.entry-content.sbnc-post-content img {
	width: 100%;
	margin: 10px 0;
}

.blog_redtxt {
	background: #fef2f4;
	padding: 30px 15px;
}

/* ── Product Catalog Redesign ── */
.sbnc-products-grid-container {
	margin: 40px 0;
	font-family: 'Inter', sans-serif;
	width: 100%;
	clear: both;
}

.sbnc-products-title {
	font-family: 'Playfair Display', serif;
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 24px;
	color: #2C2D30;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.sbnc-products-title span {
	color: #FF566A;
}

.sbnc-product-items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

@media (max-width: 991px) {
	.sbnc-product-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.sbnc-product-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.sbnc-product-item {
		padding: 10px;
		border-radius: 12px;
	}

	.sbnc-product-image-area {
		margin-bottom: 10px;
		border-radius: 8px;
	}

	.sbnc-product-wishlist-btn {
		top: 8px;
		right: 8px;
		width: 28px;
		height: 28px;
	}

	.sbnc-product-wishlist-btn svg {
		width: 13px;
		height: 13px;
	}

	.sbnc-product-rating-pill {
		bottom: 8px;
		left: 8px;
		padding: 2px 6px;
		font-size: 9px;
		gap: 3px;
	}

	.sbnc-product-rating-pill svg {
		width: 9px;
		height: 9px;
	}

	.sbnc-product-labels {
		bottom: 8px;
		right: 8px;
		gap: 3px;
	}

	.sbnc-product-label {
		padding: 2px 6px;
		font-size: 8px;
		border-radius: 3px;
	}

	.sbnc-products-grid-container .sbnc-product-name {
		font-size: 12px;
		line-height: 1.35;
		margin-bottom: 6px;
		height: 32px;
	}

	.sbnc-product-price-row {
		gap: 5px;
		margin-bottom: 12px;
	}

	.sbnc-product-price-current {
		font-size: 14px;
	}

	.sbnc-product-price-old {
		font-size: 11px;
	}

	.sbnc-product-price-discount {
		font-size: 11px;
	}

	.sbnc-products-grid-container .sbnc-product-add-btn {
		padding: 8px 12px !important;
		font-size: 10px !important;
		gap: 6px;
		border-radius: 20px !important;
	}

	.sbnc-product-add-btn svg {
		width: 12px;
		height: 12px;
	}
}

.sbnc-product-item {
	background: #ffffff;
	border: 1px solid #F2F2F5;
	border-radius: 16px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
	box-sizing: border-box;
	margin: 0 !important;
	float: none !important;
	width: 100% !important;
	list-style: none !important;
	list-style-type: none !important;
}

.sbnc-product-item::before {
	content: none !important;
}

.sbnc-product-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(255, 86, 106, 0.08);
	border-color: #FFE5E8;
}

.sbnc-product-image-area {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background: #FAFAFA;
	margin-bottom: 16px;
	aspect-ratio: 4 / 5;
	display: block;
	width: 100%;
}

.sbnc-product-image-area a {
	display: block;
	width: 100%;
	height: 100%;
}

.sbnc-product-image-area img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.5s ease;
	display: block !important;
}

.sbnc-product-item:hover .sbnc-product-image-area img {
	transform: scale(1.06);
}

.sbnc-product-wishlist-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	z-index: 5;
	transition: all 0.2s ease;
	color: #B2B2B2 !important;
	border: none !important;
	padding: 0 !important;
	outline: none;
}

.sbnc-product-wishlist-btn svg {
	width: 16px;
	height: 16px;
	fill: transparent;
	transition: all 0.2s ease;
}

.sbnc-product-wishlist-btn:hover {
	transform: scale(1.1);
	background: #FFF0F2 !important;
	color: #FF566A !important;
}

.sbnc-product-wishlist-btn:hover svg {
	fill: #FF566A;
}

.sbnc-product-rating-pill {
	position: absolute;
	bottom: 12px;
	left: 12px;
	background: rgba(255, 255, 255, 0.95);
	padding: 4px 8px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	color: #4A4A4A;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	z-index: 4;
}

.sbnc-product-rating-pill svg {
	width: 11px;
	height: 11px;
	fill: #FFB800;
	color: #FFB800;
}

.sbnc-product-labels {
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: flex-end;
	z-index: 4;
}

.sbnc-product-label {
	padding: 4px 8px;
	font-size: 9px;
	font-weight: 800;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	line-height: 1.1;
}

.sbnc-product-label-grey {
	background: rgba(44, 45, 48, 0.85);
	color: #ffffff;
}

.sbnc-product-label-pink {
	background: #FF566A;
	color: #ffffff;
}

.sbnc-product-label-gold {
	background: #FFB800;
	color: #ffffff;
}

.sbnc-product-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	box-sizing: border-box;
}

.sbnc-products-grid-container .sbnc-product-name {
	font-size: 14px;
	font-weight: 600;
	color: #2C2D30 !important;
	text-decoration: none !important;
	line-height: 1.4;
	margin-bottom: 8px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
	transition: color 0.2s ease;
}

.sbnc-products-grid-container .sbnc-product-name:hover {
	color: #FF566A !important;
}

.sbnc-product-price-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.sbnc-product-price-current {
	font-size: 17px;
	font-weight: 800;
	color: #2C2D30;
}

.sbnc-product-price-old {
	font-size: 12.5px;
	color: #8C8C8C;
	text-decoration: line-through;
}

.sbnc-product-price-discount {
	font-size: 12.5px;
	font-weight: 700;
	color: #FF566A;
}

.sbnc-products-grid-container .sbnc-product-add-btn {
	background: #FF566A !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 24px !important;
	padding: 11px 16px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	cursor: pointer;
	width: 100%;
	transition: all 0.25s ease !important;
	box-shadow: 0 4px 12px rgba(255, 86, 106, 0.2) !important;
	text-decoration: none !important;
	box-sizing: border-box;
	margin-top: auto;
}

.sbnc-products-grid-container .sbnc-product-add-btn:hover {
	background: #e04457 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	box-shadow: 0 6px 16px rgba(255, 86, 106, 0.35) !important;
	transform: translateY(-1px);
}

.sbnc-product-add-btn svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
}

.sbnc-products-footer {
	text-align: center;
	margin-top: 36px;
	width: 100%;
}

.sbnc-products-grid-container .sbnc-view-all-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1.5px solid #FF566A !important;
	color: #FF566A !important;
	background: transparent !important;
	padding: 10px 28px !important;
	border-radius: 24px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
}

.sbnc-products-grid-container .sbnc-view-all-btn:hover {
	background: #FF566A !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(255, 86, 106, 0.2) !important;
	text-decoration: none !important;
}

/* Dark Skin Support */
.options_dark_skin .sbnc-product-item {
	background: #1C1D21;
	border-color: #2b1c1e;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.options_dark_skin .sbnc-product-item:hover {
	border-color: #3b2c2f;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
}

.options_dark_skin .sbnc-product-image-area {
	background: #151619;
}

.options_dark_skin .sbnc-product-wishlist-btn {
	background: #25262a !important;
	color: #777 !important;
}

.options_dark_skin .sbnc-product-wishlist-btn:hover {
	background: #3b2c2f !important;
	color: #FF566A !important;
}

.options_dark_skin .sbnc-product-rating-pill {
	background: rgba(37, 38, 42, 0.95);
	color: #ccc;
}

.options_dark_skin .sbnc-product-name {
	color: #eee !important;
}

.options_dark_skin .sbnc-product-price-current {
	color: #eee;
}

.options_dark_skin .sbnc-products-title {
	color: #eee;
}

.bg_home_2 {
	background: #fef6f6 !important;
	padding: 5px !important;

}

.bg_home_1 {
	background: #fef6f6 !important;
	padding: 15px !important;

}

.blog_redtxt {
	background: #fef2f4;
	padding: 30px 15px;
}

/* Premium Archive Header Banner (Categories, Tags, Archives; excluding Authors) */
.category .jl_sec_title,
.tag .jl_sec_title,
.archive:not(.author) .jl_sec_title {
	background: linear-gradient(135deg, #FFF0F2 0%, #FFDFE3 100%) !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-left: 6px solid #FF566A !important;
	border-radius: 16px !important;
	padding: 20px 35px !important;
	margin-bottom: 45px !important;
	box-shadow: 0 10px 35px rgba(255, 86, 106, 0.06) !important;
	position: relative !important;
	overflow: hidden !important;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Subtle background accent graphic */
.category .jl_sec_title::after,
.tag .jl_sec_title::after,
.archive:not(.author) .jl_sec_title::after {
	content: "" !important;
	position: absolute !important;
	bottom: -50px !important;
	right: -30px !important;
	width: 200px !important;
	height: 200px !important;
	background: radial-gradient(circle, rgba(255, 86, 106, 0.12) 0%, transparent 70%) !important;
	border-radius: 50% !important;
	pointer-events: none !important;
}

/* Archive type badge */
.category .jl_sec_title::before,
.tag .jl_sec_title::before,
.archive:not(.author) .jl_sec_title::before {
	display: inline-block !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	color: #FF566A !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	background: #FFF5F6 !important;
	border: 1px solid rgba(255, 86, 106, 0.25) !important;
	padding: 5px 12px !important;
	border-radius: 30px !important;
	margin-bottom: 18px !important;
	box-shadow: 0 2px 8px rgba(255, 86, 106, 0.08) !important;
}

.category .jl_sec_title .jl_title_c,
.category .jl_sec_title .jl_title_c span,
.tag .jl_sec_title .jl_title_c,
.tag .jl_sec_title .jl_title_c span,
.archive:not(.author) .jl_sec_title .jl_title_c,
.archive:not(.author) .jl_sec_title .jl_title_c span {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #121416 !important;
	line-height: 1.25 !important;
	margin-top: 0 !important;
	margin-bottom: 1px !important;
	border: none !important;
	padding: 0 !important;
	text-transform: capitalize !important;
	background: none !important;
	-webkit-text-fill-color: initial !important;
}

.category .jl_sec_title .jl_title_c span,
.tag .jl_sec_title .jl_title_c span,
.archive:not(.author) .jl_sec_title .jl_title_c span {
	position: relative !important;
	display: inline-block !important;
}

.category .jl_sec_title p.cat-description,
.category .jl_sec_title p.archive-description,
.category .jl_sec_title p.tag-description,
.tag .jl_sec_title p.cat-description,
.tag .jl_sec_title p.archive-description,
.tag .jl_sec_title p.tag-description,
.archive:not(.author) .jl_sec_title p.cat-description,
.archive:not(.author) .jl_sec_title p.archive-description,
.archive:not(.author) .jl_sec_title p.tag-description {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.75 !important;
	color: #4a5568 !important;
	margin-top: 8px !important;
	margin-bottom: 0 !important;
}

/* Dark mode overrides for Archive Header Banner */
.options_dark_skin .category .jl_sec_title,
.options_dark_skin .tag .jl_sec_title,
.options_dark_skin .archive:not(.author) .jl_sec_title {
	background: linear-gradient(135deg, #16171a 0%, #1e1f24 100%) !important;
	border-color: rgba(255, 86, 106, 0.15) !important;
	border-left: 6px solid #FF566A !important;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25) !important;
}

.options_dark_skin .category .jl_sec_title::after,
.options_dark_skin .tag .jl_sec_title::after,
.options_dark_skin .archive:not(.author) .jl_sec_title::after {
	background: radial-gradient(circle, rgba(255, 86, 106, 0.15) 0%, transparent 70%) !important;
}

.options_dark_skin .category .jl_sec_title::before,
.options_dark_skin .tag .jl_sec_title::before,
.options_dark_skin .archive:not(.author) .jl_sec_title::before {
	background: #1e1f24 !important;
	border-color: rgba(255, 86, 106, 0.35) !important;
	color: #FF758C !important;
	box-shadow: none !important;
}

.options_dark_skin .category .jl_sec_title .jl_title_c,
.options_dark_skin .category .jl_sec_title .jl_title_c span,
.options_dark_skin .tag .jl_sec_title .jl_title_c,
.options_dark_skin .tag .jl_sec_title .jl_title_c span,
.options_dark_skin .archive:not(.author) .jl_sec_title .jl_title_c,
.options_dark_skin .archive:not(.author) .jl_sec_title .jl_title_c span {
	color: #ffffff !important;
	background: none !important;
	-webkit-text-fill-color: initial !important;
}

.options_dark_skin .category .jl_sec_title p.cat-description,
.options_dark_skin .category .jl_sec_title p.archive-description,
.options_dark_skin .category .jl_sec_title p.tag-description,
.options_dark_skin .tag .jl_sec_title p.cat-description,
.options_dark_skin .tag .jl_sec_title p.archive-description,
.options_dark_skin .tag .jl_sec_title p.tag-description,
.options_dark_skin .archive:not(.author) .jl_sec_title p.cat-description,
.options_dark_skin .archive:not(.author) .jl_sec_title p.archive-description,
.options_dark_skin .archive:not(.author) .jl_sec_title p.tag-description {
	color: #a0aec0 !important;
}

.jl_author_bio_avatar img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

/* Premium Author Card */
.sbnc-author-card {
	background: linear-gradient(135deg, #FFF0F2 0%, #FFDFE3 100%) !important;
	border: 1px solid rgba(255, 86, 106, 0.15) !important;
	border-left: 6px solid #FF566A !important;
	border-radius: 16px !important;
	padding: 5px !important;
	margin-top: 10px !important;
	margin-bottom: 40px !important;
	box-shadow: 0 10px 35px rgba(255, 86, 106, 0.06) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
	gap: 20px !important;
}

.sbnc-author-card-avatar {
	flex-shrink: 0 !important;
}

.sbnc-author-card-avatar img {
	border-radius: 50% !important;
	display: block !important;
	border: 3px solid #fff !important;
	box-shadow: 0 4px 15px rgba(255, 86, 106, 0.15) !important;
	width: 90px !important;
	height: 90px !important;
	object-fit: cover !important;
}

.sbnc-author-card-content {
	flex-grow: 1 !important;
}

.sbnc-author-card-name {
	margin: 0 0 10px 0 !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	color: #121416 !important;
	font-family: 'Montserrat', sans-serif !important;
	text-transform: capitalize !important;
}

.sbnc-author-card-bio {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #4a5568 !important;
	font-family: 'Montserrat', sans-serif !important;
}

/* Tablet & Desktop Layout */
@media (min-width: 576px) {
	.sbnc-author-card {
		flex-direction: row !important;
		text-align: left !important;
		align-items: center !important;
		gap: 25px !important;
		padding: 30px 35px !important;
	}
}

/* Dark Mode support for Author Card */
.options_dark_skin .sbnc-author-card {
	background: linear-gradient(135deg, #16171a 0%, #1e1f24 100%) !important;
	border-color: rgba(255, 86, 106, 0.15) !important;
	border-left: 6px solid #FF566A !important;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25) !important;
}

.options_dark_skin .sbnc-author-card-avatar img {
	border-color: #242528 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.options_dark_skin .sbnc-author-card-name {
	color: #ffffff !important;
}

.options_dark_skin .sbnc-author-card-bio {
	color: #a0aec0 !important;
}

/* Fix title line height and overlapping for regional languages */
.jl_grid_w .text-box h3,
.jl_grid_w .text-box h3 a,
.sbnc-hero-left-title,
.sbnc-hero-left-title a,
.sbnc-hero-right-title,
.sbnc-hero-right-title a,
.sbnc-grid-post-title,
.sbnc-grid-post-title a,
.sbnc-bottom-post-title,
.sbnc-bottom-post-title a {
	line-height: 1.25 !important;
}

.jl_grid_w .text-box h3 {
	margin-bottom: 8px !important;
}

/* Interactive Category Link Hover States */
.sbnc-hero-overlay-badge:hover {
	opacity: 0.9;
	text-decoration: none !important;
}

.sbnc-hero-right-tag:hover {
	opacity: 0.85;
	text-decoration: underline !important;
}

.sbnc-meta-category:hover {
	text-decoration: underline !important;
}

/* Dark Mode Overrides for Home Cards & Titles */
.options_dark_skin .bg_home_1,
.options_dark_skin .bg_home_2 {
	background: #18191c !important;
	border: 1px solid #242528 !important;
}

.options_dark_skin .sbnc-hero-right-title a {
	color: #e0e0e0 !important;
}

/* ── Post Tags Section ── */
.sbnc-post-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 24px 0;
}

.sbnc-post-tags-label {
	background: #FF566A;
	color: #ffffff;
	padding: 6px 14px;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
}

.sbnc-post-tag-item {
	background: #ffffff;
	color: #333333 !important;
	border: 1px solid #E2E8F0;
	padding: 5px 14px;
	font-size: 14px;
	text-decoration: none !important;
	transition: all 0.2s ease;
	display: inline-block;
}

.sbnc-post-tag-item:hover {
	border-color: #FF566A;
	color: #FF566A !important;
	background: #FFF0F2;
}

/* Dark mode support */
.options_dark_skin .sbnc-post-tag-item {
	background: #25262a;
	color: #eeeeee !important;
	border-color: #3a3b3f;
}

.options_dark_skin .sbnc-post-tag-item:hover {
	border-color: #FF566A;
	color: #FF566A !important;
	background: #3b2c2f;
}

.text-box h3 {
	font-family: 'Playfair Display', serif;
	font-size: 16px;
	/* font-weight: 700; */
	margin: 0 0 12px 0;
	line-height: 1.45;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.text-box p {
	line-height: 1.45;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;

}

/* Custom Language Dropdown Selector Styles */
.sbnc-lang-icon-wrapper {
	display: inline-block !important;
	vertical-align: middle !important;
	line-height: 1 !important;
	transition: transform 0.2s ease;
	margin-right: 4px;
}

#mainmenu>li:hover .sbnc-lang-icon-wrapper {
	transform: scale(1.1);
}

.sbnc-lang-icon {
	width: 18px !important;
	height: 18px !important;
	stroke: currentColor !important;
	display: inline-block !important;
	vertical-align: middle !important;
	transition: stroke 0.25s ease;
}

/* Sub-menu active language styling */
#mainmenu .sub-menu li.active>a,
#mainmenu .sub-menu li.current-menu-item>a {
	color: #FF566A !important;
	font-weight: 700;
}

/* Apply flex alignment to the Languages menu item link using robust attribute selector */
#mainmenu>li>a[href*="/languages"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Ensure the wrapper inside is aligned properly as a flex item */
#mainmenu>li>a[href*="/languages"] .sbnc-lang-icon-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-right: 6px !important;
	margin-top: 0 !important;
}

#mainmenu>li>a[href*="/languages"] .sbnc-lang-icon {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	stroke: #ff566a !important;
}

/* =========================================================
   FAQs Post Detail Page Accordion Layout
   ========================================================= */
.sbnc-faq-accordion {
	margin: 25px 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.sbnc-faq-header-wrap {
	margin-bottom: 18px !important;
	position: relative !important;
}

.sbnc-faq-title {
	font-family: var(--font-geometric) !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #ff566a !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.3px !important;
	text-transform: capitalize !important;
}

.sbnc-faq-title-underline {
	width: 45px !important;
	height: 3px !important;
	background: #ff566a !important;
	border-radius: 2px !important;
}

.sbnc-faq-list {
	border-top: 1px solid #f0f4f8 !important;
}

.sbnc-faq-item {
	border-bottom: 1px solid #f0f4f8 !important;
	transition: background 0.3s ease !important;
}

.sbnc-faq-question-wrap {
	display: flex !important;
	align-items: flex-start !important;
	padding: 12px 0 !important;
	cursor: pointer !important;
	user-select: none !important;
}

.sbnc-faq-number {
	color: #ff566a !important;
	font-family: var(--font-geometric) !important;
	font-weight: 700 !important;
	font-size: 14.5px !important;
	margin-right: 12px !important;
	min-width: 20px !important;
	padding-top: 1px !important;
}

.sbnc-faq-question {
	font-family: var(--font-geometric) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #1a202c !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	flex-grow: 1 !important;
	letter-spacing: -0.15px !important;
	transition: color 0.3s ease !important;
}

.sbnc-faq-item:hover .sbnc-faq-question,
.sbnc-faq-item.is-active .sbnc-faq-question {
	color: #ff566a !important;
}

.sbnc-faq-answer-wrap {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
}

.sbnc-faq-item.is-active .sbnc-faq-answer-wrap {
	max-height: 1000px;
	opacity: 1;
}

.sbnc-faq-answer-inner {
	padding: 0 0 14px 32px !important;
	font-family: var(--font-geometric) !important;
	font-size: 13.5px !important;
	color: #4a5568 !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
}

/* Eliminate excessive vertical margins from paragraph blocks added by WordPress formatting */
.sbnc-faq-answer-inner p {
	margin: 0 0 8px 0 !important;
}

.sbnc-faq-answer-inner p:last-child {
	margin-bottom: 0 !important;
}

/* Dark mode overrides for FAQs */
.options_dark_skin .sbnc-faq-list {
	border-top-color: #242528 !important;
}

.options_dark_skin .sbnc-faq-item {
	border-bottom-color: #242528 !important;
}

.options_dark_skin .sbnc-faq-question {
	color: #e2e8f0 !important;
}

.options_dark_skin .sbnc-faq-item:hover .sbnc-faq-question,
.options_dark_skin .sbnc-faq-item.is-active .sbnc-faq-question {
	color: #ff566a !important;
}

.options_dark_skin .sbnc-faq-answer-inner {
	color: #a0aec0 !important;
}