.elementor-3957 .elementor-element.elementor-element-ad95170{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3957 .elementor-element.elementor-element-8ae1823{--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;}/* Start custom CSS for shortcode, class: .elementor-element-39b83da *//* =========================================================
   ECOVENTURE – MOJE KONTO (WooCommerce My Account)
   Dopasowane do stylu koszyka (grid + glass + neon + pill)
   WYMAGA: wrapper class .ev-account-wrap na sekcji Elementora
   ========================================================= */

.ev-account-wrap{
  --ev-bg:#0b0c0e;
  --ev-card: rgba(255,255,255,0.03);
  --ev-card2: rgba(255,255,255,0.05);
  --ev-border: rgba(255,255,255,0.10);
  --ev-neon:#97D800;
  --ev-text:#ffffff;
  --ev-muted: rgba(255,255,255,0.72);
  --ev-radius:20px;
  --ev-ease:cubic-bezier(.2,0,0,1);

  color: var(--ev-text);
  background-color: var(--ev-bg);
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 50px 50px;
  position: relative;
  overflow: hidden;
}

.ev-account-wrap::after{
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(circle at center, transparent 18%, var(--ev-bg) 90%);
  pointer-events:none;
  z-index:0;
}
.ev-account-wrap > *{ position:relative; z-index:1; }

.ev-account-wrap,
.ev-account-wrap *{
  font-family: 'Montserrat', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ukryj przypadkowe białe tła z motywu */
.ev-account-wrap .woocommerce,
.ev-account-wrap .woocommerce-MyAccount-content,
.ev-account-wrap .woocommerce-MyAccount-navigation{
  background: transparent !important;
}

/* =========================================================
   LAYOUT: na desktop 2 kolumny (menu + content),
   na mniejszych: 1 kolumna
   ========================================================= */
.ev-account-wrap .woocommerce-MyAccount{
  display: grid !important;
  grid-template-columns: 320px 1fr !important;
  gap: clamp(18px, 3vw, 40px) !important;
  align-items: start !important;
}

@media (max-width: 1100px){
  .ev-account-wrap .woocommerce-MyAccount{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   MENU (lewa kolumna) – glass karta
   ========================================================= */
.ev-account-wrap .woocommerce-MyAccount-navigation{
  background: var(--ev-card) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  padding: 16px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.45) !important;
  position: sticky;
  top: 110px;
}

@media (max-width: 1100px){
  .ev-account-wrap .woocommerce-MyAccount-navigation{
    position: relative;
    top: auto;
  }
}

.ev-account-wrap .woocommerce-MyAccount-navigation ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 10px;
}

/* element menu jako “pill” */
.ev-account-wrap .woocommerce-MyAccount-navigation-link a{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
  padding: 14px 16px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: var(--ev-text) !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  font-size: 12px !important;
  transition: transform .25s var(--ev-ease), box-shadow .25s var(--ev-ease), border-color .25s var(--ev-ease), background .25s var(--ev-ease);
}

.ev-account-wrap .woocommerce-MyAccount-navigation-link a:hover{
  transform: translateY(-2px);
  border-color: rgba(151,216,0,0.35) !important;
  background: rgba(151,216,0,0.06) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  color: var(--ev-neon) !important;
}

/* aktywna zakładka */
.ev-account-wrap .woocommerce-MyAccount-navigation-link.is-active a{
  background: rgba(151,216,0,0.10) !important;
  border-color: rgba(151,216,0,0.45) !important;
  color: var(--ev-neon) !important;
  box-shadow: 0 0 0 3px rgba(151,216,0,0.08) !important;
}

/* =========================================================
   CONTENT (prawa kolumna) – glass karta
   ========================================================= */
.ev-account-wrap .woocommerce-MyAccount-content{
  background: var(--ev-card) !important;
  border: 1px solid var(--ev-border) !important;
  border-radius: var(--ev-radius) !important;
  padding: clamp(16px, 2vw, 28px) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.45) !important;
  min-width: 0;
}

/* tytuły w środku */
.ev-account-wrap .woocommerce-MyAccount-content h2,
.ev-account-wrap .woocommerce-MyAccount-content h3{
  color: var(--ev-text) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.3px !important;
  margin-top: 0 !important;
}

/* teksty i linki */
.ev-account-wrap .woocommerce-MyAccount-content,
.ev-account-wrap .woocommerce-MyAccount-content p,
.ev-account-wrap .woocommerce-MyAccount-content label{
  color: var(--ev-text) !important;
}
.ev-account-wrap .woocommerce-MyAccount-content a{
  color: var(--ev-neon) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}
.ev-account-wrap .woocommerce-MyAccount-content a:hover{
  color: #fff !important;
  text-shadow: 0 0 10px rgba(151,216,0,0.35);
}

/* =========================================================
   Tabele (zamówienia/adresy) – bez brzydkiej siatki
   ========================================================= */
.ev-account-wrap table.shop_table{
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.ev-account-wrap table.shop_table thead th{
  color: rgba(255,255,255,0.70) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 11px !important;
  padding: 14px 10px !important;
  border: none !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.10) !important;
}

.ev-account-wrap table.shop_table td{
  color: var(--ev-text) !important;
  padding: 14px 10px !important;
  border: none !important;
}

.ev-account-wrap table.shop_table tbody tr{
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.06) !important;
}
.ev-account-wrap table.shop_table tbody tr:last-child{
  box-shadow: none !important;
}

/* =========================================================
   FORMULARZE – dark glass inputy
   ========================================================= */
.ev-account-wrap input[type="text"],
.ev-account-wrap input[type="email"],
.ev-account-wrap input[type="tel"],
.ev-account-wrap input[type="password"],
.ev-account-wrap textarea,
.ev-account-wrap select,
.ev-account-wrap .select2-container .select2-selection--single{
  background: rgba(255,255,255,0.03) !important;
  color: var(--ev-text) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 999px !important;
  height: 46px !important;
  padding: 0 14px !important;
  outline: none !important;
}

.ev-account-wrap textarea{
  border-radius: 16px !important;
  min-height: 120px !important;
  padding: 12px 14px !important;
}

.ev-account-wrap input:focus,
.ev-account-wrap textarea:focus,
.ev-account-wrap select:focus{
  border-color: rgba(151,216,0,0.45) !important;
  box-shadow: 0 0 0 3px rgba(151,216,0,0.08) !important;
}

/* Select2 tekst */
.ev-account-wrap .select2-container--default
.select2-selection--single .select2-selection__rendered{
  color: var(--ev-text) !important;
  line-height: 46px !important;
}
.ev-account-wrap .select2-selection__arrow{
  height: 46px !important;
}

/* =========================================================
   PRZYCISKI – neon pill jak w koszyku
   ========================================================= */
.ev-account-wrap .woocommerce button,
.ev-account-wrap .woocommerce .button,
.ev-account-wrap .woocommerce a.button,
.ev-account-wrap .woocommerce input.button,
.ev-account-wrap .woocommerce input[type="submit"]{
  background-color: var(--ev-neon) !important;
  color: #0b0c0e !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 5px 20px rgba(151,216,0,0.22) !important;
  transition: transform .25s var(--ev-ease), box-shadow .25s var(--ev-ease), background .25s var(--ev-ease) !important;
}

.ev-account-wrap .woocommerce button:hover,
.ev-account-wrap .woocommerce .button:hover,
.ev-account-wrap .woocommerce a.button:hover,
.ev-account-wrap .woocommerce input.button:hover,
.ev-account-wrap .woocommerce input[type="submit"]:hover{
  background-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(151,216,0,0.30) !important;
}

/* linki akcji w tabeli zamówień jako mini-pill */
.ev-account-wrap table.shop_table a.button{
  padding: 10px 14px !important;
  font-size: 11px !important;
}

/* =========================================================
   WIADOMOŚCI (success/error/info) – dopasowane
   ========================================================= */
.ev-account-wrap .woocommerce-message,
.ev-account-wrap .woocommerce-info,
.ev-account-wrap .woocommerce-error{
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-left: 4px solid var(--ev-neon) !important;
  border-radius: 16px !important;
  color: var(--ev-text) !important;
  padding: 14px 16px !important;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 600px){
  .ev-account-wrap .woocommerce-MyAccount-navigation{
    padding: 14px !important;
  }
  .ev-account-wrap .woocommerce-MyAccount-navigation-link a{
    font-size: 11px !important;
    padding: 12px 14px !important;
  }
  .ev-account-wrap .woocommerce-MyAccount-content{
    padding: 18px !important;
  }
  .ev-account-wrap table.shop_table thead{ display:none !important; }
  .ev-account-wrap table.shop_table tbody tr{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px;
    padding: 12px 0 !important;
  }
}/* End custom CSS */