.elementor-5481 .elementor-element.elementor-element-0168d43{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:21px;--margin-bottom:21px;--margin-left:21px;--margin-right:21px;}.elementor-5481 .elementor-element.elementor-element-0168d43:not(.elementor-motion-effects-element-type-background), .elementor-5481 .elementor-element.elementor-element-0168d43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5481 .elementor-element.elementor-element-efc324d{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5481 .elementor-element.elementor-element-fd05382{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:16px 16px 16px 16px;box-shadow:10px 10px 10px 0px rgba(0, 0, 0, 0.34);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5481 .elementor-element.elementor-element-fd05382:not(.elementor-motion-effects-element-type-background), .elementor-5481 .elementor-element.elementor-element-fd05382 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bd9dcba );}.elementor-5481 .elementor-element.elementor-element-fd05382.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5481 .elementor-element.elementor-element-92d7cb0{--display:flex;--min-height:655px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5481 .elementor-element.elementor-element-92d7cb0.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-5481 .elementor-element.elementor-element-0168d43{--content-width:100%;}.elementor-5481 .elementor-element.elementor-element-efc324d{--width:100%;}.elementor-5481 .elementor-element.elementor-element-fd05382{--width:69.38%;}.elementor-5481 .elementor-element.elementor-element-92d7cb0{--width:99.347%;}}/* Start custom CSS for shortcode, class: .elementor-element-6034ea0 *//* LOGIN page: register column hide */
.page-id-XXXX #customer_login .u-column2 { display:none !important; }
.page-id-XXXX #customer_login .u-column1 { width:100% !important; float:none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92d7cb0 *//* =========================
   WooCommerce Account UI (clean)
   - login/register form styling
   - my account layout + menu card
   - orders table buttons
   ========================= */

/* 1) Login/Register form base */
body #customer_login form,
body form.woocommerce-form,
body form.woocommerce-form-login,
body form.woocommerce-form-register{
  max-width: 520px !important;
  margin: 0 !important;
  padding: 40px 40px 34px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
}

body #customer_login form .form-row,
body form.woocommerce-form .form-row{
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body #customer_login form label,
body form.woocommerce-form label{
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
}

body #customer_login form input.input-text,
body #customer_login form input[type="text"],
body #customer_login form input[type="email"],
body #customer_login form input[type="password"],
body form.woocommerce-form input.input-text,
body form.woocommerce-form input[type="text"],
body form.woocommerce-form input[type="email"],
body form.woocommerce-form input[type="password"]{
  width: 100% !important;
  height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

body #customer_login form button.button,
body #customer_login form input.button,
body form.woocommerce-form button.button,
body form.woocommerce-form input.button{
  width: 100% !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 0 !important;
  font-weight: 700 !important;
}

/* Optional: hide register column on specific page (your page-id 5481) */
.page-id-5481 #customer_login .u-column2{ display: none !important; }
.page-id-5481 #customer_login .u-column1{ width: 100% !important; float: none !important; }

/* 2) My Account layout + cards */
.woocommerce-account .woocommerce{
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 28px;
  box-sizing: border-box;
  align-items: flex-start !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  width: 240px;
  margin-right: 28px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

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

.woocommerce-account .woocommerce-MyAccount-navigation a{
  display: block;
  padding: 12px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: #222;
  font-size: 14px;
  line-height: 1.2;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background: rgba(0,0,0,0.04);
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background: rgba(0,0,0,0.07);
  font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-content{
  width: calc(100% - 268px);
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  box-sizing: border-box;
}

@media (max-width: 980px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    width: 100%;
    margin-right: 0;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{ margin-bottom: 18px; }
}

/* 3) Orders table + buttons */
.woocommerce-account .woocommerce-orders-table{
  border-collapse: separate !important;
  border-spacing: 0;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td{
  border-color: rgba(0,0,0,0.06) !important;
  padding: 14px 12px !important;
  vertical-align: middle;
}

.woocommerce-account .woocommerce-orders-table thead th{
  background: rgba(0,0,0,0.03);
  font-weight: 700;
}

.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
  white-space: nowrap;
}

.woocommerce-account .woocommerce-orders-table .button{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 34px !important;
  padding: 0 12px !important;
  margin: 0 6px 6px 0 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .2px;
  box-shadow: none !important;
  opacity: 1 !important; /* View/Cancel 흐릿하게 안 함 */
  transform: none !important;
}

.woocommerce-account .woocommerce-orders-table .button:hover{
  transform: translateY(-1px) !important;
}/* End custom CSS */