/*
	Theme Name: Voguish
	Theme URI: https://example.com/voguish/
	Author: WK Voguish Theme
	Author URI: https://example.com/
	Description: Voguish is a translation-ready WooCommerce storefront with AJAX-driven product browsing, configurable header and footer layouts, and first-class block-editor support. HPOS compatible.
	Version: 1.7.9
	Requires at least: 6.2
	Tested up to: 6.5
	Requires PHP: 7.4
	WC requires at least: 8.0
	WC tested up to: 9.4
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: voguish
	Domain Path: /languages/
	Tags: custom-colors, custom-menu, custom-header, custom-background, theme-options, threaded-comments, translation-ready, responsive-layout
*/

/* Voguish — Design tokens
---------------------------------------------------------------
    Defines the CSS custom-property vocabulary the redesign uses.
    Scope: :root — globally available; no body class required.
    Prefix: --wkvot- (avoids collision with --wc-* / --wp-* / plugin
    token systems).

    Editing rules: see docs/redesign/MODIFICATION-POLICY.md
--------------------------------------------------------------- */

:root {
    /* Surfaces */
    --wkvot-bg: #ffffff;
    --wkvot-bg-soft: #fafaf8;
    --wkvot-bg-tile: #f3f1ec;

    /* Ink scale */
    --wkvot-ink: #1c1c1e;
    --wkvot-ink-2: #3a3a3c;
    --wkvot-ink-3: #6b6b6f;
    --wkvot-ink-4: #9a9aa0;

    /* Lines */
    --wkvot-line: #ececec;
    --wkvot-line-2: #e4e4e1;

    /* Accent (single, sparingly used) */
    --wkvot-accent: #1c1c1e;
    --wkvot-accent-success: #2c8d65;
    --wkvot-accent-warn: #c2410c;
    --wkvot-accent-danger: #d92d20;
    --wkvot-preorder-accent: #86ab19; /* pre-order "Available On" + date highlight */

    /* Radius */
    --wkvot-radius: 4px;
    --wkvot-radius-lg: 8px;
    --wkvot-radius-pill: 999px;

    /* Spacing rhythm */
    --wkvot-pad-page: 40px;
    --wkvot-pad-page-md: 24px;
    --wkvot-max-shop: 1440px;
    --wkvot-max-pdp: 1280px;
    --wkvot-max-cart: 1280px;

    /* Header height — single source of truth used by:
     *   - `.wkvot-header-inner` vertical padding via the formula below
     *   - `.wkvot-header-placeholder { height: var(--wkvot-header-h) }`
     *     (the spacer that reserves space below the fixed header — no
     *     more JS measuring + inline-style writing)
     *   - `.wkvot-shop-results-bar { top: var(--wkvot-header-h) }`
     *     (sticky filter bar pins under the header without a magic px)
     *
     * Composition: 2 × (--wkvot-header-pad-y) + --wkvot-header-logo-h.
     * The logo cell is the tallest content in the header row; the
     * brand wordmark fallback is shorter and the nav links don't
     * exceed it. The header is therefore exactly the computed sum.
     *
     * Mobile (≤720px) overrides re-declare both --wkvot-header-pad-y
     * and --wkvot-header-logo-h, so --wkvot-header-h auto-recomputes.
     * See the `@media` block further down this file. */
    --wkvot-header-pad-y: 18px;
    --wkvot-header-logo-h: 36px;
    /* + 1px accounts for the header's `border-bottom: 1px solid
     * var(--wkvot-line)` (declared further down this file). Without
     * it the placeholder would be 1px shorter than the rendered
     * header and the first scanline of content would slip under the
     * border. */
    --wkvot-header-h: calc(var(--wkvot-header-pad-y) * 2 + var(--wkvot-header-logo-h) + 1px);

    /* Grid */
    --wkvot-grid-cols: 4;
    --wkvot-grid-col-gap: 20px;
    --wkvot-grid-row-gap: 64px;

    /* Type */
    --wkvot-font: "Inter", "Inter Tight", -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
    --wkvot-size-display-min: 36px;
    --wkvot-size-display-max: 56px;
    --wkvot-size-body-l: 14px;
    --wkvot-size-body: 13.5px;
    --wkvot-size-body-m: 13px;
    --wkvot-size-caption: 12px;
    --wkvot-size-micro: 11px;
    --wkvot-tracking-brand: 0.32em;
    --wkvot-tracking-micro: 0.08em;

    /* Motion */
    --wkvot-ease-out: cubic-bezier(.2,.7,.2,1);
    --wkvot-dur-fast: 140ms;
    --wkvot-dur-base: 200ms;
    --wkvot-dur-slow: 500ms;
    /* Product-card hover beat — matched to the YITH/Proteo demo (0.3s ease):
       one duration + the CSS `ease` curve for the whole reveal, no slide/zoom. */
    --wkvot-dur-card: 300ms;

    /* Z-index */
    --wkvot-z-header: 50;
    --wkvot-z-sticky-bar: 20;
    --wkvot-z-popover: 30;

    /* PDP — single product page (used by assets/css/single-product.css) */
    --wkvot-pdp-max:           1280px;
    --wkvot-pdp-grid-gap:      56px;
    --wkvot-pdp-summary-col:   480px;
    --wkvot-pdp-thumb-col:     72px;
    --wkvot-pdp-thumb-gap:     16px;
    --wkvot-pdp-thumb-gap-y:   10px;
    --wkvot-pdp-thumb-ar:      3 / 4;
    --wkvot-pdp-hero-ar:       4 / 5;
    --wkvot-pdp-title-size:    50px;
    --wkvot-pdp-title-track:   -0.02em;
    --wkvot-pdp-title-lh:      1.15;
    --wkvot-pdp-price-size:    28px;
    --wkvot-pdp-lede-size:     17px;
    --wkvot-pdp-lede-lh:       1.55;
    --wkvot-pdp-vlabel-size:   12px;
    --wkvot-pdp-tab-size:      24px;
    --wkvot-pdp-tab-body-size: 14.5px;
    --wkvot-pdp-tab-body-lh:   1.7;
    --wkvot-pdp-attrs-key-col: 160px;
    --wkvot-pdp-meta-size:     13px;
    --wkvot-pdp-related-size:  24px;
    --wkvot-pdp-input-h:       48px;
    --wkvot-pdp-qty-w:         120px;
    --wkvot-pdp-swatch-size:   36px;
    --wkvot-pdp-related-cols:  4;
    --wkvot-pdp-related-gap:   20px;
}

/* Header-height responsive overrides — see :root --wkvot-header-h
 * for the desktop composition. At ≤991px the header packs tighter:
 * 14px vertical padding × 2 + 28px logo = 56px. Any rule that reads
 * `var(--wkvot-header-h)` (placeholder, sticky-bar top, header
 * padding) recomputes automatically. Breakpoint kept in sync with
 * the hamburger reveal at shop.css §"Mobile menu" so the compact
 * header sizing and the hamburger toggle activate together. */
@media (max-width: 991px) {
    :root {
        --wkvot-header-pad-y: 14px;
        --wkvot-header-logo-h: 28px;
    }
}

/* PDP responsive token overrides — collapse to single column on tablet,
 * tighten sizing on mobile. The base :root values above set the 1440 look. */
@media (max-width: 1024px) {
    :root {
        --wkvot-pdp-grid-gap:     32px;
        --wkvot-pdp-summary-col:  1fr;
        --wkvot-pdp-related-cols: 3;
    }
}

@media (max-width: 720px) {
    :root {
        --wkvot-pdp-thumb-col:    60px;
        --wkvot-pdp-title-size:   30px;
        --wkvot-pdp-related-cols: 2;
        --wkvot-pdp-related-gap:  20px;
    }
}


/* Voguish stylesheet
---------------------------------------------------------------
   Section map:
     1.  Reset & base typography
     2.  Layout primitives          (structure, page widths)
     3.  Top bar & header variants  (centered / stacked / search)
     4.  Mobile menu & widget panel
     5.  Pagination
     6.  Blog                       (classic / grid / list / single / protected)
     7.  Search results, comments, post content
     8.  Block editor & Elementor compatibility
     9.  Galleries, widgets, contact form 7
    10.  404 page
    11.  Footer                     (widgets, bar variants)
    12.  Third-party hooks          (Flickity, etc.)
--------------------------------------------------------------- */


/* #Reset
--------------------------------------------------------------- */

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, center, cite, code, dd, del, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, label, legend, li, menu, nav, object, ol, output, p, pre, q, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%;
	/* See body { overflow-x: clip } below for the rationale. Both <html>
	 * and <body> need it because the scroll container can be either,
	 * depending on the browser. */
	overflow-x: clip;
}
b, strong {
	font-weight: bold;
	font-weight: 900;
}
img {
	font-size: 0;
	color: transparent;
    max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td, caption {
	font-weight: inherit;
	vertical-align: top;
	text-align: left;
}
small {
	font-size: 75%;
}
p:empty {
	display: none !important;
}


/* #General
--------------------------------------------------------------- */

*, *:after, *:before {
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased;
}

/* Transition preload fix */
.wkvot-preload * {
	-webkit-transition: none !important; transition: none !important;
}

/* Float */
.fl-right {
	float: right;
}
.fl-left {
	float: left;
}

/* Clear fix */
.clear:before,
.clear:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clear:after,
.clearfix:after {
    clear: both;
}
.clear,
.clearfix {
	*zoom: 1;
}

/* Padding control */
.nopad-left {
	padding-left: 0;
}
.nopad-right {
	padding-right: 0;
}
.nopad {
	padding-right: 0;
	padding-left: 0;
}

/* Misc. */
a {
	color: var(--wkvot-ink);
	outline: 0;
    text-decoration: none;
	-webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
a:hover {
	color: #282828;
}
.touch a:hover {
	color: inherit;
}
a.dark {
	color: #282828;
}
a.gray,
a.invert-color {
	color: #888;
}
a.dark:hover,
a.gray:hover,
a.invert-color:hover {
	color: var(--wkvot-ink);
}
.round { -webkit-border-radius: 50%; border-radius: 50%; }
.wkvot-bullet-list { padding-bottom: 20px; }
.wkvot-bullet-list li { list-style: disc inside; }
.push-right { float: right; }
.push-left { float: left; }

/* Forms */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="time"], input[type="month"], input[type="week"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input.input-text,
select,
textarea {
	font-family: inherit;
	line-height: 1.6;
	outline: 0;
	padding: 8px 10px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 0; border-radius: 0;
	-webkit-box-shadow: none; box-shadow: none;
	-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="time"]:focus, input[type="month"]:focus, input[type="week"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input.input-text:focus,
select:focus,
textarea:focus {
	outline: 0;
	border-color: #ccc;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Only for "webkit" browsers */
	select {
        padding-right: 28px;
		background-color: #fff;
		background-image: url("assets/img/select-arrow@2x.gif");
		/*background-position: 98.5% 50%;*/
        background-position: calc(100% - 10px) 50%;
		background-repeat: no-repeat;
		background-size: 8px 4px;
	}
}

/* Forms: Chrome - Input autofill background color */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}

/* Button */
.widget form > button,
input[type=submit],
.button {
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding: 9px 15px 10px;
	border: 0 none;
	-webkit-border-radius: 0; border-radius: 0;
	text-align: center;
	opacity: 1;
	cursor: pointer;
    -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
	background-color: #282828;
}
input[type=submit]:hover,
.button:hover {
	color: #fff;
	opacity: 0.82;
}
input[type=submit]:active,
input[type=submit]:focus,
.button:active,
.button:focus {
	outline: none;
}
.touch input[type=submit]:hover,
.touch input[type=submit]:active,
.touch input[type=submit]:focus,
.touch .button:hover,
.touch .button:active,
.touch .button:focus {
	opacity: 1;
}
.button[disabled],
.button.disabled,
.button.loading {
	cursor: default;
	opacity: 0.82;
	background: #828282;
}
/* Button: Light */
.button.light {
	background: #bababa;
}
/* Button: Border */
#wkvot-blog-pagination a,
#wkvot-blog-pagination a:hover,
.button.border,
.button.border:hover {
    color: #282828;
    opacity: 1;
    -webkit-transition: border 0.2s ease; transition: border 0.2s ease;
    background: none;
}
#wkvot-blog-pagination a,
.button.border {
	padding-top: 8px;
    padding-bottom: 9px;
    border: 1px solid #aaa;
}
#wkvot-blog-pagination a:not([disabled]):hover,
.button.border:not([disabled]):hover {
	color: #282828;
    border-color: #282828;
}

/* Video embeds ("wkvot-wp-video-wrap" container added with filter-hook) */
.wkvot-wp-video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.wkvot-wp-video-wrap iframe,
.wkvot-wp-video-wrap object,
.wkvot-wp-video-wrap embed,
.wkvot-wp-video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Loader animation */
.wpcf7 .submitting .wpcf7-spinner:after,
.blockUI.blockOverlay:after,
.wkvot-loader:after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	right: 50%;
	width: 12px;
	height: 12px;
	margin: -6px -6px 0 0;
	opacity: 1;
	background: var(--wkvot-ink);
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	-webkit-animation: dotFade 0.8s infinite; animation: dotFade 0.8s infinite;
	-webkit-border-radius: 50%; border-radius: 50%;
}
.wkvot-loader.wkvot-loader-light:after {
	background: #fff;
}
@-webkit-keyframes dotFade { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
@keyframes dotFade { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }

/* Image overlay */
.wkvot-image-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
	background: #282828;
	background: rgba(0, 0, 0, 0.7);
}
.wkvot-image-overlay:before,
.wkvot-image-overlay:after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	display: block;
	content: " ";
	background: var(--wkvot-ink);
}
.wkvot-image-overlay:before {
	width: 50px;
	height: 1px;
	margin-left: -25px;
}
.wkvot-image-overlay:after {
	width: 1px;
	height: 50px;
	margin-top: -25px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}


/* #Typography
--------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2;
	color: #777;
	/* `overflow-x: clip` lets in-flow elements use the 100vw break-out
	 * trick (e.g. `.voguish-footer__bottom`) without triggering a
	 * horizontal scrollbar from the OS scrollbar's 15ish px width.
	 * `clip` is preferred over `hidden` because it does not establish
	 * a containing block for `position: fixed` descendants, which keeps
	 * the cart panel / login popup / quickview positioned correctly. */
	overflow-x: clip;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	line-height: 1.4;
	color: #282828;
}
h5, h6 {
	line-height: 1.6;
}
h1, .h1-size { font-size: 30px; }
h2, .h2-size { font-size: 28px; }
h3, .h3-size { font-size: 24px; }
h4, .h4-size { font-size: 22px; }
h5, .h5-size { font-size: 18px; }
h6, .h6-size { font-size: 16px; }

/* Highlight text color */
.wkvot-highlight-text,
.wkvot-highlight-text h1,
.wkvot-highlight-text h2,
.wkvot-highlight-text h3,
.wkvot-highlight-text h4,
.wkvot-highlight-text h5,
.wkvot-highlight-text h6,
.wkvot-highlight-text p {
	color: var(--wkvot-ink);
}

::-webkit-input-placeholder { opacity: 0.5; }
:-moz-placeholder { opacity: 0.5; } /* FF 4 to 18 */
::-moz-placeholder { opacity: 0.5; } /* FF 19+ */
:-ms-input-placeholder { opacity: 0.5; }
@supports (-ms-accelerator:true) { /* Fix: Edge placeholder text not displaying when opacity < 1 is used for webkit */
    ::-webkit-input-placeholder { opacity: 1; }
}

/* Font icons: Flip horizontally */
.wkvot-font.flip:before {
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1); transform: scale(-1, 1);
}
.wkvot-font.rotate-90:before {
	display: inline-block;
	-webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.wkvot-font.rotate-180:before {
	display: inline-block;
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.wkvot-font.rotate-270:before {
	display: inline-block;
	-webkit-transform: rotate(270deg); transform: rotate(270deg);
}


/* #Structure
--------------------------------------------------------------- */

/* Page-load overlay */
.wkvot-page-load-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s; transition: opacity 0.2s 0s, visibility 0s 0s;
    background: #fff;
}
html.wkvot-page-loaded .wkvot-page-load-overlay {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
body.wkvot-page-load-transition-0 .wkvot-page-load-overlay {
    display: none;
}

/* Page-load overlay: Elementor */
.elementor-editor-preview #wkvot-page-load-overlay,
.elementor-editor-active #wkvot-page-load-overlay {
    display: none !important;
}

/* Page overlay: Divi Builder */
.et-fb-preview--desktop #wkvot-page-load-overlay,
.et-fb-preview--tablet #wkvot-page-load-overlay,
.et-fb-preview--phone #wkvot-page-load-overlay {
    display: none !important;
}

/* Page wrappers */
.wkvot-page-wrap {
	position: relative;
	right: 0; /* Needed for CSS animation */
    min-width: 280px;
	min-height: 100%;
    overflow: hidden;
	background: #fff;
}
.wkvot-page-wrap-inner {
	position: relative;
	width: 100%;
}

/* Sticky footer */
html.footer-sticky-1,
.footer-sticky-1 body {
	height: 100%;
}
.footer-sticky-1 .wkvot-page-overflow {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
  	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
}
.footer-sticky-1 .wkvot-page-wrap {
	-webkit-flex: 1 0 auto;
	-moz-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	min-height: 0;
	height: auto;
}

/* Page overlay */
#wkvot-page-overlay {
	visibility: hidden;
	position: fixed;
	top: -1px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	content: " ";
	width: 1px;
	height: 1px;
	opacity: 0;
	background: rgba(51, 51, 51, 0.37); /* Chrome: "rbga" background makes widget-panel animation smoother */
    -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
#wkvot-page-overlay.show {
	visibility: visible;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}
#wkvot-page-overlay.fade-out {
    opacity: 0;
}

/* Page overlay: Header search */
#wkvot-page-overlay.wkvot-header-search-overlay {
	z-index: 1010;
}

/* Page overlay: Widget panel */
.widget-panel-dark #wkvot-page-overlay.wkvot-widget-panel-overlay {
    background: rgba(241, 241, 241, 0.73); /* Chrome: "rbga" background makes widget-panel animation smoother */
}
#wkvot-page-overlay.wkvot-widget-panel-overlay {
	z-index: 1010;
}
#wkvot-page-overlay.wkvot-widget-panel-overlay.wkvot-loader {
    cursor: default;
}

/* Page overlay: Elementor */
.elementor-editor-preview #wkvot-page-overlay,
.elementor-editor-active #wkvot-page-overlay {
    display: none !important;
}

/* Page overlay: Divi Builder */
.et-fb-preview--desktop #wkvot-page-overlay,
.et-fb-preview--tablet #wkvot-page-overlay,
.et-fb-preview--phone #wkvot-page-overlay {
    display: none !important;
}


/* #Page: Full width
--------------------------------------------------------------- */


/* #Page: Sidebar
--------------------------------------------------------------- */

.wkvot-page-sidebar .col-content,
.wkvot-page-sidebar .col-sidebar {
    padding-top: 50px;
}
.wkvot-page-sidebar .col-content {
    float: right;
}
.wkvot-page-sidebar .widget_nav_menu ul li:not(:last-child) {
    margin-bottom: 12px;
}

@media all and (max-width: 1079px) {
    .wkvot-page-sidebar .col-content,
    .wkvot-page-sidebar .col-sidebar {
        padding-top: 37px;
    }
}
@media all and (max-width: 991px) {
    .wkvot-page-sidebar .col-sidebar {
        display: none;
    }
}


/* #Top bar
--------------------------------------------------------------- */

.wkvot-top-bar {
	position: relative;
    z-index: 1005;
	font-size: 0.9em;
	line-height: 37px;
	padding-bottom: 1px;
	background: #282828;
}

/* Top bar: Text */
.wkvot-top-bar .wkvot-top-bar-text {	
	color: #eee;
    max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wkvot-top-bar-text:nth-child(2n) {
	float: left;
}
.wkvot-top-bar-text > p:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
}
.wkvot-top-bar .wkvot-top-bar-text a {
	color: #eee;
}
.wkvot-top-bar .wkvot-top-bar-text img {
	display: inline-block;
	width: auto;
	max-height: 39px;
	vertical-align: middle;
}

/* Top bar: Menu */
.wkvot-top-bar .wkvot-menu {
	float: right;
    white-space: nowrap;
}
.wkvot-top-bar .wkvot-menu > li {
	float: none;
	display: inline-block;
	margin-left: -4px;
}
.wkvot-menu > li.menu-item-has-children:last-child {
	margin-right: 0;
}
.wkvot-top-bar .wkvot-menu > li > a,
.wkvot-top-bar .wkvot-menu > li > a:hover {
    color: #eee;
}
.wkvot-top-bar .wkvot-menu > li > a {
	font-size: inherit;
	padding: 0 10px;
	vertical-align: middle;
	-webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.wkvot-top-bar .wkvot-menu > li > a:hover {
	opacity: 0.7;
}
.wkvot-top-bar .wkvot-menu > li:last-child > a {
	padding-right: 0;
}
.wkvot-top-bar .wkvot-menu ul {
	padding: 0px 0 14px;
}
.wkvot-top-bar .wkvot-menu ul li a {
    padding: 8px 23px;
}

/* Top bar: Social icons */
.wkvot-top-bar-social {
	float: left;
	padding-right: 33px;
}
.wkvot-top-bar-right .wkvot-top-bar-social {
	float: right;
    padding-right: 0;
	padding-left: 36px;
}
.wkvot-top-bar-social li {
	float: left;
	padding-left: 15px;
}
.wkvot-top-bar-social li:first-child {
	padding-left: 0;	
}
.wkvot-top-bar-social li:hover {
	opacity: 0.7;
}
.wkvot-top-bar-social li i {
	color: #eee;
	vertical-align: middle;
}

/* Top bar: Widgets */
#wkvot-top-bar-widgets {
    float: right;
    padding-left: 36px;
}
#wkvot-top-bar-widgets > li {
    margin-bottom: 0;
}

/* < 991px */
@media all and (max-width: 991px) {
	.top-bar-mobile-none .wkvot-top-bar {
		display: none;
	}
    
    /* Top bar: Text/Menu */
    .top-bar-mobile-rc .wkvot-top-bar-right,
    .top-bar-mobile-lc .wkvot-top-bar-left {
	   width: 100%;
    }
    .top-bar-mobile-rc .wkvot-top-bar-left,
    .top-bar-mobile-lc .wkvot-top-bar-right {
	   display: none;
    }
}


/* #Header
--------------------------------------------------------------- */

.wkvot-header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
	line-height: 50px;
	width: 100%;
	padding-top: 17px;
	padding-bottom: 17px;
	overflow: visible;
    -webkit-transition: all 150ms linear; transition: all 150ms linear;
	background: #fff;
    -webkit-transform: translateZ(0); /* Scroll "jump" fix */
}
.wkvot-header-disable-anim .wkvot-header {
    -webkit-transition: none; transition: none;
}
.touch.header-fixed.header-on-scroll .wkvot-header,
.has-top-bar.header-fixed.header-on-scroll .wkvot-header,
.header-fixed .wkvot-header {
	position: fixed;
}
.touch.header-fixed .wkvot-header,
.has-top-bar.header-fixed .wkvot-header {
    position: absolute;
}
.header-on-scroll .wkvot-header:not(.static-on-scroll) {
    padding-top: 10px;
	padding-bottom: 10px;
}
.header-search-open .wkvot-header,
.mobile-menu-open .wkvot-header {
	-webkit-transition: all 200ms linear, background-color 1ms;
	transition: all 200ms linear, background-color 1ms;
}
.wkvot-header-inner {
	position: relative;
	height: auto;
}
.wkvot-header-col {
    position: static;
}

/* Header: Transparency */
.header-transparency .wkvot-header-placeholder {
	display: none;
}
.header-transparency .wkvot-header,
.home.header-transparency .wkvot-header {
    background: none;
}
.header-transparency.header-border-1 .wkvot-header {
	border-color: transparent;
}

/* Header: Border */
.header-border-1 .wkvot-header {
	border-bottom: 1px solid #eee;
}

/* Header: Placeholder
 *
 * Reserves the vertical space the fixed `#wkvot-header` would otherwise
 * cover. Height is sourced from the `--wkvot-header-h` token defined at
 * :root above — the same token the header padding + sticky-bar `top`
 * use, so the placeholder always tracks the header without any JS
 * measure-and-write loop. See `wkvot_header_placeholder_set_height`
 * filter (returns 0) and `wkvot-core.js` `headerCheckPlaceholderHeight`
 * (early-returns when the filter is 0). */
.wkvot-header-placeholder {
    height: var(--wkvot-header-h);
}


/* CodeCanyon demo bar (theme preview deployments inject
 * `.wk-demo-top-bar-wrapper` at the top of <body>). The Voguish header is
 * `position: fixed; top: 0;` and would otherwise sit underneath the demo
 * bar. Mirror the WP admin-bar offset pattern below: when the demo bar is
 * actually rendered, push the header AND its space-reserving placeholder
 * down by `--wkvot-demo-bar-h`.
 *
 * Selector contract: match the bar element `.wk-demo-top-bar` (the 58px
 * strip itself, not the outer wrapper) WITHOUT the `.wk-demo-hide` class.
 * The demo's close icon (`.wk-demo-close-icon`) toggles `.wk-demo-hide` +
 * `display: none` on `.wk-demo-top-bar` and unhides the SHOW button. With
 * this selector the offset auto-zeros on close (no JS bridge needed) and
 * restores on SHOW. The previous `:has(.wk-demo-top-bar-wrapper)` selector
 * stayed matched even after close — the outer wrapper persists and only
 * its child collapses — so the page kept a phantom 80px space below
 * scrollY=0 (visible gap above the theme header). Fixed 2026-05-29.
 *
 * Pure CSS, no JS. `:has()` is supported in every browser the theme ships
 * to (Chrome 105+, Safari 15.4+, Firefox 121+).
 *
 * Specificity note: shop.css has `#wkvot-header.voguish-header { margin: 0 }`
 * (specificity 1,1,1) — the header rule below includes the `#wkvot-header`
 * ID to beat it cleanly without `!important`.
 *
 * `--wkvot-demo-bar-h: 58px` matches the actual deployed demo bar height
 * (Webkul preview shell ships at 58px — verified live 2026-05-29). */
:root {
    --wkvot-demo-bar-h: 58px;
}
body:has(.wk-demo-top-bar:not(.wk-demo-hide)) #wkvot-header.wkvot-header,
body:has(.wk-demo-top-bar:not(.wk-demo-hide)) .wkvot-header-placeholder {
    margin-top: var(--wkvot-demo-bar-h);
}

/* Demo bar ships as `position: sticky; top: 0;`. Sticky is anchored to its
 * containing block (here, <body>). When the body's layout height is shorter
 * than the document scroll height (as on this theme: body ≈ 914px, document
 * ≈ 2000px because the page-wrap chrome uses absolute / fixed positioning),
 * the sticky "stop point" is reached partway down and the bar then scrolls
 * AWAY with the body. From the user's POV: scroll halfway down a long page
 * → the demo bar disappears off the top → but the theme header still carries
 * its 58px `margin-top` (because `.wk-demo-top-bar:not(.wk-demo-hide)` is
 * still in the DOM — just off-screen) → a 58px transparent band appears at
 * the very top of the viewport, ABOVE the theme header.
 *
 * Fix: re-anchor the wrapper to the VIEWPORT via `position: fixed` so the
 * bar stays visible at every scroll position regardless of body's layout
 * height. Visually identical to sticky while sticky was actually working;
 * the only delta is that the bar now also stays put past the broken sticky
 * boundary. Z-index preserved from the upstream value (999999). Verified
 * 2026-05-29 at scrollY 0 / 300 / 800 / 1500 / 2500 / 4000. */
body .wk-demo-top-bar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

/* PhotoSwipe (WC product gallery zoom lightbox) compat with the demo bar.
 * PSWP's stacking context (`.pswp { z-index: 1500 }`) sits BELOW the demo
 * bar's `z-index: 999999`. Without a fix:
 *  - The toolbar (`.pswp__top-bar`, anchored at `top: 0` with close / zoom
 *    / fullscreen / share buttons) is hidden behind the demo bar.
 *  - PSWP measures `.pswp__scroll-wrap.clientHeight` on init to fit the
 *    image (using `barsSize: { top: 44, bottom: 44 }`). With scroll-wrap
 *    at the full 914px viewport, image fit math assumes 914px → image's
 *    upper ~58px sits behind the demo bar, hiding part of the photo.
 *
 * Fix: shrink `.pswp__scroll-wrap` to start at `--wkvot-demo-bar-h` and
 * reduce its height by the same amount. This is the element PSWP measures
 * for fit math, so the image re-centres into the available area below the
 * demo bar automatically. The toolbar (inside scroll-wrap) naturally lands
 * right under the demo bar (scroll-wrap's own `top: 0` is now at viewport
 * `--wkvot-demo-bar-h`). Backdrop (`.pswp__bg`) stays full-viewport — its
 * top 58px is covered by the opaque demo bar via z-index, no double-paint.
 *
 * Captions (`.pswp__caption`, absolute `bottom: 0` inside scroll-wrap)
 * stay pinned to viewport bottom. Auto-zeros when user closes the demo
 * bar via ✕ (same `.wk-demo-hide` toggle as the header offset above).
 * Verified live 2026-05-29 on /product/junior-classic-baseball-cap-2/. */
body:has(.wk-demo-top-bar:not(.wk-demo-hide)) .pswp__scroll-wrap {
    top: var(--wkvot-demo-bar-h);
    height: calc(100% - var(--wkvot-demo-bar-h));
}

/* WP admin bar - https://developer.wordpress.org/reference/functions/_admin_bar_bump_cb/ */
@media screen and (min-width: 783px) {
    .admin-bar.header-fixed .wkvot-header {
        margin-top: 32px;
    }
    .admin-bar.header-fixed.has-top-bar:not(.header-on-scroll) .wkvot-header {
        margin-top: 0;
    }
}
@media screen and (min-width: 601px) and (max-width: 782px) {
    .admin-bar.header-fixed .wkvot-header {
        margin-top: 46px;
    }
    .admin-bar.header-fixed.has-top-bar:not(.header-on-scroll) .wkvot-header {
        margin-top: 0;
    }
}
@media screen and (max-width: 600px) {
    .admin-bar.header-fixed:not(.header-on-scroll) .wkvot-header {
        margin-top: 46px;
    }
    .admin-bar.header-fixed.has-top-bar:not(.header-on-scroll) .wkvot-header {
        margin-top: 0;
    }
}


/* Logo */
.wkvot-header.default .wkvot-header-logo {
	float: left;
	margin-right: 37px;
}
.wkvot-header-logo a {
	display: block;
}
.wkvot-header-logo svg,
.wkvot-header-logo img {
	width: auto;
    max-width: none; /* Fix: Maintain aspect ratio (prevents fluid image-width) */
	height: 16px;
	vertical-align: middle;
}

/* Logo: Alternative logo */
.wkvot-alt-logo {
    display: none;
}
.home:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-home .wkvot-alt-logo,
.header-fixed.header-on-scroll .alt-logo-fixed .wkvot-alt-logo,
.mobile-menu-open .alt-logo-mobile-menu-open .wkvot-alt-logo,
.header-transparency-light:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-header-transparency-light .wkvot-alt-logo,
.header-transparency-dark:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-header-transparency-dark .wkvot-alt-logo {
    display: inline-block;
}
.home:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-home .wkvot-logo,
.header-fixed.header-on-scroll .alt-logo-fixed .wkvot-logo,
.mobile-menu-open .alt-logo-mobile-menu-open .wkvot-logo,
.header-transparency-light:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-header-transparency-light .wkvot-logo,
.header-transparency-dark:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-header-transparency-dark .wkvot-logo {
    display: none;
}
@media all and (max-width: 991px) and (min-width: 401px) {
    body:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-tablet .wkvot-alt-logo {
        display: inline-block;
    }
    body:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-tablet .wkvot-logo {
        display: none;
    }
}
@media all and (max-width: 400px) {
    body:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-mobile .wkvot-alt-logo {
        display: inline-block;
    }
    body:not(.header-on-scroll):not(.mobile-menu-open) .alt-logo-mobile .wkvot-logo {
        display: none;
    }
}


/* Menu */
.wkvot-menu li {
	position: relative;
    float: left;
}
.wkvot-old-ie .wkvot-menu > li {
	background: rgba(0,0,0,0.0001); /* IE9-10 hover fix */
}
.wkvot-menu li a {
    display: inline-block;
    font-size: 16px;
	line-height: 1;
    color: #707070;
	vertical-align: bottom;
	text-decoration: none;
	padding: 16px;
}
.wkvot-menu li a:hover {
	color: #282828;
}

/* Menu: Label */
.wkvot-menu li a .label {
	position: relative;
	top: -7px;
	font-size: 10px;
	color: #eee;
	padding-left: 2px;
	text-transform: uppercase;
}
.wkvot-menu > li > a .label {
	color: inherit !important;
	padding-left: 0;
}
.wkvot-menu .sub-menu li a .label.bubble {
	color: #282828 !important;
	margin-left: 1px;
    padding: 1px 2px 0;
    -webkit-border-radius: 3px; border-radius: 3px;
    background: #fff;
}

/* Menu: Dropdown */
.wkvot-menu .sub-menu {
	display: none;
	position: absolute;
    top: 100%;
    left: -12px;
	z-index: 10010;
    min-width: 248px;
	padding: 18px 0 22px;
	background: #282828;
	-webkit-animation-duration: 0.3s; animation-duration: 0.3s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	-webkit-animation-name: wkvot_menu_anim; animation-name: wkvot_menu_anim;
}
.wkvot-sub-menu-bridge {
    display: none;
}

/* Menu: Dropdown animation */
@-webkit-keyframes wkvot_menu_anim { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes wkvot_menu_anim { 0% { opacity: 0 } 100% { opacity: 1 } }

.wkvot-menu li:not(.no-hover):hover > .sub-menu { /* Note: The "no-hover" class is added with JS when clicking an Ajax enabled link (to hide the menu) */
    display: block;
}
.wkvot-menu .sub-menu .sub-menu {
	top: -18px;
    left: 100%;
}
.wkvot-menu .sub-menu li {
    float: none;
    position: relative;
    z-index: 100000;
}
.wkvot-menu .sub-menu li a {
	display: block;
	font-size: 14px;
	color: #a0a0a0;
	padding: 8px 27px;
}
.wkvot-menu .sub-menu li.menu-item-has-children > a {
	padding-right: 41px;
}
.wkvot-menu .sub-menu li.menu-item-has-children > a:after {
	display: block;
	position: absolute;
	top: 9px;
	right: 28px;
	font-family: 'wkvot-font';
	font-size: 16px;
	line-height: 12px;
	font-style: normal;
	font-weight: normal;
	content: "\e60d";
	width: 10px;
	height: 30px;
}
.wkvot-menu .sub-menu li a:hover {
	color: #eee;
}
.wkvot-menu .sub-menu li.wkvot-menu-text-hide > a {
	visibility: hidden;
}

/* Menu: Megamenu */
.wkvot-menu .megamenu .sub-menu {
    min-width: 0;
}
.wkvot-menu .megamenu .sub-menu .sub-menu {
	display: block;
	position: static;
}
.wkvot-menu .megamenu > .sub-menu {
	left: -14px;
    padding: 18px 0 7px;
}
.wkvot-menu .megamenu > .sub-menu .sub-menu {
	padding: 7px 0 0 0;
}
.wkvot-menu .megamenu.col-1 > .sub-menu { width: 250px; }
.wkvot-menu .megamenu.col-2 > .sub-menu { width: 500px; }
.wkvot-menu .megamenu.col-3 > .sub-menu { width: 750px; }
.wkvot-menu .megamenu.col-4 > .sub-menu { width: 993px; }
.wkvot-menu .megamenu.col-5 > .sub-menu { width: 1152px; }
.wkvot-menu .megamenu.col-6 > .sub-menu { width: 1220px;
}
.wkvot-menu .megamenu .sub-menu li {
	white-space: normal;
}
.wkvot-menu .megamenu > .sub-menu > ul > li {
    float: left;
	display: block;
    margin-bottom: 15px;
}
.wkvot-menu .megamenu.col-2 > .sub-menu > ul > li { width: 50%; }
.wkvot-menu .megamenu.col-3 > .sub-menu > ul > li { width: 33.33333%; }
.wkvot-menu .megamenu.col-4 > .sub-menu > ul > li { width: 25%; }
.wkvot-menu .megamenu.col-5 > .sub-menu > ul > li { width: 20%; }
.wkvot-menu .megamenu.col-6 > .sub-menu > ul > li { width: 16.66667%;
}
.wkvot-menu .megamenu.col-1 > .sub-menu > ul > li:nth-child(1n+1),
.wkvot-menu .megamenu.col-2 > .sub-menu > ul > li:nth-child(2n+1),
.wkvot-menu .megamenu.col-3 > .sub-menu > ul > li:nth-child(3n+1),
.wkvot-menu .megamenu.col-4 > .sub-menu > ul > li:nth-child(4n+1),
.wkvot-menu .megamenu.col-5 > .sub-menu > ul > li:nth-child(5n+1),
.wkvot-menu .megamenu.col-6 > .sub-menu > ul > li:nth-child(6n+1) {
	clear: both; 
}
.wkvot-menu .megamenu > .sub-menu > ul > li:not(.wkvot-menu-item-has-image) > a {
	color: #eee;
}
.wkvot-menu .megamenu .sub-menu li a {
	padding: 8px 28px;
}
.wkvot-menu .megamenu .sub-menu li.menu-item-has-children a:after {
	display: none;
}

/* Menus: Megamenu - Full width */
.wkvot-menu .megamenu.full {
    position: static;
}
.wkvot-menu .megamenu.full > .sub-menu {
    left: 0;
    width: 100%;
    padding-top: 28px;
    padding-bottom: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
}
.wkvot-menu .megamenu.full > .sub-menu > .wkvot-sub-menu-bridge {
	display: block;
	position: absolute;
    bottom: 100%;
	left: 0;
	content: " ";
	width: 100%;
	height: 4px;
    min-height: 4px;
}
.wkvot-menu .megamenu.full > .sub-menu > ul {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.wkvot-menu .megamenu.full .sub-menu li a {
	color: #777;
}
.wkvot-menu .megamenu.full > .sub-menu > ul > li:not(.wkvot-menu-item-has-image) > a,
.wkvot-menu .megamenu.full .sub-menu li a:hover {
	color: #282828;
}

/* Menus: Megamenu - Thumbnails */
.wkvot-menu .megamenu > .sub-menu > ul > li.wkvot-menu-item-has-image {
    text-align: center;
    border-right: 1px solid #3e3e3e;
}
.wkvot-menu .megamenu > .sub-menu > ul > li.wkvot-menu-item-has-image:last-child {
    border-right: 0 none;
}
.wkvot-menu .megamenu > .sub-menu > ul > li.wkvot-menu-item-has-image > a {
    display: block;
}
.wkvot-menu .sub-menu li img:not(.wpml-ls-flag) {
    display: none;
}
.wkvot-menu .megamenu > .sub-menu > ul > li > a img {
	display: block;
	width: auto;
    /*max-height: 80px;*/
    max-height: 70px;
    margin: 0 auto 26px;
}
.wkvot-menu .megamenu > .sub-menu > ul > li > a .wkvot-menu-item-image-title {
    display: inline-block;
}

/* Main menu */
.wkvot-main-menu-wrap {
    position: static;
}
.wkvot-main-menu {
	display: block;
}
.wkvot-header.default .wkvot-main-menu {
	float: left;
}
.wkvot-main-menu > ul {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}


/* Menu icon */
.wkvot-menu-icon {
	position: relative;
	width: 21px;
	height: 16px;
}
.wkvot-menu-icon span {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: rotate(0); transform: rotate(0);
	-webkit-transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease;
	background: #282828;
}
.wkvot-menu-icon span.line-1 {
	top: 0;
}
.wkvot-menu-icon span.line-2 {
	top: 7px;
}
.wkvot-menu-icon span.line-3 {
	bottom: 1px;
}
.mobile-menu-open .wkvot-menu-icon span.line-1 {
	top: 7px;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.mobile-menu-open .wkvot-menu-icon span.line-2 {
	background: none;
}
.mobile-menu-open .wkvot-menu-icon span.line-3 {
	top: 7px;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}


/* Right menu */
.wkvot-right-menu-wrap {
    position: static;
}
.wkvot-right-menu {
	float: right;
	margin-right: -16px;
}
.wkvot-right-menu > ul {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

/* Right menu: Cart */
.wkvot-menu-cart .count {
	position: relative;
	top: -7px;
	display: inline-block;
	font-size: 14px;
	color: var(--wkvot-ink);
}

/* Right menu: Search */
/*.header-search-open #wkvot-menu-search-btn {
	opacity: 0.41;
}*/


/* Menu offscreen button */
.wkvot-menu li.wkvot-menu-offscreen {
	position: relative;
	display: none;
}
.wkvot-menu li.wkvot-menu-offscreen a {
	display: inline-block;
	font-size: 0;
	line-height: 16px;
}

/* Menu offscreen button: Cart count */
.wkvot-menu li.wkvot-menu-offscreen .wkvot-menu-cart-count {
	display: none;
	position: absolute;
	top: 5px;
	right: 100%;
	font-size: 14px;
	line-height: 1;
	color: var(--wkvot-ink);
	margin-right: -6px;
}
.mobile-menu-open.header-mobile-alt .wkvot-menu li.wkvot-menu-offscreen .wkvot-menu-cart-count { /* Hide cart-count when menu is open */
    opacity: 0;
    -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}


/* Menu: UberMenu */
.wkvot-ubermenu-wrap {
	position: relative;
}
.wkvot-ubermenu-wrap .wkvot-main-menu-wrap {
	position: static;
}

.wkvot-header.default .ubermenu {
	float: left;
	clear: none;
}
.wkvot-ubermenu-wrap .wkvot-main-menu {
	display: none;
}
.ubermenu-skin-vanilla.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-target {
	font-size: 16px;
	line-height: 1;
	padding: 16px;
}
.ubermenu-skin-vanilla .ubermenu-item-level-0.ubermenu-current-menu-item:not(.ubermenu-active) > .ubermenu-target,
.ubermenu-skin-vanilla .ubermenu-item-level-0.ubermenu-current-menu-parent:not(.ubermenu-active) > .ubermenu-target,
.ubermenu-skin-vanilla .ubermenu-item-level-0.ubermenu-current-menu-ancestor:not(.ubermenu-active) > .ubermenu-target {
	color: inherit;
}
.ubermenu-skin-vanilla.ubermenu-sub-indicators .ubermenu-has-submenu-drop.ubermenu-item-level-0 > .ubermenu-target:after {
	display: none;
}
@media all and (max-width: 959px) {
	/* Menu: UberMenu */
	.wkvot-ubermenu-wrap .ubermenu {
		display: none;
	}
	.wkvot-ubermenu-wrap .wkvot-main-menu {
		display: block;
	}
	.wkvot-ubermenu-wrap .ubermenu-responsive-toggle,
	.wkvot-ubermenu-wrap .ubermenu-sticky-toggle-wrapper {
    	display: none;
	}
	
	/* Right menu (UberMenu active) */
	.wkvot-ubermenu-wrap .wkvot-right-menu ul li {
		display: none;
	}
	.wkvot-ubermenu-wrap .wkvot-right-menu ul li.wkvot-menu-cart {
		display: block;
	}
	
	/* Menu offscreen button (UberMenu active) */
	.wkvot-ubermenu-wrap .wkvot-menu li.wkvot-menu-offscreen {
		display: block;
	}
}

@media all and (max-width: 991px) {
	/* .wkvot-header-placeholder height is token-driven via
	 * `--wkvot-header-h`; the 720px :root override at the top of this
	 * file drops it from desktop's 72px to mobile's 56px, so no
	 * hardcoded value here either. */
	.wkvot-header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	/* Logo */
	.wkvot-header.default .wkvot-header-logo {
		margin-right: 0;
	}
    .wkvot-header-logo svg,
	.wkvot-header-logo img {
		height: 16px;
	}
	
    /* Menu */
    .wkvot-menu li a {
        padding-left: 2px;
    }
    
	/* Main menu */
	.wkvot-main-menu ul li {
		display: none;
	}
	
	/* Right menu */
	.wkvot-right-menu ul li {
		display: none;
	}
    .wkvot-right-menu ul li.wkvot-menu-cart {
		display: block;
	}
	
	/* Menu offscreen button */
	.wkvot-menu li.wkvot-menu-offscreen {
		display: block;
	}
}
@media all and (max-width: 550px) {
    /* Menu */
    .wkvot-menu li a {
        padding-left: 0;
    }
    
    /* Main menu */
    .wkvot-main-menu {
        margin-left: 0;
    }
    
    /* Menu icon */
    .header-mobile-default .wkvot-menu-icon {
        width: 18px;
    }
    
    /* Right menu: Cart */
    .header-mobile-default .wkvot-menu-cart.no-icon .wkvot-menu-cart-title {
        display: none;
    }
    .header-mobile-default .wkvot-menu-cart.no-icon .count {
        position: relative;
        top: 0;
        display: inline;
        font-size: inherit;
        color: inherit !important;
    }
    .header-mobile-default .wkvot-menu-cart.no-icon .count:before {
        display: inline;
        content: "(";
    }
    .header-mobile-default .wkvot-menu-cart.no-icon .count:after {
        display: inline;
        content: ")";
    }
}
@media all and (max-width: 400px) {
	/* Logo */
	.wkvot-header-logo svg,
    .wkvot-header-logo img {
		height: 16px;
	}
	
    /* Menu */
    .header-mobile-default .wkvot-menu li a {
        /*font-size: 14px;*/
        padding-right: 12px;
    }
    .header-mobile-alt .wkvot-menu li a {
        padding-left: 12px;
    }
    
    /* Menu icon */
    .header-mobile-default .wkvot-menu-icon {
        height: 14px;
    }
    .header-mobile-default .wkvot-menu-icon span.line-2,
    .header-mobile-default .mobile-menu-open .wkvot-menu-icon span.line-1,
    .header-mobile-default .mobile-menu-open .wkvot-menu-icon span.line-3 {
        top: 6px;
    }
	
    /* Right menu */
    .wkvot-right-menu {
        margin-right: -12px;
    }
    .header-mobile-alt .wkvot-right-menu ul li.wkvot-menu-cart {
        display: none;
    }
    
    /* Right menu: Cart */
    .header-mobile-default .wkvot-menu-cart.no-icon .count {
        font-size: 14px;
    }
    
    /* Menu offscreen button: Cart count */
    .header-mobile-alt .wkvot-menu li.wkvot-menu-offscreen .wkvot-menu-cart-count {
        display: block;
    }
}


/* #Header: Menu centered
--------------------------------------------------------------- */

/* Logo */
.wkvot-header.menu-centered .wkvot-header-logo {
    float: left;
    width: 25%;
}

/* Main menu + Right menu */
.wkvot-header.menu-centered .wkvot-main-menu > ul,
.wkvot-header.menu-centered .wkvot-right-menu > ul {
    text-align: left;
}

/* Main menu */
.wkvot-header.menu-centered .wkvot-main-menu {
	float: left;
    width: 50%;
    text-align: center;
}

/* Right menu */
.wkvot-header.menu-centered .wkvot-right-menu {
	max-width: 25%;
    margin-right: 0;
}
.wkvot-header.menu-centered .wkvot-right-menu > ul {
    margin-right: -16px;
}

/* Menu offscreen button */
.wkvot-header.menu-centered .wkvot-menu li.wkvot-menu-offscreen {
	padding-left: 1px;
}

@media all and (max-width: 991px) {
	/* Logo */
    .wkvot-header.menu-centered .wkvot-header-logo {
        width: auto;
    }
    
    /* Main menu */
    .wkvot-header.menu-centered .wkvot-main-menu {
        display: none;
    }
    
    /* Right menu */
    .wkvot-header.menu-centered .wkvot-right-menu {
        max-width: none;
    }
}


/* #Header: Centered
--------------------------------------------------------------- */

/* Logo */
.wkvot-header.centered .wkvot-header-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

/* Menu */
.wkvot-header.centered .wkvot-menu > li > a {
	padding: 16px 12px;
}

/* Main menu */
.wkvot-header.centered .wkvot-main-menu {
	margin-left: -12px;
}

/* Right menu */
.wkvot-header.centered .wkvot-right-menu {
	margin-right: -12px;
}

/* Menu: UberMenu */
.wkvot-header.centered .ubermenu-skin-vanilla {
	margin-left: -12px;
}
.wkvot-header.centered .ubermenu-skin-vanilla.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-target {
	padding: 16px 12px;
}

@media all and (max-width: 400px) {
	/* Logo */
	.header-mobile-alt .wkvot-header.centered .wkvot-header-logo {
		left: 15px;
		-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
	}
    
    /* Main menu */
	.header-mobile-alt .wkvot-header.centered .wkvot-main-menu-wrap {
		width: 100%;
	}
	.header-mobile-alt .wkvot-header.centered .wkvot-main-menu {
		float: right;
		margin-right: -12px;
		margin-left: 0;
	}
    
    /* Right menu */
	.header-mobile-alt .wkvot-header.centered .wkvot-right-menu-wrap {
		display: none;
	}
}


/* #Header: Stacked
--------------------------------------------------------------- */

/* Logo */
.wkvot-header.stacked .wkvot-header-logo {
    padding-bottom: 0;
}

/* Main menu */
.wkvot-header.stacked .wkvot-main-menu {
	float: left;
    margin-left: -16px;
}

@media all and (max-width: 991px) {
    /* Logo */
    .wkvot-header.stacked .wkvot-header-logo {
        float: left;
        line-height: inherit;
        margin-right: 37px;
        padding-bottom: 0;
    }
}


/* #Header: Stacked logo centered
--------------------------------------------------------------- */

/* Logo */
.wkvot-header.stacked-logo-centered .wkvot-header-logo {
    padding-bottom: 0;
    text-align: center;
}
.wkvot-header.stacked-logo-centered .wkvot-header-logo a {
    display: inline-block;
}

/* Main menu */
.wkvot-header.stacked-logo-centered .wkvot-main-menu {
	float: left;
    margin-left: -16px;
}

@media all and (max-width: 991px) {
    /* Logo */
    .wkvot-header.stacked-logo-centered .wkvot-header-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
        padding-bottom: 0;
    }
    
    /* Main menu */
    .wkvot-header.stacked-logo-centered .wkvot-main-menu {
        display: none;
    }

    /* Right menu */
    .wkvot-header.stacked-logo-centered .wkvot-right-menu {
        display: block;
        float: none;
        margin-right: -12px;
    }
    .wkvot-header.stacked-logo-centered .wkvot-right-menu > ul {
        width: 100%;
    }
    .wkvot-header.stacked-logo-centered .wkvot-right-menu ul li.wkvot-menu-cart {
        float: right;
    }
}
@media all and (max-width: 400px) {
    /* Logo */
	.header-mobile-alt .wkvot-header.stacked-logo-centered .wkvot-header-logo {
		left: 15px;
		-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
	}
    
    /* Right menu */
    .header-mobile-alt .wkvot-header.stacked-logo-centered .wkvot-right-menu ul li.wkvot-menu-cart {
        display: none;
    }
    .header-mobile-alt .wkvot-header.stacked-logo-centered .wkvot-right-menu ul li.wkvot-menu-offscreen {
        float: right;
    }
    
    /* Menu offscreen button: Cart count */
	.header-mobile-alt .wkvot-header.stacked-logo-centered .wkvot-menu li.wkvot-menu-offscreen .wkvot-menu-cart-count {
		display: block;
	}
}


/* #Header: Stacked centered
--------------------------------------------------------------- */

.wkvot-header.stacked-centered {
    text-align: center;
}

/* Logo */
.wkvot-header.stacked-centered .wkvot-header-logo {
    padding-bottom: 0;
}
.wkvot-header.stacked-centered .wkvot-header-logo a {
    display: inline-block;
}

/* Main menu + Right menu */
.wkvot-header.stacked-centered .wkvot-main-menu,
.wkvot-header.stacked-centered .wkvot-right-menu {
    display: inline-block;
    float: none;
    text-align: left;
}

/* Main menu */
.wkvot-header.stacked-centered .wkvot-main-menu {
    float: none;
    margin-left: 0;
}

/* Right menu */
.wkvot-header.stacked-centered .wkvot-right-menu {
    margin-right: 0;
}

@media all and (max-width: 991px) {
    /* Logo */
    .wkvot-header.stacked-centered .wkvot-header-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 10;
        -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
        padding-bottom: 0;
    }
    
    /* Main menu */
    .wkvot-header.stacked-centered .wkvot-main-menu {
        display: none;
    }

    /* Right menu */
    .wkvot-header.stacked-centered .wkvot-right-menu {
        display: block;
        margin-right: -12px;
    }
    .wkvot-header.stacked-centered .wkvot-right-menu > ul {
        width: 100%;
    }
    .wkvot-header.stacked-centered .wkvot-right-menu ul li.wkvot-menu-cart {
        float: right;
    }
}
@media all and (max-width: 400px) {
    /* Logo */
    .header-mobile-alt .wkvot-header.stacked-centered .wkvot-header-logo {
		left: 15px;
		-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
	}
    
    /* Right menu */
    .header-mobile-alt .wkvot-header.stacked-centered .wkvot-right-menu ul li.wkvot-menu-cart {
        display: none;
    }
    .header-mobile-alt .wkvot-header.stacked-centered .wkvot-right-menu ul li.wkvot-menu-offscreen {
        float: right;
    }
    
    /* Menu offscreen button: Cart count */
    .header-mobile-alt .wkvot-header.stacked-centered .wkvot-menu li.wkvot-menu-offscreen .wkvot-menu-cart-count {
		display: block;
	}
}


/* #Header: Search
--------------------------------------------------------------- */

/*
 * The redesigned full-viewport `#wkvot-header-search` overlay is the
 * canonical look on every page (Bucket A, theme-owned `#wkvot-*`).
 * Its rules live at the end of this file under the
 * "Voguish — Header Search (full-page overlay)" section,
 * un-gated so the global header chrome renders identically on shop,
 * single-product, cart, home, blog, account, and every other front
 * page. The previous legacy 89px slide-down strip was removed
 * (2026-05-28, full-page search PDP fix) as dead code.
 *
 * JS state hooks owned by `assets/js/dev/wkvot-shop-search.js`:
 *   - `body.header-search-open` — overlay open (CSS in §"Voguish
 *      Redesign — Header Search").
 *   - `.wkvot-header-search-wrap.redirecting` — form-submit pending
 *      visual state (rule below).
 */
#wkvot-header-search .wkvot-header-search-wrap.redirecting {
    opacity: 0.5;
    pointer-events: none;
}


/* #Mobile menu
--------------------------------------------------------------- */

#wkvot-mobile-menu {
	position: absolute;
    top: -100%;
	left: 0;
	z-index: -1;
	width: 100%;
    opacity: 0;
	overflow: hidden;
    background: #fff;
}
.header-fixed #wkvot-mobile-menu {
	position: fixed;
    z-index: 1001;
}
.top-bar-mobile-rc:not(.header-on-scroll) #wkvot-mobile-menu,
.top-bar-mobile-lc:not(.header-on-scroll) #wkvot-mobile-menu {
    padding-top: 38px;
}
.mobile-menu-open #wkvot-mobile-menu {
    top: 0;
    opacity: 1;
    z-index: 1001;
}
.csstransforms #wkvot-mobile-menu {
    -webkit-transition: opacity 0.25s ease, ease;
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.csstransforms3d #wkvot-mobile-menu {
    -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0);
}
.csstransforms3d .mobile-menu-open #wkvot-mobile-menu {
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.no-csstransforms3d #wkvot-mobile-menu {
    -webkit-transform: translateY(-150px); transform: translateY(-150px);
}
.no-csstransforms3d .mobile-menu-open #wkvot-mobile-menu {
    -webkit-transform: translateY(0); transform: translateY(0);
}

.header-fixed #wkvot-mobile-menu .wkvot-mobile-menu-scroll { /* Scroll only needed when the mobile-menu (and header) is fixed */
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#wkvot-mobile-menu .wkvot-mobile-menu-content {
    padding: 0 0 32px;
}
.header-border-0 #wkvot-mobile-menu .wkvot-mobile-menu-content {
    border-top: 1px solid #eee;
}

/* Mobile menu: Menus */
#wkvot-mobile-menu .menu li {
	position: relative;
    border-bottom: 1px solid #eee;
}
#wkvot-mobile-menu .menu li.menu-item-has-children {
	cursor: pointer;
}
#wkvot-mobile-menu .menu a {
	display: inline-block;
	line-height: 2;
	color: #282828;
	padding: 6px 0;
	white-space: nowrap;
}
#wkvot-mobile-menu .menu li .wkvot-menu-toggle {
    position: absolute;
    top: 6px;
    right: 0;
    display: none;
    height: 28px;
    font-family: 'wkvot-font';
    font-size: 11px;
	line-height: 28px;
    font-weight: normal;
    color: #282828;
    padding-left: 10px;
}
#wkvot-mobile-menu .menu li .wkvot-menu-toggle:before {
    display: block;
    content: "\e114";
}
#wkvot-mobile-menu .menu > li.active > .wkvot-menu-toggle:before {
    content: "\e115";
}
#wkvot-mobile-menu .menu li.menu-item-has-children > .wkvot-menu-toggle {
	display: inline-block;
}

/* Mobile menu: Menus - Label */
#wkvot-mobile-menu .menu a .label {
	position: relative;
	top: -7px;
	font-size: 10px;
	color: #282828;
	padding-left: 2px;
	text-transform: uppercase;
}
#wkvot-mobile-menu .menu a .label.bubble {
	color: #fff !important;
	margin-left: 1px;
    padding: 1px 2px 0;
    -webkit-border-radius: 3px; border-radius: 3px;
    background: #282828;
}

/* Mobile menu: Sub menus */
#wkvot-mobile-menu .sub-menu {
	display: none;
	padding: 16px 0 13px;
    border-top: 1px solid #eee;
}
#wkvot-mobile-menu .sub-menu.open {
    display: block;
}
#wkvot-mobile-menu .sub-menu .sub-menu {
	padding: 4px 0;
    border-top: 0 none;
}
#wkvot-mobile-menu .sub-menu li {
	cursor: default;
    border-bottom: 0 none;
}
#wkvot-mobile-menu .sub-menu li.menu-item-has-children {
	cursor: pointer;
}
#wkvot-mobile-menu .sub-menu a {
    padding: 0 0 3px;
    text-indent: 15px;
}
#wkvot-mobile-menu .sub-menu .sub-menu a {
    text-indent: 30px;
}
#wkvot-mobile-menu .sub-menu .sub-menu .sub-menu a {
    text-indent: 45px;
}
#wkvot-mobile-menu .sub-menu li .wkvot-menu-toggle {
    top: 1px;
}

/* Mobile menu: Sub menus - Thumbnails */
#wkvot-mobile-menu .menu .mobile-thumbnail-menu > ul {
    padding: 28px 0 0;
	overflow: hidden;
}
#wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li {
	float: left;
	width: 20%;
	margin-bottom: 19px;
    text-align: center;
}
#wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li:nth-child(5n+1) {
    clear: both;
}
#wkvot-mobile-menu .menu .mobile-thumbnail-menu ul li a {
	line-height: 1.3;
    white-space: normal;
    padding: 0;
}
#wkvot-mobile-menu .sub-menu li img {
	display: none;
}
#wkvot-mobile-menu .menu .mobile-thumbnail-menu li img {
	display: block;
	width: auto;
	max-height: 54px;
	height: auto;
	margin: 0 auto 17px;
}
@media all and (max-width: 550px) {
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li {
        width: 33.33333%;
    }
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li:nth-child(3n+1) {
        clear: both;
    }
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li:nth-child(5n+1) {
        clear: none;
    }
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu li img {
        margin-bottom: 11px;
    }
}
@media all and (max-width: 370px) {
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li {
        width: 50%;
    }
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li:nth-child(2n+1) {
        clear: both;
    }
    #wkvot-mobile-menu .menu .mobile-thumbnail-menu ul > li:nth-child(3n+1) {
        clear: none;
    }
}

/* Mobile menu: Top menu */
#wkvot-mobile-menu-top-ul {
    padding-top: 15px;
}
/* Mobile menu: Top menu - Search */
#wkvot-mobile-menu-top-ul .wkvot-mobile-menu-item-search {
    padding: 6px 0;
    border-bottom-color: #e1e1e1;
}
#wkvot-mobile-menu-top-ul .wkvot-mobile-menu-item-search form {
    position: relative;
}
#wkvot-mobile-menu-top-ul .wkvot-mobile-menu-item-search input {
	font-size: 18px;
	line-height: 2;
	color: #707070;
	width: 100%;
    padding: 0 0 0 28px;
	border: 0 none;
    background: transparent;
}
#wkvot-mobile-menu-top-ul .wkvot-mobile-menu-item-search span {
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 17px;
    color: #707070;
    opacity: 0.5;
}

/* Mobile menu: Main menu */
#wkvot-mobile-menu-main-ul {
    padding-top: 17px;
}

/* Mobile menu: Secondary menu */
#wkvot-mobile-menu-secondary-ul {
    padding-top: 17px;
}
/* Mobile menu: Secondary menu - Cart */
.header-mobile-default #wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart,
#wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart {
	display: none;
}
#wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart > a {
    display: block;
}
#wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart .count {
	position: absolute;
    right: 0;
    top: 6px;
}
/*#wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart .count:before {
    display: inline;
    content: "(";
}
#wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart .count:after {
    display: inline;
    content: ")";
}*/

/* Mobile menu: Social icons */
.wkvot-mobile-menu-social-ul {
    line-height: 10px;
    padding-top: 30px;
}
.wkvot-mobile-menu-social-ul li {
    display: inline-block;
    margin-right: 15px;
}
.wkvot-mobile-menu-social-ul li:last-child {
    margin-right: 0;
}
.wkvot-mobile-menu-social-ul li a {
    font-size: 18px;
    color: inherit;
}

@media all and (max-width: 400px) {
    /* Mobile menu: Top menu - Search */
    #wkvot-mobile-menu-top-ul .wkvot-mobile-menu-item-search input {
        padding-left: 24px;
    }
    #wkvot-mobile-menu-top-ul .wkvot-mobile-menu-item-search span {
        font-size: 16px;
    }
    
	/* Mobile menu: Secondary menu - Cart */
	#wkvot-mobile-menu-secondary-ul .wkvot-mobile-menu-item-cart {
		display: block;
	}
}


/* #Widget panel
--------------------------------------------------------------- */

#wkvot-widget-panel {
	position: fixed;
    top: 0;
    left: 100%;
	z-index: 1020;
	line-height: 1.2;
    width: 500px;
    height: 100%;
	overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease;
	background: #fff;
}
.touch-orientation-change #wkvot-widget-panel {
    visibility: hidden;
}
.widget-panel-open #wkvot-widget-panel {
    -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
}
.wkvot-widget-panel-inner {
    width: auto;
    height: 100%;
    overflow-x: hidden;
	overflow-y: scroll;
}
.touch .wkvot-widget-panel-inner {
	-webkit-overflow-scrolling: touch;
}
.touch .wkvot-widget-panel-inner::-webkit-scrollbar { /* Hide scrollbar in webKit browsers */
	-webkit-appearance: none;
	width: 0 !important;
}
/*#wkvot-widget-panel a:hover {
    color: inherit;
}*/

/* Header */
.wkvot-widget-panel-header {
    position: relative;
    z-index: 110;
    font-size: 16px;
	line-height: 1;
    color: #282828;
    width: 100%;
    padding: 0 37px;
}
.no-touch .wkvot-widget-panel-header {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0px);
}
.wkvot-widget-panel-header-inner {
    height: 79px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    background: #fff;
}
/* Header: Cart title */
.wkvot-cart-panel-title {
    display: none;
    opacity: 0.5;
}
.wkvot-cart-panel-title .count:before {
    display: inline;
    content: "(";
}
.wkvot-cart-panel-title .count:after {
    display: inline;
    content: ")";
}
/* Header: Close button */
#wkvot-widget-panel-close {
    display: block;
    color: #282828;
    padding-top: 32px;
    /*overflow: hidden;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}
.wkvot-widget-panel-close-title {
    float: right;
}

/* Cart panel: Loader overlay */
#wkvot-cart-panel-loader {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 105;
	width: 1px;
	height: 1px;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
	background: #fff;
}
#wkvot-cart-panel-loader.show {
	visibility: visible;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 79px;
    padding-left: 37px;
}
#wkvot-cart-panel-loader.fade-out {
	opacity: 0;
}
#wkvot-cart-panel-loader .wkvot-loader {
	display: block;
    position: relative;
	font-size: 16px;
    line-height: 1.6;
	color: #282828;
	margin-top: 21px;
    padding-left: 21px;
}
#wkvot-cart-panel-loader .wkvot-loader:after {
	top: 6px;
	right: auto;
	left: 0;
	margin: 0;
}

/* Cart panel: Empty */
#wkvot-widget-panel .product_list_widget .empty {
    display: none;
    font-size: 16px;
    min-height: none;
    margin-bottom: 0;
    /*padding: 21px 0 36px;*/
    padding: 5vh 0;
    text-align: center;
}
#wkvot-widget-panel .wkvot-cart-panel-empty .product_list_widget .empty {
    display: block;
}
#wkvot-widget-panel .product_list_widget .empty i {
	display: block;
    font-size: 20px;
    line-height: 29px;
	width: 50px;
	height: 50px;
	margin: 0 auto 21px;
    padding: 10px;
    text-align: center;
    background: #eee;
    -webkit-border-radius: 50px; border-radius: 50px;
    opacity: 0.5;
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    transition-delay: 0.25s;
}
.widget-panel-open #wkvot-widget-panel .product_list_widget .empty i {
    opacity: 1;
    transform: translateY(0);
}

/* Cart panel: Cart list */
.wkvot-cart-panel-list-wrap {
    padding: 0 37px;
}
.no-touch .wkvot-cart-panel-list-wrap {
    padding-top: 79px;
    padding-bottom: 175px;
}
#wkvot-widget-panel .product_list_widget {
    position: relative;
    color: #282828;
    padding: 7px 0 6px;
}
#wkvot-widget-panel .product_list_widget > li {
    display: table;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
}
#wkvot-widget-panel .product_list_widget > li > div {
    display: table-cell;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
#wkvot-widget-panel .product_list_widget > li:nth-last-child(2) > div { /* Second last element ("empty" notice is last-child) */
    border-bottom-color: transparent;
}
#wkvot-widget-panel .product_list_widget li a {
    display: block;
    color: #282828;
}
/* Cart panel: Cart list - Block overlay */
#wkvot-widget-panel .product_list_widget .blockOverlay {
    height: calc(100% - 1px) !important;
    opacity: 1 !important;
    background: rgba(255,255,255, 0.82) !important;
}
.widget-panel-dark #wkvot-widget-panel .product_list_widget .blockOverlay {
    background: rgba(51,51,51, 0.82) !important;
}
/* Cart panel: Cart list - Loader */
.wkvot-cart-item-loader {
    display: none;
    position: absolute;
    top: 0;
    bottom: 1px;
    left: 0;
    z-index: 101;
    width: 100%;
    height: auto;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
/* Cart panel: Cart list - "Remove" button */
#wkvot-widget-panel .product_list_widget .remove {
    position: absolute;
    top: 7px;
    right: -1px;
    z-index: 100;
    display: block;
    font-size: 16px;
    line-height: 30px;
    width: 28px;
    height: 28px;
    text-align: right;
    opacity: 0.5;
}
.no-touch #wkvot-widget-panel .product_list_widget .remove:hover {
    opacity: 1;
}
/* Cart panel: Cart list - Thumbnail */
.wkvot-cart-panel-item-thumbnail {
    width: 60px;
}
#wkvot-widget-panel .product_list_widget li .wkvot-cart-panel-item-thumbnail {
    vertical-align: top;
}
.wkvot-cart-panel-thumbnail-wrap {
    position: relative;
    overflow: hidden;
}
.wkvot-cart-panel-thumbnail-loader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.82);
}
.loading .wkvot-cart-panel-thumbnail-loader {
    display: block;
}
#wkvot-widget-panel .product_list_widget li img {
    position: static;
    width: 100%;
    max-width: 102px;
    height: auto;
}
/* Cart panel: Cart list - Details */
.wkvot-cart-panel-item-details {
    padding-left: 19px;
}
.wkvot-cart-panel-item-details > * {
    padding-bottom: 4px;
}
.wkvot-cart-panel-item-details > *:last-child {
    padding-bottom: 0;
}
/* Cart panel: Cart list - Details - Title */
.wkvot-cart-panel-product-title {
    font-size: 16px;
    line-height: 22px;
    padding-top: 2px;
    padding-right: 20px;
}
.touch .wkvot-cart-panel-product-title {
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}
#wkvot-widget-panel .wkvot-cart-panel-quantity-pricing {
    line-height: 22px;
    width: 100%;
    overflow: hidden;
}
/* Cart panel: Cart list - Details - Variations */
#wkvot-widget-panel .variation {
    display: block;
    line-height: inherit;
    margin: 2px 0 3px;
}
#wkvot-widget-panel .variation li:last-child {
    padding-bottom: 0;
}
/* Cart panel: Cart list - Details - Quantity */
#wkvot-widget-panel .wkvot-cart-panel-quantity-pricing > span.quantity, /* Individual products (quantity text only) */
#wkvot-widget-panel .product-quantity {
    float: left;
    font-size: 16px;
}
#wkvot-widget-panel .wkvot-quantity-wrap {
    width: auto;
    border: 0 none;
    overflow: visible;
}
#wkvot-widget-panel .wkvot-quantity-wrap label.wkvot-qty-label-abbrev {
    display: inline-block;
}
#wkvot-widget-panel .wkvot-quantity-wrap .quantity {
    display: inline-block;
    margin-left: -7px;
}
.widget-panel-qty-throttle .woocommerce-mini-cart-item.loading .quantity { /* Prevent quantity change when "throttle" is enabled via filter-hook */
    pointer-events: none;
    opacity: 0.5;
}
#wkvot-widget-panel .quantity .wkvot-qty-minus,
#wkvot-widget-panel .quantity .wkvot-qty-plus,
#wkvot-widget-panel .quantity .qty {
    line-height: inherit;
    height: auto;
}
#wkvot-widget-panel .quantity .wkvot-qty-minus,
#wkvot-widget-panel .quantity .wkvot-qty-plus {
    font-size: 10px;
    line-height: 24px;
    width: 24px;
    vertical-align: top;
    -webkit-transition: color 0.2s ease; transition: color 0.2s ease;
}
#wkvot-widget-panel .quantity .wkvot-qty-minus {
    text-align: right;
}
#wkvot-widget-panel .quantity .wkvot-qty-plus {
    text-align: left;
}
#wkvot-widget-panel .quantity .qty {
    font-size: 16px;
    width: 20px;    
}
/* Cart panel: Cart list - Details - Price */
#wkvot-widget-panel .wkvot-cart-panel-item-price {
    float: right;
}
#wkvot-widget-panel .wkvot-cart-panel-item-price .amount {
    font-size: 16px;
    color: inherit;
    margin-top: 0;
}
#wkvot-widget-panel .wkvot-cart-panel-item-price .tax_label {
    display: none;
}

/* Cart panel: Summary */
.wkvot-cart-panel-summary {
    color: #282828;
    width: 100%;
    padding: 0 37px;
}
.no-touch .wkvot-cart-panel-summary {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 102;
}
.wkvot-cart-panel-summary-inner {
    padding: 0 0 37px;
    overflow: hidden;
    background: #fff;
}
#wkvot-widget-panel .total {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 37px;
    padding: 21px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
#wkvot-widget-panel .total strong {
    font-weight: inherit;
}
#wkvot-widget-panel .buttons {
    margin-bottom: 0;
}
#wkvot-widget-panel .buttons a:first-child {
    color: inherit;
    opacity: 1;
    border: 1px solid #aaa;
    transition: border .2s ease;
    background: none;
}
.no-touch #wkvot-widget-panel .buttons a:first-child:hover {
    border-color: #282828;
}
#wkvot-widget-panel .buttons .button {
    display: inline-block;
    width: 48%;
    padding: 12px;
}
#wkvot-widget-panel .buttons .button.checkout {
    float: right;
    padding: 13px;
}
/* Cart panel: Summary - Cart empty */
#wkvot-widget-panel .wkvot-cart-panel-empty .total,
#wkvot-widget-panel .wkvot-cart-panel-empty .buttons {
    display: none;
}
/* Cart panel: Summary - Cart empty button */
#wkvot-widget-panel .buttons.wkvot-cart-empty-button {
    display: none;
}
.no-touch #wkvot-widget-panel .buttons.wkvot-cart-empty-button {
    padding-bottom: 9px;
}
#wkvot-widget-panel .wkvot-cart-panel-empty .buttons.wkvot-cart-empty-button {
    display: block;
}
#wkvot-widget-panel .buttons.wkvot-cart-empty-button .button {
    display: block;
    width: 100%;
}

/* Color scheme: Dark */
.widget-panel-dark .wkvot-widget-panel-header-inner,
.widget-panel-dark #wkvot-cart-panel-loader,
.widget-panel-dark .wkvot-cart-item-loader,
.widget-panel-dark .wkvot-cart-panel-summary-inner,
.widget-panel-dark #wkvot-widget-panel {
    background: #333;
}
.widget-panel-dark .wkvot-widget-panel,
.widget-panel-dark #wkvot-widget-panel .product_list_widget,
.widget-panel-dark #wkvot-widget-panel .product_list_widget .remove,
.widget-panel-dark #wkvot-widget-panel .variation,
.widget-panel-dark #wkvot-widget-panel ul.variation li > div:first-child,
.widget-panel-dark #wkvot-widget-panel .wkvot-quantity-wrap .quantity .wkvot-qty-minus,
.widget-panel-dark #wkvot-widget-panel .wkvot-quantity-wrap .quantity .wkvot-qty-plus,
.widget-panel-dark #wkvot-widget-panel .wkvot-quantity-wrap .quantity .qty {
    color: #a5a5a5;
}
.widget-panel-dark #wkvot-cart-panel-loader .wkvot-loader,
.widget-panel-dark #wkvot-widget-panel-close,
.widget-panel-dark #wkvot-widget-panel .product_list_widget .empty,
.no-touch .widget-panel-dark #wkvot-widget-panel .product_list_widget .remove:hover,
.widget-panel-dark #wkvot-widget-panel .wkvot-cart-panel-item-price .amount,
.widget-panel-dark #wkvot-widget-panel .product_list_widget li a,
.no-touch .widget-panel-dark #wkvot-widget-panel .wkvot-quantity-wrap .quantity .wkvot-qty-minus:hover,
.no-touch .widget-panel-dark #wkvot-widget-panel .wkvot-quantity-wrap .quantity .wkvot-qty-plus:hover,
.widget-panel-dark #wkvot-widget-panel .buttons a:first-child,
.widget-panel-dark .wkvot-cart-panel-summary {
    color: #eee;
}
.widget-panel-dark #wkvot-widget-panel .product_list_widget .empty i {
    background-color: #414141;
}
.widget-panel-dark #wkvot-widget-panel .product_list_widget .remove {
    opacity: 1;
}
.widget-panel-dark .wkvot-widget-panel-header-inner,
.widget-panel-dark #wkvot-widget-panel .product_list_widget > li > div,
.widget-panel-dark #wkvot-widget-panel .total {
    border-color: #464646;
}
.widget-panel-dark #wkvot-widget-panel .product_list_widget > li:nth-last-child(2) > div {
    border-bottom-color: transparent;
}
.widget-panel-dark #wkvot-widget-panel .buttons .button.border,
.widget-panel-dark #wkvot-widget-panel .buttons a:first-child {
    border-color: #5f5f5f;
}
.no-touch .widget-panel-dark #wkvot-widget-panel .buttons a:first-child:hover {
    border-color: #777;
}
.widget-panel-dark .wkvot-cart-panel-thumbnail-loader {
    background: rgba(255, 255, 255, 0.82);
}

@media all and (max-width: 2100px) {
    #wkvot-widget-panel {
		width: 410px;
	}
    
    /* Cart panel: Cart list */
    .no-touch .wkvot-cart-panel-list-wrap {
        padding-bottom: 231px;
    }
    
	/* Cart panel: Summary */
    #wkvot-widget-panel .buttons .button {
        display: block;
        width: 100%;
    }
    #wkvot-widget-panel .buttons .button.checkout {
        float: none;
        margin-top: 12px;
        padding: 14px;
    }
}
@media all and (max-width: 991px) {
    /* Header */
    .wkvot-widget-panel-header-inner {
        height: 70px;
    }
    
    /* Header: Close button */
    #wkvot-widget-panel-close {
        padding-top: 28px;
    }
    
    /* Cart panel: Loader overlay */
    #wkvot-cart-panel-loader.show {
        padding-top: 70px;
    }
    
    /* Cart panel: Cart list */
    .no-touch .wkvot-cart-panel-list-wrap {
        padding-top: 70px;
    }
}
@media all and (max-width: 550px) {
	#wkvot-widget-panel {
		width: 370px;
	}
    
    /* Header */
    .wkvot-widget-panel-header {        
        padding-right: 21px;
        padding-left: 21px;
    }
    /* Header: Cart title */
    .wkvot-cart-panel-title {
        display: inline-block;
    }
    
    /* Cart panel: Loader overlay */
    #wkvot-cart-panel-loader.show {
        padding-left: 21px;
    }
    
    /* Cart panel: Cart list */
    .wkvot-cart-panel-list-wrap {
        padding-right: 21px;
        padding-left: 21px;
    }
    .no-touch .wkvot-cart-panel-list-wrap {
        padding-bottom: 195px;
    }
    /* Cart panel: Cart list - Details */
    .wkvot-cart-panel-item-details {
        padding-left: 15px;
    }
	
	/* Cart panel: Summary */
    .wkvot-cart-panel-summary {
        padding-right: 21px;
        padding-left: 21px;
    }
    .wkvot-cart-panel-summary-inner {
        padding-bottom: 21px;
    }
    #wkvot-widget-panel .total {
        margin-bottom: 21px;
        padding-top: 19px;
        padding-bottom: 18px;
    }
    #wkvot-widget-panel .buttons .button {
        margin-top: 15px;
    }
}
@media all and (max-width: 385px) {
	#wkvot-widget-panel {
        width: calc(100% - 15px);
	}
    
    /* Cart panel: Cart list - Loader */
    .loading .wkvot-cart-item-loader {
        display: block;
        opacity: 0.82;
    }
    /* Cart panel: Cart list - Thumbnail */
    .loading .wkvot-cart-panel-thumbnail-loader {
        display: none;
    }
    /* Cart panel: Cart list - Details - Quantity */
    #wkvot-widget-panel .wkvot-quantity-wrap label.wkvot-qty-label-abbrev {
        display: none;
    }
    #wkvot-widget-panel .wkvot-quantity-wrap .quantity {
        margin-left: -14px;
    }
}
@media all and (max-width: 320px) {
    /* Cart panel: Cart list - Details - Title */
    #wkvot-widget-panel .wkvot-cart-panel-product-title {
        font-size: inherit;
        line-height: inherit;
    }
    /* Cart panel: Cart list - Details - Quantity */
    #wkvot-widget-panel .wkvot-cart-panel-quantity-pricing > span.quantity, /* Individual products (quantity text only) */
    #wkvot-widget-panel .product-quantity,
    #wkvot-widget-panel .quantity .qty {
        font-size: inherit !important;
    }
    /* Cart panel: Cart list - Details - Price */
    #wkvot-widget-panel .wkvot-cart-panel-item-price .amount {
        font-size:  inherit !important;
    }
}


/* #Pagination
--------------------------------------------------------------- */

.wkvot-pagination {
	overflow: hidden;
}
.wkvot-pagination.wkvot-infload {
	display: none;
}
.page-numbers {
	width: 100%;
	overflow: hidden;
}
.page-numbers li {
	float: left;
}
.page-numbers li a,
.page-numbers li span {
	font-size: 16px;
	color: inherit;
	padding: 3px 14px;
}
.page-numbers li:first-child a,
.page-numbers li:first-child span {
	padding-left: 0;
}
.page-numbers li a:hover,
.page-numbers li span.current {
    color: var(--wkvot-ink);
}


/* #Blog
--------------------------------------------------------------- */

.wkvot-blog-wrap {
    padding: 0 0 46px;
}
.wkvot-blog.wkvot-blog-categories-disabled {
    padding-top: 56px;
}

#wkvot-blog-list.wkvot-search-results > div,
#wkvot-blog-list > .post {
    -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}
#wkvot-blog-list.wkvot-search-results > div.fade-out,
#wkvot-blog-list > .post.fade-out {
    opacity: 0;
}

/* Heading */
.wkvot-blog-heading {
	padding: 34px 0 114px;
}
.wkvot-blog-heading h1 {
	font-size: 18px;
	line-height: 1.4;
	color: inherit;
}
.wkvot-blog-heading h1 strong {
	font-weight: inherit;
	color: #282828;
}

/* Sticky post */
.wkvot-blog .sticky .wkvot-post-thumbnail:before,
.wkvot-blog .category-sticky .wkvot-post-thumbnail:before {
	display: block;
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 100;
	content: "*";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 46px;
	line-height: 1;
	color: var(--wkvot-ink);
}

/* Categories */
.wkvot-blog-categories-wrap {
	padding-top: 29px;
    padding-bottom: 82px;
}

/* Categories: Toggle link */
.wkvot-blog-categories-toggle {
	display: none;
}
.wkvot-blog-categories-toggle li a {
	font-size: 18px;
	color: #888;
}
.wkvot-blog-categories-toggle li a.active,
.wkvot-blog-categories-toggle li a:hover {
	color: #282828;
}
.wkvot-blog-categories-toggle li .count {
    font-size: 14px;
    font-style: normal;
	color: #c0c0c0;
	vertical-align: top;
    padding-left: 1px;
}

/* Categories: List */
.wkvot-blog-categories-list li {
	display: inline-block;
	vertical-align: middle;
}
.wkvot-blog-categories-list li a {
	font-size: 18px;
	line-height: 2;
	color: inherit;
	margin: 0 17px;
}
.wkvot-blog-categories-list li a:hover {
	color: var(--wkvot-ink);
}
.wkvot-blog-categories-list li:first-child a {
	margin-left: 0;
}
.wkvot-blog-categories-list li:last-child a {
	margin-right: 0;
}
.wkvot-blog-categories-list li.current-cat a {
	color: var(--wkvot-ink);
}
.wkvot-blog-categories-list li span {
	color: #ccc;
}

/* Categories: List (no separator) */
.wkvot-blog-categories-list.list_nosep li a {
	margin: 0 19px 0 0;
}
.wkvot-blog-categories-list.list_nosep li.current-cat a {
	padding-bottom: 0;
}
.wkvot-blog-categories-list.list_nosep li span {
	display: none;
}

/* Categories: Columns */
.wkvot-blog-categories-list.columns {
	overflow: hidden;
}
.wkvot-blog-categories-list.columns li {
	display: block;
	float: left;
	padding-right: 17px;
	padding-bottom: 0;
}
.wkvot-blog-categories-list.columns li a {
	font-size: 16px;
	margin: 0;
}
.wkvot-blog-categories-list.columns li.current-cat a {
	padding-bottom: 1px;
}
.wkvot-blog-categories-list.columns li span {
	display: none;
}

/* Term (category/tag) description */
.wkvot-term-description {
	font-size: 18px;
	line-height: 1.6;
	padding: 0 0 38px;
}

/* Meta */
.wkvot-post-meta {
	position: relative;
	color: #a0a0a0;
	padding-left: 51px;
}
.wkvot-post-meta:before {
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	content: " ";
	width: 37px;
	height: 1px;
	background: #dadada;
}

/* Page links - wp_link_pages() */
.page-links {
	margin-top: 11px;
}

/* Pagination */
#wkvot-blog-pagination {
    position: relative;
}
.wkvot-blog-prev,
.wkvot-blog-next {
	width: 100%;
	max-width: 250px;
	margin-bottom: 10px;
}
.wkvot-blog-prev {
	float: left;
}
.wkvot-blog-next {
	float: right;
}
#wkvot-blog-pagination a {
	display: block;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	width: 100%;
	padding: 12px 0;
}

/* Pagination: Infinite load */
#wkvot-blog-pagination.infinite-load {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
#wkvot-blog-pagination.all-pages-loaded {
    display: none;
}
#wkvot-blog-infinite-load {
    text-align: center;
}
#wkvot-blog-infinite-load a {
	padding: 23px 0;
	border: 0 none;
}
#wkvot-blog-infinite-load a:hover {
	color: #888;
    background: none;
}
.loading #wkvot-blog-infinite-load a {
    opacity: 0;
}
#wkvot-blog-pagination.scroll-mode #wkvot-blog-infinite-load a {
	text-indent: -1000em;
	overflow: hidden;
}

/* Pagination: WP-PageNavi */
#wkvot-blog-pagination .wp-pagenavi span.pages {
    margin-right: 10px;
}
#wkvot-blog-pagination .wp-pagenavi a,
#wkvot-blog-pagination .wp-pagenavi span.current {
    display: inline;
    margin: 2px;
    padding: 10px;
}
#wkvot-blog-pagination .wp-pagenavi a.previouspostslink,
#wkvot-blog-pagination .wp-pagenavi a.nextpostslink,
#wkvot-blog-pagination .wp-pagenavi a.last {
    background-color: #f5f5f5;
}

/* Sidebar */
.wkvot-blog.sidebar-right .wkvot-sidebar {
    padding-left: 34px;
}
.wkvot-blog.sidebar-left .wkvot-sidebar {
	padding-right: 34px;
}
.wkvot-blog.sidebar-left .wkvot-blog-content-col {
	float: right;
}
.wkvot-blog.sidebar-left .wkvot-blog-sidebar-col {
	float: left;
}
.wkvot-blog .wkvot-sidebar .widget:last-child {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    /* Sidebar */
	.wkvot-blog.sidebar-right .wkvot-sidebar {
		padding-left: 24px;
	}
	.wkvot-blog.sidebar-left .wkvot-sidebar {
		padding-right: 24px;
	}
}
@media all and (max-width: 991px) {
	/* Categories: Toggle link */
	.wkvot-blog-categories .toggle-1 .wkvot-blog-categories-toggle {
		display: block;
	}
	
	/* Categories: Common */
	.wkvot-blog-categories .toggle-1 ul.wkvot-blog-categories-list {
		display: none;
		padding-top: 16px;
	}
    
    /* Pagination */
    .has-sidebar #wkvot-blog-pagination {
        margin-bottom: 64px;
    }
    
    /* Sidebar */
	.wkvot-blog.sidebar-right .wkvot-sidebar {
		padding-left: 0;
	}
	.wkvot-blog.sidebar-left .wkvot-sidebar {
		padding-right: 0;
	}
}
@media all and (max-width: 768px) {
	.wkvot-blog.wkvot-blog-categories-disabled {
        padding-top: 38px;
    }
    
    /* Heading */
	.wkvot-blog-heading {
		padding-bottom: 55px;
	}
	
	/* Categories */
	.wkvot-blog-categories-wrap {
		padding-bottom: 39px;
	}
	
	/* Term (category/tag) description */
	.wkvot-term-description {
		font-size: 16px;
	}
}
@media all and (max-width: 610px) {
	/* Pagination */
	.wkvot-blog-prev,
	.wkvot-blog-next {
		width: 48%;
		max-width: none;
	}	
}
@media all and (max-width: 550px) {
	/* Categories: List */
	.wkvot-blog-categories-list li span {
		display: none;
	}
	.wkvot-blog-categories-list li a {
		margin: 0 24px 0 0;
	}
	.wkvot-blog-categories-list li:last-child a {
		margin-right: 0;
	}
	.wkvot-blog-categories-list li.current-cat a {
		padding-bottom: 3px;
	}
}
@media all and (max-width: 400px) {
	.wkvot-blog.wkvot-blog-categories-disabled {
        padding-top: 31px;
    }
    
    /* Categories */
	.wkvot-blog-categories-wrap {
		padding-bottom: 30px;
	}
	
	/* Categories: List */
	.wkvot-blog-categories-list li {
		display: block;
	}
	.wkvot-blog-categories-list li:last-child {
		margin-bottom: 0;
	}
	.wkvot-blog-categories-list li a {
		font-size: 16px;
		margin: 0;
	}
	.wkvot-blog-categories-list li.current-cat a {
		padding-bottom: 0;
		border-bottom: 0 none;
	}
	
	/* Categories: Columns */
	.wkvot-blog-categories-list.columns li {
		width: 100%;
	}
}


/* #Blog: Classic
--------------------------------------------------------------- */

#wkvot-blog-list.wkvot-blog-classic {
    margin-bottom: 51px;
}

/* Title */
.wkvot-blog-classic .wkvot-post-title {
	font-size: 24px;
}
.wkvot-blog-classic .wkvot-post-title a {
	color: inherit;
}

/* Meta */
.wkvot-blog-classic .wkvot-post-meta {
    margin: 11px 0 24px;
}

/* Thumbnail */
.wkvot-blog-classic .wkvot-post-thumbnail {
	position: relative;
	padding-bottom: 24px;
}
.wkvot-blog-classic .wkvot-post-thumbnail a {
	display: block;
}
.wkvot-blog-classic .wkvot-post-thumbnail img {
	width: 100%;
	height: auto;
}

/* Content/Excerpt */
.wkvot-blog-classic .wkvot-post-content {
    font-size: 16px;
}
.wkvot-post-content-comments-link {
    padding-top: 37px;
}
.wkvot-post-content-comments-link a {
    color: #282828;
}
.wkvot-post-content-comments-link a i {
    position: relative;
    top: 2px;
}
.wkvot-post-content-comments-link a span {
    padding-left: 10px;
}

/* Divider */
.wkvot-blog-classic .wkvot-post-divider {
	height: 1px;
    margin: 46px 0;
    background: #eee;
}
.wkvot-blog-classic .post:first-child .wkvot-post-divider {
    display: none;
}

@media all and (max-width: 1199px) {
	/* Divider */
	.wkvot-blog-classic .wkvot-post-divider {
		margin: 38px 0;
	}
}
@media all and (max-width: 767px) {
    /* Meta */
    .wkvot-blog-classic .wkvot-post-meta {
        margin: 11px 0 18px;
    }
    
    /* Thumbnail */
    .wkvot-blog-classic .wkvot-post-thumbnail {
        padding-bottom: 19px;
    }
}
@media all and (max-width: 400px) {
	/* Title */
	.wkvot-blog-classic .wkvot-post-title {
		font-size: 22px;
	}
    
    /* Content/Excerpt */
    .wkvot-blog-classic .wkvot-post-content {
        font-size: inherit;
    }
	
	/* Divider */
	.wkvot-blog-classic .wkvot-post-divider {
		margin: 27px 0 31px;
	}
}


/* #Blog: Grid
--------------------------------------------------------------- */

.wkvot-blog-grid [class*="block-grid-"] {
	margin: 0 -1.6%;
}
.wkvot-blog-grid [class*="block-grid-"] > li {
	padding: 0 1.6% 66px;
}

/* Thumbnail */
.wkvot-blog-grid .wkvot-post-thumbnail {
	position: relative;
	margin-bottom: 19px;
}
.wkvot-blog-grid .wkvot-post-thumbnail a {
	position: relative;
	display: block;
}
.wkvot-blog-grid .wkvot-post-thumbnail img {
	width: 100%;
	height: auto;
}

/* Thumbnail overlay */
.wkvot-blog-grid .wkvot-post-thumbnail a:hover .wkvot-image-overlay {
	opacity: 1;
}

/* Meta */
.wkvot-blog-grid .wkvot-post-meta {
	margin-bottom: 14px;
}

/* Title */
.wkvot-blog-grid .wkvot-post-title {
	font-size: 22px;
	line-height: 1.2;
}
.wkvot-blog-grid .wkvot-post-title a {
	color: inherit;
}

/* Content/Excerpt */
.wkvot-blog-grid .wkvot-post-content {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 14px;
}
.wkvot-blog-grid .wkvot-post-content .wkvot-post-excerpt p {
	margin-bottom: 0;
}
.wkvot-blog-grid .wkvot-post-content .wkvot-post-read-more {
	display: block;
	margin-top: 14px;
}
.wkvot-blog-grid .wkvot-post-content .wkvot-post-read-more i {
    display: inline-block;
    line-height: 1;
    margin-left: 5px;
    vertical-align: text-bottom;
}

/* Media queries */
@media all and (max-width: 750px) {
	.wkvot-blog-grid [class*="block-grid-"] > li {
		padding-bottom: 53px;
	}
}
@media all and (max-width: 400px) {
	/* Title */
	.wkvot-blog-grid .wkvot-post-title {
		font-size: 20px;	
	}
	
	/* Content/Excerpt */
	.wkvot-blog-grid .wkvot-post-content {
		font-size: 14px;
	}
}


/* #Blog: List
--------------------------------------------------------------- */

#wkvot-blog-list.wkvot-blog-list {
    margin-bottom: 51px;
}

/* Title */
.wkvot-blog-list .wkvot-post-title {
	font-size: 24px;
	padding-right: 28px;
}
.wkvot-blog-list .wkvot-post-title a {
	color: inherit;
}

/* Thumbnail */
.wkvot-blog-list .wkvot-post-thumbnail {
	position: relative;
	padding-bottom: 28px;
}
.wkvot-blog-list .wkvot-post-thumbnail a {
	display: block;
}
.wkvot-blog-list .wkvot-post-thumbnail img {
	width: 100%;
	height: auto;
}

/* Content/Excerpt */
.wkvot-blog-list .wkvot-post-content {
	font-size: 16px;
	line-height: 1.6;
}
.wkvot-blog-list .wkvot-post-content .wkvot-post-excerpt p {
	margin-bottom: 0;
}

/* Divider */
.wkvot-blog-list .wkvot-post-divider {
	line-height: 2;
	margin-top: 45px;
	padding-top: 27px;
	border-top: 1px solid #eee;
}
.wkvot-blog-list .post:first-child .wkvot-post-divider {
    display: none;
}

/* Media queries */
@media (max-width: 1199px) {
	/* Columns */
	.wkvot-blog-list .wkvot-title-col,
	.wkvot-blog-list .wkvot-content-col,
	.wkvot-blog-list .wkvot-divider-col {
		float: none;
		width: auto;
		max-width: 833px;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	/* Title */
	.wkvot-blog-list .wkvot-post-title {
		padding-right: 0;
		margin-bottom: 27px;
	}
	
	/* Content/Excerpt */
	.wkvot-blog-list .wkvot-post-content {
		margin-top: 20px;
	}
	
	/* Divider */
	.wkvot-blog-list .wkvot-post-divider {
		margin-top: 38px;
		padding-top: 10px;
	}
}
@media all and (max-width: 400px) {
	/* Title */
	.wkvot-blog-list .wkvot-post-title {
		font-size: 22px;
	}
	
	/* Divider */
	.wkvot-blog-list .wkvot-post-divider,
	.wkvot-blog-list > .post:last-child .wkvot-post-divider {
		margin-top: 29px;
		padding-top: 2px;
	}
}


/* #Blog: No results
--------------------------------------------------------------- */

.wkvot-blog-no-results h1 {
	font-size: 18px;
}


/* #Blog: Single post
--------------------------------------------------------------- */

.wkvot-post-body {
    padding-top: 68px;
}
.wkvot-post-col {
	max-width: 833px;
	margin: 0 auto;
	padding: 0 15px;
}

/* Header */
.wkvot-post-header {
	padding-bottom: 35px;
}
.wkvot-post.wkvot-post-sidebar-none .wkvot-post-header {
    text-align: center;
}
.wkvot-post.wkvot-post-sidebar-left .wkvot-post-header .col {
	float: right;
}
.wkvot-post-header h1 {
	font-size: 26px;
	line-height: 1.2;
}

/* Header: Featured image */
.wkvot-post.wkvot-post-sidebar-none .wkvot-post-featured-image {
    width: calc(100% + 10vw);
    max-width: none;
    margin-left: -5vw;
    text-align: left;
}
.wkvot-post.has-featured-image .wkvot-post-featured-image {
    margin-bottom: 44px;
}
.wkvot-post-featured-image img {
    width: 100%;
}

/* Blog: Single post - Featured image */
.wkvot-post-featured-image.aspect-ratio {
    position: relative;
    overflow: hidden;
}
.wkvot-post-featured-image.aspect-ratio.ratio-1-1 {
    padding-bottom: 100%;
}
.wkvot-post-featured-image.aspect-ratio.ratio-3-2 {
    padding-bottom: 66.66%;
}
.wkvot-post-featured-image.aspect-ratio.ratio-4-3 {
    padding-bottom: 75%;
}
.wkvot-post-featured-image.aspect-ratio.ratio-16-9 {
    padding-bottom: 56.25%;
}
.wkvot-post-featured-image.aspect-ratio img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
}

/* Header: Meta */
.wkvot-single-post-meta-top {
	margin-top: 21px;
}
.wkvot-single-post-meta-top em {
    font-style: normal;
}
.wkvot-single-post-meta-top a {
	color: #282828;
}

/* Body */
.wkvot-post-body .post {
	padding-bottom: 50px;
}

/* Body - Sidebar */
.wkvot-post .wkvot-sidebar {
	padding-left: 34px;
}
.wkvot-post.wkvot-post-sidebar-left .wkvot-sidebar {
	padding-right: 34px;
	padding-left: 0;
}
.wkvot-post-sidebar-left .wkvot-post-content-col {
	float: right;
}
.wkvot-post-sidebar-left .wkvot-post-sidebar-col {
	float: left;
}

/* Meta */
.wkvot-single-post-meta-wrap {
    line-height: 1.8;
    padding-bottom: 46px;
    overflow: hidden;
}
.wkvot-single-post-meta {
	float: left;
	width: 70%;
    padding-right: 7px;
}

/* Meta: Tags */
.wkvot-single-post-tags {
    padding-bottom: 15px;
	overflow: hidden;
}
.wkvot-single-post-tags.widget_tag_cloud a {
    font-size: 14px !important;
    text-transform: lowercase;
}
.wkvot-single-post-tags a:before {
	display: inline-block;
	font-family: arial, sans-serif;
	content: "#";
	padding-right: 3px;
	vertical-align: middle;
}

/* Meta: Categories */

/* Meta: Share */
.wkvot-post-share {
	float: right;
	width: 30%;
    padding-left: 7px;
	text-align: right;
}
.wkvot-post-share span {
    display: none;
}
.wkvot-post-share a {
    font-size: 18px;
    line-height: 1;
    color: inherit;
	display: inline-block;
	margin-right: 15px;
    vertical-align: middle;
}
.wkvot-post-share a:last-child {
	margin-right: 0;
}
.wkvot-post-share a:hover {
	color: #282828;
}

/* Pagination */
.wkvot-post-pagination {
    line-height: 1.4;
    padding: 44px 0;
	overflow: hidden;
	border-top: 1px solid #eee;
}
.wkvot-post-pagination > .wkvot-row {
    max-width: none;
}
.wkvot-post-pagination-inner {
    padding-right: 20px;
    padding-left: 20px;
    overflow: hidden;
}
.wkvot-post-pagination .wkvot-post-prev,
.wkvot-post-pagination .wkvot-post-next {
    float: left;
    width: 50%;
}
.wkvot-post-pagination .wkvot-post-prev {
    padding-right: 15px;
}
.wkvot-post-pagination .wkvot-post-next {
	float: right;
	text-align: right;
    padding-left: 15px;
}
.wkvot-post-pagination a {
    position: relative;
    display: block;
    color: #282828;
}
.wkvot-post-pagination .wkvot-post-prev a {
    padding-left: 37px;
}
.wkvot-post-pagination .wkvot-post-next a {
    padding-right: 37px;
}
.wkvot-post-pagination a:before {
    position: absolute;
	top: 50%;
    font-family: 'wkvot-font';
    font-size: 50px;
    line-height: 1;
    margin-top: -20px;
	opacity: 0.3;
}
.wkvot-post-pagination .wkvot-post-prev a:before {
    left: -11px;
    content: "\e600";
}
.wkvot-post-pagination .wkvot-post-next a:before {
    right: -11px;
    content: "\e601";
}
.wkvot-post-pagination a .short-title {
    display: block;
    font-size: 13px;
    color: #a1a1a1;
    margin-bottom: 2px;
}
.wkvot-post-pagination a .long-title {
    font-size: 16px;
}

/* Related posts */
.wkvot-related-posts {
    padding: 56px 0 37px;
}
.no-post-comments .wkvot-related-posts {
	border-top: 1px solid #eee;
}
.wkvot-related-posts h2 {
    font-size: 24px;
    padding-bottom: 28px;
}
.wkvot-related-posts-image {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.wkvot-related-posts-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.wkvot-related-posts-image:hover .wkvot-image-overlay {
	opacity: 1;
}
.wkvot-related-posts-content .wkvot-post-meta {
	line-height: 2;
	margin: 16px 0 8px;
}
.wkvot-related-posts-content h3 {
	font-size: 18px;
	line-height: 1.6;
    padding-bottom: 7px;
}
.wkvot-related-posts-content .wkvot-related-posts-excerpt {
    padding-bottom: 12px;
}

@media all and (max-width: 1400px) {
    /* Pagination */
    .wkvot-post-pagination-inner {
        padding-right: 0;
        padding-left: 0;
    }
}
@media all and (max-width: 1199px) {
    /* Body - Sidebar */
    .wkvot-post .wkvot-sidebar {
		padding-left: 24px;
	}
	.wkvot-post.wkvot-post-sidebar-left .wkvot-sidebar {
		padding-right: 24px;
	}
}
@media all and (max-width: 991px) {
	/* Body - Sidebar */
	.wkvot-post .wkvot-sidebar {
		padding-left: 0;
	}
	.wkvot-post.wkvot-post-sidebar-left .wkvot-sidebar {
		padding-right: 0;
	}
    
    /* Related posts */
    .wkvot-related-posts-content .wkvot-post-meta:before {
		width: 19px;
	}
	.wkvot-related-posts-content .wkvot-post-meta {
		padding-left: 29px;
	}
}
@media all and (max-width: 890px) {
    .has-featured-image .wkvot-post-body {
        padding-top: 0;
    }
}
@media all and (max-width: 610px) {
	/* Pagination */
    .wkvot-post-pagination {
        padding: 40px 0 39px;
    }
    .wkvot-post-pagination .wkvot-post-prev a {
        padding-left: 22px;
    }
    .wkvot-post-pagination .wkvot-post-next a {
        padding-right: 22px;
    }
    .wkvot-post-pagination a:before {
        font-size: 30px;
        margin-top: -14px;
    }
    .wkvot-post-pagination .wkvot-post-prev a:before {
        left: -7px;
    }
    .wkvot-post-pagination .wkvot-post-next a:before {
        right: -7px;
    }
    .wkvot-post-pagination a .long-title {
        display: none;
    }
    .wkvot-post-pagination a .short-title {
        display: inline-block;
        font-size: inherit;
        color: inherit !important;
        margin-bottom: 0;
    }
}
@media all and (max-width: 550px) {
	.wkvot-post-body {
        padding-top: 48px;
    }
    
    /* Header */
	.wkvot-post-header {
		padding-bottom: 24px;
	}
	.wkvot-post-header h1 {
		font-size: 22px;
		line-height: 1.4;
	}
    
    /* Header: Meta */
	.wkvot-single-post-meta-top {
		margin-top: 17px;
		padding-left: 29px;
	}
	.wkvot-single-post-meta-top::before {
		width: 19px;
	}
	
	/* Body */
	.wkvot-post-body .post {
		padding-bottom: 46px;
	}
    
    /* Related posts */
    .wkvot-related-posts {
		padding: 42px 0 25px;
	}
    .wkvot-related-posts-content .wkvot-post-meta:before {
		width: 10px;
	}
	.wkvot-related-posts-content .wkvot-post-meta {
		padding-left: 20px;
	}
    .wkvot-related-posts-content h3 {
        font-size: 16px;
        padding-bottom: 15px;
    }
    .wkvot-related-posts-content .wkvot-related-posts-excerpt {
        display: none;
    }
}
@media all and (max-width: 400px) {
    /* Related posts */
    .wkvot-related-posts-content .wkvot-post-meta {
        display:  none;
    }
    .wkvot-related-posts-content h3 {
        padding-top: 14px;
    }
}


/* #Blog: Single post - Password protected
--------------------------------------------------------------- */

.post-password-form > p:first-child {
	font-size: 16px;
	color: #282828;
	margin-bottom: 15px !important;
    margin-top: 5px;
}
.post-password-form label,
.post-password-form input {
	display: block;
}
.post-password-form label input {
	width: 100%;
	margin: 0 0 14px;
}
.post-password-form input[type=submit] {
	width: 111px;
	padding: 11px 0;
}


/* #Search results
--------------------------------------------------------------- */

#wkvot-blog-list.wkvot-search-results {
    margin-bottom: 51px;
}
.wkvot-search-results .wkvot-title-col {
    display: flex;
}

/* Thumbnail */
.wkvot-search-results .wkvot-post-thumbnail {
    width: 70px;
    margin-right: 22px;
}
.wkvot-search-results .wkvot-post-thumbnail img {
    display: block;
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    margin-top: -6px;
}

/* Header: Title */
.wkvot-search-results .wkvot-post-header {
	flex: 1;
    padding-bottom: 0;
}
.wkvot-search-results .wkvot-post-title {
	font-size: 24px;
	padding-right: 28px;
}
.wkvot-search-results .wkvot-post-title a {
	color: inherit;
}

/* Header: Meta */
.wkvot-search-results .wkvot-post-meta {
	margin-top: 6px;
	padding-left: 0;
}
.wkvot-search-results .wkvot-post-meta:before {
	display: none;
}

/* Excerpt */
.wkvot-search-results .wkvot-post-content {
	font-size: 16px;
	line-height: 1.6;
}

/* Divider */
.wkvot-search-results .wkvot-post-divider {
    height: 1px;
	margin: 45px 0 48px;
	background: #eee;
}
.wkvot-search-results > div:first-child .wkvot-post-divider {
    display: none;
}

/* Media queries */
@media (max-width: 1199px) {
	/* Columns */
	.wkvot-search-results .wkvot-title-col,
	.wkvot-search-results .wkvot-content-col,
	.wkvot-search-results .wkvot-divider-col {
		float: none;
		width: auto;
	}
	
	/* Header: Title */
	.wkvot-search-results .wkvot-post-title {
		padding-right: 0;
	}
	
	/* Excerpt */
	.wkvot-search-results .wkvot-post-content {
		margin-top: 22px;
	}
	
	/* Divider */
	.wkvot-search-results .wkvot-post-divider {
		margin: 38px 0 40px;
	}
}
@media (max-width: 550px) {
    /* Thumbnail */
    .wkvot-search-results .wkvot-post-thumbnail {
        width: 66px;
        margin-right: 15px;
    }
    .wkvot-search-results .wkvot-post-thumbnail img {
        margin-top: -2px;
    }
    
    /* Header: Title */
	.wkvot-search-results .wkvot-post-title {
		font-size: 22px;
	}
}
@media all and (max-width: 400px) {
	/* Header: Title */
	.wkvot-search-results .wkvot-post-title {
		font-size: 22px;
	}
	
	/* Divider */
	.wkvot-search-results .wkvot-post-divider {
		margin: 29px 0 32px;
	}
}


/* #Comments
--------------------------------------------------------------- */

/* Comments */
.wkvot-comments {
	background: #f7f7f7;
}
.wkvot-post.wkvot-post-sidebar-left .wkvot-comments .col {
	float: right;
}
.wkvot-comments .wkvot-comments-inner {
	padding-bottom: 57px;
}
.wkvot-comments .wkvot-comments-heading {
	font-size: 24px;
	line-height: 1.2;
	padding: 68px 0 54px;
}
.wkvot-post.wkvot-post-sidebar-none .wkvot-comments .wkvot-comments-heading {
    text-align: center;
}
.wkvot-comments .commentlist > li,
.wkvot-comments .commentlist .pingback,
.wkvot-comments .commentlist .trackback {
	margin-top: 30px;
	border-top: 1px solid #e7e7e7;
}
.wkvot-comments .commentlist > .comment:first-child,
.wkvot-comments .commentlist .pingback:first-child,
.wkvot-comments .commentlist .trackback:first-child {
	margin-top: 0;
	border-top: 0 none;
}
.wkvot-comments .commentlist > li .comment-inner-wrap,
.wkvot-comments .commentlist .pingback p,
.wkvot-comments .commentlist .trackback p {
	position: relative;
	margin-top: 29px;
}
.wkvot-comments .commentlist > .comment:first-child > .comment-inner-wrap,
.wkvot-comments .commentlist .pingback:first-child > p,
.wkvot-comments .commentlist .trackback:first-child > p {
	margin-top: 0;
}
.wkvot-comments .commentlist > li .comment-text {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0 none;
}
.wkvot-comments .commentlist > .comment:last-child > .comment-text {
	padding-bottom: 0;
}

/* Comments: Navigation */
.comment-navigation {
	margin-top: 71px;
	padding: 14px 0;
	overflow: hidden;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.comment-navigation h1 {
	display: none;
}
.comment-navigation a {
	color: #282828;
}
.comment-navigation .nav-previous {
	float: left;
}
.comment-navigation .nav-next {
	float: right;
}

/* Comments: Form */
.wkvot-comments .comment-respond {
	padding-top: 65px;
}
.wkvot-comments .comment-respond h3 {
	padding-bottom: 3px;
}
.wkvot-comments .comment-form p.comment-notes {
	margin-bottom: 28px;
}
.wkvot-comments .comment-form p input#submit {
	width: auto;
	min-width: 140px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Comments: Form - Threaded form (Added with WP JavaScript) */
.wkvot-comments .commentlist .comment-respond {
	padding-top: 56px;
}

/* Media queries */
@media all and (max-width: 768px) {
	/* Comments */
	.wkvot-comments .wkvot-comments-inner {
		padding-bottom: 39px;
	}
	.wkvot-comments .wkvot-comments-heading {
		padding: 50px 0 37px;
	}
	.wkvot-comments .commentlist > li,
	.wkvot-comments .commentlist .pingback,
	.wkvot-comments .commentlist .trackback {
		margin-top: 23px;
	}
	.wkvot-comments .commentlist > li .comment-inner-wrap,
	.wkvot-comments .commentlist .pingback p,
	.wkvot-comments .commentlist .trackback p {
		margin-top: 22px;
	}
	.wkvot-comments .commentlist > li .comment-text .description {
		padding-top: 16px;
	}
	.wkvot-comments .commentlist > li .comment-text .moderating {
		margin-bottom: 8px;
	}
	.wkvot-comments .commentlist > li .comment-text .reply {
		padding-top: 16px;
	}
	
	/* Comments: Form */
	.wkvot-comments .comment-respond {
		padding-top: 38px;
	}
	.wkvot-comments .comment-form p.comment-notes {
		margin-bottom: 19px;
	}
	
	/* Comments: Form - Threaded form (Added with WP JavaScript) */
	.wkvot-comments .commentlist .comment-respond {
		padding-top: 38px;
	}
}
@media all and (max-width: 610px) {
	/* Comments: Form */
	.wkvot-comments .comment-form p.comment-form-author,
	.wkvot-comments .comment-form p.comment-form-email {
		width: 100%;
	}
}
@media all and (max-width: 550px) {
	/* Comments */
	.wkvot-comments .wkvot-comments-heading {
		font-size: 22px;
		line-height: 1.4;
		padding: 39px 0 34px;
	}
}


/* #Comments: Entries
--------------------------------------------------------------- */

.commentlist > li {
	position: relative;
	min-height: 48px;
}
.commentlist > li.bypostauthor {
    color: inherit;
}
.commentlist > li > div > img,
.commentlist .children > li > div > img {
	position: absolute;
    top: -5px;
    left: 0;
    width: 60px;
    height: 60px;
	margin: 0;
    padding: 0;
	overflow: hidden;
	-webkit-border-radius: 50%; border-radius: 50%;
}
.commentlist > li .comment-text {
	margin: 0 0 34px 81px;
	padding-bottom: 28px;
	border-bottom: 1px solid #f0f0f0;
}
.commentlist > li:last-child .comment-text {
	margin-bottom: 0;
	border-bottom: 0 none;
}
.commentlist > li .comment-text .meta {
	margin-bottom: 0;
}
.commentlist > li .comment-text .meta strong,
.commentlist > li .comment-text .meta strong a {
	color: #282828;
}
.commentlist > li .comment-text .meta strong {
	display: block;
	font-size: 18px;
    line-height: 1.4;
	font-weight: inherit;
}
.commentlist > li .comment-text .meta .verified {
	font-size: 12px;
	font-style: normal;
	color: #888;
}
.commentlist > li .comment-text .meta time {
	display: block;
	line-height: 1;
	color: #a1a1a1;
    padding-top: 7px;
}
.commentlist > li .comment-text .description {
	font-size: 16px;
	line-height: 1.6;
	padding-top: 19px;
}
.commentlist > li .comment-text .moderating {
	color: #acacac;
	margin-bottom: 10px;
}
.commentlist > li .comment-text .reply {
	line-height: 1;
	padding-top: 19px;
}

/* Comments: Children (replies) */
.commentlist > li .children {
	margin-left: 81px;
}
.commentlist .children > li {
    position: relative;
}

/* Comments: Pingbacks and trackbacks */
.commentlist .pingback p,
.commentlist .trackback p {
	font-size: 16px;
	line-height: 1.6;
	color: #555;
}

/* Comments: Closed */
.no-comments {
	font-size: 16px;
	color: #282828;
	padding-top: 58px;
}

/* Comments: Form */
.comment-respond h3 {
	font-size: 24px;
	padding-bottom: 32px;
}
.comment-respond h3 #cancel-comment-reply-link {
	font-size: 14px;
}
.comment-form {
	clear: both;
	overflow: hidden;
}
.comment-form > p {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 16px;
	padding: 0;
}
.comment-form p.comment-form-author,
.comment-form p.comment-form-email,
.comment-form p.form-row-first,
.comment-form p.form-row-last {
    width: 48%;
}
.comment-form p.comment-form-email,
.comment-form p.form-row-last {
    float: right;
}
.comment-form p label {
	display: block;
	font-size: 16px;
	color: #282828;
	padding-bottom: 3px;
}
.comment-form p .required-field-message {
    display: none;
}
.comment-form p label .required {
	color: #aaa;
}
.comment-form p input,
.comment-form p textarea {
	width: 100%;
}
.comment-form p textarea {
	resize: none;
}
.comment-form p input#submit {
	display: inline-block;
	width: auto;
	min-width: 120px;
	margin-top: 9px;
}

/* Column - Small (< 768px) */
@media all and (max-width: 767px) {
	.commentlist > li > div > img,
    .commentlist .children > li > div > img {
		display: none;
	}
	.commentlist > li .comment-text {
		margin-left: 0;
	}
	
	/* Comments: Children (replies) */
	.commentlist > li .children {
		margin-left: 35px;
	}
}
/* < 400px */
@media all and (max-width: 400px) {
	/* Comments: Children (replies) */
	.commentlist > li .children {
		margin-left: 28px;
	}
}


/* #Post/page/editor content
--------------------------------------------------------------- */

/* Common */
.post .entry-content {
	font-size: 16px;
	line-height: 1.6;
}
blockquote.alignleft,
img.alignleft,
blockquote.alignright,
img.alignright,
p,
pre,
address,
.entry-content .wp-caption {
	margin-bottom: 24px;
}
.nospacing {
	margin: 0;
	padding: 0;
}
.entry-content > :last-child {
	margin-bottom: 0;
}

/* Alignments */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	clear: both;
	margin-right: auto;
	margin-left: auto;
    text-align: center;
}
blockquote.alignleft,
.entry-content .wp-caption.alignleft,
img.alignleft {
	margin-right: 28px;
}
blockquote.alignright,
.entry-content .wp-caption.alignright,
img.alignright {
	margin-left: 28px;
}
blockquote.aligncenter,
.entry-content .wp-caption.aligncenter,
img.aligncenter {
	clear: both;
}

/* Headings */
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6 {
	margin-bottom: 26px;
}

/* Paragraphs */
p:last-child {
	margin-bottom: 0;
}

/* Images */
img.width-full {
	width: 100%;
}

/* Emoji icons */
img.wp-smiley,
img.emoji {
  font-size: inherit;
}

/* Pre, Var and Code tags */
pre,
var,
code {
    -moz-hyphens: none;
    font-family: monospace, serif;
	font-style: normal;
}
pre {
	padding: 20px;
	border: 1px solid #e7e7e7;
	background: #fafafa;
}

/* Bold */
.entry-content strong {
	color: #555;
}

/* Blockquote */
blockquote {
	font-size: 18px;
	font-style: italic;
	color: #555;
	margin-bottom: 26px;
}
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
	display: inline-block;
	padding: 7px 0 5px;
}
blockquote p {
	color: #555;
	margin-bottom: 0;
}

/* Cite */
cite {
	display: inline-block;
	font-style: normal;
	color: #282828;
	padding-top: 5px;
}
cite a {
	text-decoration: underline;
}

/* Captions */
.entry-content .wp-caption {
	position: relative;
	max-width: 100%;
}
.entry-content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.entry-content .wp-caption-text {
	position: absolute;
    bottom: 15px;
	left: -15px;
	font-size: 14px;
	line-height: 1.6;
	color: #eee;
	max-width: 180px;
    margin: 0;
    padding: 12px 19px;
	background: #333;
}

/* Lists */
ol:not([class]) li,
ul:not([class]) li {
	list-style-position: inside;
}
.page > ol:not([class]),
.entry-content > ol:not([class]) {
    padding-left: 18px;
}
.page > ul:not([class]),
.entry-content > ul:not([class]) {
    padding-left: 14px;
}
.page > ol:not([class]):not(:last-child),
.page > ul:not([class]):not(:last-child),
.entry-content > ol:not([class]):not(:last-child),
.entry-content > ul:not([class]):not(:last-child) {
	margin-bottom: 24px;
}
.page > ol:not([class]) li,
.page > ul:not([class]) li,
.entry-content ol:not([class]) li,
.entry-content ul:not([class]) li {
	list-style-position: outside;
}
.page > ol:not([class]) li,
.entry-content > ol:not([class]) li {
	list-style-type: decimal;
}
.page > ul:not([class]) li,
.entry-content > ul:not([class]) li {
	list-style-type: disc;
}
/* Lists: Nested */
.entry-content > ol:not([class]) li ol,
.entry-content > ol:not([class]) li ul,
.entry-content > ul:not([class]) li ul,
.entry-content > ul:not([class]) li ol {
	padding-left: 17px;
}

/* Definition lists */
dt {
    font-weight: bold;
	color: #282828;
}
dd {
    margin-bottom: 24px;
}

/* Tables */
#tab-description.entry-content table,
#tab-description.entry-content table th,
#tab-description.entry-content table td,
.entry-content > table,
.entry-content > table th,
.entry-content > table td {
	border: 1px solid #e0e0e0;
}
#tab-description.entry-content table,
.entry-content > table {
	table-layout: fixed;
	width: 100%;
	margin: 0 0 28px;
	border-width: 1px 0 0 1px;
}
#tab-description.entry-content table th,
#tab-description.entry-content table td,
.entry-content > table th,
.entry-content > table td {
	padding: 7px;
}
#tab-description.entry-content table th,
.entry-content > table th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}
#tab-description.entry-content table td,
.entry-content > table td {
	border-width: 0 1px 1px 0;
}

/* Horizontal line */
hr {
	height: 0px;
	border-bottom: 1px solid #eee;
}

/* Spacer */
.wkvot-spacer {
	display: block;
	width: 100%;
	height: 8px;
}
.wkvot-spacer.small {
	height: 6px;
}
.wkvot-spacer.large {
	height: 32px;
}

/* iframe embeds */
iframe {
	max-width: 100%;
	vertical-align: middle;
}

/* More link - https://en.support.wordpress.com/splitting-content/more-tag/ */
.more-link {
    display: block;
    margin-top: 28px;
}

/* Mark and Insert tags */
mark,
ins {
	text-decoration: none;
	/*background-color: #fff9c0;*/
}

/* Media queries */
@media all and (max-width: 768px) {
	/* Captions */
	.entry-content .wp-caption-text {
		bottom: 10px;
		left: -10px;
	}
}


/* #Blocks
--------------------------------------------------------------- */

/* Common: Alignment */
/*.alignwide,*/
.alignfull {
	width: 100vw;
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}
/*@media (min-width: 1334px) {
    .alignwide {
        width: calc(100% + 10vw);
        max-width: none;
        margin-left: -5vw;
    }
}*/
/*.wkvot-page-sidebar .alignwide,*/
.wkvot-page-sidebar .alignfull {
	width: 100%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
}
[class^="wp-block"].alignleft,
[class^="wp-block"].alignright {
    max-width: 305px;
}

/* Common: Drop cap */
.has-drop-cap:not(:focus):first-letter {
	font-weight: inherit;
}

/* Block: Heading */
.wkvot-block-heading {
    margin-bottom: 24px;
}

/* Block: List */
.wkvot-block-list {
    margin-bottom: 24px;
    padding-left: 15px;
}
.wkvot-block-list ul,
.wkvot-block-list ol {
    padding-left: 15px;
}
ol.wkvot-block-list li,
ul.wkvot-block-list li {
    list-style-position: outside;
}
ol.wkvot-block-list li {
    list-style-type: decimal;
}
ul.wkvot-block-list li {
    list-style-type: disc;
}
ul.wkvot-block-list ul li {
    list-style-type: circle;
}

/* Block: Image */
.wp-block-image {
    margin-bottom: 28px;
}

/* Block: Quote */
.wp-block-quote {
	font-size: 22px;
    font-style: normal;
    line-height: 1.6;
    margin-bottom: 28px;
	padding-left: 20px;
    border-left: 4px solid;
}
.wp-block-quote.has-text-align-right {
	padding-right: 20px;
    border-right: 4px solid;
    border-left: 0 none;
}
.wp-block-quote.has-text-align-center {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    border-right: 0 none;
    border-left: 0 none;
}
.wp-block-quote p {
    font-size: inherit;
    margin-bottom: 0;
}
.wp-block-quote.has-text-align-center p:before,
.wp-block-quote.has-text-align-center p:after {
    display: inline-block;
    font-size: 30px;
    line-height: 1;
}
.wp-block-quote.has-text-align-center p:before {
    content: "\201c";
}
.wp-block-quote.has-text-align-center p:after {
    content: "\201d";
}
.wp-block-quote cite {
    font-size: 13px;
    font-style: normal;
	color: inherit;
	margin-top: 10px;
    opacity: 0.5;
}

/* Block: Pullquote */
.wp-block-pullquote {
    padding: 30px 0;
    margin-bottom: 28px;
    border-top: 4px solid;
    border-bottom: 4px solid;
}
.wp-block-pullquote blockquote {
    font-style: normal;
    margin-bottom: 0;
}
.wp-block-pullquote p {
	font-size: 20px;
}
.wp-block-pullquote.alignleft {
	margin-right: 28px;
}
.wp-block-pullquote.alignright {
	margin-left: 28px;
}
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote {
    margin-bottom: 0;
}
.wp-block-pullquote cite {
	font-size: 13px;
    padding-top: 10px;
    opacity: 0.5;
}

/* Block: File */
.wp-block-file a {
    color: inherit;
    text-decoration: underline;
}

/* Block: Code/Preformatted/Verse */
.wp-block-code,
.wp-block-preformatted,
.wp-block-verse {
	color: #23282d;
}

/* Block: Gallery */
.wp-block-gallery {
    margin-bottom: 12px;
}

/* Block: Cover */
.wp-block-cover {
    margin-bottom: 28px;
}

/* Block: Group */
.wp-block-group.has-background {
	padding: 28px;
}

/* Block: Media & Text */
.wp-block-media-text {
    line-height: 1.8;
    margin-bottom: 28px;
}

/* Block: Table */
.wp-block-table {
    margin-bottom: 28px;
}
.wp-block-table td,
.wp-block-table th {
	padding: 8px;
	border: 1px solid;
}

/* Block: Audio & Video */
.wp-block-audio,
.wp-block-video {
    margin-bottom: 28px;
}
.wp-block-audio figcaption,
.wp-block-video figcaption {
	text-align: center;
}

/* Block: Widget - Archives */
.wp-block-archives {
    margin-bottom: 24px;
}

/* Block: Widget - Categories */
.wp-block-categories {
    margin-bottom: 24px;
}

/* Block: Widget - Calendar */
.wp-block-calendar {
    margin-bottom: 28px;
}
.wp-block-calendar table thead {
    color: #282828;
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
	color: inherit;
}
.wp-block-calendar table caption,
.wp-block-calendar td,
.wp-block-calendar th {
	text-align: center;
}

/* Block: Widget - Latest Posts */
.wp-block-latest-posts {
	margin-bottom: 24px;
}
.wp-block-latest-posts > li > a {
    font-size: 18px;
    line-height: 1.6;
}

/* Block: Widget - Latest Comments */
.wp-block-latest-comments {
    margin-bottom: 24px;
}
.wp-block-latest-comments__comment {
	margin-bottom: 28px;
}

/* Block: Widget - Search */
.wp-block-search {
    margin-bottom: 28px;
}
.wp-block-search__button {
    line-height: 1;
	color: #fff;
	padding: 9px 15px;
	border: 0 none;
	-webkit-border-radius: 0; border-radius: 0;
	text-align: center;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
	background-color: #282828;
}
.wp-block-search__button:hover {
	color: #fff;
	opacity: 0.82;
}

/* Block: Widget - RSS */
.wp-block-rss__item-title a {
    font-size: 18px;
    line-height: 1.6;
}
.wp-block-rss > li {
    margin-bottom: 24px;
}


/* #Elementor
--------------------------------------------------------------- */

/* Page template: Default (boxed) */
.elementor-page .wkvot-page-default {
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}
.elementor-page .wkvot-page-default-col {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

/* Editor: Header - Transparency */
.elementor-editor-active.header-transparency .wkvot-header {
    opacity: 0.3;
    pointer-events: none;
}

/* Editor: "Add" section */
.elementor .elementor-add-section {
    max-width: 1260px;
}

/* Editor: Sections wrapper */
.elementor-editor-active:not(.header-on-scroll) .elementor-section-wrap:hover { /* Show top Section's "tab" above Header */
	z-index: 10002;
}

/* Widget: Section */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1280px;
}
.elementor-section.elementor-section-boxed > .elementor-column-gap-no {
    max-width: 1220px;
}
@media all and (min-width: 769px) {
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default {
        padding-left: 20px;
        padding-right: 20px;
    }
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow {
        padding-left: 25px;
        padding-right: 25px;
    }
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-extended {
        padding-left: 15px;
        padding-right: 15px;
    }
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wide {
        padding-left: 10px;
        padding-right: 10px;
    }
}   
@media all and (max-width: 768px) {
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default {
        padding-left: 5px;
        padding-right: 5px;
    }
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow {
        padding-left: 10px;
        padding-right: 10px;
    }
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wide {
        margin-left: -5px;
        margin-right: -5px;
    }
    .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wider {
        margin-left: -15px;
        margin-right: -15px;
    }
}


/* #Gallery
--------------------------------------------------------------- */

.gallery {
	clear: both;
	margin: -1.79104477%;
	padding-bottom: 32px;
	overflow: hidden;
}
.gallery:last-child {
	padding-bottom: 0;
}
.gallery-item {
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	text-align: center;
	padding: 1.79104477%;
	vertical-align: top;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-item:last-of-type .gallery-icon {
	width: 100%;
}
.gallery-icon img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.gallery-caption {
	left: 1.79104477%;
	bottom: 1.79104477%;
	z-index: 1000;
	text-align: left;
}
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Gallery: Overlays */
.gallery-icon:before,
.gallery-icon:after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	display: block;
	content: " ";
	opacity: 0;
	pointer-events: none;
	background: var(--wkvot-ink);
}
.gallery-icon:before {
	width: 50px;
	height: 1px;
	margin-left: -25px;
}
.gallery-icon:after {
	width: 1px;
	height: 50px;
	margin-top: -25px;
}
.gallery-icon:hover:before,
.gallery-icon:hover:after {
	opacity: 1;
}
.gallery-icon a {
	position: relative;
	display: block;
}
.gallery-icon a:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: block;
	content: " ";
	opacity: 0;
	-webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
	background: #111;
}
.gallery-icon:hover a:before {
	opacity: 0.73;
}

/* Gallery: Popup */
.wkvot-wp-gallery-popup .mfp-counter {
	display: none;
}
.wkvot-wp-gallery-popup .mfp-close {
	color: #fff;
}
.wkvot-wp-gallery-popup .mfp-close:hover,
.wkvot-wp-gallery-popup .mfp-close:focus {
	opacity: 1;
}
.wkvot-wp-gallery-popup .mfp-arrow {
	font-size: 30px;
	line-height: 110px;
	color: #fff;
	width: 70px;
	opacity: 0.75;
	cursor: pointer;
	-webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease;
}
.wkvot-wp-gallery-popup .mfp-arrow-left:before { /* Flip icon horizontally */
	display: inline-block;
	-webkit-transform: scale(-1, 1); transform: scale(-1, 1);
}
.wkvot-wp-gallery-popup .mfp-arrow:hover {
	opacity: 1;
}

@media all and (max-width: 550px) {
	.gallery-item {
		max-width: 50% !important;
	}
	.gallery br {
		display: none;
	}
}
@media all and (max-width: 768px) {
	.gallery-caption {
		display: none;
	}
}
@media all and (max-width: 820px) {
	.wkvot-wp-gallery-popup .mfp-arrow {
		display: none;
	}
}


/* #Widgets
--------------------------------------------------------------- */

.widget {
	margin-bottom: 43px;
}
.widget .wkvot-widget-title {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 16px;
}
.widget ul .children,
.widget ul .sub-menu,
.widget ol .children,
.widget ol .sub-menu {
	margin: 6px 0 6px 20px;
}
.widget ul li {
	line-height: 1.6;
	margin-bottom: 8px;
}
.widget ul li:last-child {
	margin-bottom: 0;
}
.widget ul li a {
	color: inherit;
	cursor: pointer;
}
.widget ul li.active,
.widget ul li a:hover,
.widget ul li a:focus,
.widget ul li a.active {
    color: var(--wkvot-ink);
}
.widget ul li .count {
	display: none;
}
/* Select boxes */
.widget form > select {
    width: 100%;
}
.widget form > button {
    display: block;
}


/* Widget: RSS */
.widget_rss .rsswidget {
	color: #282828;
}
.widget_rss .rsswidget img {
	display: none;
}
.widget_rss ul li {
	padding-bottom: 14px;
}
.widget_rss ul li:last-child {
	padding-bottom: 0;
}
.widget_rss ul li .rss-date {
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 15px 0;
}
.widget_rss ul li .rssSummary {
	padding-bottom: 10px;
}


/* Widget: Calendar */
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font-size: 16px;
	padding-bottom: 10px;
}
#wp-calendar th,
#wp-calendar td {
	padding: 5px;
}
#wp-calendar tbody td a {
	margin-left: -5px;
	padding: 3px 5px;
	color: #fff;
	background: var(--wkvot-ink);
}


/* 
 * Widgets: 
 *
 * - Tag cloud
 * - WooCommerce product tags
 */
.wkvot-footer-widgets .widget_tag_cloud a,
.wkvot-footer-widgets .widget_product_tag_cloud a,
.wkvot-footer-widgets .widget_tag_cloud a:hover,
.wkvot-footer-widgets .widget_product_tag_cloud a:hover,
.widget_tag_cloud a,
.widget_product_tag_cloud a {
	color: #fff;
}
.widget_tag_cloud a,
.widget_product_tag_cloud a {
	display: inline-block;
	float: left;
	font-size: 12px !important;
	line-height: 1;
	margin: 0 6px 6px 0;
	padding: 5px 10px;
	-webkit-border-radius: 30px; border-radius: 30px;
	background: #282828;
}
.wkvot-footer-widgets .widget_tag_cloud a:hover,
.wkvot-footer-widgets .widget_product_tag_cloud a:hover,
.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
	background: var(--wkvot-ink);
}
/* Clear fix */
.tagcloud:before,
.tagcloud:after {
    content: " ";
    display: table;
}
.tagcloud:after {
    clear: both;
}
.tagcloud {
	*zoom: 1;
}


/* Widgets:
 *
 * - Search
 * - Product search
 */
.widget_search form,
.widget_product_search form {
	position: relative;
}
.widget_search input,
.widget_product_search button,
.widget_product_search input {
	width: 100%;
	margin: 0;
	padding: 9px;
    outline: 0 none;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
.widget_product_search label {
	display: none;
}
.widget_search form > button,
.widget_product_search form > #searchsubmit {
	display: block;	
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 100;
	font-size: 16px;
	line-height: 45px;
	color: #555;
	width: 35px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: #fff;
}


/* Widget: Recent posts */
.widget_recent_entries ul li {
	margin-bottom: 14px;
}
.widget_recent_entries ul li:last-child {
	margin-bottom: 0;
}
.widget_recent_entries ul li .post-date {
	display: block;
	font-size: 12px;
}


/* Widget: Recent comments */
.widget_recent_comments ul li {
	position: relative;
	padding-left: 28px;
}
.widget_recent_comments ul li:before {
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	content: "\e602";
	font-family: "wkvot-font";
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	color: #282828;
}
.widget_recent_comments ul li .comment-author-link {
	color: #282828;
}


/* Widget: Text */
.widget_text p {
	margin-bottom: 14px;
}
.widget_text p.no-spacing {
	margin-bottom: 0;
}


/* #Contact form 7
--------------------------------------------------------------- */

div.wpcf7,
.wpcf7 {
    position: relative;
	margin-left: -19px;
	overflow: hidden;
}
.wpcf7-form > .wpcf7-form-control-wrap,
.wpb_text_column .wpcf7-form > p,
.wpcf7-form > p {
	margin-bottom: 0;
	padding: 0 0 19px 19px;
}
.wpcf7-form > p.half {
	float: left;
	width: 50%;
}
.wpcf7-form > p:not(.half) {
	clear: both;
}
.wpcf7 .wpcf7-form-control {
	font-size: 16px;
	line-height: 1.4;
	width: 100%;
}
.wpcf7 input.wpcf7-submit {
	display: inline-block;
	width: auto;
	padding: 11px 17px;
}
div.wpcf7-response-output {
	font-size: 16px;
	line-height: 1.6;
	padding-left: 19px;
}
div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
div.wpcf7-mail-sent-ok {
	color: #398f14;
}
div.wpcf7-mail-sent-ng {
	color: #f00;
}
div.wpcf7-spam-blocked {
	color: #f90;
}
div.wpcf7-validation-errors {
	color: #f00;
}
span.wpcf7-form-control-wrap {
	position: relative;
	display: block;
}
span.wpcf7-not-valid-tip {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	color: #f00;
	margin-top: 10px;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}
span.wpcf7-list-item {
	margin-right: 14px;
}
span.wpcf7-list-item:last-child {
	margin-right: 0;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 10px;
}
div.wpcf7 .ajax-loader {
    opacity: 0;
    transition: opacity 0.2s ease;
}
div.wpcf7 .submitting .ajax-loader,
div.wpcf7 .submitting .wpcf7-spinner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
    background: rgba(255,255,255, 0.4);
}
div.wpcf7 div.ajax-error {
	display: none;
}
div.wpcf7 .placeheld {
	color: #888;
}

@media all and (max-width: 768px) {
	.wpcf7 .wpcf7-form-control {
		font-size: 14px;
	}
}
@media all and (max-width: 550px) {
	.wpcf7-form > p.half {
		float: none;
		width: auto;
	}
}


/* #Page not found (404)
 * ---------------------------------------------------------------
 * Editorial hero: large faded "404" numeral, brand-typography headline,
 * lede, and two CTAs (primary filled + ghost outline). Optional featured-
 * products grid below, gated by the `voguish_404_show_products` filter
 * in 404.php (replaces the legacy Redux `page_not_found_show_products`
 * option). Tokens-only: every colour / radius reads from `:root` so the
 * page tracks the rest of the redesign automatically. clamp() handles
 * responsive scaling without media queries. */

.wkvot-page-not-found {
	padding: clamp(56px, 8vw, 120px) 20px clamp(40px, 6vw, 80px);
}
.wkvot-page-not-found__inner {
	max-width: 560px;
	margin: 0 auto;
	text-align: center;
}
.wkvot-page-not-found__numeral {
	display: block;
	font-family: var(--wkvot-font, inherit);
	font-size: clamp(96px, 18vw, 200px);
	font-weight: 600;
	line-height: 0.95;
	letter-spacing: -0.04em;
	color: var(--wkvot-line-2, #e4e4e1);
	margin: 0 0 8px;
	user-select: none;
}
.wkvot-page-not-found__title {
	font-size: clamp(24px, 3vw, 32px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--wkvot-ink, #1c1c1e);
	margin: 0 0 12px;
}
.wkvot-page-not-found__lede {
	font-size: 16px;
	line-height: 1.55;
	color: var(--wkvot-ink-3, #6b6b6f);
	margin: 0 0 28px;
}
.wkvot-page-not-found__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.wkvot-page-not-found__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 22px;
	border-radius: var(--wkvot-radius-lg, 8px);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
	transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.wkvot-page-not-found__btn--primary {
	background: var(--wkvot-ink, #1c1c1e);
	color: var(--wkvot-bg, #ffffff);
	border: 1px solid var(--wkvot-ink, #1c1c1e);
}
.wkvot-page-not-found__btn--primary:hover,
.wkvot-page-not-found__btn--primary:focus {
	background: var(--wkvot-ink-2, #3a3a3c);
	border-color: var(--wkvot-ink-2, #3a3a3c);
	color: var(--wkvot-bg, #ffffff);
}
.wkvot-page-not-found__btn--ghost {
	background: transparent;
	color: var(--wkvot-ink, #1c1c1e);
	border: 1px solid var(--wkvot-line-2, #e4e4e1);
}
.wkvot-page-not-found__btn--ghost:hover,
.wkvot-page-not-found__btn--ghost:focus {
	background: var(--wkvot-bg-soft, #fafaf8);
	border-color: var(--wkvot-ink, #1c1c1e);
}
.wkvot-page-not-found__btn:focus-visible {
	outline: 2px solid var(--wkvot-ink, #1c1c1e);
	outline-offset: 2px;
}

/* Featured products section under the 404 hero. */
.wkvot-page-not-found-products {
	padding: clamp(32px, 5vw, 72px) 20px clamp(48px, 7vw, 96px);
	border-top: 1px solid var(--wkvot-line, #ececec);
}
.wkvot-page-not-found-products-heading {
	font-size: clamp(20px, 2.4vw, 28px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--wkvot-ink, #1c1c1e);
	text-align: center;
	margin: 0 0 clamp(24px, 3vw, 40px);
}


/* #Footer
--------------------------------------------------------------- */

.wkvot-footer {
	position: relative;
	right: 0; /* Needed for the CSS animation */
	float: left;
	clear: both;
	width: 100%;
}


/* #Footer widgets
--------------------------------------------------------------- */

.wkvot-footer-widgets {
    padding-top: 55px;
    padding-bottom: 15px;
    overflow: hidden;
	background: #fff;
}
.wkvot-footer-widgets.has-border {
	border-top: 1px solid #eee;
}
.wkvot-footer-block-grid {
	margin: 0 -15px;
}
.wkvot-footer-block-grid > li {
	margin-bottom: 0;
	padding: 0 15px 40px;
}


/* #Footer bar
--------------------------------------------------------------- */

.wkvot-footer-bar {
    width: 100%;
    color: var(--wkvot-ink);
    line-height: 1.5;
    vertical-align: middle;
    background: var(--wkvot-bg);
    border: 1px solid var(--wkvot-line);
	margin-top: 80px;
}
.wkvot-footer-bar-inner {
    padding: 0;
    overflow: visible;
    background: var(--wkvot-bg);
}
.wkvot-footer-bar a {
	color: #aaa;
}
.wkvot-footer-bar a:hover {
	color: #eee;
}

/* Bar: Logo */
.wkvot-footer-bar-logo {
	float: left;
	margin-right: 37px;
}
.wkvot-footer-bar-logo img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
    max-height: 30px;
}

/* Bar: Menu */
.wkvot-footer-bar .menu {
	float: left;
}
.wkvot-footer-bar .menu .sub-menu {
	display: none;
}
.wkvot-footer-bar .menu > li {
    display: inline-block;
    margin-left: 18px;
	border-bottom-color: #3a3a3a;
}
.wkvot-footer-bar .menu > li:first-child {
	margin-left: 0;
}
.wkvot-footer-bar .menu > li > a {
	display: inline-block;
	vertical-align: middle;
}

/* Bar: Social icons */
.wkvot-footer-bar-social {
    float: right;
}
.wkvot-footer-bar-social:not(:only-child) {
    margin-left: 37px;
}
.wkvot-footer-bar-social li {
	display: inline-block;
	margin-left: 19px;
}
.wkvot-footer-bar-social li:first-child {
	margin-left: 0;	
}
.wkvot-footer-bar-social a {
	color: #eee;
}
.wkvot-footer-bar-social a:hover {
	color: #c6c6c6;
}
.wkvot-footer-bar-social i {
	font-size: 18px;
	line-height: 30px;
	vertical-align: middle;
}

/* Bar: Copyright text */
.wkvot-footer-bar-copyright {
    float: right;
    text-align: right;
}

/* Bar: Custom content */
.wkvot-footer-bar-custom {
    float: right;
}
.wkvot-footer-bar-custom img {
	max-height: 24px;
	vertical-align: middle;
}

@media all and (max-width: 991px) {
    /* Bar: Logo */
    .wkvot-footer-bar-logo {
        float: none;
        margin-right: 0;
        margin-bottom: 17px;
    }
    
    /* Bar: Menu */
	.wkvot-footer-bar .menu {
		float: none;
	}
	
	/* Bar: Social icons */
	.wkvot-footer-bar-social {
		float: none;
        padding-top: 14px;
	}
    .wkvot-footer-bar-social:not(:only-child) {
        margin-left: 0;
    }
	.wkvot-footer-bar-social i {
		font-size: 16px;
	}
	
    /* Bar: Copyright text */
    .wkvot-footer-bar-copyright {
        float: none;
        padding-top: 17px;
        text-align: inherit;
    }

    /* Bar: Custom content */
    .wkvot-footer-bar-custom {
        float: none;
        padding-top: 17px;
    }
}
@media all and (max-width: 767px) {
	/* Bar: Menu */
	.wkvot-footer-bar .menu > li {
		display: block;
		margin-left: 0;
        padding: 3px 0;	
        border-bottom: 1px solid #3a3a3a;
	}
	.wkvot-footer-bar .menu > li:last-child {
		border-bottom: 0 none;
	}
}


/* #Footer bar: Stacked
--------------------------------------------------------------- */

/* Bar: Logo */
.layout-stacked .wkvot-footer-bar-logo {
	float: none;
	margin-right: 0;
    margin-bottom: 18px;
}

/* Bar: Menu */
.wkvot-footer-bar.layout-stacked .menu > li.wkvot-menu-item-copyright {
    display: block;
    margin-left: 0;
}

/* Bar: Copyright text */
.layout-stacked .wkvot-footer-bar-copyright {
    float: none;
}

/* Bar: Custom content */
.layout-stacked .wkvot-footer-bar-custom {
    float: none;
}



/* #Footer bar: Centered
--------------------------------------------------------------- */

.layout-centered .wkvot-footer-bar-left,
.layout-centered .wkvot-footer-bar-right {
    width: 100%;
}

/* Bar: Logo */
.wkvot-footer-bar.layout-centered {
    text-align: center;
}
.layout-centered .wkvot-footer-bar-logo {
	float: none;
	margin-right: 0;
    margin-bottom: 18px;
}

/* Bar: Menu */
.wkvot-footer-bar.layout-centered .menu {
	float: none;
}
.wkvot-footer-bar.layout-centered .menu > li {
    margin-right: 9px;
    margin-left: 9px;
}

/* Bar: Social icons */
.layout-centered .wkvot-footer-bar-social {
    float: none;
    margin-left: 0;
    padding-top: 17px;
}
.layout-centered .wkvot-footer-bar-social li {
    margin-right: 9px;
    margin-left: 9px;
}

/* Bar: Copyright text */
.layout-centered .wkvot-footer-bar-copyright {
    float: none;
    padding-top: 17px;
    text-align: inherit;
}

/* Bar: Custom content */
.layout-centered .wkvot-footer-bar-custom {
    float: none;
    padding-top: 17px;
}


/* #Plugin: Flickity
--------------------------------------------------------------- */

.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing;
}
/* Flickity: Button */
.flickity-button {
    position: absolute;
    top: 50%;
    display: block;
    color: #111;
    width: 50px;
    height: 128px;
    margin-top: -64px;
    border: none;
    background: none;
	-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
.flickity-button:after { font-family: 'wkvot-font'; }
.flickity-button:hover {
    color: var(--wkvot-ink);
    cursor: pointer;
}
.flickity-button:focus { outline: none; }
.flickity-button:disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}
.flickity-button-icon { display: none;
}
/* Flickity: Previous/next buttons */
.flickity-prev-next-button.previous { left: -10px; }
.flickity-prev-next-button.previous:after { content: "\e600"; }
.flickity-prev-next-button.next { right: -10px; }
.flickity-prev-next-button.next:after { content: "\e601";
}
/* Flickity: Page dots */
.flickity-page-dots {
    position: absolute;
    bottom: 30px;
	left: 50%;
    line-height: 1;
	width: 100%;
	max-width: 1280px;
	padding: 0 27px;
	-webkit-transform: translateX(-50%); transform: translateX(-50%);
    
}
.flickity-page-dots .dot {
    -webkit-box-sizing: content-box; box-sizing: content-box;
    position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
    margin: 0 6px;
    vertical-align: middle;
	cursor: pointer;
    -webkit-border-radius: 50%; border-radius: 50%;
	background-color: #aaa;
}
.flickity-page-dots .dot.is-selected {
    width: 10px;
	height: 10px;
	margin: 0 2px;
    border: 2px solid var(--wkvot-ink);
	background: none;
}

@media all and (max-width: 400px) {
	/* Flickity: Page dots */
	.flickity-page-dots {
		bottom: 22px;
	}
    .flickity-page-dots .dot,
    .flickity-page-dots .dot.is-selected {
		margin: 0 7px;
	}
	.flickity-page-dots .dot.is-selected {
		width: 6px;
		height: 6px;
		border: 0 none;
		background: var(--wkvot-ink);
	}
}


/* #Voguish — Header Search (full-page overlay)
 * -------------------------------------------------------------
 * Bucket A (per docs/redesign/MODIFICATION-POLICY.md) — theme-owned
 * `#wkvot-*` selectors. The header is global theme chrome, so these
 * rules are intentionally UN-SCOPED to any body class: the full-page
 * overlay is the canonical look on every front-end page (shop,
 * single-product, cart, home, blog, account, …). The previous
 * `body.voguish-redesign` gate was removed (2026-05-28) because it
 * caused the panel to fall back to a long-dead 89px legacy strip on
 * any page outside the shop archive — the very anti-pattern called
 * out by memory `feedback_no_redesign_overlay`.
 *
 * Plugin-compat: no IDs/classes renamed, no WC template override,
 * search still submits via native ?s=&post_type=product (WC product
 * search). Public CSS surface (`#wkvot-header-search`, …) is
 * preserved.
 *
 * State classes owned by `assets/js/dev/wkvot-shop-search.js`:
 *   - `body.header-search-open` — overlay open (existing class).
 *   - `#wkvot-page-overlay.wkvot-header-search-overlay.show` —
 *      backdrop visible.
 * --------------------------------------------------------------- */

#wkvot-header-search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    z-index: 1050;
    margin: 0;
    padding: 40px 16px;
    background: var(--wkvot-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-transition: opacity 220ms var(--wkvot-ease-out, ease),
        -webkit-transform 220ms var(--wkvot-ease-out, ease),
        visibility 0s linear 220ms;
    transition: opacity 220ms var(--wkvot-ease-out, ease),
        transform 220ms var(--wkvot-ease-out, ease),
        visibility 0s linear 220ms;
}
body.header-search-open #wkvot-header-search {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s;
}

/* Backdrop tint — sit under panel; panel is the visual modal card */
#wkvot-page-overlay.wkvot-header-search-overlay {
    z-index: 1049;
}

/* Inner wrap: kill legacy padding, full-width row */
#wkvot-header-search .wkvot-header-search-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#wkvot-header-search .wkvot-row {
    margin: 0;
    padding: 0;
    width: 100%;
}
#wkvot-header-search .wkvot-row > [class*="col-"] {
    width: 100%;
    padding: 0;
    float: none;
}

/* Close button — top-right, big hit target, rotates on hover */
#wkvot-header-search-close {
    position: fixed;
    top: clamp(16px, 3vh, 32px);
    right: clamp(16px, 3vw, 48px);
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--wkvot-ink, #1c1c1e);
    background: transparent;
    border: 0;
    opacity: 0.75;
    text-decoration: none;
    -webkit-transition: opacity 150ms ease, -webkit-transform 150ms ease;
    transition: opacity 150ms ease, transform 150ms ease;
}
#wkvot-header-search-close:hover,
#wkvot-header-search-close:focus-visible {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    outline: none;
}
#wkvot-header-search-close:focus-visible {
    box-shadow: 0 0 0 2px var(--wkvot-accent, #1c1c1e);
    border-radius: 50%;
}

/* Search form — editorial display treatment:
 *   ─ caps "SEARCH" eyebrow above (CSS-only via ::before)
 *   ─ display-size centered input
 *   ─ single bottom-border, thickens on focus
 *   ─ right-aligned arrow "→" submit (replaces icon-font glyph) */
#wkvot-header-search-form {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid var(--wkvot-line, #ececec);
    -webkit-transition: border-color 180ms ease;
    transition: border-color 180ms ease;
}

/* Caps eyebrow above the input — purely decorative affordance. The input
 * itself carries the accessible name (aria-label / placeholder), so screen
 * readers don't depend on this text. CSS `content` keeps the markup clean. */
#wkvot-header-search-form::before {
    content: "Search";
    display: block;
    width: 100%;
    margin-bottom: 28px;
    padding-left: 0.32em; /* offset the trailing letter-spacing */
    text-align: center;
    font-size: var(--wkvot-size-caption, 12px);
    letter-spacing: var(--wkvot-tracking-brand, 0.32em);
    text-transform: uppercase;
    color: var(--wkvot-ink-3, #6b6b6f);
    line-height: 1;
}

#wkvot-header-search-form:focus-within {
    border-bottom-color: var(--wkvot-ink, #1c1c1e);
    border-bottom-width: 2px;
    /* Compensate the 1px → 2px growth so the input doesn't shift */
    margin-bottom: -1px;
}

/* Submit button — left side of the input (search-glyph affordance).
 * Selector covers both the legacy `.wkvot-header-search-submit` class
 * (kept for child themes that may still emit it) AND the new BEM
 * `.wkvot-header-search__submit` from the redesigned template
 * (2026-05-29 — searchform.php refactor). */
#wkvot-header-search-form .wkvot-header-search-submit,
#wkvot-header-search-form .wkvot-header-search__submit {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 12px;
    left: auto;
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    color: var(--wkvot-ink, #1c1c1e);
    cursor: pointer;
    line-height: 1;
    z-index: 2;
}

#wkvot-header-search-form .wkvot-header-search__submit svg {
    display: block;
    color: inherit;
    opacity: 0.65;
    transition: opacity 150ms ease, transform 250ms var(--wkvot-ease-out, ease);
}
.no-touch #wkvot-header-search-form .wkvot-header-search__submit:hover svg,
#wkvot-header-search-form .wkvot-header-search__submit:focus-visible svg {
    opacity: 1;
    transform: translateX(4px);
}
#wkvot-header-search-form .wkvot-header-search__submit:focus {
    outline: none;
}
#wkvot-header-search-form .wkvot-header-search__submit:focus-visible {
    outline: 2px solid var(--wkvot-accent, #1c1c1e);
    outline-offset: 2px;
    border-radius: 4px;
}

#wkvot-header-search-input {
    width: 100%;
    margin: 0;
    padding: 8px 56px 14px 0;
    background: transparent;
    border: 0;
    color: var(--wkvot-ink, #1c1c1e);
    font-family: var(--wkvot-font, inherit);
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
}
#wkvot-header-search-input:focus {
    outline: none;
    box-shadow: none;
}
#wkvot-header-search-input::-webkit-input-placeholder { color: var(--wkvot-ink-4, #9a9aa0); opacity: 1; }
#wkvot-header-search-input::-moz-placeholder { color: var(--wkvot-ink-4, #9a9aa0); opacity: 1; }
#wkvot-header-search-input:-ms-input-placeholder { color: var(--wkvot-ink-4, #9a9aa0); opacity: 1; }
#wkvot-header-search-input::placeholder { color: var(--wkvot-ink-4, #9a9aa0); opacity: 1; }

/* "Press Enter to search" hint */
#wkvot-header-search-notice,
#wkvot-search-suggestions-notice {
    width: 100%;
    max-width: 720px;
    margin: 14px auto 0;
    padding: 0;
    text-align: center;
    font-size: var(--wkvot-size-caption, 12px);
    letter-spacing: var(--wkvot-tracking-micro, 0.08em);
    text-transform: uppercase;
    color: var(--wkvot-ink-3, #6b6b6f);
    background: transparent;
}
#wkvot-search-suggestions-notice span {
    display: none;
    color: inherit;
}
#wkvot-search-suggestions.show-press-enter #wkvot-search-suggestions-notice .txt-press-enter,
#wkvot-search-suggestions.show-has-results #wkvot-search-suggestions-notice .txt-has-results,
#wkvot-search-suggestions.show-no-results #wkvot-search-suggestions-notice .txt-no-results {
    display: inline;
}
#wkvot-header-search-notice {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
}
#wkvot-header-search-notice.show {
    visibility: visible;
    opacity: 1;
}

/* Live AJAX product grid: 5/4/3/2 cols */
#wkvot-search-suggestions {
    width: 100%;
    max-width: 1200px;
    margin: 32px auto 0;
    padding: 0;
    background: transparent;
}
#wkvot-search-suggestions .wkvot-search-suggestions-inner {
    width: 100%;
    margin: 0;
    padding: 0;
}
#wkvot-search-suggestions-product-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    /* Override legacy `.block-grid-*` floats */
    float: none;
}
#wkvot-search-suggestions-product-list > li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    float: none;
    /* Override foundation `.medium-block-grid-*` width: 33% etc. */
}
@media (min-width: 750px) {
    #wkvot-search-suggestions-product-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 992px) {
    #wkvot-search-suggestions-product-list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1200px) {
    #wkvot-search-suggestions-product-list {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Body scroll-lock while overlay open — consolidated onto the existing
 * `body.header-search-open` state class (set globally by
 * `wkvot-shop-search.js`). Eliminates the legacy
 * `voguish-redesign-search-open` body class. */
body.header-search-open {
    overflow: hidden;
    /* Preserve scrollbar gutter so layout doesn't shift on open */
    padding-right: var(--wkvot-scrollbar-gutter, 0);
}

/* Mobile breakpoint: tighter padding + reduced input size (still ≥ 16px to prevent iOS zoom) */
@media (max-width: 749px) {
    #wkvot-header-search {
        padding: 32px 16px;
    }
    #wkvot-header-search-form::before {
        margin-bottom: 20px;
    }
    #wkvot-header-search-input {
        padding: 6px 48px 12px 0;
        /* clamp() takes over from base rule, but cap at min for mobile clarity */
        font-size: clamp(22px, 7vw, 28px);
    }
    #wkvot-header-search-form .wkvot-header-search-submit i {
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 20px;
    }
    #wkvot-search-suggestions {
        margin-top: 24px;
    }
    #wkvot-search-suggestions-product-list {
        gap: 16px;
    }
}

/* Admin bar offset for logged-in editors */
.admin-bar #wkvot-header-search {
    top: 32px;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
}
@media (max-width: 782px) {
    .admin-bar #wkvot-header-search {
        top: 46px;
        height: calc(100vh - 46px);
        height: calc(100dvh - 46px);
    }
}

/* Reduced motion: kill scale + transitions */
@media (prefers-reduced-motion: reduce) {
    #wkvot-header-search,
    #wkvot-header-search-close {
        -webkit-transition-duration: 0ms !important;
        transition-duration: 0ms !important;
    }
    #wkvot-header-search {
        -webkit-transform: none;
        transform: none;
    }
    #wkvot-header-search-close:hover,
    #wkvot-header-search-close:focus-visible {
        -webkit-transform: none;
        transform: none;
    }
}


/* #Voguish — Header Search: Suggestions design system (2026-05-29)
 * ---------------------------------------------------------------
 * Markup (`templates/woocommerce/searchform.php`) implements the W3C ARIA
 * combobox pattern: input role=combobox, listbox role=listbox, options
 * role=option + aria-selected. JS (`wkvot-shop-search.js`) handles
 * keyboard nav, debounced fetch, AbortController, JSON consumption.
 *
 * Tokens-only. Spinner state gated on `.is-loading` (toggled by JS).
 * Recent searches `data-voguish-search-recent` hidden until populated.
 * --------------------------------------------------------------- */

.wkvot-header-search__suggestions {
    width: 100%;
    max-width: 720px;
    margin: 24px auto 0;
    padding: 0;
}

/* Recent searches row — pills */
.wkvot-header-search__recent {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--wkvot-line, #ececec);
}
.wkvot-header-search__recent-label {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--wkvot-ink-3, #6b6b6f);
}
.wkvot-header-search__recent-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.wkvot-header-search__recent-btn {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    background: var(--wkvot-bg-soft, #fafaf8);
    border: 1px solid var(--wkvot-line, #ececec);
    border-radius: var(--wkvot-radius-pill, 999px);
    color: var(--wkvot-ink, #1c1c1e);
    font-size: 13px;
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease;
}
.wkvot-header-search__recent-btn:hover,
.wkvot-header-search__recent-btn:focus-visible {
    background: var(--wkvot-bg, #fff);
    border-color: var(--wkvot-ink, #1c1c1e);
    outline: none;
}

/* Status line: "Showing results:" / "No products found." */
.wkvot-header-search__status {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--wkvot-ink-3, #6b6b6f);
    min-height: 1.2em;
}
.wkvot-header-search__status:empty {
    margin: 0;
}

/* Suggestion listbox — single column for clarity (per APG combobox guidance) */
.wkvot-header-search__listbox {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 60vh;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.wkvot-header-search__option {
    margin: 0;
    padding: 0;
}
.wkvot-header-search__option.is-active,
.wkvot-header-search__option[aria-selected="true"] {
    background: var(--wkvot-bg-soft, #fafaf8);
    border-radius: var(--wkvot-radius, 4px);
}

.wkvot-header-search__option-link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 12px;
    border-radius: var(--wkvot-radius, 4px);
    color: var(--wkvot-ink, #1c1c1e);
    text-decoration: none;
    transition: background 120ms ease;
}
.wkvot-header-search__option-link:hover,
.wkvot-header-search__option-link:focus-visible {
    background: var(--wkvot-bg-soft, #fafaf8);
    outline: none;
}

.wkvot-header-search__option-img {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: var(--wkvot-radius, 4px);
    background: var(--wkvot-bg-tile, #f3f1ec);
}

.wkvot-header-search__option-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wkvot-header-search__option-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--wkvot-ink, #1c1c1e);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wkvot-header-search__option-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--wkvot-ink-3, #6b6b6f);
}
.wkvot-header-search__option-cat::after {
    content: "·";
    margin-left: 12px;
    color: var(--wkvot-ink-4, #9a9aa0);
}
.wkvot-header-search__option-cat:last-child::after {
    content: none;
}
.wkvot-header-search__option-price {
    color: var(--wkvot-ink-2, #3a3a3c);
    font-weight: 500;
}
.wkvot-header-search__option-price .price,
.wkvot-header-search__option-price .amount {
    font-size: inherit;
    color: inherit;
}

/* "See all results for …" footer link */
.wkvot-header-search__see-all {
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    padding: 12px 0;
    color: var(--wkvot-ink, #1c1c1e);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.wkvot-header-search__see-all::after {
    content: " →";
}
.wkvot-header-search__see-all:hover,
.wkvot-header-search__see-all:focus-visible {
    color: var(--wkvot-ink-2, #3a3a3c);
    outline: none;
}

/* Spinner: visible only while a request is in flight */
.wkvot-header-search__spinner {
    position: absolute;
    right: 56px;     /* sits left of the submit button */
    bottom: 18px;
    width: 18px;
    height: 18px;
    opacity: 0;
    pointer-events: none;
    color: var(--wkvot-ink-3, #6b6b6f);
    transition: opacity 150ms ease;
}
.wkvot-header-search.is-loading .wkvot-header-search__spinner {
    opacity: 1;
    animation: wkvot-search-spin 800ms linear infinite;
}
@keyframes wkvot-search-spin {
    to { transform: rotate(360deg); }
}

/* Mobile tweaks */
@media (max-width: 600px) {
    .wkvot-header-search__suggestions {
        margin-top: 16px;
    }
    .wkvot-header-search__option-link {
        padding: 8px 8px;
        gap: 12px;
    }
    .wkvot-header-search__option-img {
        width: 48px;
        height: 48px;
    }
    .wkvot-header-search__option-title {
        font-size: 14px;
    }
}