.elementor-630 .elementor-element.elementor-element-af7f5ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-630 .elementor-element.elementor-element-af7f5ef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-630 .elementor-element.elementor-element-af7f5ef{--width:1200px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-1996e66 */.elementor-630 .elementor-element.elementor-element-1996e66{
    padding:20px 0;
    font-family:"Montserrat", sans-serif !important;
}

/* =========================
   UKŁAD
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation{
    width:220px;
    float:left;
    margin-right:32px;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content{
    overflow:hidden;

    background:#ffffff;

    border:1px solid #d9d9d9;

    border-radius:0 !important;

    padding:42px;

    box-shadow:none !important;
}

/* =========================
   MENU LEWE
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation ul{
    list-style:none;
    margin:0;
    padding:0;

    background:#ffffff;

    border:1px solid #d9d9d9;

    border-radius:0 !important;

    overflow:hidden;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation li{
    border-bottom:1px solid #ececec;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation li:last-child{
    border-bottom:none;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation a{
    display:block;

    padding:19px 22px;

    text-decoration:none;

    color:#4c4742 !important;

    font-size:11px !important;
    font-weight:600 !important;

    letter-spacing:2.5px;

    text-transform:uppercase;

    transition:0.3s ease;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation a:hover{
    background:#f5f5f5;

    color:#000 !important;
}

/* AKTYWNA ZAKŁADKA */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation .is-active a{
    background:#616161 !important;

    color:#ffffff !important;
}

/* =========================
   TEKSTY
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content p,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content span,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content td,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content th,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content small,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content li{

    color:#666666 !important;

    font-size:11px !important;

    line-height:2 !important;

    font-weight:500 !important;

    letter-spacing:1.2px;

    text-transform:uppercase;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content strong{
    color:#2b2b2b !important;

    font-weight:600 !important;
}

/* =========================
   LINKI
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content a{
    color:#616161 !important;

    text-decoration:none;

    font-size:11px !important;

    font-weight:600 !important;

    letter-spacing:1.6px;

    text-transform:uppercase;

    transition:0.3s ease;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content a:hover{
    color:#000 !important;
}

/* =========================
   BUTTONY
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .button,
.elementor-630 .elementor-element.elementor-element-1996e66 button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-Button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-button{

    background:#616161 !important;

    color:#ffffff !important;

    border:none !important;

    border-radius:0 !important;

    padding:18px 30px !important;

    font-size:10px !important;

    font-weight:600 !important;

    letter-spacing:2.5px;

    text-transform:uppercase;

    box-shadow:none !important;

    transition:0.3s ease;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .button:hover,
.elementor-630 .elementor-element.elementor-element-1996e66 button:hover,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-Button:hover,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-button:hover{

    background:#3f3f3f !important;

    color:#ffffff !important;
}

/* FIX BUTTON TEXT */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce a.button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce button.button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce input.button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce #respond input#submit{
    color:#ffffff !important;
}

/* =========================
   INPUTY
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 input,
.elementor-630 .elementor-element.elementor-element-1996e66 select,
.elementor-630 .elementor-element.elementor-element-1996e66 textarea{

    border:1px solid #d9d9d9 !important;

    border-radius:0 !important;

    min-height:56px;

    padding:15px 18px !important;

    background:#ffffff !important;

    box-shadow:none !important;

    color:#2f2f2f !important;

    font-size:10px !important;

    font-weight:600 !important;

    letter-spacing:2px;

    text-transform:uppercase;
}

.elementor-630 .elementor-element.elementor-element-1996e66 textarea{
    min-height:180px;
}

.elementor-630 .elementor-element.elementor-element-1996e66 input:focus,
.elementor-630 .elementor-element.elementor-element-1996e66 select:focus,
.elementor-630 .elementor-element.elementor-element-1996e66 textarea:focus{

    border-color:#616161 !important;

    outline:none !important;
}

/* PLACEHOLDER */

.elementor-630 .elementor-element.elementor-element-1996e66 input::placeholder,
.elementor-630 .elementor-element.elementor-element-1996e66 textarea::placeholder{

    color:#9f9f9f !important;

    font-size:10px !important;

    letter-spacing:2px;

    text-transform:uppercase;
}

/* =========================
   LABEL
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 label{

    display:block;

    margin-bottom:10px;

    color:#4d4d4d !important;

    font-size:10px !important;

    font-weight:700 !important;

    letter-spacing:2.5px;

    text-transform:uppercase;
}

/* =========================
   TABELKI
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 table{
    width:100%;

    border-collapse:collapse;
}

.elementor-630 .elementor-element.elementor-element-1996e66 table td,
.elementor-630 .elementor-element.elementor-element-1996e66 table th{

    border:1px solid #e6e6e6;

    padding:18px;
}

.elementor-630 .elementor-element.elementor-element-1996e66 table th{

    background:#f7f7f7;

    color:#363636 !important;

    font-size:10px !important;

    font-weight:700 !important;

    letter-spacing:2.5px;

    text-transform:uppercase;
}

/* =========================
   KOMUNIKATY
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-message,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-info,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-error{

    background:#ffffff !important;

    border:1px solid #d9d9d9 !important;

    border-left:4px solid #616161 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    color:#5f5f5f !important;

    padding:24px !important;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-message::before,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-info::before,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-error::before{
    display:none !important;
}

/* =========================
   NAGŁÓWKI
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 h2,
.elementor-630 .elementor-element.elementor-element-1996e66 h3{

    color:#2b2b2b !important;

    font-size:16px !important;

    font-weight:600 !important;

    letter-spacing:3px;

    text-transform:uppercase;

    line-height:1.6;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:767px){

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation{
    width:100%;
    float:none;
    margin-right:0;
    margin-bottom:24px;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-content{
    padding:24px;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-MyAccount-navigation a{
    padding:16px;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .button,
.elementor-630 .elementor-element.elementor-element-1996e66 button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-button{
    width:100%;
    text-align:center;
}

.elementor-630 .elementor-element.elementor-element-1996e66 input,
.elementor-630 .elementor-element.elementor-element-1996e66 select,
.elementor-630 .elementor-element.elementor-element-1996e66 textarea{

    font-size:10px !important;

    letter-spacing:1.5px;
}

}

/* =========================
   HARD RESET FONTÓW W ACCOUNT
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm *,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-account form *,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce form *,
.elementor-630 .elementor-element.elementor-element-1996e66 fieldset *,
.elementor-630 .elementor-element.elementor-element-1996e66 .password-input *{

    font-family:"Montserrat", sans-serif !important;

    font-size:11px !important;

    line-height:1.8 !important;

    letter-spacing:2px !important;

    font-weight:600 !important;

    text-transform:uppercase !important;
}

/* inputy */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm input,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm textarea,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm select{

    font-size:11px !important;

    height:56px !important;
}

/* placeholder */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm input::placeholder{
    font-size:11px !important;
}

/* opis pod nazwą */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm em{
    font-size:11px !important;

    font-style:normal !important;

    opacity:0.7;
}

/* legend typu "zmiana hasła" */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-EditAccountForm legend{
    font-size:16px !important;

    font-weight:700 !important;

    letter-spacing:3px !important;

    text-transform:uppercase !important;
}

/* =========================
   BIAŁE IKONKI OKA
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .show-password-input{
    color:#ffffff !important;
}

.elementor-630 .elementor-element.elementor-element-1996e66 .show-password-input::after{
    color:#ffffff !important;
    opacity:1 !important;
}


/* =========================
   FIX MAŁEGO TEKSTU W KOMUNIKATACH WOO
========================= */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-info,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-message,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-error{

    font-size:13px !important;

    line-height:1.8 !important;

    letter-spacing:0.5px !important;

    text-transform:none !important;

    font-weight:500 !important;

    color:#5f5f5f !important;
}

/* tekst wewnątrz */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-info *,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-message *,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-error *{

    font-size:13px !important;

    line-height:1.8 !important;

    letter-spacing:0.5px !important;

    text-transform:none !important;

    font-weight:500 !important;
}

/* przycisk w komunikacie */

.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-info .button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-message .button,
.elementor-630 .elementor-element.elementor-element-1996e66 .woocommerce-error .button{

    font-size:10px !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;

    color:#ffffff !important;

    font-weight:600 !important;
}






/* =========================
   FIX HASŁA MOBILE
========================= */

@media(max-width:767px){

.elementor-630 .elementor-element.elementor-element-1996e66 .password-input{
    position:relative;
    width:100%;
    display:block;
}

/* input */

.elementor-630 .elementor-element.elementor-element-1996e66 .password-input input{

    width:100% !important;

    height:56px !important;

    padding-right:60px !important;

    position:relative;

    z-index:1;
}

/* przycisk oka */

.elementor-630 .elementor-element.elementor-element-1996e66 .show-password-input{

    position:absolute !important;

    top:50% !important;
    right:1px !important;

    transform:translateY(-50%) !important;

    width:56px !important;
    height:54px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#616161 !important;

    color:#ffffff !important;

    border:none !important;

    z-index:5;
}

/* ikonka */

.elementor-630 .elementor-element.elementor-element-1996e66 .show-password-input::after{

    color:#ffffff !important;

    font-size:16px !important;

    line-height:1 !important;
}

/* hover */

.elementor-630 .elementor-element.elementor-element-1996e66 .show-password-input:hover{
    background:#4a4a4a !important;
}

}/* End custom CSS */