/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/**
 * EveryMonday — cyber chrome (header + footer)
 *
 * Site-wide dark/neon treatment for the Woodmart header-builder chrome and the
 * Elementor-built footer, matching the premium-cyber homepage system:
 *   canvas #04060d · panel #0a0e1b · neon #35b7ff · cyan #26e6e6 · hot #ff2e6a
 *
 * Pure CSS over the existing DOM — no header/footer builder changes, so it can
 * be removed by deleting one enqueue. Deployed to staging first.
 */

/* Modern monospace for the // kicker / label / trust-bar text. Self-hosted
   (theme/fonts/, 9 KB per weight, preloaded in functions.php) — the old Google
   Fonts @import was the slowest possible load path and its late swap reflowed
   the whole hero (desktop CLS 0.176). The Fallback face below is Courier New
   metric-matched to Space Mono so the swap doesn't shift the layout. */
@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/space-mono-400.woff2") format("woff2");
}
@font-face {
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/space-mono-700.woff2") format("woff2");
}
@font-face {
	font-family: "Space Mono Fallback";
	src: local("Courier New");
	size-adjust: 103%;
	ascent-override: 109%;
	descent-override: 27%;
	line-gap-override: 0%;
}

/* Woodmart's theme fonts, self-hosted for the same reason (the theme's
   fonts.googleapis stylesheet was render-blocking AND its late swap was the
   remaining desktop CLS). The xts-google-fonts handle is dequeued in
   functions.php; these faces replace it 1:1 (same families/weights). */
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/lato-400.woff2") format("woff2");
}
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("fonts/lato-700.woff2") format("woff2");
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 700; /* variable font — one file serves all weights */
	font-display: swap;
	src: url("fonts/montserrat-var.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("fonts/poppins-600.woff2") format("woff2");
}

/* ---------------------------------------------------------------------------
 * Header — glass bar over content, consistent when stuck
 * ------------------------------------------------------------------------- */
/* Woodmart's overlap header positions .whb-main-header absolutely WITHOUT a
   z-index (header-base.min.css), so whether it paints above or below page
   sections is a load-order race. Pin it explicitly so the header always wins. */
.whb-overcontent .whb-main-header { z-index: 400; }
.whb-header { position: relative; z-index: 400; }

/* Belt-and-braces: Woodmart's scroll-stick JS can leave the header in its
   hidden state on load (timing race). We don't use hide-on-scroll, so pin the
   header visible unconditionally — !important also beats JS inline styles. */
.whb-header .whb-main-header {
	top: 0 !important;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.whb-header .whb-row {
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* NOTE: style the ROWS, never the .whb-header wrapper — paint properties on
   the wrapper interact badly with Woodmart's overlap/sticky rendering.
   Rows are the supported styling surface. */
.whb-header .whb-row {
	background-color: rgba(6, 9, 20, 0.94) !important;
}
.whb-header .whb-general-header {
	border-bottom: 1px solid rgba(120, 160, 255, 0.12);
}
/* Sticky row stays dark when stuck */
.whb-header .whb-sticky-row.whb-sticked,
.whb-sticked .whb-sticky-row {
	background-color: rgba(6, 9, 20, 0.97) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

/* Top bar links (Terms / Refund / Contact) */
.whb-header .whb-topbar a,
.whb-header .wd-header-text,
.whb-header .whb-row .wd-tools-text { color: #8b95b6; }
.whb-header .whb-topbar a:hover { color: #26e6e6; }

/* Main nav */
.whb-header .wd-header-nav .nav-link-text,
.whb-header .wd-header-secondary-nav .nav-link-text {
	color: #eaf0ff;
	transition: color 0.15s, text-shadow 0.15s;
}
.whb-header .wd-header-nav a:hover .nav-link-text,
.whb-header .wd-header-secondary-nav a:hover .nav-link-text,
.whb-header .menu-item.current-menu-item > a .nav-link-text {
	color: #ff2e6a;
	text-shadow: 0 0 16px rgba(255, 46, 106, 0.55);
}

/* Header tools (search / account / wishlist / cart) */
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-tools-element .wd-tools-text { color: #eaf0ff; }
.whb-header .wd-tools-element > a:hover,
.whb-header .wd-tools-element > a:hover .wd-tools-text { color: #26e6e6; }
.whb-header .wd-cart-number,
.whb-header .wd-tools-count {
	background-color: #35b7ff;
	color: #02060f;
	box-shadow: 0 0 12px rgba(53, 183, 255, 0.6);
}

/* Dropdown menus + tool dropdowns (cart preview, my account) */
.whb-header .wd-dropdown,
.whb-header .wd-dropdown-menu {
	background-color: #0a0e1b;
	border: 1px solid rgba(120, 160, 255, 0.16);
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.65);
}
.whb-header .wd-dropdown-menu .wd-sub-menu a,
.whb-header .wd-dropdown-menu .sub-sub-menu a,
.whb-header .wd-dropdown a { color: #c6cde8; }
.whb-header .wd-dropdown-menu .wd-sub-menu a:hover,
.whb-header .wd-dropdown-menu .sub-sub-menu a:hover,
.whb-header .wd-dropdown a:hover { color: #ff2e6a; }

/* Header search field */
.whb-header .wd-header-search input[type="text"],
.whb-header .wd-header-search input[type="search"] {
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(120, 160, 255, 0.16);
	color: #eaf0ff;
}
.whb-header .wd-header-search input::placeholder { color: #8b95b6; }

/* Mobile burger + mobile nav */
.whb-header .wd-header-mobile-nav a { color: #eaf0ff; }

/* ---------------------------------------------------------------------------
 * Footer — near-black with a neon hairline
 * ------------------------------------------------------------------------- */
.wd-footer,
.footer-container {
	background: #04060d !important;
	background-image: none !important;
	position: relative;
	color: #8b95b6;
}
.footer-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #35b7ff 30%, #26e6e6 70%, transparent);
	opacity: 0.55;
	pointer-events: none;
}

.wd-footer a { color: #8b95b6; transition: color 0.15s, text-shadow 0.15s; }
.wd-footer a:hover { color: #26e6e6; text-shadow: 0 0 14px rgba(38, 230, 230, 0.45); }
.wd-footer strong,
.wd-footer b,
.wd-footer .widget-title,
.wd-footer h4, .wd-footer h5 { color: #eaf0ff; }

/* Elementor nav-menu widgets inside the footer */
.wd-footer .elementor-nav-menu a { color: #8b95b6; }
.wd-footer .elementor-nav-menu a:hover { color: #26e6e6; }

/* Copyright bar */
.copyrights-wrapper {
	background: #03050b !important;
	border-top: 1px solid rgba(120, 160, 255, 0.1);
	color: #5b6480;
}
.copyrights-wrapper a { color: #8b95b6; }
.copyrights-wrapper a:hover { color: #26e6e6; }

/* ============================================================================
 * CYBER INNER PAGES — storefront-wide skin matching the premium-cyber homepage
 * Palette: canvas #04060d · panel #0a0e1b · line rgba(120,160,255,.14)
 *          neon #35b7ff · cyan #26e6e6 · hot #ff2e6a · ok #2fe08a
 * ========================================================================== */

/* ---- Canvas ---------------------------------------------------------------- */
body,
.wd-page-content.main-page-wrapper { background-color: #04060d !important; }

/* Page-title band: quieter, framed by a neon hairline.
   The overlap header (whb-overcontent) paints ON TOP of this band, so the
   top padding must clear the header height or the title hides behind it —
   Woodmart's default only "worked" because its 68px title made the band
   taller than the header. */
.wd-page-title { background-color: #070a14 !important; background-image: none !important;
	border-bottom: 1px solid rgba(120, 160, 255, 0.14);
	padding-top: 190px !important;  /* desktop header ≈165px + 25px air */
	padding-bottom: 26px !important; }
.wd-page-title .entry-title, .wd-page-title h1.title {
	letter-spacing: -0.01em;
	font-size: clamp(24px, 2.6vw, 34px) !important; line-height: 1.15 !important; }
@media (max-width: 1024px) {
	.wd-page-title { padding-top: 92px !important;  /* mobile header ≈70px */
		padding-bottom: 16px !important; }
}

/* Breadcrumbs */
.woocommerce-breadcrumb, .wd-breadcrumbs { color: #8b95b6 !important; }
.woocommerce-breadcrumb a, .wd-breadcrumbs a { color: #8b95b6 !important; }
.woocommerce-breadcrumb a:hover, .wd-breadcrumbs a:hover { color: #26e6e6 !important; }

/* ---- Menu: tighter so it fits one row -------------------------------------- */
.whb-header .wd-nav.wd-nav-header { column-gap: 13px !important; }
.whb-header .wd-nav.wd-nav-header > li > a { padding-left: 0 !important; padding-right: 0 !important; }
.whb-header .wd-nav.wd-nav-header > li > a .nav-link-text { font-size: 12.5px !important; letter-spacing: 0.01em; }

/* ---- Product cards (shop grid, related, upsells, carousels) ---------------- */
.wd-product, .product-grid-item {
	background: #0a0e1b; border: 1px solid rgba(120, 160, 255, 0.14); border-radius: 16px;
	overflow: hidden; transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease; }
.wd-product:hover, .product-grid-item:hover {
	transform: translateY(-4px); border-color: #35b7ff;
	box-shadow: 0 0 0 1px rgba(53, 183, 255, 0.35), 0 18px 50px rgba(53, 183, 255, 0.16); }
.wd-product .product-element-top { background: linear-gradient(180deg, #fdfdff, #eef1fa); }
/* .product-wrapper padding-bottom is set authoritatively further down with
   !important — Woodmart resets it otherwise (see note below). */
.wd-product .wd-entities-title, .product-grid-item .wd-entities-title {
	padding: 0 16px; margin: 14px 0 10px; }
.wd-product .wd-entities-title a { color: #eaf0ff !important; }
.wd-product .wd-entities-title a:hover { color: #26e6e6 !important; }
.wd-product .price, .product-grid-item .price { padding: 0 14px; }

/* Uniform card heights: square image box, clamped title, price pinned to the
   bottom — cards in a row always match regardless of image shape or title length */
.wd-product .product-wrapper, .product-grid-item .product-wrapper {
	display: flex; flex-direction: column; height: 100%; }
.wd-product .product-element-top {
	aspect-ratio: 1 / 1; flex: 0 0 auto; overflow: hidden; min-height: 0; }
.wd-product .product-element-top .product-image-link,
.wd-product .product-element-top a { display: block; height: 100%; }
.wd-product .product-element-top img {
	width: 100% !important; height: 100% !important; object-fit: contain; }
.wd-product .wd-entities-title, .product-grid-item .wd-entities-title {
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
	overflow: hidden; line-height: 1.4; min-height: 4.2em; }
.wd-product .price, .product-grid-item .price { margin-top: auto; padding: 0 16px; }

/* Woodmart resets .product-wrapper padding to 0 via a higher-specificity
   shorthand AND pulls the last element (the price) up with a negative
   margin-bottom (~-2.8px) — with the card's overflow:hidden that clips the
   price flush to the edge. Force real breathing room at the bottom. */
.wd-product .product-wrapper, .product-grid-item .product-wrapper { padding-bottom: 22px !important; }
.wd-product .product-wrapper > *:last-child,
.product-grid-item .product-wrapper > *:last-child,
.wd-product .price:last-child, .product-grid-item .price:last-child { margin-bottom: 0 !important; }

/* Prices — white bold, sale in hot pink, was-price muted */
.woocommerce .price, .wd-product .price, .product .price,
.woocommerce div.product p.price { color: #ffffff !important; font-weight: 800; }
.price .woocommerce-Price-amount { color: #ffffff !important; }
.price del .woocommerce-Price-amount { color: #8b95b6 !important; font-weight: 500; }
.price ins { text-decoration: none; }
.price ins .woocommerce-Price-amount { color: #ff2e6a !important; }
div.product p.price .woocommerce-Price-amount { font-size: 1.35em; }

/* Sale / stock labels */
.wd-product-labels .onsale, .wd-label.onsale, span.onsale {
	background-color: #ff2e6a !important; color: #fff !important;
	box-shadow: 0 0 18px rgba(255, 46, 106, 0.55); font-weight: 800; }
.wd-product-labels .out-of-stock { background-color: #3a4157 !important; }
.stock.in-stock { color: #2fe08a !important; }
.stock.out-of-stock { color: #8b95b6 !important; }

/* ---- Buttons ---------------------------------------------------------------- */
/* Primary Woo/Woodmart buttons → neon blue gradient */
.woocommerce .button, .woocommerce a.button, .woocommerce button.button,
button.btn, a.btn, .btn:not(.request-quote-button),
.woocommerce input.button, .woocommerce #respond input#submit,
.wd-add-btn > a {
	background: linear-gradient(135deg, #35b7ff, #1f7fe0) !important; color: #02060f !important;
	border: 0 !important; border-radius: 12px !important; font-weight: 700;
	box-shadow: 0 0 0 1px rgba(53, 183, 255, 0.35), 0 10px 32px rgba(53, 183, 255, 0.28);
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease; }
.woocommerce .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .wd-add-btn > a:hover {
	transform: translateY(-2px); filter: brightness(1.08); color: #02060f !important;
	box-shadow: 0 0 0 1px #35b7ff, 0 14px 40px rgba(53, 183, 255, 0.45); }
/* Money buttons → hot pink (add to cart on product page, checkout, place order) */
.single_add_to_cart_button, .checkout-button, #place_order,
.wc-proceed-to-checkout .button {
	background: linear-gradient(135deg, #ff2e6a, #c81049) !important; color: #fff !important;
	box-shadow: 0 0 0 1px rgba(255, 46, 106, 0.5), 0 12px 40px rgba(255, 46, 106, 0.35); }
.single_add_to_cart_button:hover, .checkout-button:hover, #place_order:hover,
.wc-proceed-to-checkout .button:hover {
	color: #fff !important; box-shadow: 0 0 0 1px #ff2e6a, 0 16px 48px rgba(255, 46, 106, 0.5); }

/* ---- Forms & inputs ---------------------------------------------------------- */
.woocommerce input.input-text, .woocommerce textarea, .woocommerce select,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], select, textarea,
.wd-search-form input {
	background-color: #0a0e1b !important; border: 1px solid rgba(120, 160, 255, 0.18) !important;
	color: #eaf0ff !important; border-radius: 10px; }
input:focus, select:focus, textarea:focus,
.woocommerce input.input-text:focus, .woocommerce textarea:focus {
	border-color: #26e6e6 !important; outline: none;
	box-shadow: 0 0 0 1px rgba(38, 230, 230, 0.4), 0 0 22px rgba(38, 230, 230, 0.18) !important; }
::placeholder { color: #6d7794 !important; }
.woocommerce form .form-row label, label { color: #aeb9dd; }
/* Quantity */
.quantity input[type="number"], .wd-quantity, .quantity .qty {
	background-color: #0a0e1b !important; color: #eaf0ff !important;
	border-color: rgba(120, 160, 255, 0.18) !important; }

/* ---- Cart & checkout ----------------------------------------------------------- */
.woocommerce table.shop_table { border: 1px solid rgba(120, 160, 255, 0.14); border-radius: 14px; }
.woocommerce table.shop_table th { color: #eaf0ff; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th {
	border-color: rgba(120, 160, 255, 0.1) !important; }
.cart_totals, .woocommerce-checkout-review-order, #order_review {
	background: #0a0e1b !important; border: 1px solid rgba(120, 160, 255, 0.14); border-radius: 16px; }
/* Checkout "Your order": blend with the page instead of a raised panel, and
   give the order table real breathing room. Nuke the background on EVERY
   wrapper in the order-review chain (Woodmart paints one of them via its
   bg variables); the table keeps its own border/rows styling. */
.woocommerce-checkout .checkout-order-review,
.woocommerce-checkout .checkout-order-review > *,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review > *,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table :is(thead, tbody, tfoot, tr, th, td) {
	background: transparent !important; background-color: transparent !important;
	background-image: none !important; box-shadow: none !important; }
.woocommerce-checkout .checkout-order-review,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
	border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
.woocommerce-checkout .checkout-order-review::before,
.woocommerce-checkout .checkout-order-review::after { display: none !important; }
.woocommerce-checkout #order_review .shop_table {
	background: transparent !important; }
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td {
	padding: 16px 14px !important; }
.woocommerce-checkout #payment {
	background: transparent !important; border-radius: 0 !important; }
/* Peach Payments brand icons: most PNGs have a white chip baked into the
   image, but APPLE.png is a black logo on transparency — invisible on the
   dark checkout. Paint the same white chip behind it. */
.peach-method img[src*="APPLE"] {
	background: #fff; border-radius: 3px; padding: 1px 3px;
	box-sizing: border-box; }
/* Woodmart checkout steps */
.wd-checkout-steps li a, .woocommerce-checkout .wd-checkout-steps span { color: #8b95b6; }
.wd-checkout-steps li.step-active a, .wd-checkout-steps li.step-active span {
	color: #26e6e6 !important; }
/* Coupon + notices */
.woocommerce-message, .woocommerce-info, .wc-block-components-notice-banner {
	background-color: #0a0e1b !important; color: #eaf0ff !important;
	border-top-color: #35b7ff !important; }
.woocommerce-error { background-color: #1c0712 !important; color: #ffd7e2 !important;
	border-top-color: #ff2e6a !important; }

/* ---- Product page --------------------------------------------------------------- */
.woocommerce-tabs .wd-nav-tabs li a, .wc-tabs li a { color: #8b95b6 !important; }
.woocommerce-tabs .wd-nav-tabs li.active a, .wc-tabs li.active a {
	color: #26e6e6 !important; text-shadow: 0 0 14px rgba(38, 230, 230, 0.45); }
.woocommerce-tabs .wd-nav-tabs li.active a::after { background-color: #26e6e6 !important;
	box-shadow: 0 0 12px #26e6e6; }
.product_meta, .product_meta a { color: #8b95b6; }
.product_meta a:hover { color: #26e6e6; }
/* gallery frame — Woodmart default, untouched */
.woocommerce-product-gallery { border-radius: 16px; overflow: hidden; }
/* The gallery carousel sizes every slide to the TALLEST slide, so products
   with mixed image shapes got a void under shorter images (size varies with
   viewport and per product — endless whack-a-mole). Deterministic fix: every
   slide is a uniform SQUARE stage with the image letterboxed + centred inside
   (the standard big-store treatment). Gallery height always equals the column
   width — a void is geometrically impossible, on every product, at any size. */
.single-product .wd-gallery-images .wd-carousel-item {
	display: flex !important; align-items: center; justify-content: center;
	aspect-ratio: 1 / 1; height: auto !important; overflow: hidden; }
.single-product .wd-gallery-images .wd-carousel-item img {
	width: 100% !important; height: 100% !important; object-fit: contain; }
/* never let the carousel pin a taller inline height on its containers */
.single-product .wd-gallery-images .wd-carousel-wrap,
.single-product .wd-gallery-images .wd-carousel { height: auto !important; }
/* Short description relocated to a full-width band directly below the product
   hero (gallery + buy-box), out of the cramped buy-box. Kept out of the image
   column on purpose — the gallery reserves height for its thumbnail column,
   which left a void when the description sat beneath a short image. See
   functions.php for the JS relocation. */
.em-short-desc {
	max-width: 900px; margin: 4px 0 8px; padding-top: 22px;
	border-top: 1px solid rgba(120, 160, 255, 0.14);
	color: #aeb9dd; font-size: 14.5px; line-height: 1.75; }
.em-short-desc :is(h1,h2,h3,h4,strong,b) { color: #eaf0ff; }

/* ---- Pagination / load more ------------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.wd-pagination a, .wd-pagination span {
	background: #0a0e1b !important; color: #aeb9dd !important;
	border: 1px solid rgba(120, 160, 255, 0.16) !important; border-radius: 10px; }
.woocommerce nav.woocommerce-pagination ul li span.current,
.wd-pagination span.current {
	background: linear-gradient(135deg, #35b7ff, #1f7fe0) !important; color: #02060f !important;
	box-shadow: 0 0 18px rgba(53, 183, 255, 0.4); }

/* ---- Shop toolbar (sorting, view switch, show-per-page) --------------------------- */
.woocommerce-ordering select, .wd-shop-tools select {
	background-color: #0a0e1b !important; color: #aeb9dd !important; }
.wd-shop-tools a, .woocommerce-result-count, .wd-products-per-page,
.wd-products-view-links a { color: #8b95b6 !important; }
.wd-shop-tools a:hover, .wd-products-view-links a:hover,
.wd-products-per-page .per-page-link.active { color: #26e6e6 !important; }

/* ---- Sidebar / widgets ------------------------------------------------------------- */
.widget-area .widget, .wd-sidebar .widget {
	background: #0a0e1b; border: 1px solid rgba(120, 160, 255, 0.12); border-radius: 14px; padding: 18px; }
.widget-area .widget-title, .wd-sidebar .widget-title { color: #eaf0ff; }
.widget-area a { color: #8b95b6; }
.widget-area a:hover { color: #26e6e6; }

/* ============================================================================
 * CYBER PDP — single-product buy-box redesign
 * Hierarchy: compact title → glowing price panel (cyan; EFT line docked) →
 * stock chip → buy controls → description below → meta. Title stays white;
 * the PRICE owns cyan + glow so it never competes with the title.
 * ========================================================================== */

/* Buy-box ordering (flex column; unknown children sink below the fold) */
.single-product div.product .summary-inner { display: flex; flex-direction: column; }
.single-product div.product .summary-inner > * { order: 20; }
.single-product div.product .summary-inner > .single-breadcrumbs-wrapper { order: 1; }
.single-product div.product .summary-inner > .product_title { order: 2; }
.single-product div.product .summary-inner > .woocommerce-product-rating { order: 3; }
.single-product div.product .summary-inner > .price { order: 4; }
.single-product div.product .summary-inner > .em-eft-price { order: 5; }
.single-product div.product .summary-inner > .stock { order: 6; }
.single-product div.product .summary-inner > form.cart { order: 7; }
.single-product div.product .summary-inner > .em-bnpl { order: 7; }
.single-product div.product .summary-inner > .wd-wishlist-btn,
.single-product div.product .summary-inner > .wd-compare-btn { order: 8; }
.single-product div.product .summary-inner > .woocommerce-product-details__short-description { order: 10; }
.single-product div.product .summary-inner > .product_meta { order: 21; }

/* Breadcrumbs: quiet; current page dimmed */
.single-product .single-breadcrumbs-wrapper { margin-bottom: 8px; }
.single-product .wd-breadcrumbs { font-size: 12px; }
.single-product .wd-breadcrumbs .wd-last { color: #5b6480 !important; font-weight: 500; }

/* Title: compact, calm white — the price gets the colour */
.single-product h1.product_title {
	font-size: clamp(19px, 1.9vw, 25px) !important;
	line-height: 1.35 !important; font-weight: 700;
	color: #dfe6ff !important; letter-spacing: -0.005em; margin: 0 0 16px; }

/* Price panel — the hero of the buy box */
.single-product div.product p.price {
	display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
	background: linear-gradient(180deg, rgba(53, 183, 255, 0.1), rgba(10, 14, 27, 0.65));
	border: 1px solid rgba(53, 183, 255, 0.3); border-radius: 14px;
	padding: 18px 20px 15px; margin: 4px 0 0 !important;
	box-shadow: 0 0 0 1px rgba(53, 183, 255, 0.08), 0 14px 44px rgba(53, 183, 255, 0.12); }
.single-product div.product p.price .woocommerce-Price-amount {
	color: #26e6e6 !important; font-size: clamp(27px, 2.7vw, 36px); font-weight: 800;
	text-shadow: 0 0 26px rgba(38, 230, 230, 0.35); }
.single-product div.product p.price del { opacity: 1; }
.single-product div.product p.price del .woocommerce-Price-amount {
	color: #8b95b6 !important; font-size: 16px; font-weight: 500; text-shadow: none; }
.single-product div.product p.price ins .woocommerce-Price-amount {
	color: #ff2e6a !important; text-shadow: 0 0 26px rgba(255, 46, 106, 0.4); }
/* EFT line docks under the price panel */
.single-product div.product p.price:has(+ .em-eft-price) {
	border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.single-product .em-eft-price {
	background: rgba(38, 230, 230, 0.07);
	border: 1px solid rgba(53, 183, 255, 0.3); border-top: 0;
	border-radius: 0 0 14px 14px;
	margin: 0 !important; padding: 11px 20px !important; }

/* Stock chip (inline-block so the plugin's supplier note can break to its
   own line inside the chip; border-radius relaxes for the two-line case) */
/* Buy-now-pay-later installment breakdown (under Add to cart) */
.em-bnpl { margin: 12px 0 4px; padding: 14px 16px; border: 1px solid rgba(120, 160, 255, 0.16);
	border-radius: 12px; background: rgba(255, 255, 255, 0.02); }
.em-bnpl__lead { display: block; margin-bottom: 10px;
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #26e6e6; }
.em-bnpl__row { display: flex; flex-wrap: wrap; gap: 10px; }
.em-bnpl__opt { display: inline-flex; align-items: center; gap: 8px; color: #eaf0ff;
	font-weight: 700; font-size: 14px; background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(120, 160, 255, 0.14); border-radius: 10px; padding: 7px 11px; }
.em-bnpl__opt b { color: #26e6e6; }
.em-bnpl__opt img { height: 17px; width: auto; background: #fff; border-radius: 4px; padding: 2px 5px; }
.em-bnpl__more { display: block; margin-top: 10px; font-size: 12px; color: #8b95b6; }

.single-product .summary-inner > p.stock {
	display: inline-block; align-self: flex-start;
	margin: 16px 0 2px; padding: 9px 16px; border-radius: 14px;
	font-size: 13px; font-weight: 700; line-height: 1.5; }
.single-product .summary-inner > p.stock.in-stock {
	color: #2fe08a !important; background: rgba(47, 224, 138, 0.08);
	border: 1px solid rgba(47, 224, 138, 0.35); }
.single-product .summary-inner > p.stock.out-of-stock {
	color: #aeb9dd !important; background: rgba(120, 160, 255, 0.06);
	border: 1px solid rgba(120, 160, 255, 0.2); }

/* Buy controls */
.single-product form.cart { margin: 14px 0 4px; }
.single-product form.cart .quantity .qty { height: 52px; font-size: 15px; }
.single-product form.cart .single_add_to_cart_button {
	padding: 16px 30px !important; font-size: 15px !important; }

/* Short description drops below the buy controls, clearly separated */
.single-product .summary-inner > .woocommerce-product-details__short-description {
	margin-top: 24px; padding-top: 20px;
	border-top: 1px solid rgba(120, 160, 255, 0.12); color: #aeb9dd; }
.single-product .summary-inner > .woocommerce-product-details__short-description strong,
.single-product .summary-inner > .woocommerce-product-details__short-description b { color: #dfe6ff; }

/* Meta (SKU / categories / brand) — quiet mono footer */
.single-product .product_meta {
	margin-top: 20px; padding-top: 16px;
	border-top: 1px solid rgba(120, 160, 255, 0.12);
	font-size: 12.5px; letter-spacing: 0.02em; }

/* Gallery: framed + grounded; labels match the cyber badges */
.single-product .woocommerce-product-gallery {
	border: 1px solid rgba(120, 160, 255, 0.14);
	box-shadow: 0 24px 70px rgba(2, 6, 15, 0.5); }
.single-product .product-labels .wd-label,
.single-product .product-labels .onsale,
.single-product .product-labels .out-of-stock {
	border-radius: 10px !important; width: auto !important; height: auto !important;
	padding: 6px 12px !important; line-height: 1.2 !important; font-weight: 800; }
.single-product .product-labels .onsale {
	background-color: #ff2e6a !important; box-shadow: 0 0 20px rgba(255, 46, 106, 0.55); }
.single-product .product-labels .out-of-stock { background-color: #3a4157 !important; }

/* PDP fix-ups: money button must out-specific the blue primary rule; labels
   never wrap; secondary actions (compare/wishlist) go ghost so the buy button
   is the only loud CTA. */
.woocommerce form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button {
	background: linear-gradient(135deg, #ff2e6a, #c81049) !important; color: #fff !important;
	box-shadow: 0 0 0 1px rgba(255, 46, 106, 0.5), 0 12px 40px rgba(255, 46, 106, 0.35) !important; }
.woocommerce form.cart button.single_add_to_cart_button:hover {
	color: #fff !important;
	box-shadow: 0 0 0 1px #ff2e6a, 0 16px 48px rgba(255, 46, 106, 0.5) !important; }
.single-product .product-labels .wd-label,
.single-product .product-labels .onsale,
.single-product .product-labels .out-of-stock { white-space: nowrap !important; }
.single-product .summary-inner .wd-compare-btn a,
.single-product .summary-inner .wd-wishlist-btn a,
.single-product .summary-inner a.btn:not(.single_add_to_cart_button) {
	background: rgba(255, 255, 255, 0.03) !important; color: #aeb9dd !important;
	border: 1px solid rgba(120, 160, 255, 0.18) !important; box-shadow: none !important;
	border-radius: 999px; padding: 7px 15px !important;
	display: inline-flex; align-items: center; gap: 7px; }
.single-product .summary-inner .wd-compare-btn a:hover,
.single-product .summary-inner .wd-wishlist-btn a:hover,
.single-product .summary-inner a.btn:not(.single_add_to_cart_button):hover {
	color: #26e6e6 !important; border-color: rgba(38, 230, 230, 0.4) !important; }

/* Supplier note inside the stock chip breaks to its own line (something in the
   theme overrides its inline display:block) */
.single-product .summary-inner > p.stock strong {
	display: block !important; margin-top: 4px !important; font-weight: 600; }

/* ============================================================================
 * CYBER FILTERS — Woodmart shop-filters area + WooCommerce filter widgets
 * ========================================================================== */

/* Filters toggle button above the grid */
.wd-shop-tools .wd-filter-buttons a,
.wd-action-btn.wd-filter-btn a,
.open-filters {
	color: #eaf0ff !important; font-weight: 700; }
.wd-shop-tools .wd-filter-buttons a:hover,
.wd-action-btn.wd-filter-btn a:hover { color: #26e6e6 !important; }

/* The filter area panel */
.filters-area, .wd-filters-area {
	background: #0a0e1b !important;
	border: 1px solid rgba(120, 160, 255, 0.14); border-radius: 16px;
	padding: 26px 28px !important; margin-bottom: 26px; }
.filters-area .widget, .wd-filters-area .widget {
	background: transparent; border: 0; padding: 0; }
.filters-area .widget-title, .wd-filters-area .widget-title {
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
	color: #26e6e6 !important; margin-bottom: 14px; }

/* Layered-nav term lists */
.woocommerce-widget-layered-nav-list li { margin: 0 0 2px; }
.woocommerce-widget-layered-nav-list li a {
	color: #aeb9dd !important; font-size: 13.5px; line-height: 1.9; }
.woocommerce-widget-layered-nav-list li a:hover { color: #26e6e6 !important; }
.woocommerce-widget-layered-nav-list li.chosen a {
	color: #fff !important; font-weight: 700; }
.woocommerce-widget-layered-nav-list li .count {
	color: #5b6480; font-size: 11.5px; }

/* Active filters */
.widget_layered_nav_filters ul li a {
	display: inline-flex; align-items: center; gap: 6px;
	background: rgba(255, 46, 106, 0.12) !important;
	border: 1px solid rgba(255, 46, 106, 0.4) !important;
	color: #ffd7e2 !important; border-radius: 999px; padding: 4px 12px !important;
	font-size: 12.5px; }
.widget_layered_nav_filters ul li a:hover { border-color: #ff2e6a !important; }

/* Price slider */
.price_slider_wrapper .ui-slider {
	background: rgba(120, 160, 255, 0.15) !important; }
.price_slider_wrapper .ui-slider .ui-slider-range {
	background: linear-gradient(90deg, #35b7ff, #26e6e6) !important;
	box-shadow: 0 0 12px rgba(53, 183, 255, 0.5); }
.price_slider_wrapper .ui-slider .ui-slider-handle {
	background: #26e6e6 !important; border: 2px solid #0a0e1b !important;
	box-shadow: 0 0 10px rgba(38, 230, 230, 0.7) !important; }
.price_slider_amount { color: #aeb9dd; }
.price_slider_amount .button {
	padding: 8px 18px !important; font-size: 12.5px !important; }

/* Stock status widget */
.wd-widget-stock-status label, .widget_stock_status label { color: #aeb9dd; }

/* Filter lists: clamp long lists behind a Show-all toggle (JS in functions.php) */
.woocommerce-widget-layered-nav-list li.em-facet-hidden { display: none; }
.em-facet-toggle {
	display: inline-block; margin-top: 8px; cursor: pointer;
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
	color: #26e6e6; background: none; border: 0; padding: 0; }
.em-facet-toggle:hover { text-shadow: 0 0 12px rgba(38, 230, 230, 0.6); }

/* === CHECKOUT: accepted payment methods strip === */
.em-payicons {
	margin-top: 20px; padding-top: 18px; text-align: center;
	border-top: 1px solid rgba(120, 160, 255, 0.14); }
.em-payicons__label {
	display: block; margin-bottom: 12px;
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
	color: #5b6480; }
.em-payicons__row {
	display: flex; flex-wrap: wrap; gap: 8px;
	justify-content: center; align-items: center; }
.em-payicons__chip {
	display: inline-flex; align-items: center;
	background: #fff; border-radius: 6px; padding: 3px 7px; }
.em-payicons__chip img { height: 24px; width: auto; display: block; }
.em-payicons__chip img.em-inv { filter: invert(1) brightness(0.25); }
.em-payicons__chip img.em-sm { height: 20px; }
.em-payicons__chip--btc {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(120, 160, 255, 0.14);
	border-radius: 999px; padding: 4px 12px 4px 6px; gap: 6px;
	color: #c6cde8; font-size: 12px; font-weight: 700; white-space: nowrap; }
.em-payicons__chip--btc i {
	display: inline-flex; align-items: center; justify-content: center;
	width: 18px; height: 18px; border-radius: 50%;
	background: #f7931a; color: #fff;
	font-style: normal; font-weight: 800; font-size: 11.5px; line-height: 1; }

/* === MOBILE: off-canvas drawers (menu, filters, cart, login) ============= */
.wd-side-hidden {
	background-color: #0a0e1b !important; color: #c6cde8; }
.wd-side-hidden .wd-heading {
	background-color: #070a14 !important;
	border-bottom: 1px solid rgba(120, 160, 255, 0.14) !important; }
.wd-side-hidden .wd-heading .title, .wd-side-hidden .widget-title { color: #fff !important; }
.wd-side-hidden .close-side-widget { color: #8b95b6 !important; }
.wd-side-hidden .close-side-widget:hover { color: #26e6e6 !important; }

/* Mobile menu drawer */
.mobile-nav .wd-nav-mobile li > a {
	color: #e6ecff !important;
	border-bottom: 1px solid rgba(120, 160, 255, 0.10) !important;
	font-weight: 600; }
.mobile-nav .wd-nav-mobile li > a:hover,
.mobile-nav .wd-nav-mobile li.wd-opened > a { color: #26e6e6 !important; }
.mobile-nav .wd-nav-mobile .wd-nav-opener { color: #8b95b6 !important; }
.mobile-nav .wd-nav-mob-tab li a {
	background-color: #070a14 !important; color: #8b95b6 !important;
	border-color: rgba(120, 160, 255, 0.14) !important;
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.mobile-nav .wd-nav-mob-tab li.wd-active a {
	background-color: #0a0e1b !important; color: #26e6e6 !important; }
.mobile-nav .searchform input[type="text"], .mobile-nav .searchform input[type="search"] {
	background-color: #070a14 !important; color: #fff !important;
	border: 1px solid rgba(120, 160, 255, 0.25) !important; }
.mobile-nav .searchform button { color: #26e6e6 !important; }

/* Cart / login drawers inherit panel bg; keep totals readable */
.cart-widget-side .cart_list li a, .cart-widget-side .woocommerce-mini-cart-item a { color: #e6ecff !important; }
.cart-widget-side .total, .cart-widget-side .total .amount { color: #fff !important; }
.em-empty-cart, .cart-widget-side .woocommerce-mini-cart__empty-message, .widget_shopping_cart .woocommerce-mini-cart__empty-message {
	color: #8b95b6 !important; text-align: center; padding: 28px 16px; font-size: 14.5px; }
/* Woodmart's empty mini-cart state, adapted to the dark drawer */
.cart-widget-side .wd-empty-mini-cart { color: #8b95b6 !important; font-size: 14.5px; padding-top: 26px; }
.cart-widget-side .wd-empty-mini-cart::before { color: rgba(255, 255, 255, 0.07) !important; }
.cart-widget-side .em-empty-cart-btn { margin-top: 16px; }
.cart-widget-side .wd-empty-mini-cart .btn {
	background: linear-gradient(135deg, #35b7ff, #1f8fd6) !important; color: #02060f !important;
	border-radius: 999px !important; font-weight: 700; padding: 9px 24px !important; }

/* Filters sidebar as off-canvas (tablet/mobile): dark panel + visible button */
@media (max-width: 1024px) {
	aside.wd-sidebar { background-color: #0a0e1b !important; }
	aside.wd-sidebar .wd-heading { border-bottom: 1px solid rgba(120, 160, 255, 0.14); }
}
.wd-show-sidebar-btn {
	border: 1px solid rgba(53, 183, 255, 0.45) !important; border-radius: 999px;
	padding: 8px 16px !important; color: #35b7ff !important;
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }
.wd-show-sidebar-btn:hover { color: #26e6e6 !important; border-color: #26e6e6 !important; }
.wd-show-sidebar-btn .wd-action-text { color: inherit !important; }

/* Mobile bottom toolbar */
.wd-toolbar {
	background-color: #070a14 !important;
	border-top: 1px solid rgba(120, 160, 255, 0.14) !important;
	box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45) !important; }
.wd-toolbar .wd-tools-element > a, .wd-toolbar .wd-tools-element .wd-tools-text { color: #c6cde8 !important; }

/* Quantity stepper — one joined dark pill (PDP + cart) */
.quantity {
	display: inline-flex !important; align-items: center;
	background: #070a14; border: 1px solid rgba(120, 160, 255, 0.28);
	border-radius: 999px; overflow: hidden; }
.quantity .minus, .quantity .plus, .quantity button.btn {
	background: none !important; border: 0 !important; box-shadow: none !important;
	color: #26e6e6 !important; font-size: 17px; font-weight: 700;
	width: 36px; min-width: 36px; height: 38px; padding: 0 !important;
	border-radius: 0 !important; }
.quantity .minus:hover, .quantity .plus:hover {
	background: rgba(38, 230, 230, 0.12) !important; color: #fff !important; }
.quantity input.qty {
	background: none !important; border: 0 !important; box-shadow: none !important;
	color: #fff !important; width: 38px; height: 38px; padding: 0 !important;
	text-align: center; font-weight: 700; }

/* Mobile cart table: keep values off the screen edge */
@media (max-width: 768px) {
	.woocommerce-cart-form .cart_item td { padding-right: 12px !important; }
}

/* Sidebar widgets: Woodmart trims list bottoms with negative margins — keep
   the last row clear of the panel edge (e.g. Availability's "In stock") */
.widget-area .widget ul:last-child, .wd-sidebar .widget ul:last-child {
	margin-bottom: 0 !important; padding-bottom: 8px; }
.widget-area .widget > :last-child, .wd-sidebar .widget > :last-child {
	margin-bottom: 0 !important; }

/* === FULL-SCREEN SEARCH (header search icon) ============================= */
.wd-search-full-screen {
	background-color: rgba(4, 6, 13, 0.98) !important; }
.wd-search-full-screen .searchform input[type="text"],
.wd-search-full-screen .searchform input[type="search"] {
	background-color: transparent !important; color: #fff !important;
	border-color: rgba(120, 160, 255, 0.28) !important; }
.wd-search-full-screen .searchform input::placeholder { color: #5b6480 !important; }
.wd-search-full-screen .searchform .searchsubmit { color: #26e6e6 !important; }
.wd-search-full-screen .wd-close-search { color: #c6cde8 !important; }
.wd-search-full-screen .wd-close-search:hover { color: #26e6e6 !important; }
.wd-search-full-screen .wd-search-info-text {
	color: #8b95b6 !important;
	font-family: "Space Mono", "Space Mono Fallback", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; }
.wd-search-full-screen .wd-search-results { background: transparent !important; }

/* AJAX search suggestions (full-screen + header/mobile dropdown) */
.autocomplete-suggestions {
	background-color: #0a0e1b !important;
	border: 1px solid rgba(120, 160, 255, 0.16) !important;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.65) !important; }
.wd-search-full-screen .autocomplete-suggestions {
	background-color: transparent !important; border: 0 !important; box-shadow: none !important; }
.autocomplete-suggestion {
	border-bottom: 1px solid rgba(120, 160, 255, 0.10) !important; color: #c6cde8 !important; }
.autocomplete-suggestion:hover, .autocomplete-suggestion.autocomplete-selected {
	background-color: rgba(53, 183, 255, 0.08) !important; }
.autocomplete-suggestion .wd-entities-title,
.autocomplete-suggestion .suggestion-title { color: #e6ecff !important; }
.autocomplete-suggestion .price, .autocomplete-suggestion .price .amount { color: #fff !important; }
.autocomplete-suggestion .price del .amount { color: #8b95b6 !important; }
.autocomplete-suggestion .price ins .amount { color: #ff2e6a !important; }
.autocomplete-suggestions .suggestion-divider,
.autocomplete-suggestions .suggestion-divider-title { color: #26e6e6 !important; }

/* ============================================================================
 * BUYING GUIDES / BLOG POSTS (2026-09) — neon #35b7ff · cyan #26e6e6 · hot #ff2e6a
 * ========================================================================== */
.single-post .wd-meta-author,
.blog .wd-post-author, .woodmart-archive-blog .wd-post-author { display: none !important; }
/* Blog archive cards: same panel/neon language as the guides. */
.blog .wd-post-cat a, .woodmart-archive-blog .wd-post-cat a { background: linear-gradient(90deg, #35b7ff, #26e6e6) !important; color: #04060d !important; font-weight: 700 !important; }
.blog article.blog-post-loop .wd-post-inner, .woodmart-archive-blog article.blog-post-loop .wd-post-inner { border: 1px solid rgba(53,183,255,.18); border-radius: 14px; background: #0a0e1b; transition: border-color .2s, transform .2s; }
.blog article.blog-post-loop:hover .wd-post-inner, .woodmart-archive-blog article.blog-post-loop:hover .wd-post-inner { border-color: #35b7ff; transform: translateY(-2px); }
.blog article.blog-post-loop .wd-post-thumb img, .woodmart-archive-blog article.blog-post-loop .wd-post-thumb img { border-radius: 14px 14px 0 0; }
.single-post .wd-content-area { max-width: 900px; margin-inline: auto; }
.em-guide { font-size: 16px; line-height: 1.7; }
.em-guide .em-guide__byline { color: #8b95b6; font-size: 14px; margin: 0 0 22px; }
.em-guide .em-guide__byline strong { color: #26e6e6; font-weight: 600; }
.em-guide .em-guide__note { border-left: 3px solid #26e6e6; background: #0a0e1b; padding: 12px 16px; color: #b9c2dc; font-size: 14px; border-radius: 0 8px 8px 0; }
.em-guide h2 { position: relative; margin: 44px 0 18px; padding-left: 16px; font-size: 26px; letter-spacing: -0.01em; }
.em-guide h2::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 5px; border-radius: 3px; background: linear-gradient(180deg, #35b7ff, #26e6e6); }
.em-guide .em-picks { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 8px; }
.em-guide .em-picks li { background: #0a0e1b; border: 1px solid rgba(53,183,255,.18); border-radius: 10px; padding: 12px 16px; }
.em-guide .em-picks li strong { color: #26e6e6; }
.em-guide .em-picks a { color: #fff; text-decoration: underline; text-decoration-color: rgba(53,183,255,.6); text-underline-offset: 3px; }
.em-guide .em-picks a:hover { color: #35b7ff; }
.em-pick { background: #0a0e1b; border: 1px solid rgba(53,183,255,.22); border-radius: 14px; padding: 20px 22px; margin: 18px 0; transition: border-color .2s, transform .2s, box-shadow .2s; }
.em-pick:hover { border-color: #35b7ff; box-shadow: 0 0 0 1px rgba(53,183,255,.25), 0 12px 34px rgba(53,183,255,.12); transform: translateY(-2px); }
.em-pick__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.em-pick__name { margin: 0 !important; font-size: 19px !important; line-height: 1.3; }
.em-pick__name a { color: #fff; }
.em-pick__name a:hover { color: #35b7ff; }
.em-pick__price { font-family: "Space Mono", monospace; font-weight: 700; font-size: 20px; color: #26e6e6; white-space: nowrap; }
.em-pick__spec { margin: 8px 0 10px; color: #8b95b6; font-size: 14px; }
.em-pick__why { margin: 0 0 14px; }
.em-pick__btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: linear-gradient(90deg, #35b7ff, #26e6e6); color: #04060d !important; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; text-decoration: none !important; transition: filter .2s, transform .2s; }
.em-pick__btn:hover { filter: brightness(1.12); transform: translateX(2px); }
.em-pick__btn::after { content: "→"; }
.em-guide .em-checklist li { margin-bottom: 8px; }
.em-guide .em-checklist li strong { color: #35b7ff; }
.em-guide .em-faq h3 { font-size: 17px; margin: 22px 0 6px; color: #26e6e6; }
.em-guide .em-cta { margin-top: 36px; padding: 22px 24px; border-radius: 14px; background: linear-gradient(135deg, rgba(53,183,255,.12), rgba(255,46,106,.10)); border: 1px solid rgba(53,183,255,.25); }
.em-guide .em-cta a { color: #26e6e6; font-weight: 600; }
@media (max-width: 600px) { .em-pick { padding: 16px; } .em-guide h2 { font-size: 22px; } }
/* With the page-title band turned off on posts, nothing clears the overlap
   header any more. Woodmart forces `.wd-content-layout:first-child{padding-top:0}`
   under .wd-header-overlap (inline, after this sheet), so this needs !important. */
body.single-post.wd-header-overlap .wd-content-layout:first-child {
	padding-top: calc(var(--wd-header-h, 165px) + var(--wd-header-boxed-sp, 0.001px) + 30px) !important; }
@media (max-width: 1024px) {
	body.single-post.wd-header-overlap .wd-content-layout:first-child {
		padding-top: calc(var(--wd-header-sm-h, 70px) + 24px) !important; } }