/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Style đồng bộ box "Voucher - Điểm thưởng" trong dashboard */
/* CHỈ ÁP DỤNG cho nút bên phải (dashboard content) */
.woocommerce-MyAccount-content a[href*="tai-khoan/voucher"] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 120px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    background-color: #fff;
    color: #444;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
}

/* Icon */
.woocommerce-MyAccount-content a[href*="tai-khoan/voucher"]::before {
    content: "\f06b"; /* 🎁 icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 46px;
    margin-bottom: 12px;
    color: #aaa;
    display: block;
}

/* voucher page */
.user-vouchers table {
  width: 100%;
  border-collapse: collapse;
}
.user-vouchers th, .user-vouchers td {
  padding: 12px;
  border: 1px solid #ddd;
}
.reward-points {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Đặt icon vòng quay về góc trái dưới */
#wlwl_popup_canvas.wlwl_wheel_icon {
    left: 20px !important;
    right: auto !important;
    bottom: 20px !important;
    top: auto !important;
    position: fixed !important;
    z-index: 9999;
}


body:not(.logged-in) #luckywheel-popup-wrapper {
    display: none !important;
}

.user-vouchers .button {
    background-color: #2185d0;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.2s ease;
}
.user-vouchers .button:hover {
    background-color: #1b6db0;
}

.woocommerce-shipping-methods label:empty::before {
    display: none !important;
    content: none !important;
}

.woocommerce-notices-wrapper {
    display: none !important;
}

#billing_first_name_field {
    width: 100% !important;
    float: none !important;
    clear: both;
}


/* Làm đẹp tiêu đề */
.woocommerce-billing-fields h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

/* Khoảng cách giữa các dòng */
.woocommerce form .form-row {
    margin-bottom: 20px;
}

/* Định dạng lại input */
.woocommerce input.input-text,
.woocommerce select {
    border: 1px solid #ccc;
    padding: 12px;
    width: 100%;
    border-radius: 6px;
    box-shadow: none;
}

/* Nhãn label */
.woocommerce form .form-row label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

/* Nút đặt hàng */
.woocommerce #place_order {
    background-color: #2b7a78;
    border: none;
    border-radius: 6px;
    padding: 14px 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.woocommerce #place_order:hover {
    background-color: #205d5b;
}

/* Style lại viền cho dropdown Select2 */
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: 10px !important;
    height: auto !important;
    background-color: #fff !important;
    box-shadow: none !important;
    transition: border 0.3s ease;
}

/* Khi focus */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active {
    border-color: #2b7a78 !important;
    outline: none !important;
}

/* Đặt chiều cao consistent cho Select2 */
.select2-container--default .select2-selection--single {
    min-height: 45px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box;
}

/* Đặt chiều cao cho vùng text bên trong Select2 */
.select2-container--default .select2-selection__rendered {
    line-height: 1.6 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    font-size: 14px;
}

/* Ẩn địa chỉ giao hàng*/
.woocommerce-account .woocommerce-columns--addresses {
    display: none !important;
}

/* Style consistent cho tất cả select/input */
.woocommerce form .form-row select,
.woocommerce form .form-row input,
.woocommerce form .form-row textarea {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

/* Style đẹp cho textarea ghi chú */
#order_comments {
    min-height: 100px;
    resize: vertical;
}


.checkoutwc-page {
    max-width: 20% !important;
    padding: 0 200px;
}

/*Sửa style cart */
.wc-block-cart__submit-button.contained {
    background-color: #2b7a78; /* Màu nền */
    color: #ffffff;            /* Màu chữ */
    padding: 14px 30px;        /* Kích thước */
    border-radius: 8px;        /* Bo góc */
    font-weight: bold;         /* Chữ đậm */
    text-transform: uppercase; /* In hoa */
    transition: all 0.3s ease;
    text-align: center;
}

.wc-block-cart__submit-button.contained:hover {
    background-color: #215D5B; /* Hover */
    color: #fff;
}

/* css button login google*/

.nsl-container-buttons {
    display: flex !important;
    justify-content: center !important;
}

/* Style nút Google */
.nsl-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    width: 100% !important;
    max-width: 320px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    background-color: #fff !important;
    transition: 0.3s ease;
}

/* Hover hiệu ứng */
.nsl-button:hover {
    background-color: #f1f1f1 !important;
    transform: translateY(-1px);
}

/* Màu giá ở giỏ hàng */
.woocommerce-cart .wc-block-components-formatted-money-amount {
    color: red !important;
}

/* Màu giá ở trang thanh toán */
.woocommerce-checkout .woocommerce-Price-amount {
    color: red !important;
}

/* Màu giá ở trang hoàn tất đơn hàng */
.woocommerce-order-received .woocommerce-Price-amount {
    color: red !important;
}


/* Ẩn tiêu đề "Social accounts" */
/*.woocommerce-EditAccountForm > h3:first-of-type {*/
/*    display: none;*/
/*}*/

/* Ẩn phần tiêu đề "Social accounts" */
.woocommerce-EditAccountForm > h3:first-of-type {
    display: none;
}

/* Ẩn toàn bộ khối chứa nút Google */
.woocommerce-EditAccountForm > div[style*="padding-bottom"] {
    display: none !important;
}
.woocommerce-EditAccountForm .form-row-last {
    display: none;
}

.woocommerce-EditAccountForm .form-row-first {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

/* Container giữ input và icon con mắt */
.password-input {
  position: relative;
  display: block;
  width: 100%;
}

/* Input mật khẩu chiếm toàn bộ chiều ngang, chừa chỗ bên phải cho icon */
.password-input input[type="password"],
.password-input input[type="text"] {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
}

/* Nút con mắt */
.password-input .show-password-input {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,<svg fill="gray" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4.5C7.305 4.5 3.25 7.45 1.5 12c1.75 4.55 5.805 7.5 10.5 7.5s8.75-2.95 10.5-7.5c-1.75-4.55-5.805-7.5-10.5-7.5zm0 13a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0-9a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z"/></svg>') no-repeat center;
  background-size: 20px 20px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.6;
}

/* Hover hiệu ứng */
.password-input .show-password-input:hover {
  opacity: 1;
}

/* Khi hiện mật khẩu, đổi icon (con mắt có gạch) */
.password-input .show-password-input.showing {
  background-image: url('data:image/svg+xml;utf8,<svg fill="gray" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 6.5c-1.93 0-3.68.785-5.04 2.05l1.43 1.43C9.39 9.31 10.64 8.8 12 8.8c2.65 0 4.91 1.67 5.76 4.2-.85 2.53-3.11 4.2-5.76 4.2-1.36 0-2.61-.51-3.61-1.18l-1.43 1.43C8.32 19.715 10.07 20.5 12 20.5c4.7 0 8.75-2.95 10.5-7.5-1.75-4.55-5.8-7.5-10.5-7.5zM2.39 1.73L1.11 3l3.05 3.05A11.47 11.47 0 0 0 1.5 12c1.75 4.55 5.8 7.5 10.5 7.5 2.11 0 4.08-.59 5.75-1.6L20.49 21l1.27-1.27L2.39 1.73z"/></svg>');
}

.woocommerce-form.woocommerce-form-register.register {
    display: none !important;
}

/*End*/