/**
* Theme Name:     Hiroshi Lord
* Author:         Hiroshi Lord
* Template:       flatsome
* Text Domain:	   k-tech
* Description:    Theme Build by Hiroshi Lord
* Version:        2025
*/

/* DEFAULT NO BORDER AND LINE-THROUGH */
.section-title-center b {
	opacity: 0;
}
.section-title-normal {
	border-bottom: none;
}

.section-title-normal span {
	border-bottom: none;
}

.text-cap {
	span {
		text-transform: capitalize;
	}
}
.border-radius {
	border-radius: 8px;
	overflow: hidden;
}
.wpcf7-spinner {
	display: none !important;
}
.sec-footer {
	h4.text-cap {
		span {
			font-size: 16px !important;
			font-weight: 600;
		}
	}
	.custom-menu .ux-menu-link__text {
		color: #ebebeb !important;
		text-align: left !important;
		font-size: 14px !important;
	}

	.wpcf7-form {
		p {
			display: flex;
			width: 100%;
			align-items: center;
			justify-content: start;
		}
	}
}
.blog-wrapper.blog-archive {
	.row-divided > .col + .col:not(.large-12) {
		border-left: none!important;
	}
}
.post-item {
	.box-blog-post {
		a {
			display: -webkit-box;
			-webkit-line-clamp: 2; /* Giới hạn tối đa 2 dòng */
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis; /* Hiện dấu ... nếu vượt quá */
			white-space: normal; /* Cho phép xuống dòng */
		}
	}
}
.text-white {
	h3 {
		color: #fff;
		font-size: 44px;
	}
}
.header-main {
	.nav-pills > li > a {
		border-radius: 6px !important;
	}
	.nav-pills > li:hover > a {
		background-color: var(--fs-color-primary);
		color: #fff;
		opacity: 1;
	}
}
/* END */

/* ABOUT US */
.sec-one-about-us,
.sec-five-about-us {
	.banner {
		@media screen and (max-width: 768px) {
			height: 400px;
		}
	}
}
.sec-two-about-us {
	.custom-row {
		margin-top: -70px;
	}
	.col .col-inner {
		padding: 30px 30px 30px 30px;
		box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16),
			0 3px 6px rgba(0, 0, 0, 0.23);
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		/* transform: translateY(-70px); */
		background-color: #fff;
		&::before {
			position: absolute;
			content: "";
			width: 100%;
			height: 4px;
			left: 0;
			top: 0;
			background-color: var(--fs-color-primary);
		}
	}
}

.sec-nine-about-us {
	.text {
		a {
			color: #fff !important;
		}
	}
}
/* SHOP AND SINGLE PRODUCT */
.shop-container__bottom-content {
	transition: max-height 0.5s ease;
	.bottom-fade {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: linear-gradient(to top, #fff, transparent);
		pointer-events: none;
	}
}
.category-page-row {
	.btn-toggle-bottom {
		margin-top: 10px;
		padding: 4px 16px;
		background: var(--fs-color-primary); /* màu brand của bạn */
		color: #fff;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 14px;
		text-transform: capitalize;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	.btn-toggle-bottom:hover {
		opacity: 0.9;
	}
	#shop-sidebar {
		aside {
			padding: 0px 0 0 0;
			border: 1px solid #eee;
			border-radius: 11px;

			span.widget-title {
				font-size: 1em;
				font-weight: 800 !important;
				padding: 20px;
				color: #fff;
				display: block;
				font-weight: 600;
				background: var(--fs-color-primary) !important;
				border-radius: 10px 10px 0 0;
			}
			.is-divider {
				display: none;
			}

			ul li:nth-child(odd),
				#product-sidebar ul li:nth-child(odd),
				.post-sidebar ul li:nth-child(odd) {
					background-color: #f8f8f8;
			}

			& > ul > li {
				align-items: center;
				display: flex;
				flex-flow: row wrap;
				padding: 4px 11px;
			}
		}
	}
}

.contact-price {
	color: var(--fs-color-primary);
	font-weight: bold;
}
#tab-title-reviews {
	display: none;
}
/* SING BLOG */
.blog-wrapper.blog-single{
	.entry-header-text {
		text-align: center!important;
		margin-bottom: 0  !important;
		padding-bottom: 0 !important;
		.entry-divider {
			display: none;
		}
	}
}

/* CONTACT */
.sec-one-contact{
	.custom-img-box {
		.box-text{
			padding-top: 15px!important;
			padding-bottom: 15px!important;
		}
	}
	#responsive-form{
		.form-row:first-child {
			display: flex;
			gap: 10px;
		}
	}
}

/* ABOUT */
.sec-about-3-new {
	.col-inner.box-shadow-1{
		height:100%;
	}
	.box-img-new-k{
		.box-image{
			vertical-align:text-top!important;
			@media screen and (max-width:768px){
				width:20%!important;
				margin:0!important;
			}

		}
	}
}
.custom-stack-new-k {
	@media screen and (max-width:768px){
		flex-direction: column!important;
	}
	.icon-inner {
				background: var(--fs-color-primary);
				border-radius: 50%;
				padding: 14px;
				img{
					padding-top:0!important;
				}
			}
}