/*
 * WooCommerce — tokeny i nadpisania kolorów.
 * Źródło: grafika/HURTNARZEDZIA_DESIGN_SYSTEM_1.0 (Design System 1.0, 2026-08-09).
 * Edytuj zmienne w :root, reszta dostosuje się automatycznie.
 */

:root {
    /* Marka */
    --color-accent-primary:       #F7C600; /* Brand Yellow — tło CTA, nie tekst (za jasny na kontrast) */
    --color-accent-primary-hover: #D9A900;
    --color-text-on-accent:       #111111; /* tekst na żółtym tle */

    --color-bg-primary:           #FFFFFF;
    --color-bg-secondary:         #F3F3F1;
    --color-border-primary:       #E2E2DE;

    --color-text-primary:         #111111;
    --color-text-secondary:       #5B5B5B;
    --color-text-inverse:         #FFFFFF; /* tekst na ciemnym/czarnym tle */

    --color-status-success:       #168A4A;
    --color-status-error:         #C62828;
    --color-status-warning:       #B86B00;

    /* Typografia */
    --font-display:               Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body:                  Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing (4px base) */
    --space-1:                   4px;
    --space-2:                   8px;
    --space-3:                   12px;
    --space-4:                   16px;
    --space-5:                   20px;
    --space-6:                   24px;
    --space-8:                   32px;
    --space-10:                   40px;
    --space-12:                   48px;

    /* Border radius */
    --radius-sm:                  6px;
    --radius-md:                  10px;
    --radius-lg:                  16px;

    /* Cienie */
    --shadow-sm:                  0 1px 3px rgba(0,0,0,.08);
    --shadow-md:                  0 8px 24px rgba(0,0,0,.10);
    --shadow-lg:                  0 20px 50px rgba(0,0,0,.14);

    /* Animacje */
    --duration-fast:              100ms;
    --duration-normal:            150ms;
    --duration-slow:              200ms;
}

/* Przyciski */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--color-accent-primary);
    color: var(--color-text-on-accent);
    font-weight: 600;
    border-radius: var(--radius-md);
    transition: background-color var(--duration-fast) ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--color-accent-primary-hover);
    color: var(--color-text-on-accent);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--color-accent-primary);
    color: var(--color-text-on-accent);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: var(--color-accent-primary-hover);
}

/* Ceny */
.woocommerce .price {
    color: var(--color-text-primary);
}

.woocommerce .price ins {
    color: var(--color-text-primary);
    font-weight: 700;
    text-decoration: none;
}

.woocommerce .price del {
    color: var(--color-text-secondary);
}

/* Badge sale */
.woocommerce span.onsale {
    background-color: var(--color-accent-primary);
    color: var(--color-text-on-accent);
    font-weight: 600;
    border-radius: var(--radius-sm);
}

/* Oceny — gwiazdki */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: var(--color-accent-primary);
}

/* Nawigacja sklepu */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: var(--color-accent-primary);
    color: var(--color-text-on-accent);
    border-color: var(--color-accent-primary);
}

/* Powiadomienia */
.woocommerce-message,
.woocommerce-info {
    border-top-color: var(--color-accent-primary);
}

.woocommerce-message .button,
.woocommerce-info .button {
    background-color: var(--color-accent-primary);
    color: var(--color-text-on-accent);
}

.woocommerce-error {
    border-top-color: var(--color-status-error);
}

/* Formularz kasy */
.woocommerce form .form-row .required {
    color: var(--color-status-error);
}

.woocommerce-checkout #place_order {
    background-color: var(--color-accent-primary);
    color: var(--color-text-on-accent);
    font-weight: 600;
}

.woocommerce-checkout #place_order:hover {
    background-color: var(--color-accent-primary-hover);
}

/* Karty produktow (PLP) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.woocommerce ul.products li.product {
    background: #fff;
    border: 1px solid var(--color-border-primary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.woocommerce ul.products li.product:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--color-accent-primary);
    transform: translateY(-2px);
}

.woocommerce ul.products li.product .product-details {
    padding: 16px;
}

.woocommerce ul.products li.product img {
    background: var(--color-bg-secondary);
}

.woocommerce ul.products li.product .price {
    display: block;
    margin: 8px 0 12px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.woocommerce ul.products li.product .price del {
    font-size: 14px;
    font-weight: 400;
    opacity: .7;
}

.woocommerce ul.products li.product .product-excerpt {
    display: none;
}

.woocommerce ul.products li.product .product-action-wrap .button {
    width: 100%;
    text-align: center;
    justify-content: center;
}