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

/*************** ADD CUSTOM CSS HERE.   ***************/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.single_add_to_cart_button {
		width: 68% !important;
	}
}

@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 400;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Regular.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 400;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Italic.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 250;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Thin.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 250;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-ThinItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 275;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-ExtraLight.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 275;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-ExtraLightItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 300;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Light.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 300;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-LightItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 500;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Medium.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 500;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-MediumItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 600;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-SemiBold.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 600;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-SemiBoldItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 700;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Bold.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 700;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-BoldItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 800;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-ExtraBold.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 800;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-ExtraBoldItalic.woff)
      format("woff");
}
@font-face {
  font-family: poppins;
  font-style: normal;
  font-weight: 900;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-Black.woff) format("woff");
}
@font-face {
  font-family: poppins;
  font-style: italic;
  font-weight: 900;
  src: local("Poppins"),
    url(/wp-content/themes/flagwix/fonts/Poppins/Poppins-BlackItalic.woff)
      format("woff");
}

body {
	font-family: Poppins,sans-serif !important;
}
a {
    color: #0a0a0a;
    text-decoration: none;
    transition: .2s ease;
}
#woocommerce-product-search-field-0 {
	height: 44px;
    border-radius: 14.5px;
    font-size: 14px;
    border: 1.5px solid #acacac;
}
.header-nav > li > a {
	color: #000;
}
.header-bottom {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}
.header-bottom-nav > li > a {
	font-weight: 500;
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Poppins,sans-serif !important;
}
.poppin-title {
	display: flex;
    margin: 25px 0px;
}
.poppin-title h2 {
    align-items: center;
    color: #1d1929;
    font-size: 24px;
    font-weight: 800;
    line-height: 36px;
    text-align: center;
}
.col-inner > .home-product {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
}
.col-inner > .home-product > .box-image {
	border-radius: 8px 8px 0 0;
}
.col-inner > .home-product > .box-text {
	padding: 1em;
}
.col-inner > .home-product > .box-text > .title-wrapper > .product-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-inner > .home-product > .box-text > .price-wrapper > .price > .amount {
	color: #FF0000;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.what-poppin > .col > .col-inner > .icon-box:hover {
    background: #dadff5;
}

.what-poppin > .col > .col-inner > .icon-box {
	box-shadow: -3px 5px 15px rgb(37 58 151 / 20%);
	border-radius: 15px;
}
.what-poppin > .col > .col-inner > .icon-box {
    align-items: center;   
    display: flex;
	height: 78px;
}
.what-poppin > .col > .col-inner > .icon-box > .icon-box-img {
    margin-left: 15px;
}
.what-poppin > .col > .col-inner > .icon-box > .icon-box-text > h3 {
    color: #253a97;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}
p.fottersubscribe {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.footer_sub p {
	display: flex;
    justify-content: center;
}
.wpcf7-spinner {
	display: none;
}

.footer-widgets > .row .is-divider {
	display: none;
}

.footer-widgets > .row .widget-title {
	color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.footer-widgets > .row ul {
	margin-top: 20px;
}

.footer-widgets > .row ul li {
	margin-bottom: 10px;
	border: none;
}

.menu-social {
	display: flex;
}

.menu-social li {
	margin-right: 5px;
}
.footer-bottom ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-2 {
	border: unset;
	padding: 0px;
}

.product_title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
	color: #0a0a0a;
}

.product-summary form .single_variation_wrap .price .woocommerce-Price-amount {
    color: #eb3939;
	font-weight: 600;
	font-size: 26px;
}

.product-summary form .single_variation_wrap .woocommerce-variation-price {
	padding-top: 20px;
}

span.woocommerce-Price-currencySymbol {
	font-size: unset !important;
}

.single_add_to_cart_button {
	border-radius: 3px;
    width: 70%;
    height: 55px;
}

.single_add_to_cart_button:hover {
	box-shadow: 0 4px 10px rgb(103 175 71 / 30%);
}

.quantity, .quantity > .input-text {
	height: 55px;
}

.quantity {
	width: 25%;
}

.woocommerce-cart-form__cart-item .product-quantity .quantity {
	width: 50%;
}

.quantity input[type='button'] {
	width: 30%;
	display: flex;
	justify-content: center;
	border: none;
}


.quantity input[type='number'] {
	width: 40%;
	max-width: unset;
}

.accordion-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
	margin-bottom: 15px;
}

.accordion-title {
    background: #f7f7fe;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    padding-left: 15px;
    position: relative;
	color: #0a0a0a;
	border: none !important;
}

.accordion-title:hover {
	color: #243a98;
}

.accordion .toggle {
	right: 0 !important;
	left: unset !important;
}

.accordion-title.active {
    color: #0a0a0a !important;
}

/* Popup Add to Cart Plugins */
.xoo-cp-pdetails tr td {
	border: none;
}
input[type=number].xoo-cp-qty {
    height: 60%;
}

.xoo-cp-btns a {
	border: 1px solid #c3c3c3 !important;	
	width: 48%  !important;
}

.xoo-cp-close {
	display: none !important;
}

.xoo-cp-btn-ch {
	background-color: #3FBC1A !important;
	color: #fff !important;
}

td.xoo-cp-ptitle a {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.xoo-cp-pprice .woocommerce-Price-amount {
	font-size: 16px !important;
}

.xcp-ptotal {
    font-size: 20px !important;
}

.xcp-totxt {
	font-size: 16px;
	color: #545454;
}

.xcp-ptotal .woocommerce-Price-amount {
	color: #ff0000 !important;
}

.cart-item ul.nav-dropdown {
	display: none !important;
}

.product-name img {
	width: 55px;
	height: 45px;
	padding-right: 8px;
}

a.xcp-btn {
	width: 50% !important;
	max-width: unset !important;
	border: 1px solid #cfcfcf;
}

#mCSB_1_scrollbar_vertical {
	display: none;
}

@media only screen and (max-width: 600px) {
	a.xcp-btn {
		width: 100% !important;
		margin: 15px auto 0 !important;
		max-width: 100% !important;
	}
}

.product-info .price {
	font-size: 35px !important;
}

.processing:before, .loading-spin.centered {
	display: none;
}

#place_order {
	width: 100%;
    height: 50px;
}

.pswp__caption {
	display: none;
}
.woocommerce td.product-name dl.variation dt {
	float: none !important;
}
.cart_totals .button {
	height: 45px;
    line-height: 45px;
	border-radius: 3px;
}
.cart_totals .fee, .woocommerce-checkout-review-order-table .fee {
    background-color: unset !important;
}

.filter-content > ul > li > label {
	font-weight: unset !important;
}

.filter-title {
	display: none !important;
}

.product_meta span.sku_wrapper {
    display: none !important;
}

#mecom-paypal-credit-form-container-custom {
	margin-top: 15px !important;
}

/** Single Product **/
.nav-tabs .nav-link {
	color: #1C4DA1 !important;
}

.nav-tabs .nav-link.active {
	font-weight: 500;
}

.product-gallery-thumbs img {
  object-fit: cover;
  height: 70px;
  width: 70px;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: border 0.2s ease;
}

.product-gallery-thumbs img.active {
  border: 2px solid #0d6efd;
}

.product-tabs .nav-tabs .nav-link {
  font-weight: 500;
  padding: 0.75rem 1.25rem;
}

.product-tabs .tab-content {
  background: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
}

/* Quantity + Add to Cart custom */
form.cart {
  /* display: flex; */
  gap: 10px;
  align-items: center;
  margin-top: 1.5rem;
}

/* Quantity wrapper (WooCommerce uses .quantity) */
form.cart .quantity {
  display: flex;
  align-items: center;
  border: 1px solid #0d6efd;
  border-radius: 4px;
  overflow: hidden;
  height: 42px;
  float: left;
  margin-top: 8px;
}

/* Quantity input */
form.cart .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #999999;
    border-radius: 4px;
    overflow: hidden;
    height: 40px;
    float: left;
    margin-top: 8px;
    width: 122px;
}

/* Plus/Minus buttons */
form.cart .quantity button.minus,
form.cart .quantity button.plus {
  background: none;
  border: none;
  color: #0d6efd;
  font-size: 20px;
  padding: 0 12px;
  line-height: 1;
  cursor: pointer;
}

/* Remove default spinner on number input */
form.cart .quantity input::-webkit-outer-spin-button,
form.cart .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.cart .quantity input[type=number] {
  -moz-appearance: textfield;
  border: none;
  max-width: 55px;
}

/* Add to Cart button */
form.cart button.single_add_to_cart_button {
  background-color: #0d6efd;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.75rem 2rem;
  border: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

form.cart button.single_add_to_cart_button:hover {
  background-color: #084298;
}

.step-line {
  flex-shrink: 0;
  height: 2px;
  width: 40px; /* có thể chỉnh dài hơn nếu thích */
  background-color: #dee2e6; /* hoặc #ccc */
  border-radius: 1px;
}