/* VINKS — WordPress/WooCommerce integration overrides (loaded after vinks-core). */

/* ===== Force dark background everywhere (Shoptimizer sets body/wrappers light) ===== */
html, body { background-color: var(--vk-bg) !important; color: var(--vk-text); }
#page, .site, #content, #main, #primary, #wrapper,
.site-content, .site-main, .content-area, .col-full, main,
.woocommerce, .woocommerce-page, .hentry, article.page, .entry-content,
.shoptimizer-container, .site-content-contain {
  background-color: transparent !important;
}
/* Header + announcement: solid dark */
.vk-header { background-color: var(--vk-bg) !important; }
.vk-header.is-scrolled { background-color: var(--vk-bg) !important; }
.vk-announce { background-color: var(--vk-bg) !important; }
/* Shoptimizer's own header/topbar (if it ever renders) */
#masthead, .site-header, #shoptimizer-secondary-toolbar, .secondary-navigation { background-color: var(--vk-bg) !important; }


/* Neutralize theme link color on product cards (Shoptimizer sets blue link color). */
a.pcard, a.pcard:link, a.pcard:visited, a.pcard:hover, a.pcard:focus { color: var(--vk-text); }

/* WooCommerce price markup inside card / PDP */
.pcard__price .amount, .pcard__price .woocommerce-Price-amount { color: var(--vk-text); }
.pcard__price del { color: var(--vk-text-faint); }
.pcard__price ins { text-decoration: none; color: var(--vk-white); }
.price-row .woocommerce-Price-amount, .price-row .amount { color: var(--vk-white); font-size: 22px; }
.price-row del { opacity: .65; }
.price-row del .woocommerce-Price-amount { font-size: 15px; color: var(--vk-text-faint); }
.price-row ins { text-decoration: none; }

/* Keep our header logo crisp regardless of parent img rules */
.vk-header__logo, .vk-drawer img, .vk-footer img { max-width: none; }

/* Bigger header logo */
.vk-header__logo { height: 34px; }
@media (min-width: 768px) { .vk-header__logo { height: 40px; } }

/* ===== Shoptimizer cart drawer — dark skin ===== */
#shoptimizerCartDrawer { background: var(--vk-bg-2) !important; color: var(--vk-text) !important; border-left: 1px solid var(--vk-line) !important; }
#shoptimizerCartDrawer .cart-drawer-heading { color: var(--vk-white); font-family: var(--vk-serif); text-transform: uppercase; letter-spacing: 0.04em; }
#shoptimizerCartDrawer a:not(.button) { color: var(--vk-white); }
#shoptimizerCartDrawer .woocommerce-mini-cart__total, #shoptimizerCartDrawer .amount, #shoptimizerCartDrawer .woocommerce-Price-amount { color: var(--vk-white); }
#shoptimizerCartDrawer .woocommerce-mini-cart-item, #shoptimizerCartDrawer li { border-color: var(--vk-line-soft) !important; }
#shoptimizerCartDrawer .button, #shoptimizerCartDrawer a.button, #shoptimizerCartDrawer .checkout, #shoptimizerCartDrawer a.checkout {
  background: var(--vk-white) !important; color: var(--vk-bg) !important; border: 0 !important;
  border-radius: var(--r-pill) !important; text-transform: uppercase; letter-spacing: 0.16em; font-weight: 500;
}
#shoptimizerCartDrawer .button.wc-forward:not(.checkout) { background: transparent !important; color: var(--vk-white) !important; border: 1px solid var(--vk-line-strong) !important; }
#shoptimizerCartDrawer .close-drawer { color: var(--vk-white); }
#shoptimizerCartDrawer .remove, #shoptimizerCartDrawer a.remove { color: var(--vk-white) !important; }

/* ===== Footer: multi-column on tablet/desktop ===== */
@media (min-width: 600px) {
  .vk-footer__cols { grid-template-columns: repeat(2, 1fr); column-gap: var(--s-6); }
}
@media (min-width: 900px) {
  .vk-footer__cols { grid-template-columns: 2fr 1fr 1fr 1fr 1fr; column-gap: var(--s-7); align-items: start; }
  .vk-footer__cols > :first-child { padding-right: var(--s-6); }
  .vk-footer__bottom { flex-direction: row; align-items: center; justify-content: space-between; }
}