.elementor-3999 .elementor-element.elementor-element-c4ccecf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3999 .elementor-element.elementor-element-c4ccecf::before, .elementor-3999 .elementor-element.elementor-element-c4ccecf > .elementor-background-video-container::before, .elementor-3999 .elementor-element.elementor-element-c4ccecf > .e-con-inner > .elementor-background-video-container::before, .elementor-3999 .elementor-element.elementor-element-c4ccecf > .elementor-background-slideshow::before, .elementor-3999 .elementor-element.elementor-element-c4ccecf > .e-con-inner > .elementor-background-slideshow::before, .elementor-3999 .elementor-element.elementor-element-c4ccecf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF26 0%, #FFFFFF 100%);}.elementor-3999 .elementor-element.elementor-element-1e2d6ed{--display:flex;border-style:none;--border-style:none;--border-radius:26px 26px 26px 26px;}.elementor-3999 .elementor-element.elementor-element-1e2d6ed:not(.elementor-motion-effects-element-type-background), .elementor-3999 .elementor-element.elementor-element-1e2d6ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3999 .elementor-element.elementor-element-990329b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -62px) 0px;text-align:center;}.elementor-3999 .elementor-element.elementor-element-990329b .elementor-heading-title{font-family:"Alex Brush", Sans-serif;font-size:65px;font-weight:500;color:#807272;}.elementor-3999 .elementor-element.elementor-element-056ae2b{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;}.elementor-3999 .elementor-element.elementor-element-056ae2b.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-3999:not(.elementor-motion-effects-element-type-background), body.elementor-page-3999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-3999 .elementor-element.elementor-element-1e2d6ed{--width:59%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3999 .elementor-element.elementor-element-990329b .elementor-heading-title{font-size:48px;}}/* Start custom CSS *//* ================================
   DESTINE MY ACCOUNT - FONT + ALIGN
================================ */

/* Import Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Font chính cho page My Account */
body.woocommerce-account,
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce * {
  font-family: "Playfair Display", serif !important;
}

/* Nền tổng trắng */
body.woocommerce-account,
body.woocommerce-account #main,
body.woocommerce-account .page-wrapper,
body.woocommerce-account .content-area {
  background: #ffffff !important;
}

/* Layout tổng account */
body.woocommerce-account .woocommerce {
  max-width: 1180px;
  margin: 0 auto;
  padding: 55px 24px;
  display: flex !important;
  gap: 34px;
  align-items: flex-start;
  background: #ffffff !important;
}

/* Sidebar bên trái */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 280px !important;
  flex: 0 0 280px !important;
  float: none !important;
  background: #ffffff !important;
  border: 1px solid #efd2cc;
  border-radius: 22px;
  padding: 26px 20px;
  box-shadow: 0 12px 28px rgba(80, 60, 50, 0.08);
}

/* Sidebar list */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Sidebar item */
body.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin-bottom: 9px !important;
  border: none !important;
}

/* Sidebar link: các mục cùng bậc đều nhau */
body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 13px 16px;
  border-radius: 12px;
  color: #6f625c !important;
  text-decoration: none !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2px;
  border: 1px solid transparent;
}

/* Sidebar active + hover */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: #f8dfdc !important;
  color: #b85f68 !important;
  border-color: #edc5bf;
}

/* Khung nội dung bên phải */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 !important;
  width: auto !important;
  float: none !important;
  background: #ffffff !important;
  border: 1px solid #efd2cc;
  border-radius: 22px;
  padding: 36px !important;
  box-shadow: 0 12px 28px rgba(80, 60, 50, 0.06);
  color: #5f5450;
}

/* Đoạn Hello destine và paragraph */
body.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: #6f625c !important;
  font-weight: 400 !important;
  margin-bottom: 22px;
}

/* Link trong content */
body.woocommerce-account .woocommerce-MyAccount-content a {
  color: #c96f78 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

/* Dashboard links grid */
body.woocommerce-account .dashboard-links {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: 26px !important;
}

/* Sửa các cột dashboard không bị co */
body.woocommerce-account .dashboard-links .col,
body.woocommerce-account .dashboard-links li {
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Orders / Downloads / Addresses / Account details / Saved: cùng bậc, đều nhau */
body.woocommerce-account .dashboard-links a {
  width: 100% !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fffaf8 !important;
  border: 1px solid #efd2cc !important;
  border-radius: 14px !important;
  color: #2f4a64 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* Tắt icon giả nếu theme thêm vào làm lệch layout */
body.woocommerce-account .dashboard-links a:before,
body.woocommerce-account .dashboard-links a:after {
  display: none !important;
}

/* Heading trong các tab như Orders, Addresses, Account details */
body.woocommerce-account .woocommerce-MyAccount-content h1,
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
  font-family: "Playfair Display", serif !important;
  color: #2b2b2b !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

/* H2 cùng bậc */
body.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: 30px !important;
}

/* H3 cùng bậc */
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
  font-size: 24px !important;
}

/* Form label cùng bậc */
body.woocommerce-account label {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #6f625c !important;
}

/* Input */
body.woocommerce-account input,
body.woocommerce-account select,
body.woocommerce-account textarea {
  font-family: "Playfair Display", serif !important;
  border: 1px solid #efd2cc !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  color: #5f5450 !important;
}

/* Button WooCommerce */
body.woocommerce-account .button,
body.woocommerce-account button.button {
  font-family: "Playfair Display", serif !important;
  background: #d96f7a !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 12px 22px !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

body.woocommerce-account .button:hover,
body.woocommerce-account button.button:hover {
  background: #bf5965 !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce {
    flex-direction: column !important;
    padding: 35px 16px;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    flex: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 24px 18px !important;
  }

  body.woocommerce-account .dashboard-links {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-account .dashboard-links a {
    font-size: 22px !important;
    min-height: 76px !important;
  }
}
body.woocommerce-account .elementor-widget-container,
body.woocommerce-account .woocommerce {
  background: transparent !important;
}/* End custom CSS */