/* Staging colour study, 2026-11-08. Public storefront only.
   Steel + mist + terracotta. Status/error colours retain their meaning. */
body.color-refresh {
    --brand-ink: #243746;
    --brand-muted: #52616b;
    --brand-canvas: #f4f6f7;
    --brand-paper: #ffffff;
    --brand-line: #d5dde2;
    --brand-soft: #eaf0f3;
    --brand-action: #b7472a;
    --brand-action-hover: #953720;
    --brand-focus: #637d8e;
    background: var(--brand-canvas) !important;
    color: var(--brand-ink);
}
body.color-refresh .wrap,
body.color-refresh #main,
body.color-refresh .main { background-color: var(--brand-canvas); }
body.color-refresh h1, body.color-refresh h2, body.color-refresh h3,
body.color-refresh h4, body.color-refresh h5, body.color-refresh h6,
body.color-refresh .info-card h3,
body.color-refresh .instruction-header h1,
body.color-refresh .calc-card-header h2,
body.color-refresh .category-card h3,
body.color-refresh .order-card h3.section-title { color: var(--brand-ink) !important; }
body.color-refresh p, body.color-refresh .info-card p,
body.color-refresh .info-card ul,
body.color-refresh .tresc-glowna p,
body.color-refresh .tresc-glowna ul { color: var(--brand-muted); }
body.color-refresh a { color: var(--brand-ink); }
body.color-refresh a:hover { color: var(--brand-action-hover); }
body.color-refresh .info-card p a,
body.color-refresh .info-card li a,
body.color-refresh .tresc-glowna p a,
body.color-refresh .tresc-glowna li a,
body.color-refresh .legal-link,
body.color-refresh #cookie-banner p a {
    color: var(--brand-ink) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
body.color-refresh .new-header-wrapper { border-bottom-color: var(--brand-line); }
body.color-refresh a.clean-link,
body.color-refresh a.clean-link:hover,
body.color-refresh a.clean-link.active { color: var(--brand-ink) !important; }
body.color-refresh a.clean-link::after { background: var(--brand-ink) !important; }
body.color-refresh .cta-cart,
body.color-refresh .btn-add-more,
body.color-refresh .btn-default,
body.color-refresh .ca-secondary {
    background: var(--brand-paper) !important;
    background-image: none !important;
    border-color: var(--brand-line) !important;
    color: var(--brand-ink) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
body.color-refresh .cta-cart:hover,
body.color-refresh .btn-add-more:hover,
body.color-refresh .btn-default:hover,
body.color-refresh .ca-secondary:hover { background: var(--brand-soft) !important; border-color: var(--brand-focus) !important; }
/* The filled accent is reserved for the next meaningful action. */
body.color-refresh .cta-calc,
body.color-refresh .slogan-btn,
body.color-refresh .btn-calc-main,
body.color-refresh .btn-success,
body.color-refresh .btn-primary,
body.color-refresh .btn-color,
body.color-refresh .btn-color-special-orange,
body.color-refresh .btn-submit,
body.color-refresh .btn-submit-order,
body.color-refresh .tresc-cta,
body.color-refresh .ca-primary {
    background: var(--brand-action) !important;
    background-image: none !important;
    border-color: var(--brand-action) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 3px 8px rgba(36,55,70,.12) !important;
}
body.color-refresh .cta-calc:hover,
body.color-refresh .slogan-btn:hover,
body.color-refresh .btn-success:hover,
body.color-refresh .btn-primary:hover,
body.color-refresh .btn-color:hover,
body.color-refresh .btn-color-special-orange:hover,
body.color-refresh .btn-submit:hover,
body.color-refresh .tresc-cta:hover,
body.color-refresh .ca-primary:hover { background: var(--brand-action-hover) !important; border-color: var(--brand-action-hover) !important; color: #fff !important; }
/* A second, simultaneous cart link stays visually subordinate to Add. */
body.color-refresh .przejdz-do-koszyka {
    background: var(--brand-paper) !important;
    border-color: var(--brand-action) !important;
    color: var(--brand-action) !important;
    text-shadow: none;
}
body.color-refresh .przejdz-do-koszyka:hover { background: #faefeb !important; color: var(--brand-action-hover) !important; border-color: var(--brand-action-hover) !important; }
body.color-refresh .btn-kalkulacja-pulse { animation: none !important; }
body.color-refresh .btn-shine::before { display: none !important; }
body.color-refresh .custom-slogan { background: var(--brand-canvas); border-color: var(--brand-line); }
body.color-refresh .hero-simple { filter: saturate(.8); }
body.color-refresh .info-card,
body.color-refresh .calc-card,
body.color-refresh .order-card,
body.color-refresh .tresc-kafelek,
body.color-refresh .tresc-zalecenie { border-color: var(--brand-line); box-shadow: 0 3px 12px rgba(36,55,70,.04); }
body.color-refresh .info-card::before,
body.color-refresh .info-card h3::before { display: none !important; }
body.color-refresh .info-card:hover { border-color: #aabac4; box-shadow: 0 8px 22px rgba(36,55,70,.08); }
body.color-refresh .info-card ul li::marker { color: var(--brand-muted); }
body.color-refresh .tresc-zalecenie { border-top-color: var(--brand-ink); }
body.color-refresh .tresc-zalecenie li::before,
body.color-refresh .tresc-wiecej,
body.color-refresh .contact-list li i,
body.color-refresh .contact-list li a,
body.color-refresh .contact-mini-card i { color: var(--brand-ink) !important; }
/* Selections use steel; they are state, rather than another call to action. */
body.color-refresh .category-card.active,
body.color-refresh .sub-card.active,
body.color-refresh .custom-radio-group input[type="radio"]:checked + label {
    border-color: var(--brand-focus) !important;
    background: var(--brand-soft) !important;
    color: var(--brand-ink) !important;
    box-shadow: 0 0 0 1px var(--brand-focus) !important;
}
body.color-refresh .custom-radio-group input[type="radio"]:checked + label .radio-mark { border-color: var(--brand-ink); }
body.color-refresh .custom-radio-group input[type="radio"]:checked + label .radio-mark::after,
body.color-refresh .header-toggle-wrapper input:checked + .slider,
body.color-refresh .progress-bar { background: var(--brand-ink) !important; }
body.color-refresh .form-control,
body.color-refresh .quantity-input { color: var(--brand-ink); border-color: var(--brand-line); }
body.color-refresh label.control-label,
body.color-refresh .calc-card label,
body.color-refresh label.input-label { color: var(--brand-ink); }
body.color-refresh .form-control:focus,
body.color-refresh .quantity-input:focus { border-color: var(--brand-focus) !important; box-shadow: 0 0 0 3px rgba(99,125,142,.2) !important; }
body.color-refresh input[type="radio"],
body.color-refresh input[type="checkbox"],
body.color-refresh input[type="range"] { accent-color: var(--brand-ink); }
body.color-refresh a:focus-visible,
body.color-refresh button:focus-visible { outline: 3px solid var(--brand-focus) !important; outline-offset: 3px; }
body.color-refresh .custom-radio-group input:focus-visible + label { outline: 3px solid var(--brand-focus); outline-offset: 3px; }
body.color-refresh .price-display { background: var(--brand-canvas); border: 1px solid var(--brand-line); }
body.color-refresh .final-price,
body.color-refresh .option-price,
body.color-refresh #display-final-brutto,
body.color-refresh .stats-number { color: var(--brand-ink) !important; }
body.color-refresh .result-placeholder h4 { color: var(--brand-ink) !important; }
body.color-refresh .accordionMod .accordion-toggle,
body.color-refresh .accordionMod .accordion-toggle:hover,
body.color-refresh .accordionMod .accordion-toggle.active,
body.color-refresh .accordionMod .accordion-toggle.opened,
body.color-refresh .accordionMod .accordion-toggle[aria-expanded="true"],
body.color-refresh .accordionMod .panel-heading .accordion-toggle:not(.collapsed) { color: var(--brand-ink) !important; border-color: var(--brand-line) !important; }
body.color-refresh .accordionMod .accordion-toggle::before,
body.color-refresh .accordionMod .accordion-toggle::after { color: var(--brand-ink) !important; }
/* Customer account chrome and history; errors/destructive actions stay red. */
body.color-refresh .customer-account-bar,
body.color-refresh .ca-link,
body.color-refresh .ca-menu button,
body.color-refresh .ca-dialog,
body.color-refresh .ca-dialog h2,
body.color-refresh .ca-invite h4,
body.color-refresh .ca-order-identity h3,
body.color-refresh .ca-order-total > strong { color: var(--brand-ink); }
body.color-refresh .ca-menu,
body.color-refresh .ca-dialog,
body.color-refresh .ca-order-card { border-color: var(--brand-line); }
body.color-refresh .ca-invite,
body.color-refresh .ca-history-open .ca-dialog,
body.color-refresh .ca-order-top,
body.color-refresh .ca-history-count,
body.color-refresh .ca-menu button:hover { background: var(--brand-canvas); border-color: var(--brand-line); color: var(--brand-ink); }
body.color-refresh .ca-muted,
body.color-refresh .ca-order-date,
body.color-refresh .ca-order-quantity,
body.color-refresh .ca-history-intro p { color: var(--brand-muted); }
body.color-refresh .ca-overlay { background: rgba(24,39,49,.55); }
/* The support widget is quieter than the commercial action. */
body.color-refresh #pchat-launcher,
body.color-refresh .pchat-header,
body.color-refresh #pchat-send,
body.color-refresh .pchat-btn { background: var(--brand-ink) !important; color: #fff !important; }
body.color-refresh #pchat-launcher:hover { background: #172b39 !important; }
body.color-refresh #pchat-intro button,
body.color-refresh #pchat-emailbox button { background: var(--brand-ink) !important; color: #fff !important; }
body.color-refresh #footer .footer-top { background: #eaf0f3 !important; border-color: var(--brand-line); color: var(--brand-ink) !important; }
body.color-refresh #footer .footer-top h3 { color: var(--brand-ink) !important; }
body.color-refresh #footer .footer-top h3::after { background: var(--brand-ink); }
body.color-refresh #footer .contact-us li i,
body.color-refresh #footer .contact-us li a,
body.color-refresh #footer .footer-bottom a,
body.color-refresh #footer .admin-link { color: var(--brand-ink) !important; }
body.color-refresh #footer .footer-bottom { background: var(--brand-paper) !important; border-color: var(--brand-line); color: var(--brand-muted); }
body.color-refresh #cookie-banner { border-color: var(--brand-line); }
body.color-refresh #cookie-banner .cookie-btn { background: var(--brand-ink); color: #fff; }
body.color-refresh #cookie-banner .cookie-btn:hover { background: #172b39; }
body.color-refresh .scrollup { background: var(--brand-ink) !important; color: #fff !important; }
body.color-refresh .btn:disabled,
body.color-refresh .btn.disabled,
body.color-refresh button:disabled { opacity: .55; cursor: not-allowed; box-shadow: none !important; }
@media (prefers-reduced-motion: reduce) {
    body.color-refresh .slogan-btn,
    body.color-refresh .info-card,
    body.color-refresh .tresc-cta { transition: none; transform: none; }
}
body.color-refresh #main [style*="color: #2ecc71"],
body.color-refresh #main [style*="color:#2ecc71"],
body.color-refresh #main a[style*="color: #2980b9"] { color: var(--brand-ink) !important; }
body.color-refresh #map-poland path.pl.active-region { fill: var(--brand-ink) !important; }
body.color-refresh .pchat-msg-in { background: var(--brand-ink); }
body.color-refresh .pchat-privacy a { color: var(--brand-ink); text-decoration: underline; }
body.color-refresh #pchat input:focus,
body.color-refresh #pchat textarea:focus { border-color: var(--brand-focus); outline-color: var(--brand-focus); }
body.color-refresh .has-error .form-control { border-color: #a94442 !important; }
body.color-refresh .has-error .form-control:focus { box-shadow: 0 0 0 3px rgba(169,68,66,.18) !important; }
/* Keep feedback and the following cart action readable in the result panel. */
body.color-refresh #curtain_cart_msg,
body.color-refresh #cart_msg { line-height: 1.5; padding: 4px 0; }
body.color-refresh .result-content { padding-bottom: 4px; }
body.color-refresh #curtain3d button { color: var(--brand-ink); }
body.color-refresh #curtain3d .c3-badge { background: var(--brand-soft); color: var(--brand-muted); }
body.color-refresh #curtain3d button:hover,
body.color-refresh #curtain3d button[aria-pressed="true"] { background: var(--brand-soft); border-color: var(--brand-focus); }
body.color-refresh #curtain3d .c3-stage { background: linear-gradient(var(--brand-soft), var(--brand-paper)); }