/* ============================================
   FLEXIBLE SHIPPING — Baner darmowej wysyłki v2.1 (kompaktowy, max 620px)
   - kolory marki (niebieski #038CCA + bursztyn)
   - style zawężone TYLKO do banera (nie psują innych komunikatów WooCommerce)
   ============================================ */

/* Kontener komunikatu — tylko ten z banerem darmowej wysyłki */
.woocommerce-info:has(.fs-free-shipping-notice-and-button-wrapper) {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    border: none !important;
    box-shadow: none !important;
}
.woocommerce-info:has(.fs-free-shipping-notice-and-button-wrapper)::before {
    display: none !important;
}

/* ========================================
   GŁÓWNY KONTENER
   ======================================== */
.fs-free-shipping-notice-and-button-wrapper {
    background: linear-gradient(135deg, #038CCA 0%, #0277AE 100%) !important;
    padding: 14px 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(3, 140, 202, .16) !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 620px !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    border: none !important;
}

.fs-free-shipping-notice-text-and-progress-bar-wrapper {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* ========================================
   TEKST
   ======================================== */
.fs-free-shipping-notice-text {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}

/* Ikona ciężarówki (SVG zamiast emoji – wygląda tak samo na każdym systemie) */
.fs-free-shipping-notice-text::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    vertical-align: -4px !important;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v11H2zM13 10h4l3 3.5V17h-7'/%3E%3Ccircle cx='6' cy='18.5' r='1.6'/%3E%3Ccircle cx='17' cy='18.5' r='1.6'/%3E%3C/svg%3E") !important;
}

/* Brakująca kwota — bursztynowy akcent */
.fs-free-shipping-notice-text .woocommerce-Price-amount,
.fs-free-shipping-notice-text .woocommerce-Price-currencySymbol {
    color: #FFC24D !important;
    font-weight: 800 !important;
}

/* ========================================
   PASEK POSTĘPU
   ======================================== */
.fs-free-shipping-notice-progress-bar-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
}

.fs-free-shipping-notice-progress-bar-wrapper .fs-free-shipping-notice-opening-value,
.fs-free-shipping-notice-progress-bar-wrapper .fs-free-shipping-notice-closing-value,
.fs-free-shipping-notice-progress-bar-wrapper .woocommerce-Price-amount,
.fs-free-shipping-notice-progress-bar-wrapper .woocommerce-Price-currencySymbol {
    color: rgba(255, 255, 255, .85) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

.fs-free-shipping-notice-progress-bar {
    flex: 1 !important;
    background: rgba(255, 255, 255, .22) !important;
    border: none !important;
    border-radius: 99px !important;
    height: 8px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.fs-free-shipping-notice-progress-bar > span {
    display: block !important;
    height: 100% !important;
    min-width: 10px !important;
    background: linear-gradient(90deg, #F5A623, #FFC24D) !important;
    border-radius: 99px !important;
    transition: width .6s ease !important;
}
.fs-free-shipping-notice-progress-bar > span::before,
.fs-free-shipping-notice-progress-bar > span::after {
    display: none !important;
}

/* ========================================
   PRZYCISK
   ======================================== */
.fs-free-shipping-notice-continue-shopping-button-wrapper {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

a.flexible-shipping-free-shipping-button {
    display: inline-block !important;
    background: #fff !important;
    color: #0277AE !important;
    border: none !important;
    padding: 9px 18px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
    transition: background .15s, transform .15s !important;
}
a.flexible-shipping-free-shipping-button:hover {
    background: #E8F4FB !important;
    transform: translateY(-1px) !important;
}
a.flexible-shipping-free-shipping-button::before,
a.flexible-shipping-free-shipping-button::after {
    display: none !important;
}

/* ========================================
   MOBILE
   ======================================== */
@media (max-width: 768px) {
    .fs-free-shipping-notice-and-button-wrapper {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
        padding: 14px 16px !important;
        max-width: 100% !important;
    }
    .fs-free-shipping-notice-text {
        font-size: 14px !important;
    }
    a.flexible-shipping-free-shipping-button {
        display: block !important;
        text-align: center !important;
    }
}
/* ==============================================
   Mini koszyk – rozdzielenie przycisków
   ============================================== */
.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
    background: transparent;
    border: 2px solid #038CCA;
    color: #038CCA;
}
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover,
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):focus-visible {
    background: #038CCA;
    color: #fff;
}

/* ==============================================
   Moje konto – przyciski #038CCA
   ============================================== */
.woocommerce-account .woocommerce .button {
    background-color: #038CCA !important;
    color: #fff !important;
    border: none !important;
    text-decoration: none !important;
}
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce .button:focus-visible {
    background-color: #026da3 !important;
    color: #fff !important;
}
.woocommerce-account .woocommerce .button:focus-visible {
    outline: 2px solid #038CCA;
    outline-offset: 2px;
}

/* Wyjątek: przycisk „Usuń wszystkie moje dane” (wtyczka Customizacje) zostaje czerwony */
.woocommerce-account #wc-delete-all-data {
    background-color: #dc3545 !important;
}
.woocommerce-account #wc-delete-all-data:hover {
    background-color: #c82333 !important;
}

/* Menu konta – aktywny element i hover */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background-color: #038CCA !important;
    color: #fff !important;
}

/* Linki w treści konta (bez przycisków) */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
    color: #038CCA !important;
    text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
    color: #026da3 !important;
}