/*
Theme Name: Konkursiukas
Description: CLEAN RESET — stable minimal drawer + footer. v0.4.3
Version: 0.4.21.3-LTS-p31 (orders link reliable nav)
Text Domain: konkursiukas
*/

:root {
  --kk-bg: #0b0b0b;
  --kk-surface: #0f0f0f;
  --kk-border: #212121;
  --kk-text: #ffffff;
  --kk-muted: #c9c9c9;
  --kk-radius: 16px;
}
:root[data-theme="light"] {
  --kk-bg: #ffffff;
  --kk-surface: #f6f7f9;
  --kk-border: #e5e7eb;
  --kk-text: #111827;
  --kk-muted: #4b5563;
}
:root {
  --kk-bg: #0b0b0b;
  --kk-surface: #0f0f0f;
  --kk-border: #212121;
  --kk-text: #ffffff;
  --kk-muted: #c9c9c9;
  --kk-radius: 16px;
}
html, body { background: var(--kk-bg); color: var(--kk-text); }
a { color: var(--kk-text); text-decoration: none; }
img { max-width: 100%; height: auto; }
.kk-container { max-width: 1200px; margin: 0 auto; padding: 16px; }
.kk-card { background: var(--kk-surface); border: 1px solid var(--kk-border); border-radius: var(--kk-radius); padding: 16px; }

/* Topbar */
#kk-topbar { position: sticky; top:0; z-index:999; background: var(--kk-surface); border-bottom:1px solid var(--kk-border); }
#kk-topbar .row { display:flex; align-items:center; gap:12px; }
#kk-search input { width: 70%; max-width: 520px; background: var(--kk-bg); border:1px solid var(--kk-border); color: var(--kk-text); padding:8px 12px; border-radius:10px; }

/* Drawer */
#kk-drawer { position: fixed; inset: 0 0 0 auto; width: 320px; background: var(--kk-surface); border-left:1px solid var(--kk-border);
  transform: translateX(100%); transition: transform .25s ease; z-index: 1000; }
#kk-drawer.open { transform: translateX(0); }
#kk-drawer .head { display:flex; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--kk-border);}
#kk-drawer .body .kk-nav { display:flex; flex-direction:column; gap:10px; list-style:none; margin:0; padding:0; }
#kk-drawer a { color: var(--kk-text); text-decoration:none; display:flex; align-items:center; gap:8px; }
.kk-mobile-only{display:block}
@media (min-width:768px){.kk-mobile-only{display:none}}
#kk-drawer .foot { padding:12px 16px; border-top:1px solid var(--kk-border); display:flex; flex-direction:column; gap:10px; }
#kk-drawer .foot .row { display:flex; justify-content:flex-start; align-items:center; gap:8px; }

/* Footer */
footer { margin-top: 40px; padding: 24px 0; border-top:1px solid var(--kk-border); color: var(--kk-muted); }
.kk-footer { display:flex; flex-direction:column; align-items:center; text-align:center;}
.kk-footer .kk-footer-links { display:flex; gap:10px; align-items:center; justify-content:center; margin-top:4px; }
.kk-footer .kk-footer-link { color: var(--kk-text); text-decoration:none; }
.kk-footer .kk-footer-link:hover { color:#d1d5db; text-decoration: underline; }
.kk-footer .sep { opacity:.6; }
.kk-footer-social { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:10px;}
.kk-soc { display:inline-flex; align-items:center; gap:8px; color: var(--kk-text); text-decoration:none; }
.kk-soc .dot { width:24px; height:24px; border-radius:999px; border:1px solid var(--kk-text); display:inline-block; }

/* Login button */
.kk-login-btn { border:1px solid var(--kk-border); padding:6px 10px; border-radius:10px; }
.kk-login-btn:hover { background: var(--kk-text); color: var(--kk-bg); }

/* === Social brand-color hover (footer + drawer) === */
.kk-social-row { display:flex; gap:12px; align-items:center; justify-content:center; flex-wrap:nowrap; }
.kk-soc { display:inline-flex; align-items:center; justify-content:center; padding:6px 8px; border-radius:8px; text-decoration:none; color: var(--kk-text); transition: background .2s ease, transform .15s ease; }
.kk-soc svg { width:20px; height:20px; display:block; fill: currentColor; }
.kk-soc:hover { transform: translateY(-1px); }
.kk-soc.fb:hover { background:#1877F2; }
.kk-soc.ig:hover { background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF); }
.kk-soc.tt:hover { background:#000000; }
.kk-soc.yt:hover { background:#FF0000; }

/* === Drawer search (v0.4.14-LTS) === */
#kk-drawer .kk-drawer-search{ padding:12px 16px; border-bottom:1px solid var(--kk-border); }
#kk-drawer .kk-search-wrap{ position:relative; display:block; }
#kk-drawer .kk-search-input{
  width: 100%;
  background: var(--kk-bg);
  border:1px solid #ffffff33;
  color: var(--kk-text);
  padding:10px 14px 10px 34px; /* left space for icon */
  border-radius: 20px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#kk-drawer .kk-search-input:hover{ border-color:#ffffff66; }
#kk-drawer .kk-search-input:focus{
  border-color:#ffffffaa;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.12);
}
#kk-drawer .kk-search-icon{
  position:absolute; left:10px; top:50%; transform:translateY(-50%);
  pointer-events:none; color: var(--kk-text); opacity:.7; font-size:14px;
}

/* === Kontaktų forma (v0.4.16-LTS) === */
.kk-contact { max-width: 720px; margin: 12px auto; }
.kk-contact h1 { margin-bottom: 8px; }
.kk-contact p.lead { opacity:.9; }
.kk-form { display:flex; flex-direction:column; gap:12px; margin-top: 12px; }
.kk-form label { font-weight:600; }
.kk-form input[type="text"],
.kk-form input[type="email"],
.kk-form textarea {
  width:100%; background: var(--kk-bg); color: var(--kk-text);
  border:1px solid var(--kk-border); border-radius:12px; padding:10px 12px;
}
.kk-form textarea { min-height: 140px; resize: vertical; }
.kk-form button[type="submit"] {
  align-self:flex-start; border:1px solid var(--kk-border);
  background: var(--kk-text); color: var(--kk-bg);
  padding:10px 14px; border-radius:12px; font-weight:700; cursor:pointer;
}
.kk-alert { border:1px solid var(--kk-border); border-radius:12px; padding:10px 12px; margin-bottom:12px; }
.kk-alert.ok { background: rgba(16,185,129,.15); }     /* green-ish */
.kk-alert.err { background: rgba(239,68,68,.15); }    /* red-ish */

/* Contact extras */
.kk-form .kk-row { display:flex; gap:12px; align-items:flex-start; flex-wrap:wrap; }
.kk-form .kk-row .cell { flex:1 1 260px; }
.kk-form .kk-check { display:flex; gap:8px; align-items:flex-start; }
.kk-form small.muted { opacity:.75; }
.kk-recaptcha-note { font-size:12px; opacity:.7; margin-top:4px; }

/* Laimėtojai grid */
.kk-grid-winners{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; }
.kk-w-card{ background: var(--kk-surface); border:1px solid var(--kk-border); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
.kk-w-media img{ width:100%; height:auto; display:block; }
.kk-w-body{ padding:12px; display:flex; flex-direction:column; gap:6px; }
.kk-w-title{ font-weight:700; }
.kk-w-meta{ font-size:14px; opacity:.85; }
.kk-w-filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.kk-w-filters select, .kk-w-filters button{ background:var(--kk-bg); color:var(--kk-text); border:1px solid var(--kk-border); border-radius:12px; padding:8px 10px; }
.kk-w-empty{ opacity:.7; padding:12px; }


/* === Minimal dark theme support === */
html.kk-dark, html.kk-dark body{ background:#0b0b0c; color:#f3f4f6; }
html.kk-dark a{ color:#e5e7eb; }
html.kk-dark #kk-topbar{ background:#111214; }
html.kk-dark #kk-drawer{ background:#121316; color:#e5e7eb; }
html.kk-dark .kk-search-input{ background:#0f1113; color:#e5e7eb; border-color:#2a2c31; }
html.kk-dark .kk-card, html.kk-dark .kk-table, html.kk-dark .kk-footer{ background:#0f1113; border-color:#2a2c31; }


/* === p7: Improved dark mode contrast === */
html.kk-dark, html.kk-dark body{ background:#0b0b0c; color:#F5F7FA; }
html.kk-dark a{ color:#ffffff; }
html.kk-dark #kk-topbar{ background:#0e0f11; border-bottom:1px solid #2a2c31; }
html.kk-dark #kk-drawer{ background:#121316; color:#F5F7FA; }
html.kk-dark #kk-drawer .head{ background:#15171a; border-bottom:1px solid #2a2c31; color:#fff; }
html.kk-dark #kk-drawer .body{ color:#F5F7FA; }
html.kk-dark #kk-drawer .kk-nav a{ color:#F5F7FA !important; text-decoration:none; display:flex; align-items:center; gap:.5rem; }
html.kk-dark #kk-drawer .kk-nav a:hover{ background:#1b1d22; border-radius:10px; }
html.kk-dark #kk-drawer .foot{ background:#15171a; border-top:1px solid #2a2c31; color:#fff; }
html.kk-dark .kk-cart-link strong{ color:#fff; }
html.kk-dark .checkout-link{ color:#fff; border-color:#3a3d45; background:#1b1d22; }
html.kk-dark .checkout-link:hover{ background:#262a31; }
html.kk-dark .kk-drawer-search .kk-search-input{ background:#0f1113; color:#ffffff; border-color:#3a3d45; }
html.kk-dark .kk-drawer-search .kk-search-icon{ filter:none; opacity:.9; }
html.kk-dark .kk-auth a{ color:#ffffff; }
html.kk-dark .kk-table, html.kk-dark .kk-card{ background:#101214; color:#F5F7FA; border-color:#2a2c31; }
html.kk-dark .kk-footer{ background:#0e0f11; color:#e5e7eb; border-top:1px solid #2a2c31; }


/* p9 removed button block */
:root{
  --kk-brand:#2563eb;        /* primary */
  --kk-brand-hover:#1e40af;  /* primary hover */
  --kk-surface:#121316;
  --kk-surface-2:#15171a;
  --kk-border:#2a2c31;
  --kk-text:#F5F7FA;
  --kk-muted:#cbd5e1;
}

html.kk-dark, html.kk-dark body{ background:#0b0b0c; color:var(--kk-text); }
html.kk-dark a{ color:#ffffff; }
html.kk-dark a:hover{ color:#ffffff; text-decoration:underline; }

/* Footer links (DUK, Taisyklės, Privatumas, Grąžinimas) */
html.kk-dark .kk-footer a{ color:var(--kk-text); }
html.kk-dark .kk-footer a:hover{ color:#fff; text-decoration:underline; }
html.kk-dark .kk-footer{ background:#0e0f11; color:var(--kk-text); border-top:1px solid var(--kk-border); }

/* Drawer */
html.kk-dark #kk-drawer{ background:var(--kk-surface); color:var(--kk-text); }
html.kk-dark #kk-drawer .head{ background:var(--kk-surface-2); border-bottom:1px solid var(--kk-border); color:#fff; }
html.kk-dark #kk-drawer .body{ color:var(--kk-text); }
html.kk-dark #kk-drawer .kk-nav a{ color:var(--kk-text) !important; display:flex; align-items:center; gap:.5rem; padding:8px 10px; border-radius:10px; }
html.kk-dark #kk-drawer .kk-nav a:hover{ background:#1b1d22; }
html.kk-dark #kk-drawer .foot{ background:var(--kk-surface-2); border-top:1px solid var(--kk-border); color:#fff; }
html.kk-dark .kk-cart-link strong{ color:#fff; }

/* Buttons – Woo + Gutenberg + custom */
html.kk-dark .button,
html.kk-dark a.button,
html.kk-dark button.button,
html.kk-dark .woocommerce a.button,
html.kk-dark .woocommerce button.button,
html.kk-dark .woocommerce input.button,
html.kk-dark .wp-block-button__link,
html.kk-dark .checkout-button,
html.kk-dark .wc-block-cart__submit .wc-block-components-button__button,
html.kk-dark .woocommerce a.add_to_cart_button,
html.kk-dark .woocommerce .actions .button {
  background: var(--kk-brand) !important;
  color:#fff !important;
  border:1px solid var(--kk-brand) !important;
  border-radius:10px;
}
html.kk-dark .button:hover,
html.kk-dark a.button:hover,
html.kk-dark button.button:hover,
html.kk-dark .woocommerce a.button:hover,
html.kk-dark .woocommerce button.button:hover,
html.kk-dark .woocommerce input.button:hover,
html.kk-dark .wp-block-button__link:hover,
html.kk-dark .checkout-button:hover,
html.kk-dark .wc-block-cart__submit .wc-block-components-button__button:hover,
html.kk-dark .woocommerce a.add_to_cart_button:hover,
html.kk-dark .woocommerce .actions .button:hover {
  background: var(--kk-brand-hover) !important;
  border-color: var(--kk-brand-hover) !important;
}

/* Secondary/ghost buttons */
html.kk-dark .button.alt,
html.kk-dark a.button.alt,
html.kk-dark .woocommerce a.button.alt,
html.kk-dark .woocommerce button.button.alt {
  background: transparent !important;
  color:#fff !important;
  border:1px solid var(--kk-border) !important;
}
html.kk-dark .button.alt:hover,
html.kk-dark a.button.alt:hover,
html.kk-dark .woocommerce a.button.alt:hover,
html.kk-dark .woocommerce button.button.alt:hover {
  background:#1b1d22 !important;
}

/* Drawer "Apmokėti" button */
html.kk-dark #kk-drawer .checkout-link{
  background: var(--kk-brand);
  color:#fff;
  border-color: var(--kk-brand);
}
html.kk-dark #kk-drawer .checkout-link:hover{
  background: var(--kk-brand-hover);
  border-color: var(--kk-brand-hover);
}

/* Forms / inputs */
html.kk-dark input[type="text"],
html.kk-dark input[type="email"],
html.kk-dark input[type="password"],
html.kk-dark input[type="search"],
html.kk-dark input[type="tel"],
html.kk-dark textarea,
html.kk-dark select {
  background:#0f1113;
  color:#fff;
  border:1px solid var(--kk-border);
}
html.kk-dark ::placeholder { color:#9aa4b2; opacity:1; }

/* Woo tables/cards */
html.kk-dark .woocommerce table.shop_table,
html.kk-dark .woocommerce .order_details,
html.kk-dark .woocommerce-cart-form,
html.kk-dark .woocommerce-checkout-review-order-table {
  background:#101214;
  color:#fff;
  border-color:var(--kk-border);
}
html.kk-dark .woocommerce table.shop_table th,
html.kk-dark .woocommerce table.shop_table td { border-color:var(--kk-border); }

/* Notices */
html.kk-dark .woocommerce-message,
html.kk-dark .woocommerce-info,
html.kk-dark .woocommerce-error {
  background:#13161a;
  color:#fff;
  border-color:var(--kk-border);
}

/* Footer social icons tint on dark */
html.kk-dark .kk-social a{ color:#e5e7eb; }
html.kk-dark .kk-social a:hover{ color:#fff; }



/* === p10: Button theme mapping === */
/* Light mode (default): ALL primary/checkout buttons Black */
html:not(.kk-dark) .button,
html:not(.kk-dark) a.button,
html:not(.kk-dark) button.button,
html:not(.kk-dark) .woocommerce a.button,
html:not(.kk-dark) .woocommerce button.button,
html:not(.kk-dark) .woocommerce input.button,
html:not(.kk-dark) .wp-block-button__link,
html:not(.kk-dark) .checkout-button,
html:not(.kk-dark) .woocommerce a.add_to_cart_button,
html:not(.kk-dark) .wc-block-cart__submit .wc-block-components-button__button,
html:not(.kk-dark) .woocommerce .actions .button,
html:not(.kk-dark) #kk-drawer .checkout-link {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:10px;
}
html:not(.kk-dark) .button:hover,
html:not(.kk-dark) a.button:hover,
html:not(.kk-dark) button.button:hover,
html:not(.kk-dark) .woocommerce a.button:hover,
html:not(.kk-dark) .woocommerce button.button:hover,
html:not(.kk-dark) .woocommerce input.button:hover,
html:not(.kk-dark) .wp-block-button__link:hover,
html:not(.kk-dark) .checkout-button:hover,
html:not(.kk-dark) .woocommerce a.add_to_cart_button:hover,
html:not(.kk-dark) .wc-block-cart__submit .wc-block-components-button__button:hover,
html:not(.kk-dark) .woocommerce .actions .button:hover,
html:not(.kk-dark) #kk-drawer .checkout-link:hover {
  background:#111 !important;
  border-color:#111 !important;
}

/* Dark mode: ALL primary/checkout buttons White */
html.kk-dark .button,
html.kk-dark a.button,
html.kk-dark button.button,
html.kk-dark .woocommerce a.button,
html.kk-dark .woocommerce button.button,
html.kk-dark .woocommerce input.button,
html.kk-dark .wp-block-button__link,
html.kk-dark .checkout-button,
html.kk-dark .woocommerce a.add_to_cart_button,
html.kk-dark .wc-block-cart__submit .wc-block-components-button__button,
html.kk-dark .woocommerce .actions .button,
html.kk-dark #kk-drawer .checkout-link {
  background:#fff !important;
  color:#000 !important;
  border:1px solid #fff !important;
  border-radius:10px;
}
html.kk-dark .button:hover,
html.kk-dark a.button:hover,
html.kk-dark button.button:hover,
html.kk-dark .woocommerce a.button:hover,
html.kk-dark .woocommerce button.button:hover,
html.kk-dark .woocommerce input.button:hover,
html.kk-dark .wp-block-button__link:hover,
html.kk-dark .checkout-button:hover,
html.kk-dark .woocommerce a.add_to_cart_button:hover,
html.kk-dark .wc-block-cart__submit .wc-block-components-button__button:hover,
html.kk-dark .woocommerce .actions .button:hover,
html.kk-dark #kk-drawer .checkout-link:hover {
  background:#e5e7eb !important;
  border-color:#e5e7eb !important;
}


/* === p11: Footer/link contrast & no-blue override === */
/* Footer links should follow theme, not blue */
.kk-footer a,
footer.site-footer a {
  color: #111 !important;   /* light mode */
  text-decoration: none;
}
.kk-footer a:hover,
footer.site-footer a:hover {
  color: #000 !important;
  text-decoration: underline;
}

/* Dark mode footer: white text/links */
html.kk-dark .kk-footer,
html.kk-dark footer.site-footer { color:#fff !important; }
html.kk-dark .kk-footer a,
html.kk-dark footer.site-footer a { color:#fff !important; }
html.kk-dark .kk-footer a:hover,
html.kk-dark footer.site-footer a:hover { color:#fff !important; text-decoration: underline; }


/* === p11: Strong button theming (light=black, dark=white) === */
/* Collect all common button classes */
:root {
  --kk-btn-radius: 12px;
}
/* Light mode */
html:not(.kk-dark) .button,
html:not(.kk-dark) a.button,
html:not(.kk-dark) button.button,
html:not(.kk-dark) input[type=submit],
html:not(.kk-dark) .wp-block-button__link,
html:not(.kk-dark) .wp-element-button,
html:not(.kk-dark) .woocommerce a.button,
html:not(.kk-dark) .woocommerce button.button,
html:not(.kk-dark) .woocommerce input.button,
html:not(.kk-dark) .woocommerce .button,
html:not(.kk-dark) .checkout-button,
html:not(.kk-dark) #kk-drawer .checkout-link {
  background:#000 !important; color:#fff !important; border:1px solid #000 !important; border-radius:var(--kk-btn-radius);
}
html:not(.kk-dark) .button:hover,
html:not(.kk-dark) a.button:hover,
html:not(.kk-dark) button.button:hover,
html:not(.kk-dark) input[type=submit]:hover,
html:not(.kk-dark) .wp-block-button__link:hover,
html:not(.kk-dark) .wp-element-button:hover,
html:not(.kk-dark) .woocommerce a.button:hover,
html:not(.kk-dark) .woocommerce button.button:hover,
html:not(.kk-dark) .woocommerce input.button:hover,
html:not(.kk-dark) .woocommerce .button:hover,
html:not(.kk-dark) .checkout-button:hover,
html:not(.kk-dark) #kk-drawer .checkout-link:hover {
  background:#111 !important; border-color:#111 !important;
}

/* Dark mode */
html.kk-dark .button,
html.kk-dark a.button,
html.kk-dark button.button,
html.kk-dark input[type=submit],
html.kk-dark .wp-block-button__link,
html.kk-dark .wp-element-button,
html.kk-dark .woocommerce a.button,
html.kk-dark .woocommerce button.button,
html.kk-dark .woocommerce input.button,
html.kk-dark .woocommerce .button,
html.kk-dark .checkout-button,
html.kk-dark #kk-drawer .checkout-link {
  background:#fff !important; color:#000 !important; border:1px solid #fff !important; border-radius:var(--kk-btn-radius);
}
html.kk-dark .button:hover,
html.kk-dark a.button:hover,
html.kk-dark button.button:hover,
html.kk-dark input[type=submit]:hover,
html.kk-dark .wp-block-button__link:hover,
html.kk-dark .wp-element-button:hover,
html.kk-dark .woocommerce a.button:hover,
html.kk-dark .woocommerce button.button:hover,
html.kk-dark .woocommerce input.button:hover,
html.kk-dark .woocommerce .button:hover,
html.kk-dark .checkout-button:hover,
html.kk-dark #kk-drawer .checkout-link:hover {
  background:#e5e7eb !important; border-color:#e5e7eb !important;
}


/* Drawer/menu text visibility in dark mode */
html.kk-dark #kk-drawer .kk-nav a { color:#fff !important; }
html.kk-dark #kk-drawer .kk-cart-link strong { color:#fff !important; }


/* === p12: Fix dark-mode visibility in drawer + footer === */
/* Drawer nav: force full opacity and white text in dark mode */
html.kk-dark #kk-drawer .kk-nav li,
html.kk-dark #kk-drawer .kk-nav a,
html.kk-dark #kk-drawer .kk-nav span {
  color:#ffffff !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  text-shadow:none !important;
}

/* Ensure general links in dark are visible */
html.kk-dark a,
html.kk-dark a:visited { color:#ffffff !important; }

/* Footer text + links in dark */
html.kk-dark .kk-footer,
html.kk-dark footer.site-footer { color:#e5e7eb !important; }
html.kk-dark .kk-footer a,
html.kk-dark .kk-footer a:visited,
html.kk-dark footer.site-footer a,
html.kk-dark footer.site-footer a:visited { color:#ffffff !important; }

/* Separator in footer (the vertical bar) */
html.kk-dark .kk-footer .sep { color:#9aa4b2 !important; opacity:0.7; }

/* Light mode drawer text ensure readable (nearly black) */
html:not(.kk-dark) #kk-drawer .kk-nav a,
html:not(.kk-dark) #kk-drawer .kk-nav span { color:#111 !important; opacity:1 !important; }


/* === p13: Drawer zoom flicker fix + hard contrast === */

/* 1) Disable any transitions inside drawer to avoid "zoom" feeling when toggling theme */
#kk-drawer, #kk-drawer * {
  transition: none !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* 2) Fix text colors in both themes */
html:not(.kk-dark) #kk-drawer .kk-nav a,
html:not(.kk-dark) #kk-drawer .kk-nav span { color:#111 !important; opacity:1 !important; }
html.kk-dark #kk-drawer .kk-nav a,
html.kk-dark #kk-drawer .kk-nav span { color:#ffffff !important; opacity:1 !important; }

/* 3) Search field contrast */
html.kk-dark #kk-drawer .kk-search-input{
  background:#0f1113 !important;
  color:#fff !important;
  border:1px solid #3a3d45 !important;
}
html.kk-dark #kk-drawer .kk-search-input::placeholder{ color:#9aa4b2 !important; }

/* 4) Drawer footer colors */
html.kk-dark #kk-drawer .foot,
html.kk-dark #kk-drawer .kk-cart-link strong { color:#fff !important; }
html:not(.kk-dark) #kk-drawer .foot { color:#111 !important; }

/* 5) Ensure body/html don't change base font size between themes */
html, body { font-size: 16px; }
html.kk-dark, html:not(.kk-dark) { font-size: 16px; }

/* 6) Buttons already themed in p11; ensure drawer checkout follows strictly */
html.kk-dark #kk-drawer .checkout-link{ background:#fff !important; color:#000 !important; }
html:not(.kk-dark) #kk-drawer .checkout-link{ background:#000 !important; color:#fff !important; }


/* === p15: Prevent drawer size jump on theme toggle === */
/* Fix the toggle label width so text change ('Tamsus režimas' <-> 'Šviesus režimas') doesn't reflow layout */
#kk-drawer #kk-theme-toggle .kk-theme-label{
  display:inline-block;
  min-width: 15ch; /* wide enough for both strings */
  white-space: nowrap;
}


/* p16 width block removed by p17 */
#kk-drawer{
  width: 88vw;           /* fixed proportion on mobile */
  max-width: 420px;      /* cap width on larger screens */
  min-width: 300px;      /* avoid narrow wrap */
  box-sizing: border-box;
}
@media (min-width: 768px){
  #kk-drawer{ width: 380px; }
}
@media (min-width: 1024px){
  #kk-drawer{ width: 420px; }
}

/* Keep toggle label from reflowing */
#kk-drawer #kk-theme-toggle .kk-theme-label{
  display:inline-block;
  min-width: 15ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* p17 block removed */
/* Fix a single, stable width & paddings equal to light-mode snapshot */
#kk-drawer{
  width: 92vw;            /* like your light screenshot */
  max-width: 460px;
  min-width: 320px;
  box-sizing: border-box;
  padding: 0;             /* unify padding to avoid mode-based expansion */
}
#kk-drawer .head,
#kk-drawer .body,
#kk-drawer .foot{
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-width: 1px 0 0 0; /* keep same border thickness in both modes */
  box-sizing: border-box;
}
#kk-drawer .head{ border-top-width: 0; } /* top has no border in both modes */

/* Search field consistent sizing */
#kk-drawer .kk-drawer-search .kk-search-input{
  height: 42px;
  padding-left: 34px;
  border-width: 1px;      /* equal in both modes */
  border-radius: 22px;
  box-sizing: border-box;
}

/* Ensure label width constant */
#kk-drawer #kk-theme-toggle .kk-theme-label{
  display:inline-block;
  min-width:15ch;
  white-space:nowrap;
}

/* Remove any theme-based width overrides from older patches */
html.kk-dark #kk-drawer,
html:not(.kk-dark) #kk-drawer{ width:auto; } /* neutralize */


/* === p18: Stable drawer layout across theme toggle === */
:root{ --kk-drawer-divider:#e5e7eb; }
html.kk-dark{ --kk-drawer-divider:#2a2c31; }

/* Fixed, stable width like in your light screenshot */
#kk-drawer{
  width: 92vw;
  max-width: 460px;
  min-width: 320px;
  box-sizing: border-box;
}

/* Sections use identical paddings and 1px borders in both themes (only color changes) */
#kk-drawer .head,
#kk-drawer .kk-drawer-search,
#kk-drawer .body,
#kk-drawer .foot{
  padding: 12px 16px;
  box-sizing: border-box;
}
#kk-drawer .head{ border-bottom: 1px solid var(--kk-drawer-divider); }
#kk-drawer .kk-drawer-search{ border-bottom: 1px solid var(--kk-drawer-divider); }
#kk-drawer .foot{ border-top: 1px solid var(--kk-drawer-divider); }

/* Nav items uniform line-height and padding */
#kk-drawer .kk-nav a{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding: 10px 0;
  line-height: 1.4;
}

/* Search input unified size */
#kk-drawer .kk-search-input{
  height: 44px;
  padding-left: 34px;
  border: 1px solid var(--kk-drawer-divider);
  border-radius: 22px;
  box-sizing: border-box;
}

/* Keep theme label width fixed to prevent reflow */
#kk-drawer #kk-theme-toggle .kk-theme-label{
  display:inline-block;
  min-width: 15ch;
  white-space: nowrap;
}

/* No transitions inside drawer to avoid visual jump (keep transforms for open/close) */
#kk-drawer *{ transition: none !important; }


/* === p23: Drawer slightly smaller (same size in both modes) === */
#kk-drawer{
  width: 88vw;        /* was 92vw */
  max-width: 400px;   /* was ~460px */
  min-width: 300px;
  box-sizing: border-box;
}
#kk-drawer .head,
#kk-drawer .kk-drawer-search,
#kk-drawer .body,
#kk-drawer .foot{
  padding-left:16px;
  padding-right:16px;
}


/* === p24: Drawer size reduced by half (both themes) === */
#kk-drawer{
  width: 44vw;        /* half of 88vw */
  max-width: 200px;   /* half of 400px */
  min-width: 150px;   /* keep usable minimum */
  box-sizing: border-box;
}


/* === p26: Shrink drawer vertically from the top (shorter overall) === */
#kk-drawer{
  top: 0 !important;          /* anchor to top */
  height: 70vh !important;    /* shorter than full height */
  bottom: auto !important;    /* do not stretch to bottom */
  overflow-y: auto;           /* scroll inside if content exceeds */
}
@media (max-height: 560px){
  #kk-drawer{ height: 78vh !important; }
}


/* === p27: Compact drawer nav items (Susisiekite, Grįžti, Mano paskyra, ir kt.) === */
#kk-drawer .kk-nav{ row-gap: 4px !important; }
#kk-drawer .kk-nav li{ margin: 0 !important; }
#kk-drawer .kk-nav a{
  padding: 6px 0 !important;   /* was ~10px */
  line-height: 1.2 !important; /* tighter */
  font-size: 0.95rem !important; /* slightly smaller text */
}

/* === KK PATCH: Cart "Apmokėti" visibility in dark mode (ONLY cart page) === */
html.dark .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.dark .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
[data-theme="dark"] .woocommerce-cart .wc-proceed-to-checkout .checkout-button,
/* Woo Blocks fallback */
html.dark .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
body.dark .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
[data-theme="dark"] .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
  text-shadow: none !important;
}

html.dark .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
body.dark .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
[data-theme="dark"] .woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
/* Woo Blocks hover */
html.dark .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover,
body.dark .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover,
[data-theme="dark"] .woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover {
  background: #e9e9e9 !important;
  color: #000000 !important;
  border-color: #e9e9e9 !important;
}
/* === /KK PATCH === */


/* Make drawer search icon clickable */
.kk-search-icon.kk-search-btn{background:none;border:0;padding:0;cursor:pointer;}

/* Ensure icon is clickable */
.kk-drawer-search .kk-search-icon{pointer-events:auto;}

/* Ensure the magnifier is clickable inside the drawer */
#kk-drawer .kk-drawer-search .kk-search-icon.kk-search-btn{
  pointer-events: auto !important;
  z-index: 5;
}



/* Winners grid & modal */
.kk-winners-filters{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin: 10px 0 16px; }
.kk-winners-filters input[type="search"],
.kk-winners-filters input[type="text"],
.kk-winners-filters select{ padding:8px 10px; border:1px solid var(--kk-border); background:var(--kk-surface); color:var(--kk-text); border-radius:10px; }
.kk-winners-filters .kk-btn{ padding:8px 12px; border-radius:10px; border:1px solid var(--kk-border); background:var(--kk-surface); color:var(--kk-text); cursor:pointer; }

.kk-winners-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:12px; }
.kk-winner-card{ background:var(--kk-surface); border:1px solid var(--kk-border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; outline:none; }
.kk-winner-card:focus{ box-shadow:0 0 0 2px #4f46e5; }
.kk-winner-image{ position:relative; aspect-ratio: 4/3; background:#111; display:flex; align-items:center; justify-content:center; }
.kk-winner-image img{ width:100%; height:100%; object-fit:cover; display:block; }
.kk-no-photo{ font-size:.9em; opacity:.6; }
.kk-verified{ position:absolute; right:8px; top:8px; background:#16a34a; color:#fff; font-weight:700; font-size:12px; padding:4px 6px; border-radius:999px; border:1px solid rgba(255,255,255,.2); }
.kk-winner-info{ padding:10px 12px; display:flex; flex-direction:column; gap:6px; }
.kk-winner-title{ font-weight:700; }
.kk-winner-meta{ display:flex; flex-wrap:wrap; gap:8px; opacity:.85; font-size:.92em; }
.kk-proof-btn{ margin-top:4px; padding:8px 10px; border-radius:10px; border:1px solid var(--kk-border); background:var(--kk-surface); color:var(--kk-text); cursor:pointer; }

/* Modal */
.kk-modal{ position:fixed; inset:0; display:none; z-index:10050; }
.kk-modal.open{ display:block; }
.kk-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); }
.kk-modal-dialog{ position:absolute; inset:auto; left:50%; top:50%; transform:translate(-50%,-50%); width:min(92vw, 820px); background:var(--kk-surface); border:1px solid var(--kk-border); border-radius:14px; overflow:hidden; }
.kk-modal-body{ display:flex; gap:12px; padding:12px; }
.kk-modal-img{ width:55%; max-height:70vh; object-fit:cover; background:#000; }
.kk-modal-text{ flex:1; display:flex; flex-direction:column; gap:8px; }
.kk-modal-close{ position:absolute; right:10px; top:10px; background:transparent; border:0; color:var(--kk-text); font-size:18px; cursor:pointer; }

@media (max-width: 720px){
  .kk-modal-body{ flex-direction:column; }
  .kk-modal-img{ width:100%; }
}

/* Winners verified text badge */
.kk-verified-text{margin-left:6px;font-size:.85em;color:var(--kk-text,#222);opacity:.9}


/* HOF tabs */
.kk-hof-tabs{ display:flex; gap:10px; margin:6px 0 10px; flex-wrap:wrap; }
.kk-hof-tabs a{ padding:6px 10px; border-radius:10px; border:1px solid var(--kk-border); text-decoration:none; color:var(--kk-text); background:var(--kk-surface); }
.kk-hof-tabs a.active{ border-color:#4f46e5; box-shadow:0 0 0 2px rgba(79,70,229,.15); }

/* Load more */
.kk-more-wrap{ display:flex; justify-content:center; margin:14px 0; }
.kk-more-wrap .kk-btn{ padding:10px 14px; border:1px solid var(--kk-border); background:var(--kk-surface); border-radius:12px; cursor:pointer; }

/* Gallery thumbs */
.kk-modal-gallery{ display:flex; flex-direction:column; gap:8px; width:55%; }
.kk-modal-thumbs{ display:flex; gap:6px; flex-wrap:wrap; }
.kk-modal-thumbs img{ width:68px; height:68px; object-fit:cover; border-radius:6px; border:1px solid var(--kk-border); cursor:pointer; }
.kk-modal-img{ width:100%; max-height:60vh; object-fit:cover; background:#000; border:1px solid var(--kk-border); border-radius:8px; }

/* Copy link */
.kk-modal-actions{ display:flex; align-items:center; gap:10px; margin-top:8px; }
.kk-copy-link{ padding:8px 12px; border:1px solid var(--kk-border); background:var(--kk-surface); border-radius:10px; cursor:pointer; }
@media (max-width: 720px){
  .kk-modal-gallery{ width:100%; }
}

/* MYACCOUNT header on top */
header, .site-header, #kk-topbar { position: sticky; top: 0; z-index: 2000; }
.kk-menu-toggle { position: relative; z-index: 2001; pointer-events: auto; }
.woocommerce-account .site, .woocommerce-account .content, .woocommerce-account .entry-content { position: relative; z-index: 1; }
#kk-drawer { pointer-events: none; }
#kk-drawer.open { pointer-events: auto; }
.woocommerce, .woocommerce-account, .woocommerce-MyAccount-content { background: var(--kk-bg); color: var(--kk-text); }