.elementor-32569 .elementor-element.elementor-element-cec5442{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-dbf5fd7 *//* ------------------ PRZYCISKI ------------------ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #0066ff; /* bardziej czysty niebieski */
    color: #fff;               /* białe napisy */
    border: none;
    border-radius: 5px;
    padding: 8px 15px;
    cursor: pointer;
    transition: background 0.3s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #0044cc; /* ciemniejszy niebieski przy hoverze */
}

/* ------------------ PANEL NAWIGACYJNY MOBILNY ------------------ */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr); 
        gap: 6px;
        padding: 0;
        margin: 0;
        list-style: none;
        background: #000;
        border-radius: 8px;
    }

    .woocommerce-MyAccount-navigation li {
        background: #111;
        border-radius: 6px;
        text-align: center;
        padding: 8px 0;
        transition: background 0.3s;
    }

    .woocommerce-MyAccount-navigation li a {
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 0.85rem;
        position: relative;
    }

    .woocommerce-MyAccount-navigation li.is-active {
        background: #ff0000; /* intensywny czerwony */
    }

    .woocommerce-MyAccount-navigation li:hover {
        background: #222;
    }

    /* Ikony nad napisami */
    .woocommerce-MyAccount-navigation li a::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        display: block;
        margin-bottom: 3px;
        font-size: 1.2rem;
    }

    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f0f6"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "\f09d"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f007"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; }
}

/* ------------------ PANEL NAWIGACYJNY DESKTOP ------------------ */
@media (min-width: 769px) {
    .woocommerce-MyAccount-navigation ul {
        display: block;
        background: none;
    }

    .woocommerce-MyAccount-navigation li {
        background: none;
        padding: 8px 0;
        border-radius: 0;
        text-align: left;
    }

    .woocommerce-MyAccount-navigation li a {
        font-size: 1rem;
        color: #333;
        display: flex;
        align-items: center;
        gap: 20px; /* większy odstęp między ikoną a napisem */
        transition: color 0.3s, background 0.3s;
    }

    /* Ikony po lewej stronie */
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f0f6"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: "\f09d"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f007"; }
    .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; }

    .woocommerce-MyAccount-navigation li a::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        display: inline-block;
        margin-bottom: 0;
        font-size: 1.3rem; 
        width: 25px; 
    }

    /* Intensywny czerwony dla aktywnego i hover */
    .woocommerce-MyAccount-navigation li.is-active a {
        color: #ff0000;
    }

    .woocommerce-MyAccount-navigation li a:hover {
        color: #ff0000;
    }
}/* End custom CSS */