/* ==========================================================================
   Frutiger Aero Theme - BlogArise Complete Transformation
   Aesthetic: Windows Vista / 7 Aero Glass, Aqua, Skeuomorphism, Bubbles & Skies
   ========================================================================== */

:root {
	--secondary-color: #063456;
	--pri-color: #00a8ff;
	--pri-hover: #18dcff;
	--head-color: #09233a;
	--stext-color: #1a3c58;
	--text-color: #15324b;
	--wtext-color: #ffffff;
	--bg-color: rgba(255, 255, 255, 0.88);
	--border-color: rgba(165, 215, 255, 0.55);
	--box-color: rgba(255, 255, 255, 0.85);
	--blog-backcolor: rgba(255, 255, 255, 0.92);
	--blog-color: #0f2d47;
	--wrap-color: transparent;
	--grady-color: #00a8ff;
	--bo-color: rgba(255, 255, 255, 0.85);

	/* Frutiger Aero Special Tokens */
	--aero-sky: #00a8ff;
	--aero-cyan: #00d2d3;
	--aero-aqua: #18dcff;
	--aero-green: #2ecc71;
	--aero-lime: #10ac84;
	--aero-deep: #072e4c;
	--aero-glass-bg: rgba(255, 255, 255, 0.86);
	--aero-glass-border: 1px solid rgba(255, 255, 255, 0.9);
	--aero-bevel-top: inset 0 1px 0 rgba(255, 255, 255, 0.95);
	--aero-glow: 0 0 18px rgba(0, 210, 211, 0.45);
	--aero-card-shadow: 0 10px 30px -5px rgba(0, 130, 220, 0.16), 0 4px 12px rgba(0, 40, 80, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.95);
	--aero-card-hover: 0 18px 45px -5px rgba(0, 160, 255, 0.28), 0 6px 18px rgba(0, 40, 80, 0.08), inset 0 1px 0 #ffffff;
	--aero-gel-blue: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.3) 48%, rgba(0,0,0,0.03) 50%, rgba(255,255,255,0.2) 100%), linear-gradient(180deg, #18dcff 0%, #0099ff 100%);
	--aero-gel-green: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.3) 48%, rgba(0,0,0,0.03) 50%, rgba(255,255,255,0.2) 100%), linear-gradient(180deg, #2ed573 0%, #10ac84 100%);
	--aero-taskbar: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.3) 48%, rgba(180,230,255,0.2) 50%, rgba(120,210,255,0.4) 100%), linear-gradient(90deg, #0984e3 0%, #00cec9 50%, #20bf6b 100%);
}

/* Text Selection */
::selection {
	color: #ffffff;
	background: var(--aero-sky);
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.4);
}

/* ==========================================================================
   Atmospheric Frutiger Aero Background System
   ========================================================================== */
body, body.custom-background {
	background-color: #d8f1fc !important;
	background-image: url('../../images/frutiger-aero-bg.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	color: var(--text-color);
	position: relative;
	min-height: 100vh;
}

/* Gentle sunlight ray vignette */
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 380px;
	background: radial-gradient(ellipse at 50% -10%, rgba(255, 255, 255, 0.5) 0%, rgba(200, 240, 255, 0.25) 45%, rgba(255, 255, 255, 0) 80%);
	pointer-events: none;
	z-index: 0;
}

.wrapper {
	background: transparent !important;
	position: relative;
	z-index: 1;
}

.boxed {
	background: rgba(255, 255, 255, 0.82) !important;
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.95);
	box-shadow: 0 15px 45px rgba(0, 100, 180, 0.25);
	border-radius: 24px;
	margin: 20px auto;
	overflow: hidden;
}

.wd-back {
	background: var(--box-color);
}

/* ==========================================================================
   Typography & Global Links
   ========================================================================== */
body {
	color: var(--text-color);
	font-family: var(--bodyFont);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: var(--head-color);
	font-family: var(--headFont);
	letter-spacing: -0.01em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

a {
	color: var(--pri-color);
	transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

a:hover, a:focus {
	color: var(--aero-cyan);
	text-shadow: 0 0 8px rgba(0, 210, 211, 0.4);
}

/* ==========================================================================
   Header & Aero Glass Bars
   ========================================================================== */
.site-title a, .site-description {
	color: var(--head-color);
	text-shadow: 0 2px 4px rgba(255, 255, 255, 0.9), 0 0 12px rgba(0, 168, 255, 0.35);
	font-weight: 700;
}

/* Top bar - Deep Marine Aero Glass */
.bs-head-detail {
	background: linear-gradient(180deg, rgba(8, 52, 86, 0.94) 0%, rgba(4, 32, 54, 0.96) 100%) !important;
	backdrop-filter: blur(14px) saturate(180%);
	-webkit-backdrop-filter: blur(14px) saturate(180%);
	border-bottom: 1px solid rgba(0, 210, 255, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 12px rgba(0, 20, 40, 0.2);
}

.bs-head-detail .info-left li a,
.bs-head-detail li a i,
.bs-head-detail .info-right li a,
.bs-head-detail .top-date {
	color: #e1f5fe;
	text-shadow: 0 1px 2px rgba(0, 20, 40, 0.6);
}

.bs-head-detail .info-left li a:hover,
.bs-head-detail .info-right li a:hover {
	color: var(--aero-aqua);
}

.bs-head-detail .top-date .time {
	background: var(--aero-gel-blue);
	color: #ffffff;
	border-radius: 30px;
	padding: 3px 12px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 2px 8px rgba(0, 140, 220, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	font-weight: 700;
}

/* Header main */
.bs-default .bs-header-main .inner {
	background-color: transparent;
}

.bs-header-main {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(225, 246, 255, 0.45) 100%);
	backdrop-filter: blur(16px) saturate(180%);
	-webkit-backdrop-filter: blur(16px) saturate(180%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

/* Main Navigation Bar - The Iconic Vista/7 Aero Glass Taskbar */
.bs-default .navbar-wp,
.navbar-wp {
	background: var(--aero-taskbar) !important;
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	border-top: 1px solid rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid rgba(0, 70, 140, 0.35);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 25px rgba(0, 130, 220, 0.28);
	border-radius: 0;
}

.bs-default .navbar-wp .navbar-nav>li>a,
.navbar-wp .navbar-nav>li>a {
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 30, 70, 0.5);
	font-weight: 700;
	padding: 12px 18px;
	border-radius: 12px;
	margin: 4px 2px;
	transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bs-default .navbar-wp .navbar-nav>li>a:hover,
.bs-default .navbar-wp .navbar-nav>li>a:focus,
.navbar-wp .navbar-nav>li>a:hover,
.navbar-wp .navbar-nav>li>a:focus,
.navbar-wp .navbar-nav>.active>a {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 3px 10px rgba(0, 60, 120, 0.22);
	color: #ffffff !important;
	transform: translateY(-1px);
}

/* Dropdown Menus - Aero Glass Windows */
.navbar-wp .dropdown-menu {
	background: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	border-bottom: 1px solid rgba(0, 168, 255, 0.3) !important;
	border-radius: 18px !important;
	box-shadow: 0 16px 38px -5px rgba(0, 130, 220, 0.28), 0 6px 16px rgba(0, 0, 0, 0.05), inset 0 1px 0 #ffffff !important;
	padding: 8px 6px;
	overflow: hidden;
}

.navbar-wp .dropdown-menu>li>a {
	background: transparent !important;
	color: #0c2e4e !important;
	font-weight: 600;
	border-radius: 10px;
	padding: 9px 18px;
	transition: all 0.2s ease;
}

.navbar-wp .dropdown-menu>li>a:hover,
.navbar-wp .dropdown-menu>li>a:focus {
	background: var(--aero-gel-blue) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 3px 8px rgba(0, 140, 220, 0.25);
}

.navbar-toggler:hover,
.navbar-toggler:focus {
	background: var(--aero-gel-blue);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Header Variations */
.bs-headtwo .navbar-wp {
	background: var(--box-color);
}
.bs-headtwo .navbar-wp .navbar-nav>li>a {
	color: var(--head-color);
}
.bs-headthree .navbar-wp {
	background: var(--aero-taskbar) !important;
}
.bs-headthree .navbar-wp .navbar-nav>li>a {
	color: #ffffff;
}
.bs-headthree .bs-head-detail .ticker strong {
	color: #ffffff;
	background: var(--aero-gel-blue);
	padding: 2px 10px;
	border-radius: 20px;
	font-weight: 700;
}
.bs-headfour .navbar-wp .navbar-nav>li>a {
	color: var(--head-color);
}
.bs-headfour .navbar-wp {
	background: transparent;
}

/* Switch & Slider (Dark mode toggle) */
.switch input:checked+.slider {
	background: #74b9ff;
	box-shadow: inset 0 2px 5px rgba(0, 40, 80, 0.25);
}
.switch .slider {
	background: #b2bec3;
	border-radius: 34px;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
.switch .slider::before,
.bs-headthree .switch .slider::before {
	background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0) 65%), linear-gradient(145deg, #18dcff, #0984e3) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.95);
	box-shadow: 0 3px 10px rgba(0, 160, 240, 0.4), inset 0 1px 0 #ffffff;
}

/* Header Actions & Floating Orbs */
.right-nav a,
.bs-headthree .right-nav a,
.bs_upscr {
	background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.25) 42%, rgba(255,255,255,0) 65%), linear-gradient(145deg, #18dcff 0%, #0099ff 100%) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 4px 14px rgba(0, 140, 230, 0.35), inset 0 2px 2px rgba(255, 255, 255, 0.9), inset 0 -2px 3px rgba(0, 0, 0, 0.15) !important;
	border-radius: 50% !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.35);
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.right-nav a:hover,
.right-nav a:focus,
.bs_upscr:hover,
.bs_upscr:focus {
	color: #ffffff !important;
	transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 8px 24px rgba(0, 190, 255, 0.55), inset 0 2px 2px #ffffff !important;
	filter: brightness(1.08);
}

.right-nav a::after,
.bs_upscr::after {
	display: none;
}

/* Search Inner Dropdown */
.navbar-wp .dropdown-menu.searchinner {
	padding: 12px;
	border-radius: 20px;
}
.navbar-wp .dropdown-menu.searchinner [type=submit] {
	background: var(--aero-gel-blue);
	color: #ffffff;
	border-radius: 50px;
}
.navbar-wp .dropdown-menu.searchinner .btn:hover {
	background: var(--aero-gel-blue);
	filter: brightness(1.1);
	color: #ffffff;
}

/* ==========================================================================
   Frutiger Aero Cards, Widgets & Post Blocks
   ========================================================================== */
.bs-card-box,
.wd-back,
.bs-blog-post,
.bs-blog-post.two .small,
.bs-blog-post.four .small,
.bs-sidebar .bs-widget,
.small-post,
.bs-info-author-block,
.subscibe-area,
.bs-recent-blog-post,
.tabarea-area .nav-tabs .nav-link {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.90) 0%, rgba(238, 248, 255, 0.80) 100%) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	border-bottom: 1px solid rgba(0, 168, 255, 0.25) !important;
	border-radius: 20px !important;
	box-shadow: var(--aero-card-shadow) !important;
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.bs-card-box:hover,
.wd-back:hover,
.bs-blog-post:hover,
.bs-sidebar .bs-widget:hover,
.bs-info-author-block:hover {
	transform: translateY(-5px) !important;
	box-shadow: var(--aero-card-hover) !important;
}

.bs-blog-post {
	background: var(--box-color);
}
.bs-blog-post .small {
	color: var(--text-color);
}
.bs-blog-post .bs-header .btitle,
.bs-blog-post .bs-header .btitle a {
	color: var(--head-color);
	font-weight: 700;
}
.bs-blog-post .bs-header .bs-read {
	color: var(--aero-sky);
}
.bs-blog-post .title,
.bs-blog-post .title a {
	color: var(--head-color);
}
.bs-blog-post .title a:hover,
.bs-blog-post .title a:focus,
.bs-slide .inner .title a:hover,
.bs-slide .inner .title a:focus,
.small-post .title a:hover,
.small-post .title a:focus {
	color: var(--aero-sky);
	text-shadow: 0 0 10px rgba(0, 168, 255, 0.4);
}

.bs-blog-meta a,
.bs-blog-meta span {
	color: var(--stext-color);
}
.bs-blog-meta a:hover,
.bs-blog-meta a:focus {
	color: var(--aero-sky);
}

.bs-blog-post .bs-blog-thumb img {
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 4px 15px rgba(0, 80, 150, 0.12);
}

/* ==========================================================================
   Widget Titles - Glossy Aero Badges & Banners
   ========================================================================== */
.bs-widget {
	background: transparent;
}
.bs-widget-title {
	border-color: rgba(165, 215, 255, 0.45);
	margin-bottom: 20px;
}
.bs-widget-title .title,
.widget_block h2,
footer .wp-block-heading {
	background: linear-gradient(180deg,
		rgba(255,255,255,0.75) 0%,
		rgba(255,255,255,0.25) 49%,
		rgba(0,0,0,0.03) 50%,
		rgba(255,255,255,0.2) 100%),
		linear-gradient(90deg, #0abde3 0%, #10ac84 100%) !important;
	border-radius: 20px 20px 0 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	border-bottom: none !important;
	box-shadow: 0 4px 15px rgba(10, 189, 227, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.4) !important;
	font-weight: 700;
	padding: 8px 24px;
}

/* ==========================================================================
   Category Badges - Glossy Water Beads & Pills
   ========================================================================== */
.bs-blog-category a,
.category-color-1,
.category-color-2,
.category-color-3,
.category-color-4 {
	background: var(--aero-gel-blue) !important;
	border-radius: 30px !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 3px 10px rgba(0, 140, 220, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.35) !important;
	padding: 4px 14px !important;
	transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.category-color-2 {
	background: var(--aero-gel-green) !important;
	box-shadow: 0 3px 10px rgba(16, 172, 132, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.category-color-3 {
	background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.25) 49%, rgba(0,0,0,0.03) 50%, rgba(255,255,255,0.2) 100%), linear-gradient(180deg, #70a1ff 0%, #3742fa 100%) !important;
	box-shadow: 0 3px 10px rgba(55, 66, 250, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.category-color-4 {
	background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.25) 49%, rgba(0,0,0,0.03) 50%, rgba(255,255,255,0.2) 100%), linear-gradient(180deg, #ff9f43 0%, #ee5253 100%) !important;
	box-shadow: 0 3px 10px rgba(238, 82, 83, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.bs-blog-category a:hover,
.bs-blog-category a:focus,
.category-color-1:hover,
.category-color-2:hover,
.category-color-3:hover,
.category-color-4:hover {
	transform: translateY(-2px);
	filter: brightness(1.1);
	box-shadow: 0 6px 16px rgba(0, 170, 255, 0.45), inset 0 1px 0 #ffffff !important;
	color: #ffffff !important;
}

/* ==========================================================================
   Skeuomorphic Gel Buttons
   ========================================================================== */
a.btn,
button.btn,
.btn-theme,
.more-link,
input[type="submit"],
button,
[type=button],
[type=reset],
[type=submit] {
	background: linear-gradient(180deg,
		rgba(255, 255, 255, 0.92) 0%,
		rgba(255, 255, 255, 0.45) 48%,
		rgba(200, 235, 255, 0.22) 50%,
		rgba(130, 210, 255, 0.45) 100%),
		linear-gradient(180deg, #18dcff 0%, #0084c7 100%) !important;
	border: 1px solid rgba(20, 100, 170, 0.65) !important;
	border-radius: 7px !important;
	box-shadow:
		0 1px 3px rgba(0, 30, 70, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 0.95),
		inset 1px 0 0 rgba(255, 255, 255, 0.4),
		inset -1px 0 0 rgba(255, 255, 255, 0.4),
		inset 0 -1px 0 rgba(0, 60, 120, 0.2) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 35, 75, 0.65) !important;
	font-family: 'Segoe UI', 'Frutiger', sans-serif !important;
	font-weight: 700 !important;
	padding: 8px 24px !important;
	transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
	cursor: pointer;
}

a.btn:hover,
button.btn:hover,
.btn-theme:hover,
.more-link:hover,
input[type="submit"]:hover,
button:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover {
	border-color: #33ccff !important;
	box-shadow:
		0 0 14px rgba(0, 220, 255, 0.8),
		0 2px 8px rgba(0, 40, 80, 0.35),
		inset 0 0 10px rgba(0, 220, 255, 0.8),
		inset 0 1px 0 #ffffff !important;
	filter: brightness(1.12) !important;
	transform: translateY(-1px) !important;
	color: #ffffff !important;
}

a.btn:active,
input[type="submit"]:active,
button:active {
	transform: translateY(1px) !important;
	box-shadow: inset 0 2px 6px rgba(0, 40, 80, 0.35) !important;
}

.desk-header .btn-subscribe {
	background: var(--aero-gel-green) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	border-radius: 50px !important;
	box-shadow: 0 4px 14px rgba(16, 172, 132, 0.35), inset 0 1px 0 #fff !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.35) !important;
}
.desk-header .btn-subscribe:hover {
	filter: brightness(1.1) !important;
	transform: translateY(-2px) !important;
}

/* ==========================================================================
   Form Controls, Inputs & Search
   ========================================================================== */
input:not([type]),
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
textarea,
select,
.form-control {
	color: var(--text-color) !important;
	background: rgba(255, 255, 255, 0.88) !important;
	border: 1px solid rgba(135, 205, 255, 0.5) !important;
	border-radius: 16px !important;
	box-shadow: inset 0 2px 4px rgba(0, 50, 100, 0.06), 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

input:not([type]):focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
.form-control:focus {
	border-color: var(--aero-cyan) !important;
	box-shadow: inset 0 2px 4px rgba(0, 50, 100, 0.05), 0 0 16px rgba(0, 210, 211, 0.45) !important;
	background: #ffffff !important;
	outline: none !important;
}

input[type="search"]::placeholder {
	color: #577893;
	opacity: 0.9;
}

/* ==========================================================================
   Social Icons & 3D Glass Orbs
   ========================================================================== */
.bs-social li a i {
	background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0) 65%), linear-gradient(145deg, #18dcff 0%, #0984e3 100%) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 4px 14px rgba(9, 132, 227, 0.35), inset 0 2px 2px rgba(255, 255, 255, 0.9), inset 0 -2px 3px rgba(0, 0, 0, 0.15) !important;
	border-radius: 50% !important;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.bs-social li a i:hover {
	transform: translateY(-3px) scale(1.08) !important;
	box-shadow: 0 8px 22px rgba(0, 180, 255, 0.5), inset 0 2px 2px #ffffff !important;
}

.bs-social li i::after {
	display: none;
}

/* ==========================================================================
   Swiper Sliders & Navigation Orbs
   ========================================================================== */
.bs .swiper-button-prev,
.bs .swiper-button-next {
	background: radial-gradient(circle at 35% 30%, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0) 65%), linear-gradient(145deg, #ffffff 0%, #dcf0fa 100%) !important;
	color: var(--secondary-color) !important;
	border: 1px solid rgba(255, 255, 255, 0.95) !important;
	box-shadow: 0 4px 15px rgba(0, 100, 180, 0.25), inset 0 1px 0 #ffffff !important;
	border-radius: 50% !important;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.bs .swiper-button-prev:hover,
.bs .swiper-button-next:hover {
	background: var(--aero-gel-blue) !important;
	color: #ffffff !important;
	transform: scale(1.1) !important;
	box-shadow: 0 8px 22px rgba(0, 168, 255, 0.45), inset 0 1px 0 #ffffff !important;
}

.bs .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 2px 6px rgba(0, 80, 150, 0.2);
}

.bs .swiper-pagination-bullet-active {
	background: var(--aero-gel-blue) !important;
	box-shadow: 0 2px 10px rgba(0, 168, 255, 0.5);
	width: 22px;
	border-radius: 20px;
}

/* Slider Overlays */
.homemain .bs-slide.overlay:before,
.bs-slide.overlay:before {
	background: linear-gradient(180deg, rgba(7, 46, 76, 0.15) 0%, rgba(4, 25, 42, 0.75) 100%) !important;
	backdrop-filter: blur(2px);
}
.bs-slide .inner .title a {
	color: #ffffff !important;
	text-shadow: 0 2px 6px rgba(0, 20, 40, 0.8);
}

/* ==========================================================================
   Breaking News / Ticker
   ========================================================================== */
.mg-latest-news .bn_title,
.bs-latest-news .bn_title {
	background: var(--aero-gel-blue) !important;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.85);
	box-shadow: 0 3px 12px rgba(0, 140, 230, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.mg-latest-news .bn_title .title {
	color: #ffffff;
	border: none;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.4);
}
.bs-latest-news {
	background: rgba(255, 255, 255, 0.8) !important;
	backdrop-filter: blur(14px);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 30px;
	box-shadow: 0 4px 15px rgba(0, 120, 200, 0.12);
}

/* ==========================================================================
   Pagination - Aero Glass Pills
   ========================================================================== */
.navigation.pagination .nav-links .page-numbers,
.navigation.pagination .nav-links a {
	background: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	color: var(--head-color) !important;
	border-radius: 50px !important;
	box-shadow: 0 3px 10px rgba(0, 130, 220, 0.15), inset 0 1px 0 #ffffff !important;
	font-weight: 700;
	transition: all 0.25s ease !important;
}

.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a:hover,
.post-page-numbers.current,
.page-item.active .page-link {
	background: var(--aero-gel-blue) !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 6px 18px rgba(0, 168, 255, 0.45), inset 0 1px 0 #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.4);
	transform: translateY(-2px);
}

/* ==========================================================================
   Tags, Cloud & Tabs
   ========================================================================== */
.bs-widget .bs-widget-tags a,
.bs-sidebar .bs-widget .tagcloud a,
.wp-block-tag-cloud a {
	background: rgba(255, 255, 255, 0.85) !important;
	border: 1px solid rgba(165, 215, 255, 0.6) !important;
	border-radius: 30px !important;
	color: var(--head-color) !important;
	box-shadow: 0 2px 8px rgba(0, 100, 180, 0.1), inset 0 1px 0 #fff !important;
	font-weight: 600;
	padding: 5px 14px;
	transition: all 0.25s ease !important;
}

.bs-widget .bs-widget-tags a:hover,
.bs-widget .bs-widget-tags a:focus,
.bs-sidebar .bs-widget .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
	background: var(--aero-gel-blue) !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 5px 15px rgba(0, 168, 255, 0.4), inset 0 1px 0 #ffffff !important;
	transform: translateY(-2px);
}

.tabarea-area .nav-tabs .nav-link {
	border-radius: 16px 16px 0 0 !important;
	font-weight: 700;
}
.tabarea-area .nav-tabs .nav-link.active,
.tabarea-area .nav-tabs .nav-link:hover {
	background: var(--aero-gel-blue) !important;
	color: #ffffff !important;
	box-shadow: inset 0 1px 0 #fff;
}

/* ==========================================================================
   Comments, Blockquotes & Author Block
   ========================================================================== */
.comments-area .comment-body {
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: 18px;
	box-shadow: 0 4px 15px rgba(0, 120, 200, 0.1);
	margin-bottom: 20px;
}
.comments-area .reply a {
	background: var(--aero-gel-blue) !important;
	color: #ffffff !important;
	border-radius: 30px !important;
	border: 1px solid rgba(255, 255, 255, 0.85) !important;
	box-shadow: 0 3px 10px rgba(0, 140, 230, 0.3), inset 0 1px 0 #fff !important;
	padding: 3px 16px !important;
	font-weight: 700;
}
.comments-area .reply a:hover {
	transform: translateY(-2px);
	filter: brightness(1.1);
}

blockquote,
blockquote.wp-block-quote {
	background: linear-gradient(135deg, rgba(235, 248, 255, 0.85) 0%, rgba(215, 242, 255, 0.7) 100%) !important;
	border-left: 5px solid var(--aero-sky) !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 16px rgba(0, 140, 220, 0.12), inset 0 1px 0 #ffffff !important;
	color: var(--text-color) !important;
}
blockquote::before {
	color: var(--aero-sky) !important;
}

.bs-info-author-block {
	border-radius: 20px !important;
}
.bs-info-author-block .bs-author-pic img {
	border-radius: 50% !important;
	border: 2px solid #ffffff !important;
	box-shadow: 0 4px 14px rgba(0, 100, 180, 0.25) !important;
}

/* ==========================================================================
   Footer - Frosted Deep Oceanic Glass
   ========================================================================== */
footer {
	background: transparent !important;
	position: relative;
	margin-top: 50px;
}

footer .overlay {
	background: linear-gradient(180deg, rgba(6, 42, 70, 0.94) 0%, rgba(3, 22, 38, 0.98) 100%) !important;
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	border-top: 2px solid rgba(0, 210, 255, 0.5) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 -10px 30px rgba(0, 20, 40, 0.35) !important;
	padding-top: 40px;
}

footer.back-img .overlay {
	background: linear-gradient(180deg, rgba(6, 42, 70, 0.92) 0%, rgba(3, 22, 38, 0.96) 100%) !important;
}

footer .site-title a,
footer .site-description,
p.site-title-footer a,
p.site-description-footer {
	color: #ffffff;
	text-shadow: 0 0 12px rgba(0, 210, 255, 0.5);
}

footer .bs-widget .title,
footer .bs-widget h6,
footer .widget_block h2 {
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 20, 40, 0.5);
}

footer .bs-widget p,
footer .bs-widget ul li,
footer .bs-widget ul li a {
	color: #b2d8f2 !important;
}
footer .bs-widget ul li a:hover {
	color: var(--aero-aqua) !important;
	text-shadow: 0 0 8px rgba(24, 220, 255, 0.6);
}

footer .bs-footer-copyright {
	background: rgba(2, 14, 25, 0.96) !important;
	border-top: 1px solid rgba(0, 180, 255, 0.25) !important;
	color: #8bb3d4 !important;
	padding: 16px 0;
}
footer .bs-footer-copyright a {
	color: var(--aero-aqua) !important;
	font-weight: 600;
}
footer .bs-footer-copyright a:hover {
	color: #ffffff !important;
	text-shadow: 0 0 10px rgba(0, 210, 255, 0.8);
}

/* ==========================================================================
   Scrollbar & Polishing
   ========================================================================== */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-track {
	background: rgba(220, 240, 255, 0.5);
	backdrop-filter: blur(8px);
}
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.1) 48%, rgba(0,0,0,0.05) 50%, rgba(255,255,255,0.2) 100%), linear-gradient(180deg, #18dcff 0%, #0099ff 100%);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 2px 6px rgba(0, 120, 200, 0.3);
}
::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #18dcff 0%, #00a8ff 100%);
	box-shadow: 0 0 10px rgba(0, 200, 255, 0.6);
}

/* WooCommerce Product Cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 249, 255, 0.8) 100%) !important;
	backdrop-filter: blur(16px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	border-radius: 20px !important;
	box-shadow: var(--aero-card-shadow) !important;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-5px) !important;
	box-shadow: var(--aero-card-hover) !important;
}
.woocommerce span.onsale {
	background: var(--aero-gel-green) !important;
	border-radius: 30px !important;
	border: 1px solid #ffffff !important;
	box-shadow: 0 3px 10px rgba(16, 172, 132, 0.4), inset 0 1px 0 #fff !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 40, 80, 0.4);
}

/* Mobile Navigation */
@media (max-width: 991.98px) {
	.navbar-wp .navbar-nav {
		background: rgba(8, 52, 86, 0.95) !important;
		backdrop-filter: blur(20px);
		border-radius: 18px;
		padding: 12px;
		margin-top: 10px;
		border: 1px solid rgba(0, 210, 255, 0.4);
		box-shadow: 0 12px 30px rgba(0, 20, 50, 0.4);
	}
}