/*
 Theme Name: Hello Elementor Child
 Theme URI: https://elementor.com/hello-theme/
 Description: A plain-vanilla & lightweight theme for Elementor page builder.
 Author: ThietDoan
 Author URI: https://thietthachbrother.com
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
 License: GNU General Public License v3 or later.
 License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/
body {
    overflow-x: hidden !important;
}

p {
    margin-block-end: 0px !important;
    margin-bottom: 15px !important;
}
p:last-child {
    margin-bottom: 0px !important;
}

.header-form-seach .e-search-form {
    height: 42px !important;
}
.header-form-seach .e-search-submit {
    height: 34px !important;
    width: 34px !important;
    position: absolute !important;
    right: 4px !important;
    top: 4px !important;
    align-items: center !important;
    justify-content: center !important;
}
.cam-ket ul {
    margin: 5px 0px 0px;
    padding:0px;
}
.cam-ket ul li {
  list-style-type: none; /* Hides the default bullet */
  padding-left: 25px; /* Adds space for the custom icon */
  position: relative; /* Needed for absolute positioning of the icon */
}

.cam-ket ul li::before {
  content: "✓"; /* Use a Unicode character */
  /* Or use an image: content: url('checkmark.png'); */
  position: absolute;
  left: 0;
  top: 0;
  color: var(--e-global-color-primary); /* Color the character if using content: "✓" */
  font-weight: bold;
  font-size: 1.2em;
}

.breadcrumbs a:hover {
    color:var(--e-global-color-secondary) !important;
}
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 0px !important;
}

table {
    font-size: 1em;
}
table td, table th {
    line-height: 1.2;
}

.woocommerce-Tabs-panel h3 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.woocommerce .star-rating span::before {
    color: var(--e-global-color-primary);
}
.woocommerce div.product p.stock.out-of-stock {
    font-size: 1.92em;
    font-family: "Poppins", Sans-serif;
    font-weight: 600;
}

.price del {
    color: #bbb;
    font-size: .6em !important;
    font-weight: 400;
}
.price ins {
    color: var(--e-global-color-5392bdd) !important;
}
.onsale {
    font-family: "Poppins", Sans-serif !important;
    padding: 10px !important;
    height: auto !important;
    line-height: 1 !important;
    min-height: auto !important;
    font-weight: 400 !important;
}

.ul-square li {
    list-style-type: square !important;
    display: list-item !important;
}
.ul-square li::marker {
    color: var(--e-global-color-primary) !important;
}
.ul-square li:hover::marker {
    color:var(--e-global-color-secondary) !important;
}

.ul-disc li {
    list-style-type: disc !important;
    display: list-item !important;
}
.ul-disc li::marker {
    color: var(--e-global-color-primary) !important;
}
.ul-disc li:hover::marker {
    color:var(--e-global-color-secondary) !important;
}
.padding-inline-start-0 .elementor-icon-list-text {
    padding-inline-start:0px !important ;
}
.elementor-login-separator {
    color: #fff !important;
    margin:0px 5px !important;
}
/*Dang Nhap - Dang Ky*/
.page-header .entry-title {
    max-width: 100% !important;
    margin: 0px !important;
    padding:25px 15px 0px !important;
    font-family: "Poppins", Sans-serif;
    font-style: normal;
    text-decoration: none;
    line-height: 1.27;
    letter-spacing: 0px;
    color: var(--e-global-color-primary);
    font-weight: 700;
    font-size: 30px;
    text-transform: capitalize;
}
#customer_login {
    max-width: 1000px;
    margin: 30px auto;
    position: relative;
    
}
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button {
    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
    font-weight: 400 !important;
    padding: 13px 25px !important;
    
    
}
.woocommerce-form-login__submit,
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button {
    margin-top: 10px !important;
}
.woocommerce-form-login__rememberme {
    margin-top: 18px !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button:hover {
    background-color: var(--e-global-color-secondary) !important;
}
.lost_password a,
.woocommerce-privacy-policy-link {
    color: var(--e-global-color-primary) !important;
}
.lost_password a:hover,
.woocommerce-privacy-policy-link:hover {
    color:var(--e-global-color-secondary) !important;
}

.woocommerce form.login, 
.woocommerce form.register {
    border: 0px !important;
    padding: 0px !important;
    margin: 2em 0;
    text-align: left;
    border-radius: 0px !important;
}
.woocommerce form .form-row .input-text {
    border-color: var(--e-global-color-primary) !important;
}
#customer_login .col-1,
#customer_login .col-2 {
    width: 45% !important;
}
#customer_login::before {
    content: "";
    width: 1px; height: 100%;
    background-color: var(--e-global-color-primary) !important;
    position: absolute;
    top:0px;
    left: 50%;
    transform: translateX(-50%);
}
/*Quen Mat Khau*/
.woocommerce-ResetPassword.lost_reset_password {
    max-width: 470px;
    margin: 30px auto;
    position: relative;
}
.woocommerce-ResetPassword.lost_reset_password .form-row-first {
    width: 100% ;
}
.woocommerce-message {
    border-top-color: var(--e-global-color-primary) !important;
}
.woocommerce-message::before {
    color: var(--e-global-color-primary) !important;
    
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    left: 2em !important;
}
/*Tai khoan da dang nhap*/
.woocommerce-MyAccount-navigation {
    margin-top: 20px !important;
}
.woocommerce-MyAccount-content {
    margin-top: 20px !important;
}
.woocommerce-MyAccount-navigation ul {
    margin: 0px; padding:0px;
}
.woocommerce-MyAccount-navigation li {
    list-style: none;
    margin:0px 0px 1px;
    font-weight: 600;
    padding:0px;
    border-radius: 35px;
    overflow: hidden;
}
.woocommerce-MyAccount-navigation li a {
    color: #fff;
    position: relative;
    display: flex;
    width: 100%; height: 100%;
    padding:10px 15px;
    transition: .3s;
    color:var(--e-global-color-primary);
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover
{
    background-color: var(--e-global-color-primary) !important;
    color: #FFF;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 200px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 230px) !important;
}
.woocommerce-info {
    border-top-color:  var(--e-global-color-primary) !important;
}
.woocommerce-info::before {
    color: var(--e-global-color-primary) !important;
}
.wc-forward.button {
    background-color:  var(--e-global-color-primary) !important;
    color: #fff !important;
    font-weight: 400 !important;
}
.wc-forward.button:hover {
    background-color:  var(--e-global-color-secondary) !important;
}
.woocommerce-account .addresses .title .edit {
    color:var(--e-global-color-secondary) !important;
    text-decoration: underline;
    font-size: 1.1em;
    padding-left: 28px;
    position: relative;
    float: left ;
    margin-bottom: 15px ;
}
.woocommerce-account .addresses .title .edit::before {
    content: "";
    height: 20px;
    aspect-ratio: 169 / 150;
    background-image: url(edit-c.svg);
    background-size: 100% 100%;
    position: absolute;
    left: 0px; top:50%; transform: translateY(-50%);
}
.woocommerce-account .addresses .title .edit:hover {
    color:  var(--e-global-color-primary) !important;
}
.woocommerce-account .addresses .title .edit:hover::before {
    background-image: url(edit-hover.svg);
}
.woocommerce-address-fields .button,
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
    font-weight: 400 !important;
    background-color:  var(--e-global-color-primary) !important;
    color: #FFF !important;
    margin-top: 10px !important;
}
.woocommerce-address-fields .button:hover,
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button:hover {
    background-color:  var(--e-global-color-secondary) !important;
    
}
.woocommerce-EditAccountForm.edit-account fieldset {
    margin-top: 20px;
    margin-bottom: 10px;
}
li.purchasable .added_to_cart.wc-forward {
    margin-left: 10px;
}
.elementor-menu-cart__subtotal {
    color: var(--e-global-color-primary) !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    background-color: var(--e-global-color-primary) !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover,
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
    background-color:  var(--e-global-color-secondary) !important;
}
.elementor-menu-cart__product-remove {
    border-color: var(--e-global-color-5392bdd) !important;
    opacity: .5;
}
.elementor-menu-cart__product-remove:hover {
    opacity: 1;
}
.elementor-menu-cart__product-remove:before,
.elementor-menu-cart__product-remove:after {
    background-color: var(--e-global-color-5392bdd) !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a {
    color:var(--e-global-color-primary) !important;
}
.elementor-menu-cart__product-price {
    color: var(--e-global-color-5392bdd) !important;
}
/*Trang Chu*/
.xem-tat-ca svg {
    width: 17px !important; height: auto !important;
}
/*Image hover zoom*/
.img-hover-zoom {
    overflow: hidden;
}
/*Gio hang*/
.coupon.e-cart-section input#coupon_code {
    height: 100%;
}
.return-to-shop .button.wc-backward,
.e-coupon-box .woocommerce-button.button.e-apply-coupon {
    background-color: var(--e-global-color-primary);
    color: #FFF;
}
.return-to-shop .button.wc-backward:hover,
.e-coupon-box .woocommerce-button.button.e-apply-coupon:hover {
    background-color: var(--e-global-color-secondary);
    color: #FFF;
}
/*Thanh toan*/
#customer_details .form-row .input-text {
    max-height: 40px;
}
.woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 3px 0 0px !important;
}
.e-coupon-box .woocommerce-button.button.e-apply-coupon {
    border-color: var(--e-global-color-primary);
}
.e-coupon-box .woocommerce-button.button.e-apply-coupon:hover {
    border-color: var(--e-global-color-secondary);
}
#order_comments {
    height: 100px !important;
    max-height: 100px !important;
}