/**
 * Dark-mode "Apple glass" surfaces — frosted translucent panels so the dotted
 * aurora background shows through the header, sections, cards and buttons.
 * Only active under html.dark. Elements are tagged by darkglass.js (surfaces)
 * or matched by class (header / buttons).
 */

/* Generic tagged surfaces (sections, cards, panels, header bar, drawers). */
html.dark .skyweb-glass {
	background-color: rgba(22, 24, 32, 0.42) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.4);
	        backdrop-filter: blur(16px) saturate(1.4);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* The rounded nav pill (only the pill gets glass, not the full-width header —
   darkglass.js only tags header surfaces whose border-radius is pill-sized).
   A touch more blur than generic surfaces. */
html.dark .skyweb-nav-default .skyweb-glass,
html.dark .skyweb-nav-sticky .skyweb-glass {
	background-color: rgba(18, 20, 28, 0.55) !important;
	-webkit-backdrop-filter: blur(20px) saturate(1.4);
	        backdrop-filter: blur(20px) saturate(1.4);
}

/* Theme buttons → glass pills with light text. Elementor-designed buttons are
   left alone so brand button styles are preserved. */
html.dark .nav-cta,
html.dark .btn-primary,
html.dark .shop-line-btn:not(.secondary),
html.dark #place_order,
html.dark .skyweb-cart-btn,
html.dark .commerce-nav-btn {
	background-color: rgba(255, 255, 255, 0.10) !important;
	color: #ffffff !important;
	-webkit-backdrop-filter: blur(10px) saturate(1.3);
	        backdrop-filter: blur(10px) saturate(1.3);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
	border-color: transparent;
}
html.dark .nav-cta:hover,
html.dark .btn-primary:hover,
html.dark .shop-line-btn:not(.secondary):hover,
html.dark #place_order:hover {
	background-color: rgba(255, 255, 255, 0.16) !important;
}

/* Secondary / outline buttons: subtle glass. */
html.dark .shop-line-btn.secondary,
html.dark .btn-ghost {
	background-color: rgba(255, 255, 255, 0.05) !important;
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
}