.elementor-12 .elementor-element.elementor-element-6577e146{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2365a490.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2365a490{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:27px;font-weight:600;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-6577e146{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-6577e146{--width:70%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-6577e146{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:stretch;--align-items:stretch;--padding-top:5px;--padding-bottom:5px;--padding-left:90px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2365a490.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2365a490{columns:1;column-gap:0px;text-align:center;}}/* Start custom CSS for text-editor, class: .elementor-element-2365a490 *//* --- 1. WIDOK KOMPUTER (DESKTOP) --- */

@media (min-width: 769px) {

    /* Powiększamy nazwę produktu */

    .woocommerce-cart .product-name a {

        font-family: 'Playfair Display', serif !important;

        font-size: 32px !important; /* Wyraźnie większe */

        font-weight: 700 !important;

        line-height: 1.2 !important;

    }



    /* Powiększamy ceny i nagłówki tabeli */

    .woocommerce-cart table.shop_table th,

    .woocommerce-cart table.shop_table td {

        font-size: 20px !important;

        padding: 30px 15px !important;

    }



    /* Podsumowanie po prawej - naprawa nakładania */

    .cart_totals h2 {

        font-size: 40px !important;

        line-height: 1.1 !important;

        margin-bottom: 25px !important;

    }

}



/* --- 2. WIDOK TELEFON (MOBILE) - NAPRAWA UCINANIA --- */

@media (max-width: 768px) {

    /* Ukrywamy nagłówki, bo na mobile tylko przeszkadzają */

    .woocommerce-cart table.shop_table_responsive thead {

        display: none !important;

    }



    /* Każdy wiersz produktu staje się osobną kartą */

    .woocommerce-cart table.shop_table_responsive tr {

        display: block !important;

        border: 1px solid #ebebeb !important;

        margin-bottom: 20px !important;

        padding: 15px !important;

    }



    /* Każda komórka (zdjęcie, cena, nazwa) zajmuje całą szerokość */

    .woocommerce-cart table.shop_table_responsive td {

        display: block !important;

        width: 100% !important;

        text-align: center !important;

        padding: 10px 0 !important;

        border: none !important;

        font-size: 18px !important;

    }



    /* Zdjęcie okładki na środku */

    .woocommerce-cart .product-thumbnail img {

        width: 150px !important;

        height: auto !important;

        margin: 0 auto !important;

    }



    /* Nazwa produktu na mobile - duża i centralna */

    .woocommerce-cart .product-name a {

        font-size: 24px !important;

        font-family: 'Playfair Display', serif !important;

    }



    /* Przycisk płatności - pełna szerokość, by łatwo było kliknąć kciukiem */

    .wc-proceed-to-checkout a.checkout-button {

        font-size: 22px !important;

        padding: 20px !important;

        width: 100% !important;

    }

}

/* FINALNA ZMIANA KOLORU NAPISU NA ZŁOTY */

.woocommerce-billing-fields h3::before {

    color: #c5a059 !important; /* Twój szlachetny złoty kolor */

    font-weight: 700 !important; /* Pogrubienie, żeby złoto było wyraźne */

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6577e146 *//* 1. TYTUŁ STRONY "KOSZYK" */
.woocommerce-cart h1.entry-title, 
.woocommerce-cart h1.page-title,
.woocommerce-cart .wp-block-post-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 55px !important;
    font-weight: 800 !important;
}

/* 2. NAZWA PRODUKTU - POWIĘKSZONA I ZŁOTA */
.wc-block-components-product-name {
    font-family: 'Playfair Display', serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #c5a059 !important; /* ZŁOTY KOLOR */
}

/* 3. UKRYWANIE DODATKOWEGO ELEMENTU CENY */
.wc-block-cart-items__product-price,
.wc-block-components-product-price {
    display: none !important;
}

/* 4. NAGŁÓWEK "PODSUMOWANIE KOSZYKA" */
.wc-block-cart__totals-title,
.wp-block-woocommerce-cart-order-summary-heading-block {
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 30px !important;
    line-height: 1.3 !important;
    display: block !important;
}

/* 5. NAGŁÓWKI TABELI "PRODUKT" I "ŁĄCZNIE" */
.wc-block-cart-items__header-image,
.wc-block-cart-items__header-total {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 6. CENY I KWOTY W PODSUMOWANIU */
.wc-block-cart__totals-footer-price,
.wc-block-components-totals-item__value {
    font-family: 'Playfair Display', serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #c5a059 !important; /* Zapewnienie złotego koloru dla kwot */
}/* End custom CSS */