.elementor-28568 .elementor-element.elementor-element-7f2561a{--display:flex;--min-height:305px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28568 .elementor-element.elementor-element-7f2561a:not(.elementor-motion-effects-element-type-background), .elementor-28568 .elementor-element.elementor-element-7f2561a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-25ee02d ) 100%);}.elementor-28568 .elementor-element.elementor-element-7f2561a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28568 .elementor-element.elementor-element-c2ce332{text-align:center;}.elementor-28568 .elementor-element.elementor-element-c2ce332 .elementor-heading-title{font-size:64px;color:#FFFFFF;}.elementor-28568 .elementor-element.elementor-element-8855e88{color:#FFFFFF;}.elementor-28568 .elementor-element.elementor-element-1a2beed{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:2em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-28568 .elementor-element.elementor-element-fe6c1f0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-28568 .elementor-element.elementor-element-7f2561a{--min-height:205px;}.elementor-28568 .elementor-element.elementor-element-c2ce332 .elementor-heading-title{font-size:30px;}.elementor-28568 .elementor-element.elementor-element-8855e88{font-size:16px;}.elementor-28568 .elementor-element.elementor-element-1a2beed{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}}@media(min-width:768px){.elementor-28568 .elementor-element.elementor-element-7f2561a{--width:117.163%;}}/* Start custom CSS for shortcode, class: .elementor-element-fe6c1f0 *//* --- WooCommerce My Account: sidebar layout --- */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

/* Left menu */
.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 320px;
  max-width: 320px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 0 14px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 18px 22px;
  background: #f5f6f7;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  color: #1f6f7a; /* kicsit teal jelleg, mint a képen */
  transition: background .2s ease, transform .05s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #eef1f2;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: #e9ecef;
  color: #111;
}

/* Right content panel */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto;
  background: #fff;
  border: 1px solid #d9dde1;
  border-radius: 3px;
  padding: 22px 26px;
}

/* Links inside content (optional) */
.woocommerce-account .woocommerce-MyAccount-content a {
  text-decoration: underline;
}

/* --- Responsive: stack on small screens --- */
@media (max-width: 900px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 100%;
    flex-basis: auto;
  }
}
/* ==============================
   WooCommerce My Account - Mobile form upgrade
   (balanced size + proper dropdown arrows)
   ============================== */

@media (max-width: 768px) {

  /* kis oldalsó padding mobilon */
  .woocommerce-account .woocommerce {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* label-ek */
  .woocommerce-account .woocommerce form .form-row label,
  .woocommerce-account .woocommerce form label {
    font-size: 17px !important;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 6px 0 !important;
    display: block;
  }

  /* form sorok közti tér */
  .woocommerce-account .woocommerce form .form-row {
    margin-bottom: 16px !important;
  }

  /* INPUT / TEXTAREA / SELECT - közös alap */
  .woocommerce-account .woocommerce form .form-row input.input-text,
  .woocommerce-account .woocommerce form .form-row textarea,
  .woocommerce-account .woocommerce form .form-row select,
  .woocommerce-account .woocommerce form input[type="text"],
  .woocommerce-account .woocommerce form input[type="email"],
  .woocommerce-account .woocommerce form input[type="tel"],
  .woocommerce-account .woocommerce form input[type="password"],
  .woocommerce-account .woocommerce form input[type="number"],
  .woocommerce-account .woocommerce form textarea,
  .woocommerce-account .woocommerce form select {
    width: 100% !important;
    font-size: 16px !important;      /* iOS zoom ellen */
    line-height: 1.2;
    height: 52px !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  /* textarea legyen magasabb */
  .woocommerce-account .woocommerce form textarea {
    height: auto !important;
    min-height: 110px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* ====== SELECT: szép lenyíló nyíl + hely a nyílnak ====== */
  .woocommerce-account .woocommerce form select {
    -webkit-appearance: none !important;
    appearance: none !important;

    /* saját nyíl */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23333' d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;

    padding-right: 44px !important; /* ne menjen rá a nyílra a szöveg */
  }

  /* ====== Password eye ikon: ne takarja a szöveget ====== */
  .woocommerce-account .woocommerce .password-input,
  .woocommerce-account .woocommerce .woocommerce-password-strength,
  .woocommerce-account .woocommerce .woocommerce-password-hint {
    width: 100%;
  }

  .woocommerce-account .woocommerce .password-input input.input-text,
  .woocommerce-account .woocommerce .password-input input[type="password"] {
    padding-right: 52px !important; /* hely a szem ikonhoz */
  }

  .woocommerce-account .woocommerce .show-password-input {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 14px !important;
  }

  /* ====== Gombok (Login/Register/Save) ====== */
  .woocommerce-account .woocommerce button.button,
  .woocommerce-account .woocommerce a.button,
  .woocommerce-account .woocommerce input.button,
  .woocommerce-account .woocommerce button[type="submit"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    font-size: 16px !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fe6c1f0 *//* --- WooCommerce My Account: sidebar layout --- */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

/* Left menu */
.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 320px;
  max-width: 320px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 0 14px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 18px 22px;
  background: #f5f6f7;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  color: #1f6f7a; /* kicsit teal jelleg, mint a képen */
  transition: background .2s ease, transform .05s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #eef1f2;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: #e9ecef;
  color: #111;
}

/* Right content panel */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto;
  background: #fff;
  border: 1px solid #d9dde1;
  border-radius: 3px;
  padding: 22px 26px;
}

/* Links inside content (optional) */
.woocommerce-account .woocommerce-MyAccount-content a {
  text-decoration: underline;
}

/* --- Responsive: stack on small screens --- */
@media (max-width: 900px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 100%;
    flex-basis: auto;
  }
}
/* ==============================
   WooCommerce My Account - Mobile form upgrade
   (balanced size + proper dropdown arrows)
   ============================== */

@media (max-width: 768px) {

  /* kis oldalsó padding mobilon */
  .woocommerce-account .woocommerce {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* label-ek */
  .woocommerce-account .woocommerce form .form-row label,
  .woocommerce-account .woocommerce form label {
    font-size: 17px !important;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 6px 0 !important;
    display: block;
  }

  /* form sorok közti tér */
  .woocommerce-account .woocommerce form .form-row {
    margin-bottom: 16px !important;
  }

  /* INPUT / TEXTAREA / SELECT - közös alap */
  .woocommerce-account .woocommerce form .form-row input.input-text,
  .woocommerce-account .woocommerce form .form-row textarea,
  .woocommerce-account .woocommerce form .form-row select,
  .woocommerce-account .woocommerce form input[type="text"],
  .woocommerce-account .woocommerce form input[type="email"],
  .woocommerce-account .woocommerce form input[type="tel"],
  .woocommerce-account .woocommerce form input[type="password"],
  .woocommerce-account .woocommerce form input[type="number"],
  .woocommerce-account .woocommerce form textarea,
  .woocommerce-account .woocommerce form select {
    width: 100% !important;
    font-size: 16px !important;      /* iOS zoom ellen */
    line-height: 1.2;
    height: 52px !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  /* textarea legyen magasabb */
  .woocommerce-account .woocommerce form textarea {
    height: auto !important;
    min-height: 110px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* ====== SELECT: szép lenyíló nyíl + hely a nyílnak ====== */
  .woocommerce-account .woocommerce form select {
    -webkit-appearance: none !important;
    appearance: none !important;

    /* saját nyíl */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23333' d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;

    padding-right: 44px !important; /* ne menjen rá a nyílra a szöveg */
  }

  /* ====== Password eye ikon: ne takarja a szöveget ====== */
  .woocommerce-account .woocommerce .password-input,
  .woocommerce-account .woocommerce .woocommerce-password-strength,
  .woocommerce-account .woocommerce .woocommerce-password-hint {
    width: 100%;
  }

  .woocommerce-account .woocommerce .password-input input.input-text,
  .woocommerce-account .woocommerce .password-input input[type="password"] {
    padding-right: 52px !important; /* hely a szem ikonhoz */
  }

  .woocommerce-account .woocommerce .show-password-input {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 14px !important;
  }

  /* ====== Gombok (Login/Register/Save) ====== */
  .woocommerce-account .woocommerce button.button,
  .woocommerce-account .woocommerce a.button,
  .woocommerce-account .woocommerce input.button,
  .woocommerce-account .woocommerce button[type="submit"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    font-size: 16px !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fe6c1f0 *//* --- WooCommerce My Account: sidebar layout --- */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

/* Left menu */
.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 320px;
  max-width: 320px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 0 14px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 18px 22px;
  background: #f5f6f7;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  color: #1f6f7a; /* kicsit teal jelleg, mint a képen */
  transition: background .2s ease, transform .05s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: #eef1f2;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: #e9ecef;
  color: #111;
}

/* Right content panel */
.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto;
  background: #fff;
  border: 1px solid #d9dde1;
  border-radius: 3px;
  padding: 22px 26px;
}

/* Links inside content (optional) */
.woocommerce-account .woocommerce-MyAccount-content a {
  text-decoration: underline;
}

/* --- Responsive: stack on small screens --- */
@media (max-width: 900px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 100%;
    flex-basis: auto;
  }
}
/* ==============================
   WooCommerce My Account - Mobile form upgrade
   (balanced size + proper dropdown arrows)
   ============================== */

@media (max-width: 768px) {

  /* kis oldalsó padding mobilon */
  .woocommerce-account .woocommerce {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* label-ek */
  .woocommerce-account .woocommerce form .form-row label,
  .woocommerce-account .woocommerce form label {
    font-size: 17px !important;
    line-height: 1.25;
    font-weight: 600;
    margin: 0 0 6px 0 !important;
    display: block;
  }

  /* form sorok közti tér */
  .woocommerce-account .woocommerce form .form-row {
    margin-bottom: 16px !important;
  }

  /* INPUT / TEXTAREA / SELECT - közös alap */
  .woocommerce-account .woocommerce form .form-row input.input-text,
  .woocommerce-account .woocommerce form .form-row textarea,
  .woocommerce-account .woocommerce form .form-row select,
  .woocommerce-account .woocommerce form input[type="text"],
  .woocommerce-account .woocommerce form input[type="email"],
  .woocommerce-account .woocommerce form input[type="tel"],
  .woocommerce-account .woocommerce form input[type="password"],
  .woocommerce-account .woocommerce form input[type="number"],
  .woocommerce-account .woocommerce form textarea,
  .woocommerce-account .woocommerce form select {
    width: 100% !important;
    font-size: 16px !important;      /* iOS zoom ellen */
    line-height: 1.2;
    height: 52px !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  /* textarea legyen magasabb */
  .woocommerce-account .woocommerce form textarea {
    height: auto !important;
    min-height: 110px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* ====== SELECT: szép lenyíló nyíl + hely a nyílnak ====== */
  .woocommerce-account .woocommerce form select {
    -webkit-appearance: none !important;
    appearance: none !important;

    /* saját nyíl */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23333' d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%23333' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 18px 18px !important;

    padding-right: 44px !important; /* ne menjen rá a nyílra a szöveg */
  }

  /* ====== Password eye ikon: ne takarja a szöveget ====== */
  .woocommerce-account .woocommerce .password-input,
  .woocommerce-account .woocommerce .woocommerce-password-strength,
  .woocommerce-account .woocommerce .woocommerce-password-hint {
    width: 100%;
  }

  .woocommerce-account .woocommerce .password-input input.input-text,
  .woocommerce-account .woocommerce .password-input input[type="password"] {
    padding-right: 52px !important; /* hely a szem ikonhoz */
  }

  .woocommerce-account .woocommerce .show-password-input {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 14px !important;
  }

  /* ====== Gombok (Login/Register/Save) ====== */
  .woocommerce-account .woocommerce button.button,
  .woocommerce-account .woocommerce a.button,
  .woocommerce-account .woocommerce input.button,
  .woocommerce-account .woocommerce button[type="submit"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    font-size: 16px !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* WooCommerce My Account buttons (login / lost password / reset etc.) */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce button[type="submit"],
.woocommerce-account .woocommerce input[type="submit"]{
  background-color: #017572 !important;
  border-color: #017572 !important;
  color: #ffffff !important;
}
/* ===== FULL CENTER FIX (TOP-ALIGNED) ===== */

body.woocommerce-account:not(.logged-in) .woocommerce{
  display: flex !important;
  flex-direction: column;
  align-items: center !important;

  /* NEW: don't vertically "center" the block, start from top */
  justify-content: flex-start !important;
  min-height: 0 !important;
  padding-top: 20px !important;
}

/* Tabs centered */
body.woocommerce-account:not(.logged-in) .wc-auth-tabs{
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 10px !important;  /* smaller gap */
}

/* Remove default headings */
body.woocommerce-account:not(.logged-in) .u-columns h2{
  display:none !important;
}

/* Force form block to center */
body.woocommerce-account:not(.logged-in) .u-columns{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;

  /* NEW: kill any top margin coming from theme */
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Form width */
body.woocommerce-account:not(.logged-in) .u-column1,
body.woocommerce-account:not(.logged-in) .u-column2{
  float:none !important;
  width:100% !important;
  max-width:900px;
  margin:0 auto !important;
}
/* Finomhangolás: kisebb felhúzás */
body.woocommerce-account:not(.logged-in) .u-columns{
  margin-top: -65px !important;  
}

/* Ne lógjon rá a tab a formra */
body.woocommerce-account:not(.logged-in) .wc-auth-tabs{
  margin-bottom: 14px !important;
}/* End custom CSS */