/*
Theme Name: BICTweb.vn
Description: This is a child theme for BICTweb.vn
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE 
.select_option:hover, .select_option.selected {
    border-color: red !important;
	border-style:solid;
    border-width:thick;
}

.select_option span, .select_option img {
    width: 100% !important;
}
.iso {
    border: 2px dashed #ef6e22;
}

***************/
/*-- chia cột Form --*/
#info-left1 {
    width: 49%;
    float: left;
    margin-right:2%;
}
#info-right2 {
    width: 49%;
    float: right;
}
.form-contact-twocol:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }


#icon-form{
  position: absolute;
  color: #666666;
  z-index: -900;
  font-size: 18px;
  top: 8px;
  right: 10px;
}

.product-title product_title entry-title{
    font-size: 24px !important;
    font-weight: 300 !important;
}

#shop-sidebar{

   
    /* width: 400px; */
    /* height: 200px; */
    
    /*  border: 1px solid #777777; padding-left: 5px; border-radius: 1% 1% 1% 1%;*/
    


    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    padding: 10px;
    border-radius: 10px
}

#product-sidebar{

   
    /* width: 400px; */
    /* height: 200px; */
    
    /*  border: 1px solid #777777; padding-left: 5px; border-radius: 1% 1% 1% 1%;*/
    


    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    padding: 10px;
    border-radius: 10px
}


#masthead {
    background-color: white !important;
}


input.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
 }

.product-info summary{
    border-right: 0px solid #ececec !important;
 }

.stuck .header-main .nav > li > a {
    line-height: 14px !important;
}


#wp-admin-bar-customize { display:none !important;}
#wp-admin-bar-themes { display:none !important;}
#wp-admin-bar-menus { display:none !important;}
#wp-admin-bar-updates { display:none !important;}
#wp-admin-bar-new-content { display:none !important;}
#wp-admin-bar-wp-logo { display:none !important;}
#wp-admin-bar-updates { display:none !important;}
#wp-admin-bar-widgets { display:none !important;} 

.flatsome-studio-button{
    display: none !important;
}

 
/*
.archive.category .col.post-item img.wp-post-image {
    object-fit: fill !important;
}
.archive.category .col.post-item h5.post-title.is-large {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
}
*/

.col.post-item img.wp-post-image {
    object-fit: fill !important;
}
.col.post-item h5.post-title.is-large {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
}

/* CÁC ĐIỀU CHỈNH DÀNH RIÊNG CHO DESKTOP */
@media (min-width: 769px) { /* Áp dụng cho màn hình có chiều rộng từ 769px trở lên (desktop) */
    .product-main .product-info.summary {
        position: relative !important;
        top: -40px !important; /* Giữ nguyên giá trị này để đẩy khung đỏ lên */
        z-index: 1;
    }

    .woocommerce-breadcrumb {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: -120px !important; /* THAY ĐỔI: Tăng giá trị âm này để kéo breadcrumb lên cao hơn nữa.
                                 * Tôi đã tăng lên -120px. Bạn có thể cần thử nghiệm lại giá trị này (ví dụ: -100px, -130px)
                                 * để đảm bảo breadcrumb nằm ở vị trí mong muốn phía trên tên sản phẩm. */
        z-index: 99;
        text-align: left !important;
        padding-left: 0;
    }

    /* Điều chỉnh tên sản phẩm trên DESKTOP */
    .product-main .product-info.summary .product-title {
        margin-top: 28px !important; /* THAY ĐỔI: Giảm giá trị margin-top để đẩy tên sản phẩm lên cao hơn.
                                    * Tôi đã giảm xuống 20px. Bạn cần điều chỉnh giá trị này (ví dụ: 10px, 0px, -10px...)
                                    * cho đến khi nó ngang với vạch đỏ bạn phác họa. */
        text-align: left;
    }
}

/* CÁC ĐIỀU CHỈNH DÀNH RIÊNG CHO MOBILE (giữ nguyên như đã thống nhất) */
@media (max-width: 768px) {
    .product-main .product-info.summary {
        position: static !important;
        margin-top: 0 !important;
        z-index: auto !important;
    }

    .product-main .product-info.summary .product-title {
        margin-top: 25px !important;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .product-main .woocommerce-breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 10px;
        position: relative !important;
        top: 0 !important;
        margin-top: 10px !important;
        text-align: left !important;
        z-index: 2;
    }

    .product-main .product-info.summary .price-wrapper,
    .product-main .product-info.summary .product-page-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .product-main .product-gallery {
        margin-bottom: 0 !important;
    }
}