/*
Theme Name: Glass theme
Description: This is a child theme for Luna Theme
Author: UX Themes
Template: flatsome
Version: 3.20.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Chặn bôi đen */
body {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

/* Tùy chọn: phủ lớp chống copy */
.protect-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9999;
}
.page-inner ul { margin-block-start: 1em; padding-inline-start: 22px; }
.header-block-block-3 .row {flex-flow: inherit !important;}
.header:not(.transparent) .header-nav-main.nav > li > a {font-weight: 600;}
/*#main, #wrapper { background-color: #f3f3f3;}*/
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {margin: 0 0px;}
.flex-right .header-block-block-3{ margin-left: auto;width: 115%;PADDING-RIGHT: 70PX;}
.nav-dropdown.nav-dropdown-simple>li>a:hover {background-color: #D01F3F; color: #fff;}

/*.entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li {
    margin-left: 3em;}*/
/*.button i, button i {left: 25%;}*/
.entry-content figure.gallery-item { text-align: center;}
a.button.secondary.is-outline.is-large.lowercase.button-quotehome {
    color: white;
}
.social-icons i {
    min-width: 1.5em;
}
.button:not(.icon) .icon-facebook {
    margin-left: 0.5em;
    margin-right: 0.1em;
}
.header-top {background: linear-gradient(to right, #d71d37, #d71d37, #000000, #000000);}
.h2, h2 {font-size: 1.4em;}
.section-title-normal span {color: #000;}
/*sale*/
.tin-khuyen-mai .col {padding-bottom:0;}
.tin-khuyen-mai .cot1 img {margin-top:-30px;}
.tin-khuyen-mai .cot1 .img .img-inner {overflow:initial;}
/*.tin-khuyen-mai .cot2 .wpcf7 form input[type=email] {
  background-color:#fff;
  border-radius:3px;
}*/
.tin-khuyen-mai .cot2 .wpcf7 form input {
    background-color: #fff;
    border-radius: 3px;
}
.tin-khuyen-mai.flex-col input {
    margin-bottom: 20px;
}
.tin-khuyen-mai .cot2 input[type=submit]:not(.is-form) {
  border-radius:3px;
  background:#ffc800;
  font-weight:400;
  text-transform:none;margin-bottom: 20px;
}
.wpcf7-form-control-wrap {
    position: relative;
    margin-bottom: 15px;
}
.tin-khuyen-mai .wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffc800;
    color: #ccc;}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: rgba(0,0,0,.03);
    border-color: #fff;
    border-radius: 99px;
    box-shadow: none;
    color: #ffc800 !important;
}
.short-link .secondary.is-link, .secondary.is-outline, .secondary.is-underline {
    color: #d71d37;}

.short-link .button.is-underline:hover, .button.is-link:hover {
    color: #0099ff;}
.icon-angle-down:before {color: #14a751;}
.portfolio-inner img { width: auto;}


#portfolio-content ul li {
    margin-bottom: 0.9em;
    margin-left: 2em;
}
.footer-secondary {
    padding: 0.5px 0;}
.absolute-footer.dark .pull-right {
    color: #666;}
/*.page-title {
    position: relative;
    display: none;}

*/
.Bg-pagejob.featured-title .page-title-inner {padding: 100px;}
.portfolio-breadcrumb-title {
    background-color: #d71d37;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.portfolio-single-page .breadcrumbs a {color: #ffffffa8;font-weight: 400;}
.portfolio-single-page .breadcrumbs .divider {color: #ffffffa8;}
.portfolio-archive .portfolio-box .box-text {height:auto !important;}
.power-vsg .icon-angle-down:before {color: #d71d37;}

.box-certificate .accordion .icon-angle-down:before {color: #b20000;}

.box-certificate .accordion-cfluna .accordion-title {
    background-color: #d71d37 !important;
    color: #fff;
}
.box-certificate .accordion-cfluna .accordion-title:hover {
    background-color: #26abe2!important;
    color: #333;}
blockquote {
    font-size: 15px;
    color: #333;
    border-left: 5px solid rgba(215, 29, 55, 0.78);
    border-bottom: 2px solid #ccc;
    background: rgb(221 241 234 / 30%);
    font-style: italic;
    overflow: auto;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    width: 100%;
    padding: 15px 15px 0px 25px !important;
    margin: 1em 1em 1.25em !important;}
/*navpoci*/
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #000;
}
.nav-dropdown>li>a {border-bottom: 1px solid rgb(236, 236, 236);}
.tabs-nav.nav-vertical li {
    list-style: none;
    width: 100%;
    background-color: #f4f4f4;
    border-radius: 5px;
    margin: 5px 0 !important;
    background: url(/wp-content/uploads/2023/09/bgli-mnleftvsg.png) no-repeat left center;
    padding-left: 36px;
}
.tabs-nav.nav-vertical li:hover {
    background: url(/wp-content/uploads/2023/09/lihove-leftmnvsg.png) no-repeat left center;
}
.page-vertical-nav li {
    margin-left: 3em;
}
.tabs-nav.nav-vertical li a: hover{display: block;
    border: 1px solid #d2d2d2;
    text-align: center;
    border-radius: 5px;}
.tabs-nav.nav-vertical li:hover a {background: #d71d37 !important;
    color: #fff !important;
    border: 1px solid #d71d37 !important;}
/*shop*/
.shop-container ol, .shop-container ul {margin-block-start: 1em;margin-block-end: 1em;padding-inline-start: 10px;margin: 1.5em 0 1.5em 0em;}
/*.shop-container .product-small .box-image{
    border: 1px solid #e2e2e2;
    box-shadow: 3px 5px 6px 0px #c9c5cf;}
*/
li {margin-bottom: 0.1em !important;}
.shop-container .product-title {
    min-height: 35px !important;}
.products>.col, .products>.flickity-viewport>.flickity-slider>.col {padding: 0 30px 19.6px;}
.woocommerce-result-count {
    display: none;
    margin: 0 1em 0 auto;
}
.woocommerce-ordering, .woocommerce-ordering select {
    display: none;
    margin: 5px 0;
}
.product-price-container .price-wrapper span {
    font-weight: 500;
    color: #ff5622;    
    font-size: 1.2em;}
.product-small .price span.amount {
    white-space: nowrap;
    color: #ff5622;
    font-weight: 500;
    font-size: 17px;
}
.product-small.box {
    position: relative;
    font-weight: 600;
    border: 1px solid #e2e2e2;
    box-shadow: 3px 5px 6px 0px #c9c5cf;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
}
a.button.alert.is-larger.lowercase.expand {color: #fff;}
.widget_product_categories { padding: 0px 20px !important;}
.variations .reset_variations {bottom: 100%;}
.ux-swatches { margin: 4px 25px;}

.box-text {
    font-size: .9em;
    padding-bottom: 1.4em;
    padding-top: 1.3em;
    position: relative;
    width: 100%;
}
.grid-style-3 .price-wrapper {
    text-align: right;
    padding-top: 0.6em;
}

.primary, input[type=submit], input[type=submit].button {background-color: var(--fs-color-primary);border-color: #000;}
.primary, input[type=submit], input[type=submit].button :hover {background-color: #000;}

/*wootab*/
.row .entry-content .gallery {padding: 20px 0px;}
ul.tabs.product-tabs li {
    float: left;
	/*margin: auto;*/
    /*padding: 4px 25px;*/}
.nav-pills>li>a {
    border-radius: 0px;
    padding: 4px 20px;}

.nav-box>li.active>a, .nav-pills>li.active>a {background-color: #d71d37 !important;}
.product-tabs>li>a {font-weight: bold !IMPORTANT;}
ul.tabs.product-tabs li.active {background: #d71d37 !important;}
h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title {display: none;}
/*popformnhantin*/
.mfp-ready .mfp-close {width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgba(0,0,0,0.8);
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #fff;
    top: 20px;
    right: 20px;}
.col-formnhantin .form-nhan-tin .left {width: 100%;}
.wp-video {
    max-width:50% !important;
    height: auto;
}

/* === TablePress Styles tối ưu === */
/* Header bảng */
.tablepress thead th {
  background: #d71d37;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 12px;
  border: 1px solid #eee;
  line-height: 1.5;
  word-break: break-word;
}

/* Nội dung bảng */
.tablepress td, .tablepress th {
  border: 1px solid #eee;
  padding: 12px;
  text-align: center;
  vertical-align: top;
  word-wrap: break-word;
}

/* Cột đầu tô đậm */
.tablepress tbody td:first-child {
  font-weight: 600;
  background: #f9f9f9;
}

/* Bọc bảng - giới hạn chiều rộng + căn giữa */
.tablepress-wrapper {
  width: 100%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wp-table-builder thead th {
  background-color: #d71d37;   /* Nền đỏ Hoàng Gia */
  color: #fff;                 /* Chữ trắng */
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.wp-table-builder table {
  table-layout: auto;
  width: 100%;
}

.wp-table-builder-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Bảng thủ công dùng class hoanggia-table */
.hoanggia-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.6;
  margin: 20px 0;
  table-layout: fixed;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.hoanggia-table th,
.hoanggia-table td {
  border: 1px solid #ccc;
  padding: 12px;
  text-align: center;
  vertical-align: top;
  word-wrap: break-word;
}

.hoanggia-table thead {
  background-color: #d71d37;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

.hoanggia-table tbody td:first-child {
  font-weight: 600;
  background-color: #f9f9f9;
}

.hoanggia-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Căn giữa bảng TablePress + Giới hạn chiều rộng */
.hoanggia-table {
  /*width: 100%;*/
  margin-left: auto;
  margin-right: auto;
  max-width: 850px;
  width: auto !important;
  border-collapse: collapse;
}
/* Căn giữa phần tiêu đề bảng */
.tablepress thead th,
.hoanggia-table thead th {
  text-align: center;
}

/* Nội dung bảng vẫn căn trái cho dễ đọc */
.tablepress tbody td,
.hoanggia-table tbody td {
  text-align: left;
}

.why-hgg-block .col { padding: 10px 15px 0px;}
.page-wrapper .page-col {padding-bottom: 2.5em!important}
.spldq-img {border-radius: 12px;overflow: hidden;box-shadow: 0 6px 24px rgba(0, 0, 0, .08);height: 368px;object-fit: cover;}

.star-rating span:before { color: #D4AF37;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  **************/
.shop-container .product-small .box-image {
    border: 1px
 	solid #e2e2e2;    
	box-shadow: 3px 5px 6px 0px #c9c5cf;    
	border-radius: 6px !important;    
	border-top-left-radius: 20px !important;    
	border-bottom-right-radius: 20px !important;}
.shop-container .product-title {
    font-size: 12px !important;}

body.archive.term-san-pham .products .row {
    justify-content: center !important;
}
 /* ---------- 👇 Responsive phần WHY HGG BLOCK --------- */
  .why-hgg-block {
    padding: 15px 5px;
  }

  .why-hgg-block img {
    width: 36px;
  }

  .why-hgg-block h4 {
    font-size: 15px;
  }

  .why-hgg-block p {
    font-size: 13px;
  }


}