.elementor-10 .elementor-element.elementor-element-174c033c{--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 );}/* Start custom CSS *//* =========================================================
   TWILIGHT – MY ACCOUNT PAGE
   ========================================================= */
body.woocommerce-account {
  --tw-green: #164A2A;
  --tw-green-soft: #315C3A;
  --tw-sage: #AFC9A4;
  --tw-ivory: #F5F1E8;
  --tw-paper: #FCFBF7;
  --tw-line: #E4E0D4;
  --tw-ink: #18231C;
  --tw-muted: #6B746D;
  --tw-rose: #A8665A;
  --tw-radius: 14px;
  --tw-shadow: 0 10px 30px rgba(22, 74, 42, .08);
  background: var(--tw-paper);
  color: var(--tw-ink);
}

/* ---------- Page title ---------- */
body.woocommerce-account .page-heading,
body.woocommerce-account .page-heading .title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: .12em;
  color: var(--tw-green);
}

/* ---------- Layout ---------- */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  padding: 40px 0 70px;
}
.woocommerce-MyAccount-navigation {
  flex: 0 0 300px;
  background: var(--tw-ivory);
  border: 1px solid var(--tw-line);
  border-radius: var(--tw-radius);
  padding: 32px 24px;
  box-shadow: var(--tw-shadow);
  position: sticky;
  top: 110px;
}
.woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: var(--tw-radius);
  padding: 40px;
  box-shadow: var(--tw-shadow);
}

/* ---------- Avatar + user info ---------- */
.woocommerce-MyAccount-navigation img.avatar,
.woocommerce-MyAccount-navigation .avatar {
  width: 96px !important;
  height: 96px !important;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px var(--tw-sage);
  display: block;
  margin: 0 auto 14px;
}
.woocommerce-MyAccount-navigation > *:not(ul):not(img) {
  text-align: center;
  font-size: 14px;
  color: var(--tw-muted);
  word-break: break-word;
}

/* ---------- Navigation links ---------- */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  border: 0;
}
.woocommerce-MyAccount-navigation ul li {
  margin: 0 0 6px;
  border: 0;
}
.woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--tw-ink);
  transition: all .25s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(175, 201, 164, .35);
  color: var(--tw-green);
  transform: translateX(4px);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--tw-green);
  color: #fff;
  box-shadow: 0 6px 16px rgba(22, 74, 42, .25);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--tw-rose);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: rgba(168, 102, 90, .1);
}

/* ---------- Content typography ---------- */
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  color: var(--tw-green);
  letter-spacing: .01em;
}
.woocommerce-MyAccount-content p { line-height: 1.75; color: var(--tw-ink); }
.woocommerce-MyAccount-content a:not(.button):not(.btn) {
  color: var(--tw-green-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---------- Buttons (dashboard shortcuts + all buttons) ---------- */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .btn,
.woocommerce-account .woocommerce-Button,
.woocommerce-account button.button,
.woocommerce-account input[type="submit"] {
  background: var(--tw-green) !important;
  color: #fff !important;
  border: 1px solid var(--tw-green) !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  transition: all .3s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .btn:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: transparent !important;
  color: var(--tw-green) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(22, 74, 42, .18);
}

/* ---------- Forms ---------- */
.woocommerce-account form .form-row label {
  font-size: 13px;
  font-weight: 600;
  color: var(--tw-ink);
  margin-bottom: 6px;
}
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account select,
.woocommerce-account textarea,
.woocommerce-account .select2-selection {
  background: var(--tw-paper) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  min-height: 50px;
  transition: border-color .25s, box-shadow .25s;
}
.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
  outline: none;
  border-color: var(--tw-green-soft) !important;
  box-shadow: 0 0 0 4px rgba(175, 201, 164, .4) !important;
}
.woocommerce-account fieldset {
  border: 1px solid var(--tw-line);
  border-radius: var(--tw-radius);
  padding: 24px;
  margin: 24px 0;
}
.woocommerce-account fieldset legend {
  padding: 0 10px;
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: var(--tw-green);
}

/* ---------- Orders / downloads tables ---------- */
.woocommerce-account table.shop_table,
.woocommerce-account table.my_account_orders {
  border: 1px solid var(--tw-line) !important;
  border-radius: var(--tw-radius);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}
.woocommerce-account table.shop_table th {
  background: var(--tw-ivory);
  color: var(--tw-green);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 16px;
}
.woocommerce-account table.shop_table td {
  padding: 16px;
  border-top: 1px solid var(--tw-line);
}
.woocommerce-account table.shop_table tr:hover td { background: var(--tw-paper); }
.woocommerce-account table.shop_table .button {
  padding: 9px 18px !important;
  font-size: 11px;
}

/* ---------- Addresses ---------- */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
  float: none; width: 100%;
  background: var(--tw-paper);
  border: 1px solid var(--tw-line);
  border-radius: var(--tw-radius);
  padding: 24px;
}
.woocommerce-Address-title a.edit { font-size: 13px; }

/* ---------- Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--tw-ivory) !important;
  border: 1px solid var(--tw-line) !important;
  border-left: 4px solid var(--tw-green) !important;
  border-radius: 10px;
  color: var(--tw-ink) !important;
  padding: 16px 20px !important;
}
.woocommerce-error { border-left-color: var(--tw-rose) !important; }

/* ---------- Login / Register (logged-out view) ---------- */
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
#customer_login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
#customer_login .u-column1,
#customer_login .u-column2 {
  float: none; width: 100%;
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: var(--tw-radius);
  padding: 36px;
  box-shadow: var(--tw-shadow);
}

/* ---------- "You may also like" product cards ---------- */
.woocommerce-account .products .product {
  background: #fff;
  border: 1px solid var(--tw-line);
  border-radius: var(--tw-radius);
  padding: 0 0 22px;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
}
.woocommerce-account .products .product:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(22, 74, 42, .14);
}
.woocommerce-account .products .product img { transition: transform .6s ease; }
.woocommerce-account .products .product:hover img { transform: scale(1.04); }
.woocommerce-account .products .product .product-title,
.woocommerce-account .products .product .woocommerce-loop-product__title {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--tw-ink);
  padding: 0 16px;
}
.woocommerce-account .products .product .price { color: var(--tw-green); font-weight: 600; }
.woocommerce-account .products .product .price del { color: var(--tw-muted); font-weight: 400; }
.woocommerce-account .products .product .price ins { text-decoration: none; }
.woocommerce-account .onsale,
.woocommerce-account .products .product .onsale {
  background: var(--tw-rose) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  min-height: 0;
  line-height: 1.6;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
}
.woocommerce-account .products .product .button {
  background: transparent !important;
  color: var(--tw-green) !important;
  border: 1px solid var(--tw-green) !important;
  border-radius: 999px !important;
  padding: 11px 24px !important;
  font-size: 12px;
  letter-spacing: .1em;
}
.woocommerce-account .products .product .button:hover {
  background: var(--tw-green) !important;
  color: #fff !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .woocommerce-account .woocommerce { flex-direction: column; gap: 28px; }
  .woocommerce-MyAccount-navigation { flex: none; width: 100%; position: static; }
  .woocommerce-MyAccount-navigation ul {
    display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px;
  }
  .woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; margin: 0; }
  .woocommerce-MyAccount-navigation ul li a { white-space: nowrap; }
  .woocommerce-MyAccount-content { padding: 26px 20px; width: 100%; }
}
@media (max-width: 767px) {
  .woocommerce-Addresses,
  #customer_login { grid-template-columns: 1fr; }
  #customer_login .u-column1,
  #customer_login .u-column2 { padding: 24px 20px; }
  .woocommerce-account table.shop_table { display: block; overflow-x: auto; }
}/* End custom CSS */