/*!
Theme Name: Kadence
Theme URI: https://www.kadencewp.com/kadence-theme/
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.5.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.3
Tested up to: 6.9.1
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/

/**
 * Premium Custom Post Meta Badges
 * Transforms post metadata (Author, Date, Categories, Comments) into beautiful, rounded pill badges.
 */

/* Post Meta Container spacing and layout */
.entry-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	align-items: center !important;
	margin: 1.5em 0 !important;
}

/* Hide default dot/slash/vline dividers */
.entry-meta > *:after {
	display: none !important;
}

/* Base styles for all meta tags */
.entry-meta .posted-by,
.entry-meta .posted-on,
.entry-meta .category-links,
.entry-meta .updated-on,
.entry-meta .meta-comments {
	display: inline-flex !important;
	align-items: center !important;
	background-color: #fdf2f8 !important; /* Premium soft rose background */
	color: #be185d !important; /* Premium rich deep pink */
	padding: 6px 14px !important;
	border-radius: 50px !important; /* Fully rounded pill badges */
	font-size: 13px !important;
	font-weight: 500 !important;
	border: 1px solid #fbcfe8 !important; /* Soft border accent */
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	margin: 0 !important;
}

/* Link treatments inside badges */
.entry-meta .posted-by a,
.entry-meta .category-links a,
.entry-meta .meta-comments a {
	color: #be185d !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.15s ease-in-out !important;
}

/* Interactive Hover States */
.entry-meta .posted-by:hover,
.entry-meta .posted-on:hover,
.entry-meta .category-links:hover,
.entry-meta .updated-on:hover,
.entry-meta .meta-comments:hover {
	background-color: #fce7f3 !important; /* Deeper soft pink tint */
	border-color: #f9a8d4 !important; /* Highlight border */
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 6px -1px rgba(219, 39, 119, 0.05), 0 2px 4px -1px rgba(219, 39, 119, 0.03) !important;
}

.entry-meta .posted-by a:hover,
.entry-meta .category-links a:hover,
.entry-meta .meta-comments a:hover {
	color: #9d174d !important; /* Brand dark pink on hover */
	text-decoration: none !important;
}

/* Icon / SVG adjustments within badges */
.entry-meta svg.kadence-svg-iconset {
	fill: #be185d !important;
	color: #be185d !important;
	margin-right: 6px !important;
	margin-left: 0 !important;
	width: 14px !important;
	height: 14px !important;
}

/* Author Avatar integration */
.entry-meta .author-avatar {
	width: 18px !important;
	height: 18px !important;
	margin-right: 6px !important;
}

.entry-meta .author-avatar img {
	border-radius: 50% !important;
	border: 1px solid #fbcfe8 !important;
}


/**
 * Premium Sidebar & Widget Customizations
 * Stylizes general sidebar widgets, search forms, and latest post cards to match premium Nails Wire guidelines.
 */

/* 1. General Widget Container Cards */
#secondary .widget,
.sidebar .widget,
.primary-sidebar .widget {
	background: #ffffff !important;
	border: 1px solid #fbcfe8 !important; /* Soft premium pink outline */
	border-radius: 12px !important; /* Elegant rounded card corners */
	padding: 24px !important;
	margin-bottom: 28px !important;
	box-shadow: 0 4px 12px -2px rgba(219, 39, 119, 0.03) !important;
	transition: box-shadow 0.25s ease !important;
}

#secondary .widget:hover,
.sidebar .widget:hover,
.primary-sidebar .widget:hover {
	box-shadow: 0 8px 18px -4px rgba(219, 39, 119, 0.05) !important;
}

/* General Widget Title styling */
#secondary .widget-title,
.sidebar .widget-title,
.primary-sidebar .widget-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #be185d !important; /* Brand deep pink */
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 20px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #fbcfe8 !important; /* Accent bottom border */
	position: relative !important;
}

/* Hide empty widget titles entirely to avoid layout spaces */
#secondary .widget-title:empty,
.sidebar .widget-title:empty,
.primary-sidebar .widget-title:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

/* Reset any default top margins on the first element inside widget cards */
#secondary .widget > *:first-child,
.sidebar .widget > *:first-child,
.primary-sidebar .widget > *:first-child {
	margin-top: 0 !important;
}

/* CSS Pseudo-Element Title Injection for Recent Posts/Latest Posts sidebar cards */
#secondary .widget_recent_entries::before,
#secondary .widget_recent_posts::before,
#secondary .widget:has(.wp-block-latest-posts)::before {
	content: "Top Post" !important;
	display: block !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #be185d !important; /* Brand deep pink */
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 20px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #fbcfe8 !important; /* Accent bottom border */
	position: relative !important;
	width: 100% !important;
}

/* Avoid duplicate titles if a non-empty header already exists in the DOM */
#secondary .widget:has(.widget-title:not(:empty))::before,
.sidebar .widget:has(.widget-title:not(:empty))::before {
	display: none !important;
}



/* 2. Premium Search Widget Redesign */
#secondary .widget_search .search-form,
.sidebar .widget_search .search-form,
.primary-sidebar .widget_search .search-form {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
}

#secondary .widget_search .search-form input[type=search],
.sidebar .widget_search .search-form input[type=search],
.primary-sidebar .widget_search .search-form input[type=search],
#secondary .widget_search .search-form input.search-field,
.sidebar .widget_search .search-form input.search-field,
.primary-sidebar .widget_search .search-form input.search-field {
	width: 100% !important;
	background-color: #fdf2f8 !important; /* Premium soft pink background tint */
	border: 2px solid #fbcfe8 !important; /* Rose border outline */
	border-radius: 50px !important; /* Sleek pill-shaped search input */
	padding: 12px 55px 12px 18px !important; /* Spacious padding for search input */
	font-size: 14px !important;
	color: #4a5568 !important;
	height: 48px !important;
	line-height: 1.2 !important;
	outline: none !important;
	box-shadow: none !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Focus state for input bar */
#secondary .widget_search .search-form input[type=search]:focus,
.sidebar .widget_search .search-form input[type=search]:focus,
.primary-sidebar .widget_search .search-form input[type=search]:focus {
	border-color: #be185d !important; /* High contrast brand pink border */
	background-color: #ffffff !important; /* Clear white background on active focus */
	box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.08) !important;
}

/* circular pink magnifier button container */
#secondary .widget_search .search-form .kadence-search-icon-wrap,
.sidebar .widget_search .search-form .kadence-search-icon-wrap,
.primary-sidebar .widget_search .search-form .kadence-search-icon-wrap {
	right: 4px !important;
	top: 4px !important;
	bottom: 4px !important;
	height: 40px !important;
	width: 40px !important;
	background-color: #be185d !important; /* Premium brand pink button */
	border-radius: 50% !important; /* Circular magnifying glass button */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
	z-index: 3 !important;
}

/* White magnifier glass icon styling */
#secondary .widget_search .search-form .kadence-search-icon-wrap svg,
.sidebar .widget_search .search-form .kadence-search-icon-wrap svg,
.primary-sidebar .widget_search .search-form .kadence-search-icon-wrap svg {
	color: #ffffff !important;
	fill: #ffffff !important;
	width: 15px !important;
	height: 15px !important;
}

/* Align invisible submit button perfectly over circular icon */
#secondary .widget_search .search-form .search-submit[type=submit],
.sidebar .widget_search .search-form .search-submit[type=submit],
.primary-sidebar .widget_search .search-form .search-submit[type=submit] {
	right: 4px !important;
	top: 4px !important;
	height: 40px !important;
	width: 40px !important;
	z-index: 4 !important;
	cursor: pointer !important;
}

/* Interactive hover on search submit */
#secondary .widget_search .search-form:hover .kadence-search-icon-wrap,
.sidebar .widget_search .search-form:hover .kadence-search-icon-wrap,
.primary-sidebar .widget_search .search-form:hover .kadence-search-icon-wrap {
	background-color: #9d174d !important; /* Deeper brand pink hover */
	transform: scale(1.05) !important;
}


/* 3. Robust Flexbox Latest Posts List Layout */
#secondary .widget_recent_entries ul li,
.sidebar .widget_recent_entries ul li,
.primary-sidebar .widget_recent_entries ul li,
#secondary .wp-block-latest-posts li,
.sidebar .wp-block-latest-posts li,
.primary-sidebar .wp-block-latest-posts li {
	display: flex !important; /* Force items to sit in flex rows */
	flex-direction: row !important;
	align-items: flex-start !important; /* Align thumbnail and text to top */
	gap: 14px !important; /* Gap spacing between thumbnail and text title */
	margin-bottom: 16px !important;
	padding-bottom: 16px !important;
	border-bottom: 1px dashed #fbcfe8 !important; /* Elegant dashed accent separator */
	line-height: 1.4 !important;
	width: 100% !important;
	float: none !important;
}

#secondary .widget_recent_entries ul li:last-child,
.sidebar .widget_recent_entries ul li:last-child,
.primary-sidebar .widget_recent_entries ul li:last-child,
#secondary .wp-block-latest-posts li:last-child,
.sidebar .wp-block-latest-posts li:last-child,
.primary-sidebar .wp-block-latest-posts li:last-child {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Post list item thumbnail correction */
#secondary .widget_recent_entries ul li a img,
.sidebar .widget_recent_entries ul li a img,
.primary-sidebar .widget_recent_entries ul li a img,
#secondary .wp-block-latest-posts__featured-image img,
.sidebar .wp-block-latest-posts__featured-image img,
.primary-sidebar .wp-block-latest-posts__featured-image img,
#secondary .wp-block-latest-posts li a img,
.sidebar .wp-block-latest-posts li a img,
.primary-sidebar .wp-block-latest-posts li a img,
#secondary .wp-block-latest-posts__featured-image,
.sidebar .wp-block-latest-posts__featured-image,
.primary-sidebar .wp-block-latest-posts__featured-image {
	width: 68px !important;
	height: 68px !important;
	min-width: 68px !important; /* Prevent thumbnail shrinking in narrow container */
	object-fit: cover !important;
	border-radius: 8px !important; /* Premium rounded corner thumbnail */
	border: 1px solid #fbcfe8 !important; /* Premium rose border outline */
	margin: 0 !important;
	float: none !important; /* Remove float layout breaking text flow */
	display: block !important;
}

/* Post list item text title layout styling */
#secondary .widget_recent_entries ul li > a:not(:has(img)),
.sidebar .widget_recent_entries ul li > a:not(:has(img)),
.primary-sidebar .widget_recent_entries ul li > a:not(:has(img)),
#secondary .wp-block-latest-posts__post-title,
.sidebar .wp-block-latest-posts__post-title,
.primary-sidebar .wp-block-latest-posts__post-title,
#secondary .wp-block-latest-posts li > a:not(:has(img)),
.sidebar .wp-block-latest-posts li > a:not(:has(img)),
.primary-sidebar .wp-block-latest-posts li > a:not(:has(img)) {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #374151 !important; /* Deep neutral dark grey */
	text-decoration: none !important;
	display: block !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: color 0.15s ease !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

#secondary .widget_recent_entries ul li > a:not(:has(img)):hover,
.sidebar .widget_recent_entries ul li > a:not(:has(img)):hover,
.primary-sidebar .widget_recent_entries ul li > a:not(:has(img)):hover,
#secondary .wp-block-latest-posts__post-title:hover,
.sidebar .wp-block-latest-posts__post-title:hover,
.primary-sidebar .wp-block-latest-posts__post-title:hover {
	color: #be185d !important; /* Deeper brand pink on hover */
}

/* Post Date inside Latest Posts list cards */
#secondary .wp-block-latest-posts__post-date,
.sidebar .wp-block-latest-posts__post-date,
.primary-sidebar .wp-block-latest-posts__post-date,
#secondary .widget_recent_entries .post-date,
.sidebar .widget_recent_entries .post-date,
.primary-sidebar .widget_recent_entries .post-date {
	display: block !important;
	font-size: 11px !important;
	color: #be185d !important;
	font-weight: 500 !important;
	margin-top: 4px !important;
}


/* 4. Gutenberg Block Search Integration */
#secondary .wp-block-search,
.sidebar .wp-block-search,
.primary-sidebar .wp-block-search {
	margin-bottom: 0 !important;
}

#secondary .wp-block-search .wp-block-search__inside-wrapper,
.sidebar .wp-block-search .wp-block-search__inside-wrapper,
.primary-sidebar .wp-block-search .wp-block-search__inside-wrapper {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	width: 100% !important;
}

#secondary .wp-block-search .wp-block-search__input,
.sidebar .wp-block-search .wp-block-search__input,
.primary-sidebar .wp-block-search .wp-block-search__input {
	width: 100% !important;
	background-color: #fdf2f8 !important; /* Premium soft pink background tint */
	border: 2px solid #fbcfe8 !important; /* Rose border outline */
	border-radius: 50px !important; /* Sleek pill-shaped search input */
	padding: 12px 55px 12px 18px !important; /* Spacious padding */
	font-size: 14px !important;
	color: #4a5568 !important;
	height: 48px !important;
	line-height: 1.2 !important;
	outline: none !important;
	box-shadow: none !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#secondary .wp-block-search .wp-block-search__input:focus,
.sidebar .wp-block-search .wp-block-search__input:focus,
.primary-sidebar .wp-block-search .wp-block-search__input:focus {
	border-color: #be185d !important; /* Premium high contrast focus */
	background-color: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.08) !important;
}

/* Custom magnifying glass overlay inside search block button */
#secondary .wp-block-search .wp-block-search__button,
.sidebar .wp-block-search .wp-block-search__button,
.primary-sidebar .wp-block-search .wp-block-search__button {
	position: absolute !important;
	right: 4px !important;
	top: 4px !important;
	bottom: 4px !important;
	height: 40px !important;
	width: 40px !important;
	background-color: #be185d !important; /* Premium brand pink */
	border-radius: 50% !important; /* Circle container shape */
	border: none !important;
	padding: 0 !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	z-index: 3 !important;
	/* Pure CSS high-res white vector search icon */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	font-size: 0 !important; /* Hide default core "Search" text label */
	color: transparent !important;
}

#secondary .wp-block-search .wp-block-search__button:hover,
.sidebar .wp-block-search .wp-block-search__button:hover,
.primary-sidebar .wp-block-search .wp-block-search__button:hover {
	background-color: #9d174d !important;
	transform: scale(1.05) !important;
}


/* 5. Premium Breadcrumbs Ribbon Customization */
.kadence-breadcrumbs {
	margin: 0 0 1.5em 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #6b7280 !important; /* Neutral medium grey */
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	background-color: #fdf2f8 !important; /* Premium soft rose background */
	padding: 6px 18px !important;
	border-radius: 30px !important; /* Pill-shaped breadcrumb wrapper */
	border: 1px solid #fbcfe8 !important; /* Soft rose outline */
}

/* Breadcrumb container inner wrapper spacing */
.kadence-breadcrumbs .kadence-breadcrumb-container {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

/* Individual crumbs text and links */
.kadence-breadcrumbs a {
	color: #be185d !important; /* Rich deep pink links */
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.15s ease-in-out !important;
}

.kadence-breadcrumbs a:hover {
	color: #9d174d !important; /* Deeper hover */
	text-decoration: underline !important;
}

/* Style the home icon link if enabled */
.kadence-breadcrumbs a.kadence-bc-home svg {
	fill: #be185d !important;
	width: 14px !important;
	height: 14px !important;
}

/* Breadcrumb delimiter slashes */
.kadence-breadcrumbs .bc-delimiter {
	color: #f9a8d4 !important; /* Soft brand pink slashes */
	font-weight: bold !important;
	margin: 0 4px !important;
}

/* Active current breadcrumb page text label styling */
.kadence-breadcrumbs .kadence-bread-current {
	color: #be185d !important; /* Deep neutral grey for active title */
	font-weight: 600 !important;
}


/* Premium Single Post Hyperlink Styling & Interactive Hover Glow Effects */
.single-content a:not(.button):not(.wp-block-button__link):not(.more-link):not(.entry-author-follow a),
.entry-content a:not(.button):not(.wp-block-button__link):not(.more-link) {
	color: #be185d !important; /* Brand premium deep pink */
	font-weight: 600 !important;
	text-decoration: none !important;
	border-bottom: 2px solid #fbcfe8 !important; /* Premium soft pink underline */
	padding: 1px 4px !important; /* Elegant background boundary spacing */
	margin: 0 -4px !important; /* Exact negative margin to prevent layout shift */
	border-radius: 4px !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: inline !important;
}

/* Dynamic Hover State */
.single-content a:not(.button):not(.wp-block-button__link):not(.more-link):not(.entry-author-follow a):hover,
.entry-content a:not(.button):not(.wp-block-button__link):not(.more-link):hover {
	color: #9d174d !important; /* Darker brand pink */
	background-color: #fdf2f8 !important; /* Soft rose glow background */
	border-bottom-color: #be185d !important; /* Darker pink underline */
	box-shadow: 0 4px 6px -1px rgba(219, 39, 119, 0.04) !important;
}


/* 6. Premium Post Content Headings, Lists, Bullets & Numbering */

/* Heading 2 Layout Styling */
.single-content h2 {
	color: #be185d !important; /* Brand pink h2 */
	font-size: clamp(1.5rem, 1.35rem + 0.5vw, 1.8rem) !important;
	font-weight: 600 !important; /* Semi-bold */
	margin-top: 1.8em !important;
	margin-bottom: 0.8em !important;
	padding-left: 14px !important;
	border-left: 4px solid #be185d !important; /* Solid pink accent left bar */
	line-height: 1.3 !important;
}

/* Heading 3 Layout Styling */
.single-content h3 {
	color: #be185d !important; /* Brand pink h3 */
	font-size: clamp(1.25rem, 1.15rem + 0.3vw, 1.45rem) !important;
	font-weight: 600 !important;
	margin-top: 1.6em !important;
	margin-bottom: 0.6em !important;
	line-height: 1.3 !important;
	position: relative !important;
	padding-bottom: 6px !important;
}

/* Accent bottom line for h3 headings */
.single-content h3::after {
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 35px !important;
	height: 2px !important;
	background-color: #fbcfe8 !important; /* Premium light pink underline strip */
}

/* Heading 4 Layout Styling */
.single-content h4 {
	color: #be185d !important;
	font-size: 1.15em !important;
	font-weight: 600 !important;
	margin-top: 1.4em !important;
	margin-bottom: 0.6em !important;
}

/* Premium Lists spacing and design */
.single-content ul,
.single-content ol,
.entry-content ul,
.entry-content ol {
	margin: 1.2em 0 1.2em 1.5em !important;
	padding-left: 0 !important;
}

/* Individual list item styling */
.single-content ul li,
.single-content ol li,
.entry-content ul li,
.entry-content ol li {
	margin-top: 0 !important;
	margin-bottom: 6px !important; /* Tight, readable vertical gap */
	line-height: 1.6 !important;
	color: #4b5563 !important; /* Elegant legibility color */
	font-size: inherit !important; /* Forces lists to inherit matching body font-sizes perfectly */
}

.single-content ul li:last-child,
.single-content ol li:last-child,
.entry-content ul li:last-child,
.entry-content ol li:last-child {
	margin-bottom: 0 !important;
}

/* Fix nested paragraph vertical gaps inside Gutenberg lists */
.single-content li p,
.entry-content li p,
.single-content li span,
.entry-content li span {
	margin: 0 !important; /* Removes massive Gutenberg paragraph margins inside items */
	padding: 0 !important;
	display: inline !important; /* Forces inline layout to solve alignment wrapping */
	font-size: inherit !important; /* Inherits the exact same font-size as li */
	line-height: inherit !important;
}

/* Custom Bullet points styling */
.single-content ul li::marker,
.entry-content ul li::marker {
	color: #be185d !important; /* Premium brand pink bullet markers */
	font-size: 1.15em !important;
}

/* Custom Numbering styling */
.single-content ol li::marker,
.entry-content ol li::marker {
	color: #be185d !important; /* Bold brand pink number markers */
	font-weight: 700 !important;
	font-size: 1.05em !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	font-size: 0 !important; /* Hide default core "Search" text label */
	color: transparent !important;
}

#secondary .wp-block-search .wp-block-search__button:hover,
.sidebar .wp-block-search .wp-block-search__button:hover,
.primary-sidebar .wp-block-search .wp-block-search__button:hover {
	background-color: #9d174d !important;
	transform: scale(1.05) !important;
}


/* 5. Premium Breadcrumbs Ribbon Customization */
.kadence-breadcrumbs {
	margin: 0 0 1.5em 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #6b7280 !important; /* Neutral medium grey */
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	background-color: #fdf2f8 !important; /* Premium soft rose background */
	padding: 6px 18px !important;
	border-radius: 30px !important; /* Pill-shaped breadcrumb wrapper */
	border: 1px solid #fbcfe8 !important; /* Soft rose outline */
}

/* Breadcrumb container inner wrapper spacing */
.kadence-breadcrumbs .kadence-breadcrumb-container {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
}

/* Individual crumbs text and links */
.kadence-breadcrumbs a {
	color: #be185d !important; /* Rich deep pink links */
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.15s ease-in-out !important;
}

.kadence-breadcrumbs a:hover {
	color: #9d174d !important; /* Deeper hover */
	text-decoration: underline !important;
}

/* Style the home icon link if enabled */
.kadence-breadcrumbs a.kadence-bc-home svg {
	fill: #be185d !important;
	width: 14px !important;
	height: 14px !important;
}

/* Breadcrumb delimiter slashes */
.kadence-breadcrumbs .bc-delimiter {
	color: #f9a8d4 !important; /* Soft brand pink slashes */
	font-weight: bold !important;
	margin: 0 4px !important;
}

/* Active current breadcrumb page text label styling */
.kadence-breadcrumbs .kadence-bread-current {
	color: #be185d !important; /* Deep neutral grey for active title */
	font-weight: 600 !important;
}


/* Premium Single Post Hyperlink Styling & Interactive Hover Glow Effects */
.single-content a:not(.button):not(.wp-block-button__link):not(.more-link):not(.entry-author-follow a),
.entry-content a:not(.button):not(.wp-block-button__link):not(.more-link) {
	color: #be185d !important; /* Brand premium deep pink */
	font-weight: 600 !important;
	text-decoration: none !important;
	border-bottom: 2px solid #fbcfe8 !important; /* Premium soft pink underline */
	padding: 1px 4px !important; /* Elegant background boundary spacing */
	margin: 0 -4px !important; /* Exact negative margin to prevent layout shift */
	border-radius: 4px !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: inline !important;
}

/* Dynamic Hover State */
.single-content a:not(.button):not(.wp-block-button__link):not(.more-link):not(.entry-author-follow a):hover,
.entry-content a:not(.button):not(.wp-block-button__link):not(.more-link):hover {
	color: #9d174d !important; /* Darker brand pink */
	background-color: #fdf2f8 !important; /* Soft rose glow background */
	border-bottom-color: #be185d !important; /* Darker pink underline */
	box-shadow: 0 4px 6px -1px rgba(219, 39, 119, 0.04) !important;
}


/* 6. Premium Post Content Headings, Lists, Bullets & Numbering */

/* Heading 2 Layout Styling */
.single-content h2 {
	color: #be185d !important; /* Brand pink h2 */
	font-size: clamp(1.5rem, 1.35rem + 0.5vw, 1.8rem) !important;
	font-weight: 600 !important; /* Semi-bold */
	margin-top: 1.8em !important;
	margin-bottom: 0.8em !important;
	padding-left: 14px !important;
	border-left: 4px solid #be185d !important; /* Solid pink accent left bar */
	line-height: 1.3 !important;
}

/* Heading 3 Layout Styling */
.single-content h3 {
	color: #be185d !important; /* Brand pink h3 */
	font-size: clamp(1.25rem, 1.15rem + 0.3vw, 1.45rem) !important;
	font-weight: 600 !important;
	margin-top: 1.6em !important;
	margin-bottom: 0.6em !important;
	line-height: 1.3 !important;
	position: relative !important;
	padding-bottom: 6px !important;
}

/* Accent bottom line for h3 headings */
.single-content h3::after {
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 35px !important;
	height: 2px !important;
	background-color: #fbcfe8 !important; /* Premium light pink underline strip */
}

/* Heading 4 Layout Styling */
.single-content h4 {
	color: #be185d !important;
	font-size: 1.15em !important;
	font-weight: 600 !important;
	margin-top: 1.4em !important;
	margin-bottom: 0.6em !important;
}

/* Premium Lists spacing and design */
.single-content ul,
.single-content ol,
.entry-content ul,
.entry-content ol {
	margin: 1.2em 0 1.2em 1.5em !important;
	padding-left: 0 !important;
}

/* Individual list item styling */
.single-content ul li,
.single-content ol li,
.entry-content ul li,
.entry-content ol li {
	margin-top: 0 !important;
	margin-bottom: 6px !important; /* Tight, readable vertical gap */
	line-height: 1.6 !important;
	color: #4b5563 !important; /* Elegant legibility color */
	font-size: inherit !important; /* Forces lists to inherit matching body font-sizes perfectly */
}

.single-content ul li:last-child,
.single-content ol li:last-child,
.entry-content ul li:last-child,
.entry-content ol li:last-child {
	margin-bottom: 0 !important;
}

/* Fix nested paragraph vertical gaps inside Gutenberg lists */
.single-content li p,
.entry-content li p,
.single-content li span,
.entry-content li span {
	margin: 0 !important; /* Removes massive Gutenberg paragraph margins inside items */
	padding: 0 !important;
	display: inline !important; /* Forces inline layout to solve alignment wrapping */
	font-size: inherit !important; /* Inherits the exact same font-size as li */
	line-height: inherit !important;
}

/* Custom Bullet points styling */
.single-content ul li::marker,
.entry-content ul li::marker {
	color: #be185d !important; /* Premium brand pink bullet markers */
	font-size: 1.15em !important;
}

/* Custom Numbering styling */
.single-content ol li::marker,
.entry-content ol li::marker {
	color: #be185d !important; /* Bold brand pink number markers */
	font-weight: 700 !important;
	font-size: 1.05em !important;
}

	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;

/* 7. Premium Site Author Box Customization */

/* Main Author Box Container Card */
.entry-author {
	background-color: #ffffff !important;
	border: 1px solid #fbcfe8 !important; /* Soft rose-pink outline matching widget cards */
	border-radius: 16px !important; /* Elegant rounded card corners */
	padding: 24px 30px !important; /* Spacious and premium padding */
	margin: 2.5em auto !important; /* Balanced vertical margin */
	box-shadow: 0 4px 16px -2px rgba(219, 39, 119, 0.02) !important; /* Very subtle premium shadow */
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	max-width: 100% !important; /* Full width expansion to align perfectly with content boundaries */
}

/* Hover elevation effect */
.entry-author:hover {
	box-shadow: 0 8px 24px -4px rgba(219, 39, 119, 0.06) !important;
	border-color: #f9a8d4 !important; /* Refined focus border */
}

/* Flexbox Row Layout on the profile container */
.entry-author-profile {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important; /* Perfectly center avatar and bio text vertically */
	gap: 24px !important; /* Perfect spacious gap between avatar and text */
	padding: 0 !important;
	margin: 0 !important;
	position: relative !important;
}

/* Avatar container layout */
.entry-author-avatar {
	flex-shrink: 0 !important;
	width: 80px !important; /* Upgraded size to 80px for premium layout */
	height: 80px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Style Center specific helper lines reset (since we force row layout) */
.entry-author-style-center .entry-author-avatar:before,
.entry-author-style-center .entry-author-avatar:after {
	display: none !important;
}

/* Premium Compact Avatar Image Styling with double border halo */
.entry-author-avatar img {
	width: 80px !important;
	height: 80px !important;
	border-radius: 50% !important;
	border: 3px solid #ffffff !important; /* Inner white border */
	box-shadow: 0 0 0 2px #fbcfe8, 0 4px 10px rgba(219, 39, 119, 0.05) !important; /* Outer rose ring and shadow */
	object-fit: cover !important;
	transition: transform 0.25s ease !important;
}

.entry-author-avatar img:hover {
	transform: scale(1.04) rotate(1deg) !important;
}

/* Flexbox Column Layout for text content wrapping */
.entry-author-info-wrap {
	flex-grow: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	padding: 0 !important;
	gap: 4px !important; /* Tight vertical gaps for compact look */
	width: 100% !important; /* Force full width expansion to eliminate side space gap */
	max-width: 100% !important;
}

/* Compact Author Name */
.entry-author-name {
	font-size: 19px !important; /* Increased font-size to 19px for premium legibility */
	font-weight: 700 !important;
	color: #be185d !important; /* Deep brand pink for name */
	margin: 0 !important;
	line-height: 1.2 !important;
	display: block !important;
}

.entry-author-name a {
	color: #be185d !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.entry-author-name a:hover {
	color: #9d174d !important;
}

/* Author Occupation */
.entry-author-occupation {
	font-size: 12px !important;
	color: #be185d !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

/* Biography Text Customization */
.entry-author-description {
	color: #4b5563 !important; /* Clean premium grey text */
	line-height: 1.5 !important;
	font-size: 15px !important; /* Elegant 15px text */
	text-align: left !important;
	margin: 2px 0 !important;
	width: 100% !important; /* Force biography container to fill entire card column */
	max-width: 100% !important;
}

.entry-author-description p,
.entry-author-description span {
	color: inherit !important;
	line-height: inherit !important;
	font-size: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
}

/* Follow/Social Section */
.entry-author-follow {
	margin: 4px 0 0 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

.entry-author-follow a {
	color: #9ca3af !important; /* Elegant slate-gray for inactive state */
	font-size: 14px !important;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.entry-author-follow a:hover {
	color: #be185d !important; /* Brand pink on hover */
	transform: translateY(-2px) !important;
}

.entry-author-follow svg {
	width: 16px !important;
	height: 16px !important;
	fill: currentColor !important;
}

/* Responsive vertical stack on mobile viewports */
@media (max-width: 600px) {
	.entry-author-profile {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 16px !important;
	}
	.entry-author-avatar {
		margin-bottom: 0 !important;
	}
	.entry-author-info-wrap {
		align-items: center !important;
		text-align: center !important;
	}
	.entry-author-follow {
		margin-left: 0 !important;
		justify-content: center !important;
	}
}



/* 8. Premium Comment Box & Reply Form Customization */

/* Wrap the respond box in a beautiful card container */
.comment-respond {
	background-color: #ffffff !important;
	border: 1px solid #fbcfe8 !important; /* Soft rose border outline */
	border-radius: 16px !important; /* Elegant rounded corners card */
	padding: 35px !important;
	margin: 2.5em auto !important;
	box-shadow: 0 4px 16px -2px rgba(219, 39, 119, 0.03) !important;
	transition: all 0.3s ease !important;
}

.comment-respond:hover {
	box-shadow: 0 8px 24px -4px rgba(219, 39, 119, 0.05) !important;
}

/* Comment Reply Title Underline Accent */
.comment-reply-title {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #be185d !important; /* Deep brand pink */
	margin-bottom: 24px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #fbcfe8 !important; /* Underline strip */
	position: relative !important;
	text-transform: capitalize !important;
}

.comment-reply-title::after {
	content: "" !important;
	position: absolute !important;
	bottom: -2px !important;
	left: 0 !important;
	width: 50px !important;
	height: 2px !important;
	background-color: #be185d !important; /* Solid pink accent line */
}

/* Redesign text areas and text fields */
.comment-form textarea#comment,
.comment-form .comment-input-wrap input[type=text],
.comment-form .comment-input-wrap input[type=email],
.comment-form .comment-input-wrap input[type=url] {
	width: 100% !important;
	background-color: #fdf2f8 !important; /* Soft pink background tint */
	border: 2px solid #fbcfe8 !important; /* Rose border outline */
	border-radius: 12px !important; /* Rounded corners */
	padding: 14px 18px !important;
	font-size: 14.5px !important;
	color: #4b5563 !important;
	outline: none !important;
	box-shadow: none !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Focus and input states */
.comment-form textarea#comment:focus,
.comment-form .comment-input-wrap input:focus {
	border-color: #be185d !important; /* Solid pink border */
	background-color: #ffffff !important; /* White background focus */
	box-shadow: 0 0 0 4px rgba(219, 39, 119, 0.08) !important;
}

/* Logged-in text and notes styling */
.comment-form .comment-notes,
.comment-respond .logged-in-as {
	font-size: 13px !important;
	color: #6b7280 !important; /* Neutral grey notes */
	margin-bottom: 18px !important;
}

.comment-respond .logged-in-as a {
	color: #be185d !important; /* Brand pink links for editing profile/logging out */
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.comment-respond .logged-in-as a:hover {
	color: #9d174d !important;
	text-decoration: underline !important;
}

/* Redesign "Post Comment" submit button into a beautiful pill shape */
.comment-form input#submit,
.comment-form #submit,
.comment-form .form-submit input[type=submit] {
	background-color: #be185d !important; /* Premium brand pink */
	color: #ffffff !important;
	border-radius: 50px !important; /* Sleek pill-shape submit button */
	padding: 10px 28px !important; /* Spacious padding */
	font-size: 14px !important;
	font-weight: 600 !important;
	border: none !important;
	box-shadow: 0 4px 6px -1px rgba(190, 24, 93, 0.15), 0 2px 4px -1px rgba(190, 24, 93, 0.1) !important;
	cursor: pointer !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.comment-form input#submit:hover,
.comment-form #submit:hover {
	background-color: #9d174d !important; /* Deeper brand pink hover */
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 12px -2px rgba(190, 24, 93, 0.25), 0 3px 6px -2px rgba(190, 24, 93, 0.15) !important;
}

.comment-form input#submit:active,
.comment-form #submit:active {
	transform: translateY(0px) !important;
}

/* Float labels customization */
.comment-form label.float-label {
	color: #be185d !important; /* Brand pink floating label */
	font-weight: 600 !important;
}


/* ==========================================================================
   9. Premium Homepage / Archive Post Cards Styling
   ========================================================================== */

/* Ensure the grid container does not stretch rows, avoiding large gaps between cards */
#archive-container,
.kadence-posts-list,
.wp-block-post-template,
.kb-posts,
.wp-block-latest-posts,
.posts-wrap,
.posts-container {
	align-content: start !important;
	align-self: start !important;
	grid-template-rows: none !important;
	grid-auto-rows: min-content !important;
	height: auto !important;
	min-height: 0 !important;
	row-gap: 24px !important; /* Elegant reduced gap between cards */
}

/* Ensure individual grid items do not stretch vertically */
#archive-container > li,
.kadence-posts-list > li,
.wp-block-post-template > li,
.kb-posts > li,
.wp-block-latest-posts > li,
.posts-wrap > li,
.posts-container > li {
	align-self: start !important;
	height: auto !important;
}

/* Prevent the main content area from stretching to the height of the sidebar, 
   which forces its child grids to space out items to fill the artificial height */
.content-container,
.has-sidebar .content-container {
	align-items: start !important;
}
.content-container > #main,
.content-container > #secondary,
.has-sidebar .content-container > #main,
.has-sidebar .content-container > #secondary {
	align-self: start !important;
	height: auto !important;
	min-height: 0 !important;
}

/* The outer card wrapper for each loop post */
article.entry.loop-entry {
	display: flex !important;
	flex-direction: row !important; /* Row layout by default */
	align-items: flex-start !important; /* Align items to the top to align title with image */
	background: #ffffff !important;
	border: 1px solid #fbcfe8 !important; /* Soft rose border to match widgets/comments/author boxes */
	border-radius: 16px !important; /* Gorgeous rounded card */
	padding: 24px !important;
	margin-bottom: 0 !important; /* Rely on grid's row-gap for spacing */
	box-shadow: 0 4px 16px -2px rgba(219, 39, 119, 0.03) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	overflow: hidden !important;
}

/* Responsive vertical flex on smaller screens */
@media (max-width: 768px) {
	article.entry.loop-entry {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 20px !important;
	}
}

/* Hover elevation effect */
article.entry.loop-entry:hover {
	box-shadow: 0 12px 30px -5px rgba(219, 39, 119, 0.07), 0 8px 18px -6px rgba(219, 39, 119, 0.04) !important;
	border-color: #f9a8d4 !important; /* Slightly brighter hover border */
	transform: translateY(-2px) !important;
}

/* Image/Thumbnail Container wrapper */
body.home article.entry.loop-entry .post-thumbnail,
body.archive article.entry.loop-entry .post-thumbnail,
body .wp-site-blocks article.entry.loop-entry .post-thumbnail,
html body #wrapper article.entry.loop-entry .post-thumbnail,
html body #wrapper article.entry.loop-entry .post-thumbnail[class*="kadence-thumbnail-ratio-"],
article.entry.loop-entry .post-thumbnail,
article.entry.loop-entry .post-thumbnail[class*="kadence-thumbnail-ratio-"] {
	margin: 0 !important;
	display: block !important;
	width: 35% !important;
	max-width: 35% !important;
	height: auto !important;
	aspect-ratio: 1.6 !important; /* Force a gorgeous 16:10 landscape aspect ratio */
	padding: 0 !important; /* Completely reset the core padding-bottom hack */
	flex-shrink: 0 !important;
	overflow: hidden !important;
	border-radius: 12px !important; /* Soft rounded corner for images */
	border: 1px solid #fbcfe8 !important; /* Soft pink border outline */
	position: relative !important;
	align-self: flex-start !important; /* Align thumbnail to the top */
}

@media (max-width: 768px) {
	body.home article.entry.loop-entry .post-thumbnail,
	body.archive article.entry.loop-entry .post-thumbnail,
	body .wp-site-blocks article.entry.loop-entry .post-thumbnail,
	html body #wrapper article.entry.loop-entry .post-thumbnail,
	html body #wrapper article.entry.loop-entry .post-thumbnail[class*="kadence-thumbnail-ratio-"],
	article.entry.loop-entry .post-thumbnail,
	article.entry.loop-entry .post-thumbnail[class*="kadence-thumbnail-ratio-"] {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 1.6 !important;
		margin-bottom: 18px !important;
		align-self: stretch !important;
	}
}

/* The actual image inside the card thumbnail */
body.home article.entry.loop-entry .post-thumbnail img,
body.archive article.entry.loop-entry .post-thumbnail img,
body .wp-site-blocks article.entry.loop-entry .post-thumbnail img,
article.entry.loop-entry .post-thumbnail img {
	width: 100% !important;
	height: 100% !important; /* Fill container completely */
	object-fit: cover !important;
	transition: transform 0.4s ease !important;
}

/* Subtle image scale-zoom animation on card hover */
body.home article.entry.loop-entry:hover .post-thumbnail img,
body.archive article.entry.loop-entry:hover .post-thumbnail img,
body .wp-site-blocks article.entry.loop-entry:hover .post-thumbnail img,
article.entry.loop-entry:hover .post-thumbnail img {
	transform: scale(1.03) !important;
}

/* Content Wrap layout */
article.entry.loop-entry .entry-content-wrap {
	padding: 0 0 0 28px !important; /* Push text container slightly to the right */
	flex-grow: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-self: flex-start !important; /* Align content to the top */
}

@media (max-width: 768px) {
	article.entry.loop-entry .entry-content-wrap {
		padding: 0 !important;
	}
}

/* Post card title */
article.entry.loop-entry .entry-header {
	margin-bottom: 0 !important;
}

article.entry.loop-entry h2.entry-title {
	font-size: clamp(1.2rem, 1.1rem + 0.4vw, 1.5rem) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 10px 0 !important; /* Balanced gap between title and excerpt/meta */
}

article.entry.loop-entry h2.entry-title a {
	color: #be185d !important; /* Brand deep pink */
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

article.entry.loop-entry h2.entry-title a:hover {
	color: #9d174d !important; /* Darker hover state */
}

/* Excerpt/Summary content */
article.entry.loop-entry .entry-summary,
article.entry.loop-entry .entry-content {
	color: #4b5563 !important; /* Clean premium grey text */
	font-size: 16px !important; /* Increased excerpt size to 16px for premium legibility */
	line-height: 1.6 !important;
	margin: 0 !important;
}

article.entry.loop-entry .entry-summary p,
article.entry.loop-entry .entry-content p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 16px !important;
}

/* Adjust post meta inside loop cards to be compact and elegant */
article.entry.loop-entry .entry-meta {
	margin: 0 0 10px 0 !important; /* Balanced gap below meta list */
	gap: 6px !important;
}

article.entry.loop-entry .entry-meta .posted-by,
article.entry.loop-entry .entry-meta .posted-on,
article.entry.loop-entry .entry-meta .category-links,
article.entry.loop-entry .entry-meta .updated-on,
article.entry.loop-entry .entry-meta .meta-comments {
	padding: 4px 10px !important;
	font-size: 12px !important;
}

/* "Read More" link button inside loop card */
article.entry.loop-entry a.more-link {
	display: inline-flex !important;
	align-items: center !important;
	color: #be185d !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-top: 14px !important;
	transition: color 0.15s ease !important;
	text-decoration: none !important;
}

article.entry.loop-entry a.more-link:hover {
	color: #9d174d !important;
}

/* Add an elegant small arrow after read-more */
article.entry.loop-entry a.more-link::after {
	content: " →" !important;
	font-size: 15px !important;
	margin-left: 4px !important;
	transition: transform 0.2s ease !important;
}

article.entry.loop-entry a.more-link:hover::after {
	transform: translateX(3px) !important;
}


/* ==========================================================================
   10. Premium Header Navigation Menu Styling
   ========================================================================== */

/* Top-Level Menu Link Base Styles */
.header-navigation .header-menu-container > ul > li.menu-item > a {
	color: #ffffff !important; /* Brilliant solid white text */
	font-size: 16px !important; /* Increased font-size for desktop readability */
	font-weight: 600 !important; /* Premium semi-bold weight */
	letter-spacing: 0.03em !important; /* Refined letter-spacing */
	opacity: 0.85 !important; /* Softer opacity for inactive states */
	padding-top: 14px !important; /* Symmetrical top padding for vertical centering */
	padding-bottom: 14px !important; /* Symmetrical bottom padding for vertical centering */
	display: inline-flex !important; /* Perfect vertical alignment */
	align-items: center !important;
	position: relative !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover & Active Current Page Highlights */
.header-navigation .header-menu-container > ul > li.menu-item > a:hover,
.header-navigation .header-menu-container > ul > li.menu-item.current-menu-item > a,
.header-navigation .header-menu-container > ul > li.menu-item.current_page_item > a,
.header-navigation .header-menu-container > ul > li.menu-item.current-menu-ancestor > a {
	opacity: 1 !important; /* Fully opaque on hover/active */
	color: #ffffff !important;
}

/* Delete Bottom Border / Underline of Navigation Items */
.header-navigation .header-menu-container > ul > li.menu-item > a::after {
	display: none !important;
}

/* Premium Submenu / Dropdown Card Container */
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation .header-menu-container ul ul.submenu {
	background-color: #ffffff !important; /* Pure white background */
	border: 1px solid #fbcfe8 !important; /* Soft rose outline */
	border-radius: 12px !important; /* Rounded elegant corners */
	box-shadow: 0 10px 25px -5px rgba(219, 39, 119, 0.08), 0 8px 16px -6px rgba(219, 39, 119, 0.04) !important; /* Soft premium shadow */
	padding: 8px !important;
	min-width: 200px !important;
}

/* Dropdown list items spacing */
.header-navigation .header-menu-container ul ul li.menu-item {
	margin-bottom: 4px !important;
}

.header-navigation .header-menu-container ul ul li.menu-item:last-child {
	margin-bottom: 0 !important;
}

/* Dropdown Submenu Link Items */
.header-navigation .header-menu-container ul ul li.menu-item > a {
	color: #be185d !important; /* Deep brand pink for dropdown text */
	font-size: 13.5px !important;
	font-weight: 600 !important;
	padding: 8px 16px !important;
	border-radius: 8px !important; /* Soft rounded pill hover card */
	transition: all 0.2s ease !important;
	display: block !important;
}

/* Dropdown Hover & Active States */
.header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
	background-color: #fdf2f8 !important; /* Soft rose background highlight */
	color: #9d174d !important; /* Deeper rose hover color */
}


/* ==========================================================================
   11. Premium Single Post Navigation & Related Posts Styling
   ========================================================================== */

/* Outer Post Navigation Wrapper Spacing */
.post-navigation-wrap {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.post-navigation {
	margin: 3em auto !important;
	max-width: 100% !important; /* Full width expansion to align perfectly with content boundaries */
}

/* Remove Kadence's default middle divider line */
.comment-navigation .nav-previous:after, 
.post-navigation .nav-previous:after {
	display: none !important;
}

/* Set up dynamic responsive grid */
.comment-navigation .nav-links, 
.post-navigation .nav-links {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 20px !important;
}

/* Style Previous & Next links as modern premium cards */
.comment-navigation .nav-previous a, 
.comment-navigation .nav-next a,
.post-navigation .nav-previous a, 
.post-navigation .nav-next a {
	display: flex !important;
	flex-direction: column !important;
	background-color: #ffffff !important;
	border: 1px solid #fbcfe8 !important; /* Soft rose outline */
	border-radius: 14px !important; /* Elegant rounded card */
	padding: 18px 24px !important;
	box-shadow: 0 4px 12px -2px rgba(219, 39, 119, 0.02) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	height: 100% !important;
	text-decoration: none !important;
	color: #4b5563 !important; /* Premium charcoal text color for post title */
	font-size: 14.5px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

/* Alignment adjustments for Left and Right card texts */
.comment-navigation .nav-previous a,
.post-navigation .nav-previous a {
	align-items: flex-start !important;
	text-align: left !important;
}

.comment-navigation .nav-next a,
.post-navigation .nav-next a {
	align-items: flex-end !important;
	text-align: right !important;
	grid-column-start: auto !important; /* Reset default float layout grid column */
}

/* Premium micro-interactions on card hover */
.comment-navigation .nav-previous a:hover, 
.comment-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover, 
.post-navigation .nav-next a:hover {
	background-color: #fdf2f8 !important; /* Soft rose glow background */
	border-color: #f9a8d4 !important; /* Refined focus border highlight */
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px -4px rgba(219, 39, 119, 0.06) !important;
	color: #be185d !important; /* Highlight title color in deep brand pink */
}

/* Styling for the small uppercase sublabels (e.g. Previous Post / Next Post) */
.post-navigation-sub {
	display: inline-flex !important;
	align-items: center !important;
	color: #be185d !important; /* Brand pink theme */
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin: 0 0 6px 0 !important;
	line-height: 1.2 !important;
}

/* Animate Kadence's native SVG arrows on hover */
.comment-navigation .nav-previous a svg,
.post-navigation .nav-previous a svg {
	transition: transform 0.2s ease !important;
	margin-right: 4px !important;
	display: inline-block !important;
}

.comment-navigation .nav-next a svg,
.post-navigation .nav-next a svg {
	transition: transform 0.2s ease !important;
	margin-left: 4px !important;
	display: inline-block !important;
}

/* Slide arrows on hover */
.comment-navigation .nav-previous a:hover svg,
.post-navigation .nav-previous a:hover svg {
	transform: translateX(-4px) !important;
}

.comment-navigation .nav-next a:hover svg,
.post-navigation .nav-next a:hover svg {
	transform: translateX(4px) !important;
}

/* Ensure the inline span titles inherit the transitions correctly */
.post-navigation-title,
.post-navigation a span:not(.post-navigation-sub) {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	transition: color 0.2s ease !important;
	margin: 0 !important;
	display: block !important;
}

/* --------------------------------------------------------------------------
   Premium Related Posts Styling Override
   -------------------------------------------------------------------------- */

/* Remove any background tint on entry related posts row and use site canvas */
body.single .entry-related {
	background: transparent !important;
	margin-top: 3.5em !important;
	margin-bottom: 2em !important;
}

/* Make related post headers match widgets & comments styling exactly */
.entry-related-title {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #be185d !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 24px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #fbcfe8 !important;
	position: relative !important;
}

.entry-related-title::after {
	content: "" !important;
	position: absolute !important;
	bottom: -2px !important;
	left: 0 !important;
	width: 50px !important;
	height: 2px !important;
	background-color: #be185d !important;
}

/* Force related post grid cards in the carousel/columns to be vertical rather than horizontal */
.entry-related article.entry.loop-entry {
	flex-direction: column !important;
	align-items: stretch !important;
	padding: 16px !important;
}

.entry-related article.entry.loop-entry .post-thumbnail {
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 12px !important;
	aspect-ratio: 1.6 !important;
	align-self: stretch !important;
}

.entry-related article.entry.loop-entry .entry-content-wrap {
	padding: 0 !important;
}

.entry-related article.entry.loop-entry h2.entry-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	margin: 0 0 6px 0 !important;
}

/* --------------------------------------------------------------------------
   Responsive Mobile Fallbacks
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.comment-navigation .nav-links,
	.post-navigation .nav-links {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}
	
	.comment-navigation .nav-previous a,
	.comment-navigation .nav-next a,
	.post-navigation .nav-previous a,
	.post-navigation .nav-next a {
		padding: 16px 20px !important;
	}
	
	.comment-navigation .nav-next a,
	.post-navigation .nav-next a {
		align-items: flex-start !important;
		text-align: left !important;
	}
}


/* ==========================================================================
   12. Premium Compact 3-Row Footer Customization
   ========================================================================== */

/* Main Site Footer container background & top boundary */
.site-footer {
	background-color: #ffffff !important;
	border-top: 1px solid #fbcfe8 !important; /* Soft rose top boundary border */
	padding: 0 !important;
	margin: 0 !important;
}

/* Force perfect centering on all columns and widgets within footer rows */
.site-footer-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.site-footer-row > * {
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Reduce the height of every footer row to the absolute minimum */
.site-top-footer-wrap,
.site-middle-footer-wrap,
.site-bottom-footer-wrap {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}

.site-footer-row-container {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}

/* Compact spacing for footer row sections - slightly relaxed for premium breathing room */
.site-footer-row-container-inner {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	margin: 0 !important;
	min-height: 0 !important;
}

.site-footer .footer-widget-area,
.site-footer .footer-widget-area-inner,
.site-footer .site-footer-section,
.site-footer .widget-area {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}

.site-footer .widget,
.site-footer .footer-social,
.site-footer .footer-navigation,
.site-footer .footer-navigation-wrap,
.site-footer .footer-social-inner,
.site-footer .footer-navigation-inner {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}
/* --------------------------------------------------------------------------
   Footer Row 1: Premium Social Icons Badges
   -------------------------------------------------------------------------- */
.site-top-footer-wrap .site-footer-row-container-inner {
	padding-top: 28px !important;
}

.footer-social-inner,
.footer-social,
.site-footer .footer-social-icons {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 12px !important;
}

.site-footer .footer-social-icons a,
.footer-social a,
.site-footer .footer-social-icons ul li a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important; /* Perfect circle badges */
	background-color: #fdf2f8 !important; /* Soft rose base background */
	color: #be185d !important; /* Deep signature pink icon color */
	border: 1px solid #fbcfe8 !important; /* Delicate rose border */
	box-shadow: 0 2px 5px rgba(219, 39, 119, 0.02) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	padding: 0 !important;
	margin: 0 !important;
}

.site-footer .footer-social-icons a svg,
.footer-social a svg,
.site-footer .footer-social-icons ul li a svg {
	width: 15px !important;
	height: 15px !important;
	fill: currentColor !important;
}

/* Tactile micro-interactions on hover */
.site-footer .footer-social-icons a:hover,
.footer-social a:hover,
.site-footer .footer-social-icons ul li a:hover {
	background-color: #be185d !important; /* Switch to brand deep pink on hover */
	color: #ffffff !important; /* Switch icon to brilliant solid white */
	border-color: #be185d !important;
	transform: translateY(-2px) !important; /* Subtle translation lift */
	box-shadow: 0 4px 12px rgba(190, 24, 93, 0.15) !important; /* Elegant rose shadow glow */
}

/* --------------------------------------------------------------------------
   Footer Row 2: Elegant Centered Navigation Menu
   -------------------------------------------------------------------------- */
.footer-navigation-inner,
.footer-navigation,
.site-footer .footer-navigation-wrap {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

.site-footer .footer-navigation ul {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 22px !important; /* Compact horizontal spacing between links */
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.site-footer .footer-navigation ul li {
	margin: 0 !important;
	padding: 0 !important;
}

.site-footer .footer-navigation ul li a {
	color: #4b5563 !important; /* Premium charcoal neutral color */
	font-size: 13.5px !important; /* Compact premium text size */
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	text-decoration: none !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
	transition: all 0.2s ease !important;
	display: inline-block !important;
}

/* Soft highlight hover effect */
.site-footer .footer-navigation ul li a:hover {
	color: #be185d !important; /* Brand signature pink on hover */
	background-color: #fdf2f8 !important; /* Extremely soft rose background glow */
}

/* --------------------------------------------------------------------------
   Footer Row 3: Soft Copyright Centering
   -------------------------------------------------------------------------- */
.site-footer .site-bottom-footer-wrap p,
.site-footer .site-bottom-footer-wrap span,
.site-footer .site-bottom-footer-wrap .footer-widget-area {
	color: #9ca3af !important; /* Muted gray for secondary label look */
	font-size: 12px !important; /* Compact neat size */
	font-weight: 500 !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Custom Premium Back to Top Button */
.custom-back-to-top-btn {
	position: fixed !important;
	bottom: 96px !important;
	right: 24px !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background-color: #fdf2f8 !important; /* Soft rose background */
	color: #be185d !important; /* Deep rose brand color */
	border: 1px solid #fbcfe8 !important; /* Delicate rose border */
	box-shadow: 0 4px 12px rgba(190, 24, 93, 0.15) !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 99999 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(15px) scale(0.9) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.custom-back-to-top-btn.is-visible {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) scale(1) !important;
}

.custom-back-to-top-btn:hover {
	background-color: #be185d !important; /* Solid brand pink on hover */
	color: #ffffff !important; /* White arrow */
	border-color: #be185d !important;
	transform: translateY(-4px) scale(1.05) !important;
	box-shadow: 0 6px 16px rgba(190, 24, 93, 0.25) !important;
}

.custom-back-to-top-btn svg {
	transition: transform 0.3s ease !important;
}

.custom-back-to-top-btn:hover svg {
	transform: translateY(-2px) !important;
}

@media (max-width: 768px) {
	.custom-back-to-top-btn {
		bottom: 85px !important;
		right: 16px !important;
		width: 40px !important;
		height: 40px !important;
	}
}

/* Custom Premium Social Sharing Buttons for Single Posts */
.entry-meta {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	flex-wrap: wrap !important;
}

.custom-entry-share-buttons {
	margin-left: auto !important; /* Push sharing buttons to the right! */
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Remove default dividers between last meta item and share buttons */
.entry-meta > *:has(+ .custom-entry-share-buttons)::after {
	display: none !important;
}

.custom-entry-share-buttons .share-label {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #4b5563 !important; /* Charcoal gray */
	margin-right: 4px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	display: inline-block !important;
}

.custom-entry-share-buttons .share-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important; /* Perfect circle */
	background-color: #fdf2f8 !important; /* Soft rose background matching themes */
	color: #be185d !important; /* Deep signature rose pink */
	border: 1px solid #fbcfe8 !important; /* Delicate rose border */
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	text-decoration: none !important;
	box-shadow: 0 2px 4px rgba(219, 39, 119, 0.03) !important;
	padding: 0 !important;
}

.custom-entry-share-buttons .share-btn:hover {
	background-color: #be185d !important; /* Solid pink brand background on hover */
	color: #ffffff !important; /* White icon on hover */
	border-color: #be185d !important;
	transform: translateY(-2px) scale(1.05) !important;
	box-shadow: 0 4px 8px rgba(190, 24, 93, 0.15) !important;
}

.custom-entry-share-buttons .share-btn svg {
	transition: transform 0.25s ease !important;
}

.custom-entry-share-buttons .share-btn:hover svg {
	transform: scale(1.05) !important;
}

/* Mobile Responsive adjustment to wrap clean on small screens */
@media (max-width: 600px) {
	.custom-entry-share-buttons {
		margin-left: 0 !important;
		margin-top: 8px !important;
		width: 100% !important;
		justify-content: flex-start !important;
	}
}

/* Custom Premium Sidebar Author Widget Card */
.custom-sidebar-author-widget {
	border: 1px solid #fbcfe8 !important; /* Soft rose border matching post cards */
	background-color: #ffffff !important;
	border-radius: 12px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 4px 15px rgba(219, 39, 119, 0.03) !important;
	text-align: center !important;
	display: block !important;
}

.custom-sidebar-author-widget .widget-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #be185d !important; /* Premium brand pink */
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	border-bottom: 1.5px solid #fdf2f8 !important;
	padding-bottom: 8px !important;
	margin-bottom: 18px !important;
	text-align: center !important;
}

.sidebar-author-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.author-avatar-wrap {
	position: relative !important;
	width: 104px !important;
	height: 104px !important;
	margin-bottom: 14px !important;
	display: inline-block !important;
}

.author-sidebar-avatar {
	width: 100px !important;
	height: 100px !important;
	border-radius: 50% !important; /* Perfect circle avatar */
	object-fit: cover !important;
	border: 3px solid #ffffff !important;
	box-shadow: 0 4px 10px rgba(190, 24, 93, 0.12) !important;
	position: relative !important;
	z-index: 2 !important;
}

.avatar-glow-ring {
	position: absolute !important;
	top: -2px !important;
	left: -2px !important;
	right: -2px !important;
	bottom: -2px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, #fbcfe8, #fdf2f8) !important;
	z-index: 1 !important;
}

.author-sidebar-name {
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #1f2937 !important; /* Off-black main heading */
	margin: 0 0 3px 0 !important;
	line-height: 1.2 !important;
}

.author-sidebar-subtitle {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #be185d !important; /* Deep signature pink */
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 12px !important;
	display: inline-block !important;
}

.author-sidebar-bio {
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	color: #4b5563 !important; /* Charcoal secondary body */
	margin: 0 0 16px 0 !important;
}

.author-sidebar-socials {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	margin-top: 4px !important;
}

.author-sidebar-socials a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	background-color: #fdf2f8 !important; /* Soft pink follow buttons */
	color: #be185d !important; /* Deep signature pink icons */
	border: 1px solid #fbcfe8 !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	text-decoration: none !important;
	padding: 0 !important;
}

.author-sidebar-socials a:hover {
	background-color: #be185d !important; /* Swap to signature solid pink */
	color: #ffffff !important; /* White icon on hover */
	border-color: #be185d !important;
	transform: translateY(-2px) scale(1.05) !important;
	box-shadow: 0 3px 8px rgba(190, 24, 93, 0.15) !important;
}

.author-sidebar-socials a svg {
	transition: transform 0.25s ease !important;
}

.author-sidebar-socials a:hover svg {
	transform: scale(1.05) !important;
}

/* Center Site Main Navigation Menu Items in Header */
.site-header-item-main-navigation {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-grow: 1 !important;
}

.main-navigation.header-navigation {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

.main-navigation.header-navigation .header-menu-container {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

.main-navigation.header-navigation .header-menu-container > ul.menu {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: auto !important;
	margin: 0 auto !important;
	float: none !important;
}

/**
 * Premium Custom Related Posts Section
 */
.custom-related-posts-section {
	margin-top: 3.5em !important;
	margin-bottom: 2em !important;
	width: 100% !important;
	clear: both !important;
}

.custom-related-title {
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #be185d !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 24px !important;
	padding-bottom: 8px !important;
	border-bottom: 2px solid #fbcfe8 !important;
	position: relative !important;
}

.custom-related-title::after {
	content: "" !important;
	position: absolute !important;
	bottom: -2px !important;
	left: 0 !important;
	width: 50px !important;
	height: 2px !important;
	background-color: #be185d !important;
}

.custom-related-posts-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 20px !important;
	width: 100% !important;
}

.custom-related-post-card {
	display: flex !important;
	flex-direction: column !important;
	background-color: #ffffff !important;
	border: 1px solid #fbcfe8 !important;
	border-radius: 12px !important;
	padding: 12px !important;
	box-shadow: 0 4px 12px -2px rgba(219, 39, 119, 0.03) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	text-decoration: none !important;
	height: 100% !important;
}

.custom-related-post-card:hover {
	border-color: #f9a8d4 !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 20px -4px rgba(219, 39, 119, 0.06) !important;
}

.custom-related-post-img-wrap {
	width: 100% !important;
	aspect-ratio: 1.6 !important;
	overflow: hidden !important;
	border-radius: 8px !important;
	margin-bottom: 10px !important;
	position: relative !important;
	background-color: #fdf2f8 !important;
}

.custom-related-post-img-wrap img,
.custom-related-post-img-wrap .custom-related-post-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.3s ease !important;
	display: block !important;
}

.custom-related-post-card:hover .custom-related-post-img-wrap img {
	transform: scale(1.04) !important;
}

.custom-related-post-img-placeholder {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #be185d !important;
	background-color: #fdf2f8 !important;
}

.custom-related-post-info {
	display: flex !important;
	flex-direction: column !important;
	padding: 0 4px !important;
}

.custom-related-post-cat {
	font-size: 11px !important;
	color: #be185d !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin-bottom: 4px !important;
	display: block !important;
}

.custom-related-post-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #374151 !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	transition: color 0.2s ease !important;
}

.custom-related-post-card:hover .custom-related-post-title {
	color: #be185d !important;
}

@media (max-width: 768px) {
	.custom-related-posts-grid {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
}

/**
 * Premium Inline Related Posts Card (Post Body Copy)
 */
.inline-related-posts-box {
	background-color: transparent !important; /* No background */
	border: 1px dashed #fbcfe8 !important; /* Elegant dashed outline matching Nailswire theme */
	border-radius: 8px !important;
	padding: 12px 18px !important;
	margin: 20px 0 !important;
	clear: both !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.inline-related-header {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #be185d !important; /* Brand signature deep pink */
	margin-bottom: 10px !important;
	line-height: 1.2 !important;
}

.inline-related-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.inline-related-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	text-decoration: none !important;
	gap: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
}

.inline-related-img {
	width: 36px !important;
	height: 36px !important;
	border-radius: 4px !important;
	object-fit: cover !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

.inline-related-img-placeholder {
	width: 36px !important;
	height: 36px !important;
	border-radius: 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #be185d !important;
	background-color: #fdf2f8 !important;
	flex-shrink: 0 !important;
	vertical-align: middle !important;
}

.inline-related-title {
	font-size: 15px !important; /* Normal body text size */
	font-weight: 500 !important; /* Standard body weight */
	color: #be185d !important; /* Brand pink theme */
	line-height: 1.4 !important;
	vertical-align: middle !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: color 0.15s ease !important;
	flex: 1 !important;
	min-width: 0 !important;
}

.inline-related-item:hover .inline-related-title {
	color: #9d174d !important;
	text-decoration: none !important;
}

/* Mobile-Only Overrides (max-width: 768px) */
@media (max-width: 768px) {
	/* Force the inline related posts items to align side-by-side on mobile screens */
	.inline-related-posts-box {
		padding: 12px 14px !important; /* Tighter compact margins for phone screens */
		margin: 18px 0 !important;
	}
	.inline-related-item {
		display: flex !important;
		flex-direction: row !important; /* Lock side-by-side */
		align-items: center !important;
		flex-wrap: nowrap !important; /* Do not wrap title below image */
		gap: 10px !important;
		width: 100% !important;
	}
	.inline-related-title {
		font-size: 14px !important; /* Slightly more compact text for small screens */
		line-height: 1.35 !important;
		flex: 1 !important;
		min-width: 0 !important;
		display: inline-block !important;
	}

	/* High-Contrast White Mobile Menu Hamburger Toggle */
	.mobile-toggle-open-container .menu-toggle-open {
		color: #ffffff !important; /* Solid bright white */
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: 8px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 44px !important;
		min-width: 44px !important;
	}
	.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon svg {
		fill: currentColor !important;
		stroke: currentColor !important;
		width: 24px !important;
		height: 24px !important;
		display: block !important;
	}
}

/**
 * Premium Homepage & Archive Pagination Customization
 * Transforms the basic layout into sleek pill-shaped wrappers and high-contrast circular buttons.
 */

/* 1. Main Pagination Wrapper Layout & Spacing */
.navigation.pagination,
.posts-navigation,
.pagination {
	margin: 3.5em 0 1.5em 0 !important;
	display: flex !important;
	justify-content: flex-start !important; /* Left-aligned like screenshot */
	width: 100% !important;
	clear: both !important;
}

/* 2. Sleek Pill-Shaped Outer Container */
.navigation.pagination .nav-links,
.posts-navigation .nav-links,
.pagination .nav-links {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important; /* Elegant spacing between buttons */
	background-color: #ffffff !important;
	border: 1px solid #fbcfe8 !important; /* Soft rose outline */
	padding: 8px 12px !important;
	border-radius: 50px !important; /* Premium rounded pill wrap */
	box-shadow: 0 4px 12px -2px rgba(219, 39, 119, 0.03) !important;
	width: max-content !important;
}

/* 3. Base Button Styling (For all Page Numbers, Spans & Arrows) */
.navigation.pagination .nav-links .page-numbers,
.posts-navigation .nav-links .page-numbers,
.pagination .nav-links .page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 40px !important;
	height: 40px !important;
	padding: 0 14px !important;
	border-radius: 50px !important; /* pill-like behavior for wider contents (e.g. Next/Prev text) */
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #be185d !important; /* Brand rich deep pink */
	text-decoration: none !important;
	background-color: transparent !important;
	border: 1px solid transparent !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	cursor: pointer !important;
}

/* Force perfect circle shape for single-digit numbers to look pristine */
.navigation.pagination .nav-links .page-numbers:not(.prev):not(.next):not(.dots),
.pagination .nav-links .page-numbers:not(.prev):not(.next):not(.dots) {
	width: 40px !important;
	padding: 0 !important;
	border-radius: 50% !important;
}

/* 4. Active Current Page Styling */
.navigation.pagination .nav-links .page-numbers.current,
.posts-navigation .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers.current {
	background-color: #be185d !important; /* Solid Brand Pink */
	color: #ffffff !important; /* White high-contrast text */
	border-color: #be185d !important;
	box-shadow: 0 4px 10px rgba(190, 24, 93, 0.22) !important; /* Subtle brand shadow glow */
	cursor: default !important;
}

/* 5. Inactive / Hover States */
.navigation.pagination .nav-links a.page-numbers:hover,
.posts-navigation .nav-links a.page-numbers:hover,
.pagination .nav-links a.page-numbers:hover {
	background-color: #fdf2f8 !important; /* Soft rose tint background glow */
	color: #9d174d !important; /* Darker brand pink */
	border-color: #fbcfe8 !important; /* Accent outline border */
	transform: translateY(-1px) !important;
}

/* 6. Ellipsis / Dots Styling */
.navigation.pagination .nav-links .page-numbers.dots,
.posts-navigation .nav-links .page-numbers.dots,
.pagination .nav-links .page-numbers.dots {
	color: #f9a8d4 !important; /* Soft pink tint dots */
	background-color: transparent !important;
	border: none !important;
	cursor: default !important;
	min-width: 24px !important;
	width: auto !important;
}

/* 7. Previous & Next Button Specifics */
.navigation.pagination .nav-links .page-numbers.prev,
.navigation.pagination .nav-links .page-numbers.next,
.pagination .nav-links .page-numbers.prev,
.pagination .nav-links .page-numbers.next {
	background-color: #fdf2f8 !important; /* Soft backdrop for navigation arrows */
	border: 1px solid #fbcfe8 !important;
	font-size: 13px !important;
}

.navigation.pagination .nav-links .page-numbers.prev:hover,
.navigation.pagination .nav-links .page-numbers.next:hover,
.pagination .nav-links .page-numbers.prev:hover,
.pagination .nav-links .page-numbers.next:hover {
	background-color: #fce7f3 !important;
	border-color: #f9a8d4 !important;
	color: #9d174d !important;
}

/* 8. Icon Adjustments & Micro-animations */
.navigation.pagination .nav-links svg,
.pagination .nav-links svg {
	fill: currentColor !important;
	width: 14px !important;
	height: 14px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	transition: transform 0.2s ease !important;
}

/* Micro-slides on hover */
.navigation.pagination .nav-links .page-numbers.next:hover svg,
.pagination .nav-links .page-numbers.next:hover svg {
	transform: translateX(2px) !important;
}

.navigation.pagination .nav-links .page-numbers.prev:hover svg,
.pagination .nav-links .page-numbers.prev:hover svg {
	transform: translateX(-2px) !important;
}