/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cta_phone {
    display: flex;
}
.cta_phone .icon {
    color: #fff;
    font-size: 1em;
    padding: 15px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-right: 10px;
    background: #00488c;
    display: flex;
    align-items: center;
}

.cta_phone .phone_wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
;
    align-items: center;
}
.cta_phone .phone_wrap li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #00488c;
}
.cta_phone .phone_wrap li a p:not(:last-child) {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 0.9em;
}
.cta_phone .phone_wrap li a p.span_phone {
    font-size: 1.2em;
    display: block;
    line-height: 1;
    font-weight: bold;
    color: #bc0e00;
}

.header-nav-main.nav-right {
    flex-flow: nowrap;
}
.header-cart-link{
    padding: 10px 17px !important;
    border-radius: 5px !important;
}

.header-search-form-wrapper input{
    height: 4em;
    border-top-left-radius: 5px;   /* Bo góc trên bên phải */
    border-bottom-left-radius: 5px;
    box-shadow: none;

}
.header-search-form-wrapper button{
    padding: 0.7em 1.2em !important;
    border-top-right-radius: 5px;   /* Bo góc trên bên phải */
    border-bottom-right-radius: 5px;
}
.block-title {
    margin-bottom: 0;
}
.block-title .section-title {
    color: #00488c;
}
.block-title b{
    background: transparent;
}
.block-title .section-title-main{
    font-size: 1.5em;
}
.block-info p{
    margin-bottom: 10px;
    position: relative;

}
.block-info p:not(.name){
    padding-left: 20px;
}
.block-info p:not(.name):before{
    content:'\f3c5';
    font-family: "fontawesome";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em;
}
.block-info .name{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}
.block-info p.email:before{
    content:'\f0e0';
}
.block-info p.phone:before{
    content:'\f095';
}
.copyright-footer {
    opacity: 1;
    color: #fff;
}
.sub-menu{
    padding: 0;
    border-bottom: 3px solid #00488c;
}
.block-title-left .section-title-normal{
    border-bottom: 0;
}
.block-title-left .section-title-main{
    border-color: #c0001a;
    font-size: 1.4em;
}

.product-small .box-image{
    border: 1px solid #c7c7c7;
}
.product-small .product-title{
    font-weight: 700;
    text-align: center;
    font-size: 1.1em;
}

.product-images img{
    border: 1px solid #c7c7c7;
}

.product-info .product-title {
    color: #00488c;
}
.price-contact {
  color: #00488c;
  font-weight: bold;
  font-size: 0.8em;
}
.price-contact strong {
    color: red;
}

.product-sku {
  margin: 5px 0 15px;\
  font-size: 1.1em;
}
.product-sku strong {
  color: #000;
}
.single_add_to_cart_button {
    background: red !important;
}
.wc-tabs li a{
    font-size: 1.3em;
}
.product-section-title-related {
    margin-left: 0;
    color: #00488c;
}

.product-share {
    margin-top: 1.5rem;
    margin-bottom: 15px;
}

.cta_hotlinetv .cta_hotlinetv__title {
    color: #00488c;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.cta_hotlinetv .cta_hotlinetv__title i {
    font-size: 1.25rem;
}
.cta_hotlinetv__wrap {
    display: flex
;
    flex-wrap: wrap;
    row-gap: 5px;
}
.cta_hotlinetv__wrap a {
    white-space: nowrap;
}
.cta_hotlinetv__wrap .break {
    margin: 0 5px;
}
.cta_hotlinetv__wrap a ._title {
    color: #00488c;
}
.cta_hotlinetv__wrap a span {
    color: red;
}
.wc-block-cart__submit-button{
    background: #00488c;
    color: #fff;
}
.wc-block-components-checkout-place-order-button{
     color: #00488c;
      border: 1px solid  #00488c;
}
.wc-block-components-checkout-return-to-cart-button{
    color: red;
}
.wc-block-components-checkout-form-billing-city,
.wc-block-components-checkout-form-billing-postcode,
.wc-block-components-checkout-form-billing-country,
.wc-block-components-checkout-form-billing-state {
    display: none !important;
}

h1.page-title {
    color: #00488c;
    font-size: 1.8em;
}
.page-numbers .page-number{
    border-radius: 0 !important;
}
.ht_banhang {
    list-style: none;
    padding: 0;
}
.ht_banhang li {
    margin-bottom: 1rem;
    font-size: 15px;
    padding-left: 1.15rem;
    margin-left: 0 !important;
    position: relative;
}
.ht_banhang li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    background-color: #00488c;
    top: .65rem;
    left: 0;
}
.ht_banhang__item .tp {
    color: #00488c;
    text-transform: uppercase;
    font-weight: 600;
}
.ht_banhang__item p {
    margin: 0;
}
.ht_banhang__item a {
    color: #212529;
}
.product-footer .woocommerce-tabs{
    border-top: 0;
    
}
.product-footer .woocommerce-tabs .wc-tabs{
  border-bottom: 2px solid #00488c;  
}

.product-footer .woocommerce-tabs .wc-tabs li a{
    color: #333;
}
.product-footer .woocommerce-tabs .wc-tabs li a:before{
    display: none;
}
.product-footer .woocommerce-tabs .wc-tabs li.active a{
    color: #00488c;
}
.hethongbanhang .col-inner{
    background: #f5f5f5;
    padding: 15px;
}
.hethongbanhang .section-title-main{
    border: 0;
}
.hethongbanhang .section-title{
    border-bottom: 2px solid #00488c;  
    color: #00488c;
}
.hethongbanhang .section-title-container{
    margin-bottom: 0;
}
.related-products-wrapper {
    border-top: 0;
}
.product-section-title-related{
   border-bottom: 2px solid #00488c;   
}
.woocommerce-pagination{
    margin-bottom: 30px;
}
.cart-sidebar .product-name{
    text-align: right;
    border: 0;
    color: #00488c;
}
.cart-sidebar .cart-subtotal{
    display: none;
}
.cart-sidebar .shop_table , .cart-sidebar .shop_table th, .cart-sidebar .shop_table td{
    border: 0;
}
.cart_totals .button{
    max-width: 200px;
}

.cart_totals .checkout-button {
    min-width: 200px;
    max-width: 300px;
    float: right;
    background: #ed1c24;
    padding: 15px 40px;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px;
    text-transform: uppercase;
    font-weight: 600;
}
.cart_totals table{
    width: auto;
}

.cart_totals {
    display: flex;
    flex-direction: column;   /* xếp theo cột (mỗi phần tử 1 hàng) */
    align-items: flex-end;    /* căn các phần tử sang bên phải */
    gap: 15px;                /* khoảng cách giữa các phần tử */
}

.cart_totals table,
.cart_totals button {
    width: auto;  /* để nội dung tự co */
    margin: 0;    /* bỏ margin thừa */
}
.woocommerce-billing-fields{
    border: 0;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{
    text-align: center;
}



#billing_first_name{
    display: none;
}
#billing_address_2, #billing_address_2_field{
    display: none;
}
.woocommerce-checkout .address-field{
    width: 100%;
}
/* Áp dụng cho các dòng trong form checkout */
.woocommerce-checkout form.checkout .form-row, .woocommerce-checkout .address-field {
    display: flex;
    align-items: center;
    gap: 10px; /* khoảng cách giữa label và input */
}

/* Label chiếm 30% (có thể chỉnh %) */
.woocommerce-checkout form.checkout .form-row label {
    flex: 0 0 30%;
    text-align: left; /* căn phải label cho gọn */
}

/* Input chiếm 70% */
.woocommerce-checkout form.checkout .form-row .woocommerce-input-wrapper {
    flex: 1;
}

/* Input full width trong wrapper */
.woocommerce-checkout form.checkout .form-row input,
.woocommerce-checkout form.checkout .form-row select,
.woocommerce-checkout form.checkout .form-row textarea {
    width: 100%;
}
.woocommerce-additional-fields .form-row{
    display: block !important;
}
#order_review_heading{
    text-align: center;
}
.cart-subtotal{
    display: none;
}
.woocommerce-checkout-payment .form-row {
    display: block !important;
    text-align: right;
}

.woocommerce-checkout-review-order-table {
    border: 1px solid #eee !important;
    border-collapse: collapse; /* gộp viền */
    width: 100%;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: 1px solid #eee !important;
    padding: 10px;
    text-align: left;
}
.checkout-inline-error-message{
    display: none;
}