/* =========================================================
   LA MUSICA ACCOUNT STYLE 1.0.2
   Scope: WooCommerce My Account only
   ========================================================= */

:root{
  --lma-cream:#F0ECE5;
  --lma-orange:#F4A33D;
  --lma-orange-soft:rgba(244,163,61,.30);
  --lma-text:rgba(240,236,229,.90);
  --lma-muted:rgba(240,236,229,.69);
  --lma-line:rgba(240,236,229,.13);
  --lma-line-orange:rgba(244,163,61,.24);
  --lma-panel:rgba(18,4,8,.34);
  --lma-panel-strong:rgba(10,2,5,.50);
  --lma-input:rgba(10,2,5,.62);
}

.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce *{
  box-sizing:border-box;
}

.woocommerce-account .woocommerce{
  width:min(1120px,calc(100% - 40px));
  margin:38px auto 64px!important;
  color:var(--lma-cream);
  font-family:"Montserrat",Arial,sans-serif;
}

/* =========================================================
   GUEST — LOGIN / REGISTER
   ========================================================= */

.woocommerce-account .woocommerce #customer_login,
.woocommerce-account .woocommerce .col2-set#customer_login{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.woocommerce-account .woocommerce #customer_login::before,
.woocommerce-account .woocommerce #customer_login::after{
  content:none!important;
  display:none!important;
}

.woocommerce-account .woocommerce #customer_login > .u-column1,
.woocommerce-account .woocommerce #customer_login > .u-column2,
.woocommerce-account .woocommerce #customer_login > .col-1,
.woocommerce-account .woocommerce #customer_login > .col-2{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  float:none!important;
  clear:none!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--lma-line)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,var(--lma-panel),rgba(38,8,13,.17))!important;
  overflow:hidden!important;
}

.woocommerce-account .woocommerce #customer_login h2{
  margin:0!important;
  padding:26px 28px 18px!important;
  color:var(--lma-cream)!important;
  font-family:"Bebas Neue",Impact,sans-serif!important;
  font-size:clamp(38px,3.2vw,48px)!important;
  font-weight:400!important;
  line-height:.96!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid rgba(240,236,229,.08)!important;
}

.woocommerce-account .woocommerce #customer_login .u-column1 h2::before,
.woocommerce-account .woocommerce #customer_login .col-1 h2::before{
  content:"KONTO KLIENTA";
}

.woocommerce-account .woocommerce #customer_login .u-column2 h2::before,
.woocommerce-account .woocommerce #customer_login .col-2 h2::before{
  content:"NOWE KONTO";
}

.woocommerce-account .woocommerce #customer_login h2::before{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--lma-orange)!important;
  font-family:"Montserrat",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  width:100%!important;
  margin:0!important;
  padding:24px 28px 28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.woocommerce-account .woocommerce form .form-row{
  width:100%!important;
  margin:0 0 17px!important;
  padding:0!important;
}

.woocommerce-account .woocommerce form .form-row:last-child{
  margin-bottom:0!important;
}

.woocommerce-account .woocommerce form label{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--lma-text)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.45!important;
}

.woocommerce-account .woocommerce form label .required{
  color:var(--lma-orange)!important;
}

.woocommerce-account .woocommerce form .input-text,
.woocommerce-account .woocommerce form input[type="text"],
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"]{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:13px 15px!important;
  border:1px solid rgba(244,163,61,.30)!important;
  border-radius:12px!important;
  outline:none!important;
  background:var(--lma-input)!important;
  color:var(--lma-cream)!important;
  box-shadow:none!important;
  font-family:"Montserrat",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.35!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.woocommerce-account .woocommerce form .input-text:focus,
.woocommerce-account .woocommerce form input[type="text"]:focus,
.woocommerce-account .woocommerce form input[type="email"]:focus,
.woocommerce-account .woocommerce form input[type="password"]:focus{
  border-color:rgba(244,163,61,.78)!important;
  background:rgba(10,2,5,.80)!important;
  box-shadow:0 0 0 3px rgba(244,163,61,.08)!important;
}

.woocommerce-account .woocommerce form .password-input{
  width:100%!important;
}

.woocommerce-account .woocommerce form .show-password-input,
.woocommerce-account .woocommerce-page form .show-password-input{
  top:50%!important;
  right:14px!important;
  transform:translateY(-50%)!important;
  color:var(--lma-orange)!important;
}

.woocommerce-account .woocommerce form p,
.woocommerce-account .woocommerce form .woocommerce-privacy-policy-text,
.woocommerce-account .woocommerce form .woocommerce-privacy-policy-text p{
  margin:0 0 16px!important;
  color:var(--lma-muted)!important;
  font-size:13px!important;
  line-height:1.72!important;
}

.woocommerce-account .woocommerce form .woocommerce-privacy-policy-text{
  margin-top:1px!important;
}

.woocommerce-account .woocommerce form a,
.woocommerce-account .woocommerce .lost_password a,
.woocommerce-account .woocommerce .woocommerce-privacy-policy-link{
  color:var(--lma-orange)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(244,163,61,.35)!important;
}

.woocommerce-account .woocommerce form a:hover,
.woocommerce-account .woocommerce .lost_password a:hover,
.woocommerce-account .woocommerce .woocommerce-privacy-policy-link:hover{
  border-bottom-color:var(--lma-orange)!important;
}

.woocommerce-account .woocommerce form .woocommerce-form-login__rememberme{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 14px 0 0!important;
  color:var(--lma-text)!important;
  font-size:13px!important;
}

.woocommerce-account .woocommerce input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:var(--lma-orange);
}

.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button{
  min-height:48px!important;
  padding:11px 20px!important;
  border:1px solid var(--lma-orange)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--lma-cream)!important;
  box-shadow:none!important;
  font-family:"Montserrat",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  transition:background .18s ease,transform .18s ease,border-color .18s ease;
}

.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input.button:hover{
  background:rgba(244,163,61,.10)!important;
  transform:translateY(-1px);
}

.woocommerce-account .woocommerce .woocommerce-form-login__submit,
.woocommerce-account .woocommerce .woocommerce-form-register__submit{
  margin-top:3px!important;
}

.woocommerce-account .woocommerce .lost_password{
  margin:15px 0 0!important;
}

/* Notices / strength */
.woocommerce-account .woocommerce-password-strength{
  margin-top:8px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message{
  margin:0 0 20px!important;
  padding:16px 18px 16px 46px!important;
  border:1px solid rgba(244,163,61,.28)!important;
  border-top:1px solid rgba(244,163,61,.28)!important;
  border-radius:14px!important;
  background:rgba(17,3,7,.56)!important;
  color:var(--lma-text)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before{
  color:var(--lma-orange)!important;
  top:15px!important;
}

/* =========================================================
   LOGGED IN ACCOUNT
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none!important;
  width:100%!important;
  margin:0 0 16px!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid rgba(240,236,229,.18)!important;
  border-radius:999px!important;
  background:rgba(13,3,6,.24)!important;
  color:var(--lma-text)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  border-color:var(--lma-orange)!important;
  color:var(--lma-cream)!important;
  background:rgba(244,163,61,.08)!important;
}

.woocommerce-account .woocommerce-MyAccount-content{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:26px 28px!important;
  border:1px solid var(--lma-line)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,var(--lma-panel),rgba(38,8,13,.18))!important;
  color:var(--lma-text)!important;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  margin-top:0!important;
  color:var(--lma-cream)!important;
  font-family:"Bebas Neue",Impact,sans-serif!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce-account .woocommerce-MyAccount-content td,
.woocommerce-account .woocommerce-MyAccount-content th{
  color:var(--lma-text)!important;
  font-size:13.5px!important;
  line-height:1.72!important;
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button){
  color:var(--lma-orange)!important;
}

.woocommerce-account .woocommerce table.shop_table{
  overflow:hidden!important;
  border:1px solid var(--lma-line)!important;
  border-radius:14px!important;
  background:rgba(10,2,5,.34)!important;
}

.woocommerce-account .woocommerce table.shop_table th,
.woocommerce-account .woocommerce table.shop_table td{
  padding:14px!important;
  border-color:var(--lma-line)!important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){
  .woocommerce-account .woocommerce{
    width:calc(100% - 32px);
    margin-top:30px!important;
  }

  .woocommerce-account .woocommerce #customer_login h2{
    padding:22px 22px 16px!important;
    font-size:40px!important;
  }

  .woocommerce-account .woocommerce form.login,
  .woocommerce-account .woocommerce form.register{
    padding:21px 22px 24px!important;
  }
}

/* =========================================================
   MOBILE — 90% ruchu
   ========================================================= */

@media(max-width:760px){
  .woocommerce-account .woocommerce{
    width:calc(100% - 24px);
    margin:22px auto 46px!important;
  }

  .woocommerce-account .woocommerce #customer_login,
  .woocommerce-account .woocommerce .col2-set#customer_login{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .woocommerce-account .woocommerce #customer_login > .u-column1,
  .woocommerce-account .woocommerce #customer_login > .u-column2,
  .woocommerce-account .woocommerce #customer_login > .col-1,
  .woocommerce-account .woocommerce #customer_login > .col-2{
    border-radius:16px!important;
  }

  .woocommerce-account .woocommerce #customer_login h2{
    padding:20px 18px 14px!important;
    font-size:36px!important;
  }

  .woocommerce-account .woocommerce #customer_login h2::before{
    margin-bottom:7px!important;
    font-size:9px!important;
  }

  .woocommerce-account .woocommerce form.login,
  .woocommerce-account .woocommerce form.register{
    padding:18px 18px 20px!important;
  }

  .woocommerce-account .woocommerce form .form-row{
    margin-bottom:15px!important;
  }

  .woocommerce-account .woocommerce form label{
    font-size:13px!important;
  }

  .woocommerce-account .woocommerce form .input-text,
  .woocommerce-account .woocommerce form input[type="text"],
  .woocommerce-account .woocommerce form input[type="email"],
  .woocommerce-account .woocommerce form input[type="password"]{
    min-height:52px!important;
    padding:12px 13px!important;
    font-size:16px!important;
  }

  .woocommerce-account .woocommerce form p,
  .woocommerce-account .woocommerce form .woocommerce-privacy-policy-text,
  .woocommerce-account .woocommerce form .woocommerce-privacy-policy-text p{
    font-size:13px!important;
    line-height:1.66!important;
  }

  .woocommerce-account .woocommerce button.button,
  .woocommerce-account .woocommerce a.button,
  .woocommerce-account .woocommerce input.button{
    width:100%!important;
    min-height:50px!important;
  }

  .woocommerce-account .woocommerce form .woocommerce-form-login__rememberme{
    display:flex!important;
    width:100%!important;
    margin:0 0 12px!important;
  }

  .woocommerce-account .woocommerce .lost_password{
    margin-top:14px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom:12px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li a{
    min-height:46px!important;
    padding:9px 8px!important;
    font-size:9px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    padding:19px 18px!important;
    border-radius:16px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-content p,
  .woocommerce-account .woocommerce-MyAccount-content address,
  .woocommerce-account .woocommerce-MyAccount-content td,
  .woocommerce-account .woocommerce-MyAccount-content th{
    font-size:13px!important;
    line-height:1.66!important;
  }

  .woocommerce-account .woocommerce table.shop_table,
  .woocommerce-account .woocommerce table.shop_table tbody,
  .woocommerce-account .woocommerce table.shop_table tr,
  .woocommerce-account .woocommerce table.shop_table td{
    display:block!important;
    width:100%!important;
  }
}

@media(max-width:390px){
  .woocommerce-account .woocommerce{
    width:calc(100% - 20px);
  }

  .woocommerce-account .woocommerce #customer_login h2{
    font-size:33px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    grid-template-columns:1fr!important;
  }
}