/*
 Theme Name:   Pizzan Child
 Theme URI: https://themeholy.com/wordpress/pizzan/
 Description:  This is a child theme for Pizzan WordPress Theme
Author URI: https://themeforest.net/user/themeholy
 Author URI:   #
 Template:     pizzan
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  pizzan-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* ----- custom ----- */
:root {
	--font-size-title: 32px;
}

/* button back to top */
.scrollToTop {
	display: inline-block;
    border-radius: 0.25rem;
    border-color: transparent;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transition: background-color 0.3s, opacity 0.4s, visibility 0.4s;
	clip-path: unset;
}
.scrollToTop.show {
	opacity: 1;
    visibility: visible;
	bottom: 30px;
}
.scroll-btn i {
	width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* title */
.title-area .sec-title {
	font-size: var(--font-size-title);
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

/* feature */
.about-feature-two:last-child {
	border-color: transparent;
}
.about-feature-two:hover {
	border-color: var(--theme-color);
}

/* button - slide */
.slick-arrow.default {
	left: auto;
}

/* container */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1216px;
}

/* animation - image */
.mrweb-animation-image img {
	opacity: 0.6;
}

/* offer box */
.mrweb-sec-offer-box .offer-pattern .pattern-title1 {
	font-size: 50px;
    line-height: 1.2;
}

/* header */
@media (max-width: 1600px) and (min-width: 768px) {
	.header-layout5 .main-menu {
		padding-left: 50px;
	}
	.col-auto.main-logo {
		width: 15%;
		display: flex;
		justify-content: center;
	}
}

/* product */
.th-menu_title {
	font-size: 20px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.th-menu_desc {
	font-size: 14px;
}
.th-product .price ins,
.th-product .price {
	font-size: 20px;
}
.th-menu_price del,
.th-product .price del {
	font-size: 16px;
    font-weight: 500;
}
.slick-arrow {
	left: -30px;
}
.slick-arrow.slick-next {
	right: -30px;
}
.woocommerce-message a {
	color: var(--white-color);
}
.th-menu_discount .sale {
	display: flex;
    justify-content: center;
}
.th-menu .actions .woosq-btn:after {
	content: "Xem nhanh";
}
.th-menu .actions .added_to_cart:before {
	content: "Đã thêm vào giỏ hàng";
}
.th-menu .actions .added_to_cart:hover:before {
	width: 210px;
}
.th-menu .actions .add_to_cart_button:after {
	content: "Thêm vào giỏ hàng";
}
.th-menu .actions .add_to_cart_button:hover:after {
	width: 190px;
}
.th-menu .actions .tinvwl_add_to_wishlist_button:after {
	content: "Yêu thích";
}
.summary-content .quantity, 
.product-about .quantity {
	width: 100px !important;
}
.summary-content .quantity .qty-btn, 
.product-about .quantity .qty-btn {
	right: 15px;
}
.summary-content .quantity .quantity-plus, 
.product-about .quantity .quantity-plus {
	top: 8px;
}
.summary-content .quantity .quantity-minus, 
.product-about .quantity .quantity-minus {
	bottom: 8px;
}
.mrweb-button-wishlist .loading:before,
.cart-button.loading:before {
    content: '';
    position: absolute;
    background-image: url(../pizzan/assets/img/loading.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    bottom: 5px;
    left: 5px;
    object-fit: cover;
    background-size: cover;
    animation: spin 1s infinite linear;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/* .cart-button.loading {
	pointer-events: none;
	opacity: 0.75 !important;
} */

/* giới thiệu */
.mrweb-sec-why-feature .why-feature {
	padding: 20px;
}

/* blog */
.blog-single .blog-img .slick-arrow {
	left: var(--pos-x, -140px);
}
.blog-single .blog-img .slick-arrow.slick-next {
	right: var(--pos-x, -140px);
	left: auto;
}

/* liên hệ */
.contact-info {
	padding: 50px;
}
.mrweb-title-form-contact {
	text-align: center;
}

/* wishlist */
.tinv-wishlist .cart-empty {
	padding-left: 50px;
}

/* checkout */
.checkout-ordertable .order-total .amount {
	font-size: 25px;
}

/* footer */
.mrweb-footer-media img {
	height: 13px !important; 
	margin-bottom: 3px; 
	padding-left: 5px;
}

/* hidden */
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox {
	display: none !important;
}

/* tablet */
@media (max-width: 1024px) {
	.img-box3 .about-counter1 {
		right: 3px;
		bottom: -3px;
	}
	
	/* giới thiệu */
	.mrweb-sec-about-us .img-box3,
	.mrweb-sec-about-us .img-box3 img {
		width: 100%;
	}
	
	/* header */
	.header-layout5 .header-button .simple-icon,
	.popup-search-box.show,
	.sidemenu-wrapper.show {
		display: block !important;
	}
	.popup-search-box.show form {
		width: 90%;
	}
	.sidemenu-wrapper .sidemenu-content {
		width: 100%;
	}
	.header-layout5 .th-menu-toggle {
		width: 35px;
		height: 35px;
	}
	.header-layout5 .header-button {
		gap: 10px;
	}
	.header-layout5 .header-button .th-menu-toggle,
	.simple-icon {
		font-size: 16px;
	}
	
	/* footer */
	.mrweb-footer-media {
		text-align: center;
	}
}

/* mobile */
@media (max-width: 767px) {
	:root {
		--font-size-title: 25px;
	}
	
	.mrweb-sec-about-us .about-feature {
		text-align: center;
	}
	
	/* header */
	.th-mobile-menu {
		margin-top: 10px;
	}
	.th-menu-wrapper .mobile-logo {
		padding-top: 30px;
		background-color: var(--title-color);
	}
	.th-mobile-menu>ul#menu-primary-menu {
		padding: 0 20px;
	}
	
	/* product */
	.product-about .actions {
		gap: 10px 10px;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction: row;
	}
	.product-about .actions .th-btn {
		padding: 10px 20px;
	}
	.summary-content .quantity .qty-input, 
	.product-about .quantity .qty-input,
	.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, 
	.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt, 
	.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, 
	.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
		width: 50px;
		height: 100%;
	}
	.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, 
	.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt, 
	.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt, 
	.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
		line-height: 50px;
	}
	body.archive.post-type-archive .masonary-active .mb-4 {
		width: 50%;
	}
	.th-menu_price {
		font-size: 18px;
	}
	.th-menu_price del, 
	.th-product .price del {
		font-size: 14px;
	}
	
	/* cart */
	.cart_table td.actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cart_table .th-cart-coupon {
		order: 3;
	}
	.cart_table td.actions .action-group-cart-form {
		width: 100%;
		display: flex;
	}
	.cart_table td.actions .action-group-cart-form .th-btn {
		margin-bottom: 10px;
        margin-left: 0;
		padding: 16px 20px;
		font-size: 12px;
		width: 100%;
	}
	.cart_table td.actions a.th-btn {
		margin-right: 0;
	}
	.wc-proceed-to-checkout .checkout-button {
		width: 100%;
	}
	
	/* footer */
	.mrweb-footer-media {
		font-size: 13px;
	}
	.mrweb-footer-media img {
		height: 11px !important;
	}
	.mrweb-sec-footer .footer-widget:last-child {
		margin-bottom: 15px;
	}
	
	/* hidden */
	.th-menu_desc {
		display: none !important;
	}
}
@media (max-width: 400px) {
	.cart_table td.actions .action-group-cart-form .th-btn {
		padding: 15px;
	}
}

/* ----- end custom ----- */

/* ----- scrollbar ----- */
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--theme-color2);
}
/* ----- end scrollbar ----- */