.elementor-439 .elementor-element.elementor-element-2c115dd3{--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 );}:root{--page-title-display:none;}/* Start custom CSS *//* --- HoliPath® WooCommerce Fiókom oldal --- */

@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap");

body.woocommerce-account {
  background:
    radial-gradient(circle at 82% 4%, rgba(255, 250, 241, 0.86), transparent 34%),
    radial-gradient(circle at 8% 36%, rgba(185, 139, 94, 0.10), transparent 30%),
    radial-gradient(circle at 86% 58%, rgba(143, 159, 127, 0.20), transparent 34%),
    linear-gradient(180deg, #fbf7ef 0%, #edf3e8 55%, #e9f0e3 100%) !important;
  color: #273024;
  font-family: "Manrope", system-ui, sans-serif;
}

/* Alap tartalom */

body.woocommerce-account .site,
body.woocommerce-account .site-main,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content,
body.woocommerce-account .page-content {
  background: transparent !important;
}

body.woocommerce-account .woocommerce {
  width: min(1120px, calc(100% - 36px));
  margin: clamp(36px, 5vw, 72px) auto clamp(56px, 7vw, 96px);
}

/* Oldalcímek */

body.woocommerce-account .entry-title,
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account legend {
  font-family: "Lora", Georgia, serif !important;
  color: #273024 !important;
  font-weight: 500 !important;
  letter-spacing: -0.012em !important;
  line-height: 1.16 !important;
}

body.woocommerce-account .entry-title {
  text-align: center;
  font-size: clamp(2rem, 4vw, 3.7rem) !important;
  margin-bottom: clamp(28px, 4vw, 46px) !important;
}

/* Bejelentkezett Fiókom layout */

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 260px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
  width: auto !important;
  flex: 1;
}

body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
  display: flex;
  gap: clamp(24px, 3vw, 38px);
  align-items: flex-start;
}

/* Bal oldali fiók menü */

body.woocommerce-account .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 96px;
  padding: 18px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.52), transparent 34%),
    linear-gradient(145deg, rgba(231, 239, 224, 0.98), rgba(202, 217, 192, 0.94)) !important;
  border: 1px solid rgba(83, 100, 71, 0.24);
  box-shadow:
    0 20px 48px rgba(55, 72, 46, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.52);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 16px;
  color: rgba(39, 48, 36, 0.78) !important;
  background: rgba(255, 250, 241, 0.44);
  border: 1px solid rgba(255, 255, 255, 0.34);
  text-decoration: none !important;
  font-weight: 800;
  font-size: 0.9rem;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  color: #fffaf1 !important;
  background: linear-gradient(135deg, #758269, #46543d) !important;
  transform: translateY(-1px);
}

/* Jobb oldali tartalom */

body.woocommerce-account .woocommerce-MyAccount-content {
  min-height: 420px;
  padding: clamp(26px, 3vw, 42px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.54), transparent 34%),
    linear-gradient(145deg, rgba(255, 250, 241, 0.92), rgba(237, 243, 232, 0.76)) !important;
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow:
    0 22px 58px rgba(55, 72, 46, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.56);
}

body.woocommerce-account .woocommerce-MyAccount-content p {
  color: rgba(39, 48, 36, 0.78);
  line-height: 1.7;
}

body.woocommerce-account .woocommerce-MyAccount-content a {
  color: #7c5739 !important;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Üzenetek */

body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error {
  margin: 0 0 18px !important;
  padding: 18px 22px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(143, 159, 127, 0.22) !important;
  background: rgba(255, 250, 241, 0.78) !important;
  box-shadow: 0 14px 36px rgba(55, 72, 46, 0.08) !important;
  color: rgba(39, 48, 36, 0.82) !important;
}

body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-error::before {
  color: #9d714a !important;
}

/* Táblázatok: rendelések, előfizetések */

body.woocommerce-account table.shop_table {
  border: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: rgba(255, 250, 241, 0.68) !important;
  box-shadow: 0 14px 34px rgba(55, 72, 46, 0.07) !important;
}

body.woocommerce-account table.shop_table th {
  padding: 16px 18px !important;
  border: 0 !important;
  color: rgba(39, 48, 36, 0.58) !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}

body.woocommerce-account table.shop_table td {
  padding: 18px !important;
  border-top: 1px solid rgba(83, 100, 71, 0.12) !important;
  color: rgba(39, 48, 36, 0.82) !important;
}

body.woocommerce-account table.shop_table a {
  color: #7c5739 !important;
  font-weight: 800;
}

/* Címkártyák */

body.woocommerce-account .woocommerce-Address,
body.woocommerce-account .woocommerce-address-fields,
body.woocommerce-account form.edit-account {
  padding: clamp(22px, 3vw, 32px);
  border-radius: 26px;
  background: rgba(255, 250, 241, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.60);
  box-shadow: 0 14px 34px rgba(55, 72, 46, 0.065);
}

body.woocommerce-account .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Űrlapok */

body.woocommerce-account form .form-row {
  margin-bottom: 18px !important;
}

body.woocommerce-account form .form-row label {
  margin-bottom: 7px;
  color: rgba(39, 48, 36, 0.82);
  font-weight: 750;
  font-size: 0.9rem;
}

body.woocommerce-account form .required {
  color: #9d714a !important;
}

body.woocommerce-account input.input-text,
body.woocommerce-account textarea,
body.woocommerce-account select,
body.woocommerce-account .select2-container--default .select2-selection--single {
  min-height: 48px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(83, 100, 71, 0.20) !important;
  background: rgba(255, 253, 248, 0.88) !important;
  color: #273024 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.60) !important;
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 0.95rem !important;
}

body.woocommerce-account textarea {
  min-height: 120px !important;
  padding: 14px 16px !important;
}

body.woocommerce-account input.input-text,
body.woocommerce-account select {
  padding: 0 15px !important;
}

body.woocommerce-account input.input-text:focus,
body.woocommerce-account textarea:focus,
body.woocommerce-account select:focus,
body.woocommerce-account .select2-container--open .select2-selection--single {
  outline: none !important;
  border-color: rgba(185, 139, 94, 0.56) !important;
  box-shadow:
    0 0 0 4px rgba(185, 139, 94, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

/* Belépés / regisztráció oldal, ha nincs bejelentkezve */

body.woocommerce-account .u-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 34px);
}

body.woocommerce-account .u-columns .u-column1,
body.woocommerce-account .u-columns .u-column2,
body.woocommerce-account form.login,
body.woocommerce-account form.register {
  width: 100% !important;
  float: none !important;
  padding: clamp(26px, 3vw, 38px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.54), transparent 34%),
    linear-gradient(145deg, rgba(255, 250, 241, 0.92), rgba(237, 243, 232, 0.76)) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 20px 54px rgba(55, 72, 46, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.56) !important;
}

/* Gombok */

body.woocommerce-account .button,
body.woocommerce-account button.button,
body.woocommerce-account input.button,
body.woocommerce-account .woocommerce-button {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 250, 241, 0.34) !important;
  background: linear-gradient(135deg, #b98b5e, #9d714a) !important;
  color: #fffaf1 !important;
  box-shadow: 0 14px 32px rgba(157, 113, 74, 0.18) !important;
  font-family: "Manrope", system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.9rem !important;
  text-shadow: 0 1px 1px rgba(68, 45, 28, 0.14) !important;
}

body.woocommerce-account .button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account input.button:hover,
body.woocommerce-account .woocommerce-button:hover {
  background: linear-gradient(135deg, #c49a6f, #a87950) !important;
  color: #fffaf1 !important;
  transform: translateY(-2px);
}

/* Mobil */

@media (max-width: 900px) {
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: block;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    position: relative;
    top: auto;
    margin-bottom: 22px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.woocommerce-account .u-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body.woocommerce-account .woocommerce {
    width: min(100% - 28px, 1120px);
  }

  body.woocommerce-account .entry-title {
    text-align: left;
    font-size: clamp(2rem, 10vw, 3rem) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content,
  body.woocommerce-account .u-columns .u-column1,
  body.woocommerce-account .u-columns .u-column2,
  body.woocommerce-account form.login,
  body.woocommerce-account form.register {
    border-radius: 24px !important;
    padding: 22px 18px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr;
  }

  body.woocommerce-account table.shop_table {
    border-radius: 22px !important;
  }

  body.woocommerce-account table.shop_table td {
    padding: 16px !important;
  }
}/* End custom CSS */