.elementor-20 .elementor-element.elementor-element-571f23ab{--display:flex;}.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-20 .elementor-element.elementor-element-a8b7ed6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:29px;letter-spacing:1.5px;fill:var( --e-global-color-kadence3 );color:var( --e-global-color-kadence3 );transition-duration:1s;border-style:none;border-radius:5px 5px 5px 5px;padding:20px 30px 20px 30px;}.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button:focus{background-color:#21ABE300;color:var( --e-global-color-2276c6e );}.elementor-20 .elementor-element.elementor-element-02b1c39{width:var( --container-widget-width, 50% );max-width:50%;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button-content-wrapper{flex-direction:row;}.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button:focus svg{fill:var( --e-global-color-2276c6e );}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:29px;letter-spacing:1.5px;fill:var( --e-global-color-kadence3 );color:var( --e-global-color-kadence3 );transition-duration:1s;border-style:none;border-radius:5px 5px 5px 5px;padding:20px 30px 20px 30px;}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-d38affa .elementor-button:focus{background-color:#21ABE300;color:var( --e-global-color-2276c6e );}.elementor-20 .elementor-element.elementor-element-d38affa{width:var( --container-widget-width, 50% );max-width:50%;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-d38affa .elementor-button:focus svg{fill:var( --e-global-color-2276c6e );}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button{font-size:10px;}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button{font-size:10px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-02b1c39{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-20 .elementor-element.elementor-element-02b1c39 .elementor-button{font-size:11px;}.elementor-20 .elementor-element.elementor-element-d38affa{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-20 .elementor-element.elementor-element-d38affa.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d38affa .elementor-button{font-size:11px;}}/* Start custom CSS *//* --- ER-TEL: FINALNY SZLIF PREMIUM (POPPINS, NOWY KOLOR & GLOW) --- */

/* 1. Font Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.woocommerce-account, 
.woocommerce-MyAccount-navigation, 
.woocommerce-MyAccount-content {
    font-family: 'Poppins', sans-serif !important;
}

/* 2. Kontener główny */
#post-20 .woocommerce,
.woocommerce-account .woocommerce {
    display: block !important;
}

/* 3. Układ siatki kafelków */
.woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    list-style: none !important;
}

/* 4. Wygląd kafelka */
.woocommerce-MyAccount-navigation ul li {
    background: #ffffff !important;
    border: 1px solid #e6e8ea !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    margin: 0 !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 5. Tekst i Ikony w kafelku */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 25px 10px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-family: Poppins;
    
    color: #242424 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    
}

.woocommerce-MyAccount-navigation ul li a::before {
    font-family: "dashicons" !important;
    font-size: 28px !important;
    margin-bottom: 12px !important;
    color: #22ace3 !important; /* Twój nowy kolor */
    display: block !important;
}

/* Mapowanie ikon */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f226" !important; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f174" !important; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f316" !important; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f102" !important; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f110" !important; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f153" !important; }

/* 6. Efekt HOVER i Aktywny (NOWY KOLOR I DELIKATNY CIEŃ) */
.woocommerce-MyAccount-navigation ul li:hover,
.woocommerce-MyAccount-navigation ul li.is-active {
    background: #22ace3 !important;
    border-color: #22ace3 !important;
    transform: translateY(-5px) !important;
    /* Kolorowy cień dopasowany do Twojego błękitu */
    box-shadow: 0 10px 25px rgba(34, 172, 227, 0.25) !important;
}

.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li:hover a::before,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.is-active a::before {
    color: #ffffff !important;
}

/* 7. CZYSZCZENIE TREŚCI - brak niebieskiej ramki */
.woocommerce-MyAccount-content {
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.woocommerce-info, .woocommerce-Message, .woocommerce-message, .woocommerce-MyAccount-content p:first-of-type {
    background: #ffffff !important;
     
    padding: 25px 30px !important;
    border-radius: 12px !important;
    
    margin-bottom: 25px !important;
    color: #545454 !important;
}

/* Przycisk w treści dopasowany do Twojego koloru */
.woocommerce-MyAccount-content a.button {
    background: #22ace3 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(34, 172, 227, 0.2) !important;
}

.woocommerce-MyAccount-content a.button:hover {
    background: #1a89b5 !important; /* Nieco ciemniejszy błękit przy najechaniu */
}

/* Usunięcie zbędnych linii z Kadence */
.account-navigation-wrap { border: none !important; display: block !important; }
.kadence-account-avatar { display: none !important; }/* End custom CSS */