/* Frontend - Wyświetlanie informacji o wysyłce - Nowy styl */

.csc-shipping-info {
    display: block !important;
    margin: 20px 0;
    background: transparent !important;
    border: none !important;
    color: #333;
    clear: both;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative !important;
}

/* Główny kontener dla opcji dostawy - jeden elegancki box */
.csc-delivery-options {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.csc-delivery-options:hover {
    background: #f1f3f4 !important;
    border-color: #dee2e6 !important;
}

.csc-delivery-item {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #495057 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    flex: none !important;
    min-width: auto !important;
}

.csc-delivery-item:hover {
    transform: none !important;
    box-shadow: none !important;
}

.csc-delivery-icon {
    margin-right: 8px !important;
    font-size: 16px !important;
    opacity: 0.8;
    filter: grayscale(100%) !important;
}

.csc-delivery-text {
    color: #495057 !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

.csc-delivery-cost {
    font-weight: 600 !important;
    color: #198754 !important;
    margin-left: 4px !important;
}

/* Kolory dla różnych typów dostaw w jednym boxie */
.csc-delivery-item.csc-geodis {
    width: 100% !important;
    justify-content: center !important;
}

/* Bez ikony - dostosuj odstępy */
.csc-delivery-item.csc-geodis .csc-delivery-text,
.csc-countdown-row .csc-delivery-text {
    margin-left: 0 !important;
}

.csc-delivery-item.csc-geodis .csc-delivery-cost {
    color: #dc6900 !important;
    font-weight: 700 !important;
}

.csc-delivery-item.csc-parcel .csc-delivery-text {
    color: #28a745 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Ukryj pozostałe elementy gdy jest dostawa GEODIS */
.csc-delivery-options:has(.csc-geodis) .csc-fast,
.csc-delivery-options:has(.csc-geodis) .csc-returns {
    display: none !important;
}

/* Box licznika w tym samym stylu co główny box */
.csc-countdown-row {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin-top: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.csc-countdown-row:hover {
    background: #f1f3f4 !important;
    border-color: #dee2e6 !important;
}

.csc-countdown-row .csc-delivery-item {
    background: transparent !important;
    color: #495057 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.csc-countdown-row .csc-delivery-item .csc-delivery-icon {
    color: #495057 !important;
    font-size: 16px !important;
    margin-right: 8px !important;
    opacity: 0.8 !important;
    filter: grayscale(100%) !important;
}

.csc-countdown-row .csc-delivery-item .csc-delivery-text {
    color: #495057 !important;
    font-weight: 500 !important;
}

/* Akcent na licznik - delikatne wyróżnienie */
.csc-countdown-row .csc-delivery-text {
    color: #198754 !important;
    font-weight: 600 !important;
}

/* Styl dla ikony zegara w liczniku */
.csc-countdown-row .csc-delivery-text::first-letter {
    font-size: 18px !important;
    margin-right: 2px !important;
    vertical-align: middle !important;
}

/* Responsywność */
@media screen and (max-width: 768px) {
    .csc-shipping-info {
        margin: 15px 0;
    }
    
    .csc-delivery-options {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 14px 16px !important;
        align-items: flex-start !important;
    }
    
    .csc-delivery-item.csc-expandable {
        width: 100% !important;
    }
    
    .csc-delivery-item {
        font-size: 13px !important;
        width: 100% !important;
    }
    
    .csc-delivery-icon {
        font-size: 15px !important;
        margin-right: 6px !important;
    }
    
    .csc-countdown-row {
        padding: 12px 16px !important;
        margin-top: 8px !important;
    }
    
    .csc-countdown-row .csc-delivery-item {
        font-size: 14px !important;
    }
    
    .csc-countdown-row .csc-delivery-item .csc-delivery-icon {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 480px) {
    .csc-delivery-options {
        padding: 12px 14px !important;
    }
    
    .csc-delivery-item {
        font-size: 12px !important;
    }
    
    .csc-countdown-row {
        padding: 10px 14px !important;
    }
    
    .csc-countdown-row .csc-delivery-item {
        font-size: 13px !important;
    }
}

/* Poprawka dla długiego tekstu licznika na mobile */
@media (max-width: 480px) {
    .csc-countdown-row .csc-delivery-item {
        font-size: 11px !important;
        flex-wrap: wrap !important;
        text-align: center !important;
        line-height: 1.4 !important;
    }
    
    .csc-countdown-row .csc-delivery-item .csc-delivery-text {
        display: block !important;
        width: 100% !important;
        word-break: break-word !important;
    }
    
    .csc-countdown-row .csc-delivery-item .csc-delivery-icon {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 5px !important;
    }
}

/* Bardzo małe ekrany */
@media (max-width: 360px) {
    .csc-countdown-row .csc-delivery-item {
        font-size: 10px !important;
    }
    
    .csc-countdown-row {
        padding: 8px 10px !important;
    }
}

/* Integracja z motywami */
.csc-shipping-info {
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ukryj główną cenę ale zachowaj "Cena za litr" dla produktów prostych - bardziej agresywne selektory */
.single-product:not(.product-type-variable) .price span.woocommerce-Price-amount:not(.mcmp-recalc-price-prefix):not(.mcmp-recalc-price-suffix) {
    visibility: hidden !important;
}

/* Ukryj <br> tag między ceną a ceną za litr */
.single-product:not(.product-type-variable) .price br {
    display: none !important;
}

/* Pokaż z powrotem elementy z ceną za litr */
.single-product:not(.product-type-variable) .price .mcmp_recalc_price_row * {
    visibility: visible !important;
    display: inline !important;
}

/* Bardziej precyzyjny selektor - ukryj tylko pierwszy element span z ceną */
.single-product:not(.product-type-variable) .price > span.woocommerce-Price-amount:first-of-type {
    display: none !important;
}

/* Ukryj zakres cen dla produktów zmiennych ale zachowaj cenę za litr */
.product-type-variable .cgkit-as-variation-price .price span.woocommerce-Price-amount[aria-hidden="true"],
.product-type-variable .cgkit-as-variation-price .price span[aria-hidden="true"],
.product-type-variable .cgkit-as-variation-price .price .screen-reader-text {
    display: none !important;
}

/* Ukryj <br> dla produktów zmiennych */
.product-type-variable .cgkit-as-variation-price .price br {
    display: none !important;
}

/* Pokaż z powrotem sekcję z ceną za litr dla produktów zmiennych */
.product-type-variable .cgkit-as-variation-price .price .mcmp_recalc_price_row,
.product-type-variable .cgkit-as-variation-price .price .mcmp_recalc_price_row * {
    display: inline !important;
    visibility: visible !important;
}


/* Pasek z ceną przed przyciskiem Dodaj do koszyka */
.csc-price-bar {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #495057 !important;
    padding: 8px 15px !important;
    margin: 10px 0 15px 0 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.csc-price-bar-left {
    display: flex !important;
    align-items: center !important;
}

.csc-price-bar-right {
    display: flex !important;
    align-items: center !important;
}

.csc-price-bar-label {
    color: #6c757d !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.csc-price-bar-value {
    color: #198754 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-right: 5px !important;
}

.csc-price-bar-tax {
    color: #6c757d !important;
    font-size: 11px !important;
    opacity: 0.8 !important;
}

/* Rozwijalna sekcja z cenami wysyłek */
.csc-delivery-item.csc-expandable {
    position: relative !important;
    cursor: pointer !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.csc-expand-icon {
    margin-left: 10px !important;
    font-size: 10px !important;
    color: #6c757d !important;
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
}

.csc-delivery-item.expanded .csc-expand-icon {
    transform: rotate(180deg) !important;
}

/* Rozwijalna sekcja szczegółów wysyłki */
.csc-shipping-details {
    background: #fff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: -1px !important;
    margin-bottom: 12px !important;
    display: none;
    width: 100% !important;
    box-sizing: border-box !important;
}

.csc-shipping-methods {
    width: 100% !important;
}

/* Przycisk zamknięcia - zawsze widoczny */
.csc-tooltip-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 30px !important;
    height: 30px !important;
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #6c757d !important;
    z-index: 1 !important;
}

.csc-tooltip-close:hover {
    background: #e9ecef !important;
    color: #495057 !important;
}

/* Backdrop dla overlay - WYŁĄCZONY */
.csc-tooltip-backdrop {
    display: none !important;
}

/* Usuń hover dla desktop - tylko kliknięcia */

.csc-tooltip-header {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #212529 !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #e9ecef !important;
}

.csc-tooltip-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px 0 !important;
    font-size: 13px !important;
    color: #495057 !important;
}

.csc-tooltip-item span:first-child {
    flex: 1 !important;
    padding-right: 10px !important;
}

.csc-tooltip-price {
    font-weight: 600 !important;
    color: #198754 !important;
    white-space: nowrap !important;
}

/* Hover na elemencie rozwijalnym */
.csc-delivery-item.csc-expandable:hover {
    background: rgba(0, 0, 0, 0.02) !important;
    border-radius: 6px !important;
}

/* Separator w tooltipie */
.csc-tooltip-divider {
    height: 1px !important;
    background: #e9ecef !important;
    margin: 12px 0 !important;
}

/* Sekcja darmowej dostawy */
.csc-tooltip-free-shipping {
    background: #f8fffe !important;
    border: 1px solid #c3e6cb !important;
    border-radius: 6px !important;
    padding: 10px !important;
    margin-top: 5px !important;
}

.csc-free-shipping-item {
    display: flex !important;
    align-items: center !important;
    padding: 4px 0 !important;
    font-size: 13px !important;
    color: #155724 !important;
}

.csc-free-icon {
    margin-right: 8px !important;
    font-size: 16px !important;
}

.csc-free-shipping-item strong {
    color: #155724 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* Mobile - rozwijalna sekcja responsywna */
@media (max-width: 768px) {
    .csc-shipping-details {
        padding: 12px !important;
        margin-top: 8px !important;
    }
    
    .csc-expand-icon {
        font-size: 9px !important;
    }
}

/* Box dla ceny - zgodny z resztą wtyczki */
.csc-price-box {
    background: #e8f5e8 !important;
    border: 2px solid #c3e6c3 !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    margin: 15px 0 !important;
    display: block !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.csc-price-box:hover {
    background: #d4edda !important;
    border-color: #a3d9a3 !important;
}

/* Style dla inline ceny wariantu z tooltipem */
.csc-variation-price-inline {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    margin: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.csc-variation-price-inline .csc-price-label {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #495057 !important;
    margin-right: 10px !important;
}

.csc-price-wrapper {
    position: relative !important;
    display: inline-block !important;
    cursor: help !important;
}

.csc-price-wrapper .csc-price-value {
    color: #212529 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}

.csc-price-wrapper .csc-price-tax-info {
    font-size: 14px !important;
    color: #6c757d !important;
    font-weight: 400 !important;
    margin-left: 5px !important;
}

/* Tooltip z ceną netto */
.csc-price-tooltip {
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #333 !important;
    color: white !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
    margin-bottom: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

/* Strzałka tooltipa */
.csc-price-tooltip::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: 6px solid transparent !important;
    border-top-color: #333 !important;
}

/* Pokaż tooltip przy najechaniu */
.csc-price-wrapper:hover .csc-price-tooltip {
    opacity: 1 !important;
}

/* Styl dla przekreślonej ceny */
.csc-variation-price-inline del {
    opacity: 0.5 !important;
    margin-right: 10px !important;
    color: #6c757d !important;
    font-weight: 400 !important;
    font-size: 20px !important;
}

/* Styl dla ceny promocyjnej */
.csc-variation-price-inline .csc-price-value[style*="color: #dc3545"] {
    color: #dc3545 !important;
}

/* Responsywność */
@media (max-width: 768px) {
    .csc-price-box {
        padding: 14px 16px !important;
    }
    
    .csc-variation-price-inline {
        font-size: 18px !important;
    }
    
    .csc-variation-price-inline .csc-price-label {
        font-size: 16px !important;
    }
    
    .csc-price-wrapper .csc-price-value {
        font-size: 22px !important;
    }
    
    .csc-price-tooltip {
        font-size: 13px !important;
        padding: 6px 10px !important;
    }
}

@media (max-width: 480px) {
    .csc-price-box {
        padding: 12px 14px !important;
    }
    
    .csc-variation-price-inline {
        font-size: 16px !important;
    }
    
    .csc-variation-price-inline .csc-price-label {
        font-size: 14px !important;
    }
    
    .csc-price-wrapper .csc-price-value {
        font-size: 18px !important;
    }
    
    .csc-price-tooltip {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }
}

/* Sticky Cart Price Display */
.csc-sticky-price {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    transition: all 0.2s ease !important;
}

.csc-sticky-price:hover {
    background: #f1f3f4 !important;
    border-color: #dee2e6 !important;
}

.csc-sticky-price .woocommerce-Price-amount {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #198754 !important;
    line-height: 1.4 !important;
}

.csc-sticky-price .woocommerce-Price-currencySymbol {
    font-weight: 600 !important;
    color: #198754 !important;
}

/* Mobile - wyświetlaj cenę obok przycisku */
@media (max-width: 768px) {
    .commercekit-sticky-add-to-cart__content-button {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }
    
    .commercekit-sticky-add-to-cart__content-button .csc-sticky-price {
        margin-bottom: 0 !important;
        margin-right: 10px !important;
        flex: 0 0 auto !important;
        padding: 8px 12px !important;
    }
    
    .commercekit-sticky-add-to-cart__content-button .sticky-atc_button {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }
}

/* Enhanced visibility for existing sticky cart price container */
.commercekit-sticky-add-to-cart__content-price {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
}

.commercekit-sticky-add-to-cart__content-price:hover {
    background: #f1f3f4 !important;
    border-color: #dee2e6 !important;
}

.commercekit-sticky-add-to-cart__content-price .woocommerce-Price-amount {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #198754 !important;
}

/* Mobile responsive for sticky cart price */
@media (max-width: 768px) {
    /* Ustaw flex display dla kontenera przycisku */
    .commercekit-sticky-add-to-cart__content-button {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }
    
    /* Dla istniejącego elementu ceny */
    .commercekit-sticky-add-to-cart__content-price {
        display: inline-flex !important;
        align-items: center !important;
        background: #f8f9fa !important;
        border: 1px solid #e9ecef !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        margin-right: 10px !important;
        flex: 0 0 auto !important;
    }
    
    /* Dla nowego elementu ceny */
    .csc-sticky-price {
        padding: 8px 12px !important;
        margin-bottom: 0 !important;
        margin-right: 10px !important;
        flex: 0 0 auto !important;
    }
    
    .csc-sticky-price .woocommerce-Price-amount,
    .commercekit-sticky-add-to-cart__content-price .woocommerce-Price-amount {
        font-size: 16px !important;
    }
    
    /* Przycisk zajmuje pozostałą przestrzeń */
    .commercekit-sticky-add-to-cart__content-button .sticky-atc_button {
        flex: 1 1 auto !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    .commercekit-sticky-add-to-cart__content-button {
        gap: 8px !important;
    }
    
    .csc-sticky-price,
    .commercekit-sticky-add-to-cart__content-price {
        padding: 6px 10px !important;
        margin-right: 8px !important;
    }
    
    .csc-sticky-price .woocommerce-Price-amount,
    .commercekit-sticky-add-to-cart__content-price .woocommerce-Price-amount {
        font-size: 14px !important;
    }
}