/*
Theme Name: marblex-child
Theme URI: https://marblex.peacefulqode.co.in/
Author: Peacefulqode
Author URI: https://peacefulqode.co.in/
Description: marblex is a clean and powerful WordPress theme for building a marble business. It is great, professional, and easy to use. You can use it for, businesses, Photo studios, Portfolio themes, Creative agencies, etc. marblex includes plenty of customization options and let you change its visual style without touching to single line of codes.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marblex
Tags: marble, marble floor, marble flooring, tiles, tiles design, kitchen tiles, bathrooms, natural stone, supplier, floor mixing, floor maintenance, floor repair, company, factory 
Template: marblex
*/

.pt-toggle-btn, .category .pt-post-meta, .category .pt-btn-container {
    display: none;
}
.elementor-6549 .elementor-element.elementor-element-366f0d8 img {
   height: 600px !important;
}
.col-lg-3.col-md-6:first-child ul {
    display: none;
}
ul.pt-contact li:last-child span {
    text-transform: none;
}
footer#pt-footer {
    background: #4462a2 !important;
}
footer#pt-footer .pt-footer-style-1 {
    padding-top: 0 !important;
}
footer#pt-footer .col-lg-6.col-md-6:first-child {
    width: 40%;
}
footer#pt-footer .col-lg-6.col-md-6:last-child {
    width: 60%;
}
footer#pt-footer .widget ul.pt-contact li:first-child span {
    white-space: pre-line;
}
header#pt-header .pt-bottom-header .navbar .navbar-nav li .sub-menu li a {
   	text-transform: uppercase !important;
	font-size: 12px !important;
}
.elementor-6549 .elementor-element.elementor-element-4a25739 > .elementor-widget-container {
    margin: 0 !important;
}
.mt-thongtin i {
    font-size: 22px;
    padding-right: 10px;
	top: 2px;
    position: relative;
}
.mt-thongtin p {
    margin-bottom: 0;
}
.mt-thongtin a {
    color: #fff;
}
header#pt-header.pt-header-style-1 .pt-bottom-header {
    background: #ffffff !important;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.archive nav.woocommerce-breadcrumb {
    padding: 0 40px !important;
}
.widget.widget-port:nth-child(2) {
    padding: 30px !important;
    background: var(--grey-color) !important;
}
.widget.widget-port .menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget.widget-port .menu li {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
	margin: 0 !important;
    border-radius: 6px;
    transition: all 0.3s ease;
}
.widget.widget-port .menu li:hover {
  border: 1px solid #f9b233;
  color: #fff;
}
.widget.widget-port .menu li a {
	color: #333 !important;
    padding: 0 0 0 20px !important;
    font-size: 12px !important;
}
.widget.widget-port .menu li>a:before {
    right: auto !important;
    left: 5px !important;
    top: 5px !important;
}
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .star-rating, .woocommerce div.product .woocommerce-product-rating,
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product form.cart,
.woocommerce span.onsale, .woocommerce div.product .pt-single-product-share, .archive nav.woocommerce-breadcrumb {
    display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	color: #333;
}
.woocommerce div.product .product_title {
    margin-bottom: 15px;
}
/* Hiệu ứng zoom khi rê chuột vào ảnh sản phẩm */
.woocommerce ul.products li.product .pt-product-img-inner img {
  transition: transform 0.4s ease;
}

.woocommerce ul.products li.product:hover .pt-product-img-inner img {
  transform: scale(1.1); /* phóng to 10% khi hover */
}
.woocommerce ul.products li.product .pt-product-img-inner {
  overflow: hidden;
}
.has-text-align-center {
    margin-bottom: 40px;
}
.wc-block-product-filter-checkbox-list__item.has-depth-1 {
    padding-left: 20px;
}
.wc-block-product-filter-checkbox-list__text {
    color: #333 !important;
	font-size: 16px;
}
.wc-block-product-filter-checkbox-list__input-wrapper:before {
    background: #ffb517 !important;
    opacity: 1 !important;
}
svg.wc-block-product-filter-checkbox-list__mark {
    color: #000000 !important;
}
.wc-block-product-filters__overlay-content>div:nth-child(2) .wc-block-product-filter-checkbox-list__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 60px; 
}
.wc-block-product-filters__overlay-content>div:nth-child(3) .children {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px; 
}
.wc-block-product-filter-checkbox-list__text-wrapper {
    margin-left: -15px;
}
.wc-block-product-filters__overlay-content>div:nth-child(3) .wc-block-product-filter-checkbox-list__item {
	padding-bottom: 20px;
}
.wc-block-product-filters__overlay-content>div:nth-child(3) .children .wc-block-product-filter-checkbox-list__item {
	padding-bottom: 0;
}
.pt-contact-page p {
    margin-bottom: 0;
}
span.wpcf7-not-valid-tip {
    margin-bottom: 20px;
}
.category .row {
  display: flex;
  flex-wrap: wrap;
	gap: 60px 0;
}

.category .col-lg-4 {
  display: flex;
}

.category .pt-blog-post {
  flex: 1;
  display: flex;
  flex-direction: column;
	height: 100%;
}
.category .pt-blog-post {
	background-color: #fff;
  margin-bottom: 0;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(0,0,0,0.15);
}
.wc-block-product-filter-checkbox-list__item > label[for="taxonomy/product_cat-kich-thuoc"],
.wc-block-product-filter-checkbox-list__item > label[for="taxonomy/product_cat-ung-dung"],
.wc-block-product-filter-checkbox-list__item > label[for="taxonomy/product_cat-van-gach"],
.wc-block-product-filter-checkbox-list__item > label[for="taxonomy/product_cat-chung-loai"] {
  pointer-events: none;
  cursor: default;
}
/* .woocommerce ul.products li.product .pt-product-item .pt-product-img-inner .pt-product-content a {
    display: none;
} */


ul.products li.product .pt-product-img-inner img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #fff;
}
.woocommerce ul.products li.product .pt-product-item .pt-product-img-inner {
    border: 1px solid #ddd;
}
.woocommerce .woocommerce-product-gallery__image img {
    width: 100%;
    aspect-ratio: 1 / 1;       
    object-fit: contain;         
    object-position: center;   
    display: block;
	border: 1px solid #ddd;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 20px 5px 0 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100%;
    height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
    object-position: center;
    display: block;
	border: 1px solid #ddd;
    padding: 0;
}
/* .woocommerce-product-details__short-description,
.woocommerce div.product .product_meta>span.sku_wrapper,
.woocommerce div.product .product_meta:not(.custom-meta-grouped) .posted_in:first-of-type {
	display: none;
} */
.woocommerce-product-details__short-description,
.woocommerce div.product .product_meta>span.sku_wrapper,
.woocommerce div.product .product_meta>span.tagged_as,
.woocommerce div.product 
.product_meta:not(.custom-meta-grouped) 
.sku_wrapper + .posted_in,
.woocommerce div.product 
.product_meta:not(.custom-meta-grouped) 
.posted_in:first-of-type {
    display: none !important;
}

.lang-item img {
	margin-top: -2px;
}
/* Wrapper */
.wc-block-filter {
    font-size: 14px;
}

/* Title */
.wc-block-title {
    font-weight: 600;
    margin: 25px 0 10px;
}

/* List */
.wc-block-checkbox-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wc-block-checkbox-list li {
    margin-bottom: 8px;
}

/* Link */
.wc-block-checkbox-list a {
	font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111;
    text-decoration: none;
}

/* Checkbox */
.wc-block-checkbox-list .checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #757575;
    border-radius: 2px;
    position: relative;
    flex-shrink: 0;
}

/* Checked */
.wc-block-checkbox-list a.is-active .checkbox {
    background: #000;
    border-color: #000;
}

.wc-block-checkbox-list a.is-active .checkbox::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Hover */
.wc-block-checkbox-list a:hover .label {
    text-decoration: underline;
}

/* Active filters */
.wc-block-active-filters {
    background: #f6f7f7;
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.wc-block-active-filters .title {
    width: 100%;
    font-weight: 600;
}

/* Active filter pill */
.active-filter {
        display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px 8px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.active-filter .remove {
	position:relative;
	bottom: 30%;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}

/* Clear all */
.clear-filters {
    margin-left: auto;
	border: 1px solid #f0b400;
    background: #f0b400;
    color: #000;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 12px;
    font-weight: 600;
    text-decoration: none;
    width: 100%;
    margin-top: 15px;
}
.clear-filters:hover {
    border: 1px solid #f0b400;
    background: transparent;
}
/* BRAND: 2 CỘT */
/* 2 CỘT GIỐNG WOO BLOCK */
.wc-block-checkbox-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 8px;
}

/* item */
.wc-block-checkbox-list li {
    margin: 0;
}

/* link style */
.wc-block-checkbox-list a {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

/* checkbox giả giống Woo */
.wc-block-checkbox-list .checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #777;
    border-radius: 2px;
    position: relative;
}

.wc-block-checkbox-list a.is-active .checkbox {
    background: #000;
}

.wc-block-checkbox-list a.is-active .checkbox::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* CHA chiếm full dòng */
.wc-block-checkbox-list .cat-parent {
    grid-column: 1 / -1;
    font-weight: 600;
    margin-top: 12px;
}

/* LIST = GRID */
.wc-block-checkbox-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 5px;
}

/* CON thụt vào */
.wc-block-checkbox-list .cat-child {
    padding-left: 12px;
}
/* Danh mục CHA chỉ làm tiêu đề – không click */
.wc-block-checkbox-list .cat-parent > a {
    pointer-events: none;
    cursor: default;
}

/* Ẩn checkbox của CHA */
.wc-block-checkbox-list .cat-parent .checkbox {
    display: none;
}

/* Style giống tiêu đề Woo */
.wc-block-checkbox-list .cat-parent .label {
    text-transform: uppercase;
}

/* Dòng meta */
.product_meta .posted_in {
    display: flex !important;
    align-items: flex-start;
    flex-wrap: wrap;
}
.product_meta .meta-label {
    min-width: 120px;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}
.product_meta .posted_in a {
    display: inline;
    white-space: normal;
    word-break: break-word;
}
.product-image {
    position: relative;
    overflow: hidden;
}

.product-image img {
    width: 100%;
}

/* Button */
.pt-product-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Button 360 */
.mt-btn-360 .btn-360 svg {
    margin-left: -.5rem;
}

.mt-btn-360 svg {
    position: relative;
    display: block;
    width: 1.2rem;
    height: 1.5rem;
}
.single-360-wrap {
    margin: 15px 0;
}

.btn-360 {
    display: inline-block;
    padding: 0 20px;
    background: #4362a2;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s;
}

.btn-360:hover {
    background: #333;
}






















@media (max-width: 768px) {
	footer#pt-footer .col-lg-6.col-md-6:first-child {
		width: 100%;
	}
	footer#pt-footer .col-lg-6.col-md-6:last-child {
		width: 100%;
	}
	footer#pt-footer .widget ul.pt-contact li:first-child span {
		white-space: inherit;
	}
	.owl-carousel .owl-nav button.owl-prev {
		margin-left: -10px !important;
	}
	.owl-carousel .owl-nav button.owl-next {
		margin-right: 10px !important;
	}
	#menu-van-gach.menu {
		grid-template-columns: 1fr; /* về 1 cột trên mobile */
	}
	.pt-breadcrumb-title {
		padding-top: 80px;
	}
	.content-area .site-main {
        padding: 100px 0;
    }
	.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 50%;
    }
	.product_meta .meta-label {
        min-width: 100%;
        margin-bottom: 4px;
    }
  

}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        padding: 0 40px;
    }
	.archive .col-lg-4 {
        flex: 0 0 auto;
        width: 25%;
    }
	.archive .col-lg-8 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (min-width: 2560px) {
    .archive .col-lg-4 {
        flex: 0 0 auto;
        width: 20%;
    }
	.archive .col-lg-8 {
        flex: 0 0 auto;
        width: 80%;
    }
}