/* =========================================================================
   Vtičniki tretjih oseb v ročnem slogu (prenova 2026, 7. faza). Kode vtičnikov ne spreminjamo.
   Naloži se povsod, za slogi vtičnikov (inc/plugins.php), zato enaka specifičnost zadošča.
   ========================================================================= */

/* ---------- Stranska košarica (side-cart-woocommerce) ---------- */
.xoo-wsc-container, .xoo-wsc-slider { font-family: var(--body); color: var(--ink); }
.xoo-wsc-header { background-color: var(--mint); color: #fff; border-bottom: 0; padding: 18px 20px 16px; }
.xoo-wsch-text { font: 700 34px/1 var(--caps); letter-spacing: .03em; }
.xoo-wsch-top .xoo-wsch-basket { display: none; }
span.xoo-wsch-close { font-size: 20px; right: 16px; color: #fff; cursor: pointer; }
.xoo-wsc-body { background-color: var(--cream); }

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product { margin: 12px 14px; padding: 10px; border-radius: 16px; box-shadow: var(--shadow); background-color: #fff; }
.xoo-wsc-img-col img { border-radius: 12px; }
.xoo-wsc-products:not(.xoo-wsc-pattern-card), .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a { font-size: 15px; color: var(--ink); }
.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-pname a { font: 700 26px/1 var(--caps); letter-spacing: .03em; color: var(--mint-dark); text-decoration: none; }
.xoo-wsc-qty-price { color: var(--muted); }
.xoo-wsc-smr-del { color: var(--red); cursor: pointer; }
.xoo-wsc-smr-del:hover { color: var(--red-dark); }

.xoo-wsc-footer { background-color: #fff; color: var(--ink); padding: 14px 20px 18px; box-shadow: 0 -6px 20px rgba(30, 70, 62, .08); }
.xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount { font-size: 15px; }
.xoo-wsc-ft-amt { font-weight: 700; }
.xoo-wsc-footer .xoo-wsc-ft-amt-value .amount { font: 700 30px/1 var(--caps); letter-spacing: .02em; color: var(--red-dark); }
.xoo-wsc-footer-txt { color: var(--muted); font-size: 14px; }
.xoo-wsc-ft-buttons-cont { gap: 10px; margin-top: 12px; }
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px; font: 700 22px/1 var(--caps); letter-spacing: .04em;
  padding: 11px 20px 9px; border: 0; border-radius: var(--pill); background-color: #fff; color: var(--mint);
  box-shadow: inset 0 0 0 2px var(--mint); text-decoration: none; transition: transform .15s, box-shadow .15s;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover { background-color: var(--mint-soft); color: var(--mint-dark); border: 0; }
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout { background-color: var(--red); color: #fff; box-shadow: var(--press) var(--red-dark); margin-bottom: 4px; }
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover { background-color: var(--red); color: #fff; box-shadow: 0 6px 0 var(--red-dark); transform: translateY(-2px); }
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn-checkout .amount { font: 400 17px/1 var(--body); font-style: normal; opacity: .9; }
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:focus-visible, span.xoo-wsch-close:focus-visible, .xoo-wsc-basket:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }

/* Plavajoči gumb */
.xoo-wsc-basket { background-color: #fff; color: var(--mint); border-radius: 18px; box-shadow: var(--shadow); }
.xoo-wsc-items-count, .xoo-wsch-items-count { background-color: var(--red); color: #fff; font-weight: 700; }

/* ---------- Pasica piškotkov (cookie-law-info) ----------
   Vtičnik barve in pisave gumbov zapiše v atribut style, zato tu (in samo tu) !important. */
#cookie-law-info-bar { left: 16px !important; right: auto !important; bottom: 16px !important; top: auto !important; width: auto !important; max-width: min(460px, calc(100vw - 32px)); padding: 18px 20px !important; border: 0 !important; border-radius: 20px; background: #fff !important; color: var(--ink) !important; box-shadow: 0 20px 50px rgba(10, 40, 35, .25) !important; font-family: var(--body) !important; font-size: 14px !important; line-height: 1.5; text-align: left !important; z-index: 9999 !important; }
#cookie-law-info-bar > span { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#cookie-law-info-bar .cli-plugin-button { display: inline-flex !important; align-items: center; margin: 6px 0 0 !important; padding: 9px 18px 7px !important; border-radius: 999px !important; border: 0 !important; font: 700 21px/1 var(--caps) !important; letter-spacing: .04em; text-transform: none !important; cursor: pointer; }
#cookie-law-info-bar .wt-cli-accept-btn { background: var(--mint) !important; color: #fff !important; box-shadow: var(--press) var(--mint-dark); }
#cookie-law-info-bar .wt-cli-accept-btn:hover { background: var(--mint-dark) !important; }
#cookie-law-info-bar .cli_settings_button { background: #fff !important; color: var(--mint) !important; box-shadow: inset 0 0 0 2px var(--mint); }
#cookie-law-info-bar .cli-plugin-button:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
#cookie-law-info-again { left: 16px !important; right: auto !important; bottom: 0 !important; border-radius: 12px 12px 0 0; background: #fff !important; color: var(--mint-dark) !important; box-shadow: var(--shadow) !important; font-family: var(--body) !important; font-size: 13px !important; font-weight: 700; padding: 6px 14px !important; }
.cli-modal .cli-modal-content { border-radius: var(--r); font-family: var(--body); color: var(--ink); }
.cli-modal .cli-privacy-overview h4 { font: 700 32px/1 var(--caps); letter-spacing: .03em; color: var(--mint-dark); }
.cli-modal .cli-privacy-content-text, .cli-modal .cli-tab-container, .cli-modal .cli-necessary-caption { font-family: var(--body); color: var(--ink); }
.cli-modal .cli-privacy-readmore { color: var(--mint-dark); }
.cli-modal .cli-tab-header { border-radius: 12px; background: var(--mint-soft); }
.cli-modal .cli-tab-header a.cli-nav-link { color: var(--ink); font-weight: 700; }
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn { font: 700 21px/1 var(--caps); letter-spacing: .04em; text-transform: none; padding: 10px 20px 8px; border-radius: var(--pill); background-color: var(--red); color: #fff; box-shadow: var(--press) var(--red-dark); }
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn:hover { background-color: var(--red); color: #fff; }
.cli-modal .cli-modal-close:focus-visible, .cli-modal .wt-cli-privacy-accept-btn:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
.cli-modal .cli-switch input:checked + .cli-slider { background: var(--mint); }

@media (prefers-reduced-motion: reduce) {
  .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn { transition: none; }
  .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover { transform: none; }
}