/*
Theme Name: Web5 Theme
Theme URI: https://web5.uk.com/
Author: Web5 Team
Author URI: https://web5.uk.com/
Description: A custom WordPress theme for Web5
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: web5
*/
:root {
	--primary-color: #446084;
	--fs-color-primary: #446084;
	--fs-color-secondary: #d26e4b;
	--fs-color-success: #7a9c59;
	--fs-color-alert: #b20000;
	--fs-experimental-link-color: #f27121;
	--fs-experimental-link-color-hover: #ffffff;
	}
.tooltipster-base {
	--tooltip-color: #fff;
	--tooltip-bg-color: #000;
	}
.off-canvas-right,
.mfp-content,
.off-canvas-left,
.mfp-content {
	--drawer-width: 300px;
	}
html{
	background-color:#000000!important;
	}
.container-width,
.full-width,
.ubermenu-nav,
.container,
.row{
	max-width: 1320px
	}
.row,
.row-collapse{
	max-width: 1290px
	}
.row,
.row-small{
	max-width: 1312.5px
	}
.row,
.row-large{
	max-width: 1350px
	}
.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark{
	background-color: #1e1e1e
	}
.header-main{
	height: 90px
	}
#logo img{
	max-height: 90px
	}
#logo{
	width:200px;
	}
.header-bottom{
	min-height: 55px
	}
.header-top{
	min-height: 30px
	}
.transparent .header-main{
	height: 90px
	}
.transparent #logo img{
	max-height: 90px
	}
.has-transparent + .page-title:first-of-type,
.has-transparent + #main > .page-title,
.has-transparent + #main > div > .page-title,
.has-transparent + #main .page-header-wrapper:first-of-type .page-title{
	padding-top: 140px;
	}
.header.show-on-scroll,.stuck .header-main{
	height:70px!important
	}
.stuck #logo img{
	max-height: 70px!important
	}
.header-bg-color {
	background-color: #232323
	}
.header-bottom {
	background-color: #000000
	}
	.header-bottom-nav > li > a {
	line-height: 16px
	}
	@media (max-width: 549px) {
		.header-main{
			height: 70px
			}
		#logo img{
			max-height: 70px
			}
		}
	
body{
	color: #ffffff
	}
h1,h2,h3,h4,h5,h6,.heading-font{
	color: #f27121;
	}
body{
	font-size: 100%;
	}
@media screen and (max-width: 549px){
	body{font-size: 100%;
		}
	}
body{
	font-family: -apple-system,
	BlinkMacSystemFont, "Segoe UI",
	Roboto,
	Oxygen-Sans,
	Ubuntu,
	Cantarell, "Helvetica Neue", sans-serif;
	}
body {
	font-weight: 400;
	font-style: normal;
	}
.nav > li > a {
	font-family: -apple-system,
	BlinkMacSystemFont, "Segoe UI",
	Roboto,
	Oxygen-Sans,
	Ubuntu,
	Cantarell, "Helvetica Neue", sans-serif;
	}
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family: -apple-system,
	BlinkMacSystemFont, "Segoe UI",
	Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-weight: 400;
	font-style: normal;
	}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: -apple-system,
	BlinkMacSystemFont, "Segoe UI",
	Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {
	font-weight: 400;
	font-style: normal;
	}
.alt-font{
	font-family: Girassol, sans-serif;
	}
.alt-font {
	font-weight: 400!important;
	font-style: normal!important;
	}
.absolute-footer, html{
	background-color: #000000
	}
.nav-vertical-fly-out > li + li {
	border-top-width: 1px;
	border-top-style: solid;
	}
.label-new.menu-item > a:after{
	content:"Mới";
	}
.label-hot.menu-item > a:after{
	content:"Nổi bật";
	}
.label-sale.menu-item > a:after{
	content:"Giảm giá";
	}
.label-popular.menu-item > a:after{
	content:"Phổ biến";
	}
.highlight-box {
	background-color: #666666			;
	padding: 15px 20px;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	font-size: 16px;
	line-height: 1.6;
	margin: 20px 0;
	}
blockquote{
	color: #fff;
	}
.button span {
	display: inline-block;
	line-height: 1.6;
	color: #fff;
	}
.pbn3, .header-button-1{
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #e21c34;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 144 0 / 0));
	--tw-gradient-to: #500b28;
	}
.pbn1, .header-button-4{
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #fdc965;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(253 201 101 / 0));
	--tw-gradient-to: #6c4e13;
	}
.pbn2, .header-button-2{
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #ff9000;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(255 144 0 / 0));
	--tw-gradient-to: #ad1403;
	}

.btn-gradient {
	background: linear-gradient(90deg, #e21c34 0%, #500b28 100%);
	color: #fff;
	border: none;
	border-radius: 8px;                  /* Bo nhẹ nhưng rõ hơn */
	padding: 5px 25px;                   /* Rộng và cao hơn chút */
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
	display: inline-block;
	min-width: 50px;                     /* Bề rộng tối thiểu lớn hơn */
	text-align: center;
	}

.btn-gradient:hover {
	background: linear-gradient(90deg, #500b28 0%, #e21c34 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	}
.countdown {
	color: #FFF; /* Trắng */
	}