.elementor-10 .elementor-element.elementor-element-ba98ff3{--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;}.elementor-10 .elementor-element.elementor-element-93d7a14{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-38a7e2e );--border-color:var( --e-global-color-38a7e2e );--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-93d7a14:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-93d7a14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(357deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-262b5c1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-262b5c1 .elementor-icon-list-text{color:var( --e-global-color-d336847 );transition:color 0.3s;}.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-c5228ce{text-align:center;}.elementor-10 .elementor-element.elementor-element-c5228ce .elementor-heading-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-98be0fa{--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;}.elementor-10 .elementor-element.elementor-element-7f9f34e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-38a7e2e );--border-color:var( --e-global-color-38a7e2e );--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-7f9f34e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-7f9f34e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-d239c66 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-d336847 );}.elementor-10 .elementor-element.elementor-element-d239c66 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var( --e-global-color-38a7e2e );}.elementor-10 .elementor-element.elementor-element-d239c66{--tabs-normal-color:var( --e-global-color-secondary );--tabs-hover-color:var( --e-global-color-accent );--tabs-active-color:var( --e-global-color-accent );--tabs-active-border-color:var( --e-global-color-38a7e2e );--tabs-border-type:none;--tabs-border-radius:15px 15px 15px 15px;--tabs-divider-color:var( --e-global-color-38a7e2e );--sections-border-type:none;--sections-padding:0px 0px 0px 0px;--edit-link-margin-top:0px;--edit-link-margin-start:0px;--typography-section-titles-color:var( --e-global-color-secondary );--general-text-color:var( --e-global-color-secondary );--login-messages-color:var( --e-global-color-secondary );--checkboxes-color:var( --e-global-color-accent );--payment-methods-radio-buttons-color:var( --e-global-color-accent );--forms-labels-color:var( --e-global-color-accent );--forms-fields-normal-color:var( --e-global-color-secondary );--forms-buttons-normal-text-color:var( --e-global-color-accent );--tables-title-color:var( --e-global-color-secondary );--tables-items-color:var( --e-global-color-accent );--variations-color:var( --e-global-color-secondary );--tables-divider-border-color:var( --e-global-color-accent );--tables-button-normal-text-color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-d239c66 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 0px + 40px );}.elementor-10 .elementor-element.elementor-element-d239c66 .woocommerce-pagination{padding-bottom:0px;}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-d239c66 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-d239c66 *//* ================================================================
   BẢNG MÀU CHỦ ĐẠO TỪ TEXT HÌNH ẢNH
   ================================================================ */
:root {
    --charlene-olive: #848450;    /* Màu xanh lục ô liu từ chữ "for Technique" */
    --charlene-charcoal: #2d2d1e; /* Màu đen than từ chữ "Grade Tools" */
    --charlene-bg-light: #f9f9f9;
    --radius-15: 15px;            /* Bo góc theo style trang chủ */
}

/* ================================================================
   A. TRANG ĐĂNG NHẬP & ĐĂNG KÝ
   ================================================================ */
#customer_login .u-column1, 
#customer_login .u-column2 {
    background: #ffffff;
    padding: 35px;
    border-radius: var(--radius-15);
    border: 1px solid #eeeeee;
    box-shadow: 0 8px 25px rgba(0,0,0,0.03);
}

#customer_login h2 {
    color: var(--charlene-charcoal);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

/* Nút bấm sử dụng màu Olive chủ đạo */
.woocommerce-button.button {
    background-color: var(--charlene-olive) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
    border: none;
}

.woocommerce-button.button:hover {
    background-color: var(--charlene-charcoal) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f3b4cb */:root {
    --charlene-olive: #848450;    /* Màu xanh lục ô liu */
    --charlene-charcoal: #2d2d1e; /* Màu đen than */
    --radius-15: 15px;
}

/* Căn giữa form khi chỉ hiện 1 cột */
#customer_login {
    display: block !important; /* Đổi từ flex sang block để căn giữa */
    max-width: 500px !important;
    margin: 40px auto;
}

.u-column1, .u-column2 {
    width: 100% !important;
    background: #ffffff;
    padding: 40px;
    border-radius: var(--radius-15);
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    animation: fadeIn 0.5s ease; /* Hiệu ứng hiện ra mượt */
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

#customer_login h2 {
    color: var(--charlene-charcoal);
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}

/* Nút bấm Olive */
.woocommerce-button.button {
    background-color: var(--charlene-olive) !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    width: 100%;
    margin-top: 10px;
}

.woocommerce-button.button:hover {
    background-color: var(--charlene-charcoal) !important;
}

/* Ô nhập liệu */
.woocommerce-form-row input.input-text {
    border-radius: 10px !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
}

/* Sidebar My Account (Giữ nguyên phong cách bo tròn 15px) */
.woocommerce-MyAccount-navigation {
    background-color: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: var(--radius-15) !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--charlene-olive) !important;
    color: #fff !important;
}/* End custom CSS */