/*
 * Modern Style (v2.0) — SaaS-dashboard polish layer.
 *
 * Loaded AFTER theme.min.css / custom.min.css so it overrides them without
 * requiring the minified files to be regenerated. Toggle it on/off under
 * Appearance > Customize > "Modern Look". Pure CSS: no scripts, no images,
 * no markup changes, so it can be disabled at any time with zero risk.
 *
 * Design goals: 12-16px rounded cards, soft layered shadows, generous
 * whitespace, larger primary buttons, smooth 0.2s hover transitions,
 * calmer badges, soft blue (#038DCE) accents.
 */

:root {
	--anubc-m-radius: 16px;
	--anubc-m-radius-sm: 10px;
	--anubc-m-shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 6px 16px rgba(16, 24, 40, 0.05);
	--anubc-m-shadow-hover: 0 4px 10px rgba(16, 24, 40, 0.08), 0 14px 30px rgba(16, 24, 40, 0.09);
	--anubc-m-ease: 0.2s ease;
	--anubc-m-blue: #038DCE;
	--anubc-m-blue-dark: #0277ad;
}

/* ── Product cards ─────────────────────────────────────────────── */
.anubc-product-card {
	border-radius: var(--anubc-m-radius);
	border-color: rgba(16, 24, 40, 0.07);
	box-shadow: var(--anubc-m-shadow);
	transition: transform var(--anubc-m-ease), box-shadow var(--anubc-m-ease), border-color var(--anubc-m-ease);
}
.anubc-product-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--anubc-m-shadow-hover);
	border-color: rgba(3, 141, 206, 0.25);
}
.anubc-product-card .anubc-card-body {
	padding: 1rem;
}
.anubc-card-title a {
	transition: color var(--anubc-m-ease);
}
.anubc-card-title a:hover {
	color: var(--anubc-m-blue);
}

/* More air between grid items. */
.anubc-product-grid {
	gap: 1.5rem !important;
}

/* ── Buttons ───────────────────────────────────────────────────── */
.anubc-btn,
.anubc-hero-btn,
.anubc-allcat-btn,
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce button.button.alt,
.single_add_to_cart_button {
	border-radius: var(--anubc-m-radius-sm) !important;
	transition: background-color var(--anubc-m-ease), box-shadow var(--anubc-m-ease), transform var(--anubc-m-ease) !important;
}
.anubc-btn,
.single_add_to_cart_button {
	padding-top: 0.7rem !important;
	padding-bottom: 0.7rem !important;
	font-weight: 500;
}
.anubc-btn:hover,
.anubc-hero-btn:hover,
.single_add_to_cart_button:hover,
.woocommerce .button:hover {
	box-shadow: 0 6px 16px rgba(3, 141, 206, 0.25);
	transform: translateY(-1px);
}
.anubc-btn:active,
.single_add_to_cart_button:active {
	transform: translateY(0) scale(0.99);
}

/* ── Category & subcategory tiles ──────────────────────────────── */
.anubc-subcat-tile {
	border-radius: var(--anubc-m-radius);
	box-shadow: var(--anubc-m-shadow);
	border: 1px solid rgba(16, 24, 40, 0.06);
	transition: transform var(--anubc-m-ease), box-shadow var(--anubc-m-ease);
}
.anubc-subcat-tile:hover {
	transform: translateY(-3px);
	box-shadow: var(--anubc-m-shadow-hover);
}

/* ── Hero banner ───────────────────────────────────────────────── */
.anubc-hero {
	border-radius: var(--anubc-m-radius);
	overflow: hidden;
}

/* ── Trust badges row ──────────────────────────────────────────── */
.anubc-badge {
	border-radius: var(--anubc-m-radius);
	box-shadow: var(--anubc-m-shadow);
	transition: transform var(--anubc-m-ease), box-shadow var(--anubc-m-ease);
}
.anubc-badge:hover {
	transform: translateY(-2px);
	box-shadow: var(--anubc-m-shadow-hover);
}

/* ── Product-page delivery card, notices ───────────────────────── */
.anubc-delivery-card {
	border-radius: var(--anubc-m-radius-sm);
	box-shadow: var(--anubc-m-shadow);
	border: 1px solid rgba(16, 24, 40, 0.06);
}
.anubc-stock-notice--inline,
.anubc-maintenance-notice {
	border-radius: var(--anubc-m-radius-sm);
	box-shadow: var(--anubc-m-shadow);
}

/* ── Header search ─────────────────────────────────────────────── */
.anubc-search-input {
	border-radius: 999px !important;
	transition: border-color var(--anubc-m-ease), box-shadow var(--anubc-m-ease);
}
.anubc-search-input:focus {
	border-color: var(--anubc-m-blue);
	box-shadow: 0 0 0 4px rgba(3, 141, 206, 0.12);
	outline: none;
}

/* ── Sidebar ───────────────────────────────────────────────────── */
/* NOTE: overflow must stay visible — subcategory menus fly out to the
 * right of the sidebar, and overflow:hidden clips them (bug in v2.0).
 * Corners are rounded on the visible child edges instead. */
.anubc-sidebar {
	border-radius: var(--anubc-m-radius);
	box-shadow: var(--anubc-m-shadow);
	overflow: visible;
}
.anubc-sidebar .anubc-sidebar-header {
	border-radius: var(--anubc-m-radius) var(--anubc-m-radius) 0 0;
}
.anubc-sidebar .anubc-cat-list {
	border-radius: 0 0 var(--anubc-m-radius) var(--anubc-m-radius);
}
.anubc-cat-link {
	transition: background-color var(--anubc-m-ease), color var(--anubc-m-ease);
}

/* ── Badges / pills: calmer, consistent radius ─────────────────── */
.anubc-badge-pill,
.anubc-stock-pill {
	border-radius: 999px;
	font-weight: 500;
	letter-spacing: 0.01em;
}

/* ── Featured items strip ──────────────────────────────────────── */
.anubc-featured-grid-item,
.anubc-featured-items .anubc-product-card {
	border-radius: var(--anubc-m-radius-sm);
}

/* ── Forms (cart / checkout / contact): soft focus rings ───────── */
.woocommerce input.input-text,
.woocommerce textarea.input-text,
.woocommerce select,
.anubc-contact-form input,
.anubc-contact-form textarea {
	border-radius: var(--anubc-m-radius-sm);
	transition: border-color var(--anubc-m-ease), box-shadow var(--anubc-m-ease);
}
.woocommerce input.input-text:focus,
.woocommerce textarea.input-text:focus,
.anubc-contact-form input:focus,
.anubc-contact-form textarea:focus {
	border-color: var(--anubc-m-blue);
	box-shadow: 0 0 0 4px rgba(3, 141, 206, 0.12);
	outline: none;
}

/* ── Whitespace: breathe between sections ──────────────────────── */
.anubc-content section,
.anubc-home-section {
	margin-bottom: 3rem;
}

/* ── Accessibility: honor reduced-motion preference ────────────── */
@media (prefers-reduced-motion: reduce) {
	.anubc-product-card,
	.anubc-subcat-tile,
	.anubc-badge,
	.anubc-btn,
	.anubc-hero-btn,
	.single_add_to_cart_button {
		transition: none !important;
	}
	.anubc-product-card:hover,
	.anubc-subcat-tile:hover,
	.anubc-badge:hover {
		transform: none;
	}
}

/* ══ Glass accents (v2.1) ═══════════════════════════════════════
 * Frosted-glass touches on a few small, high-impact surfaces only:
 * sticky header, hero text panel, image badges, wishlist button.
 * Product cards stay solid for readability and speed on phones.
 */

/* Sticky frosted header: stays at the top and blurs the page under it. */
.anubc-header-top {
	position: sticky;
	top: 0;
	z-index: 90;
	background: rgba(255, 255, 255, 0.78) !important;
	-webkit-backdrop-filter: blur(12px) saturate(1.4);
	backdrop-filter: blur(12px) saturate(1.4);
	border-bottom: 1px solid rgba(16, 24, 40, 0.08);
	box-shadow: 0 1px 12px rgba(16, 24, 40, 0.05);
}
/* Keep clear of the WordPress admin bar when logged in. */
body.admin-bar .anubc-header-top { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .anubc-header-top { top: 46px; }
}

/* Hero banner: the text sits on a frosted glass panel over the image. */
.anubc-hero-inner {
	background: rgba(255, 255, 255, 0.55);
	-webkit-backdrop-filter: blur(14px) saturate(1.3);
	backdrop-filter: blur(14px) saturate(1.3);
	border: 1px solid rgba(255, 255, 255, 0.65);
	border-radius: var(--anubc-m-radius);
	margin: 1.5rem;
	box-shadow: 0 8px 32px rgba(16, 24, 40, 0.12);
}

/* Badges over product images become translucent glass pills. */
.anubc-badge-pill,
.anubc-stock-pill {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 2px 8px rgba(16, 24, 40, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.35);
}

/* Wishlist heart + hover quick-view buttons: frosted circles. */
.anubc-card-wishlist,
.anubc-icon-btn {
	background: rgba(255, 255, 255, 0.6) !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.7);
	transition: background-color var(--anubc-m-ease), transform var(--anubc-m-ease);
}
.anubc-card-wishlist:hover,
.anubc-icon-btn:hover {
	background: rgba(255, 255, 255, 0.9) !important;
	transform: scale(1.08);
}

/* Fallback: browsers without backdrop-filter get solid surfaces
 * instead of see-through ones, so text never becomes unreadable. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.anubc-header-top { background: rgba(255, 255, 255, 0.97) !important; }
	.anubc-hero-inner { background: rgba(255, 255, 255, 0.88); }
	.anubc-card-wishlist, .anubc-icon-btn { background: rgba(255, 255, 255, 0.92) !important; }
}

/* ══ Top navigation styles (v2.2) ═══════════════════════════════
 * Two switchable looks, chosen under Customize > Modern Look:
 *   body.anubc-nav-glass — light frosted nav merged with the header
 *   body.anubc-nav-blue  — refined brand-blue gradient bar
 */

/* ── Option A: light glass nav ─────────────────────────────────── */
.anubc-nav-glass .anubc-header .bg-blue-700 {
	background: rgba(255, 255, 255, 0.78) !important;
	-webkit-backdrop-filter: blur(12px) saturate(1.4);
	backdrop-filter: blur(12px) saturate(1.4);
	border-bottom: 1px solid rgba(16, 24, 40, 0.08);
}
.anubc-nav-glass .anubc-header-top {
	border-bottom: 1px solid rgba(16, 24, 40, 0.05);
	box-shadow: none;
}
/* On desktop the whole header (top row + nav) sticks as one glass block. */
@media (min-width: 1024px) {
	.anubc-nav-glass .anubc-header {
		position: sticky;
		top: 0;
		z-index: 90;
		box-shadow: 0 1px 12px rgba(16, 24, 40, 0.05);
	}
	.anubc-nav-glass .anubc-header-top {
		position: static;
	}
	body.admin-bar.anubc-nav-glass .anubc-header { top: 32px; }
}
.anubc-nav-glass .anubc-topnav .nav-link {
	color: #1f2937;
	position: relative;
	font-weight: 500;
	transition: color var(--anubc-m-ease);
}
.anubc-nav-glass .anubc-topnav .nav-link::after {
	content: '';
	position: absolute;
	left: 0.9rem;
	right: 0.9rem;
	bottom: 8px;
	height: 2px;
	border-radius: 2px;
	background: var(--anubc-m-blue);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--anubc-m-ease);
}
.anubc-nav-glass .anubc-topnav .nav-link:hover {
	color: var(--anubc-m-blue);
}
.anubc-nav-glass .anubc-topnav .nav-link:hover::after,
.anubc-nav-glass .anubc-topnav .current-menu-item > .nav-link::after,
.anubc-nav-glass .anubc-topnav .current_page_item > .nav-link::after {
	transform: scaleX(1);
}
.anubc-nav-glass .anubc-allcat-btn {
	background-color: var(--anubc-m-blue);
	border-radius: var(--anubc-m-radius-sm);
	margin: 6px;
	padding: 0.6rem 1.25rem;
	transition: background-color var(--anubc-m-ease), box-shadow var(--anubc-m-ease);
}
.anubc-nav-glass .anubc-allcat-btn:hover {
	background-color: var(--anubc-m-blue-dark);
	box-shadow: 0 4px 12px color-mix(in srgb, var(--anubc-m-blue, #038dce) 30%, transparent);
}
.anubc-nav-glass .anubc-mobile-toggle {
	color: #1f2937;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.anubc-nav-glass .anubc-header .bg-blue-700 { background: rgba(255, 255, 255, 0.97) !important; }
}

/* ── Option B: refined brand-blue bar ──────────────────────────── */
.anubc-nav-blue .anubc-header .bg-blue-700 {
	/* v2.3.1: use the site-wide scheme blues (same as the Add to cart
	   buttons) instead of the modern-look cyan accent, so the bar always
	   matches the buttons — in the classic palette and in every scheme. */
	background: linear-gradient(90deg, var(--anubc-blue-dark, #1e3a8a), var(--anubc-blue, #1d4ed8)) !important;
	box-shadow: 0 4px 14px rgba(29, 78, 216, 0.22);
}
.anubc-nav-blue .anubc-topnav .nav-link {
	color: #e0f2fe;
	border-radius: var(--anubc-m-radius-sm);
	margin: 6px 2px;
	padding: 0.45rem 0.9rem;
	transition: background-color var(--anubc-m-ease), color var(--anubc-m-ease);
}
.anubc-nav-blue .anubc-topnav .nav-link:hover,
.anubc-nav-blue .anubc-topnav .current-menu-item > .nav-link,
.anubc-nav-blue .anubc-topnav .current_page_item > .nav-link {
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
}
.anubc-nav-blue .anubc-allcat-btn {
	background: rgba(255, 255, 255, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: var(--anubc-m-radius-sm);
	margin: 6px;
	padding: 0.6rem 1.25rem;
	transition: background-color var(--anubc-m-ease);
}
.anubc-nav-blue .anubc-allcat-btn:hover {
	background: rgba(255, 255, 255, 0.28);
}

/* ══ Top nav dropdowns per style (v2.7.0) ═══════════════════════
 * custom.css owns the shared dropdown card; these rules stop each nav
 * style's own link treatment from leaking into the white dropdown.
 */

/* Glass: the animated underline is for the bar only, not dropdown rows. */
.anubc-nav-glass .anubc-topnav .sub-menu .nav-link::after {
	display: none;
}
.anubc-nav-glass .anubc-topnav .sub-menu .nav-link {
	color: #1f2937;
}
.anubc-nav-glass .anubc-topnav .sub-menu .nav-link:hover {
	color: var(--anubc-m-blue);
}

/* Blue bar: bar links are pale-on-blue with pill margins; dropdown rows
 * go back to dark-on-white and lose the pill margin. */
.anubc-nav-blue .anubc-topnav .sub-menu .nav-link {
	color: #1f2937;
	margin: 0;
	background: none;
}
.anubc-nav-blue .anubc-topnav .sub-menu .nav-link:hover {
	background-color: var(--anubc-tint, #eff6ff);
	color: var(--anubc-blue, #1d4ed8);
}
/* The bar's caret inherits pale blue on the blue style; keep it visible. */
.anubc-nav-blue .anubc-topnav > ul > .menu-item-has-children > .nav-link::before {
	opacity: 0.85;
}

/* ══ Glass scroll polish (v2.7.0) ═══════════════════════════════
 * When the page scrolls, the sticky glass header firms up: a touch more
 * frost, a hairline edge, a slightly deeper shadow. The .anubc-scrolled
 * class is toggled by sidebar-menu.js.
 */
@media (min-width: 1024px) {
	.anubc-nav-glass .anubc-header {
		transition: box-shadow 0.2s ease;
	}
	.anubc-nav-glass .anubc-header.anubc-scrolled {
		box-shadow: 0 2px 18px rgba(16, 24, 40, 0.10);
	}
	.anubc-nav-glass .anubc-header.anubc-scrolled .bg-blue-700 {
		-webkit-backdrop-filter: blur(16px) saturate(1.5);
		backdrop-filter: blur(16px) saturate(1.5);
		border-bottom-color: rgba(16, 24, 40, 0.12);
	}
}