/* Header */
#header .header-main {
    background-color: #fff;
}

#header .top-header-phone {
    align-items: center;
    gap: 12px;
    font-size: 16px !important;
    color: #fff !important;
}

#header .header-news-flash {
    position: relative;
    overflow: hidden;
    height: 24px;
}

#header .header-news-flash .ux-menu-link {
    height: 24px;
    margin: 0;
    color: #fff;
}

#header .header-news-flash .ux-menu-link a:hover {
    color: #fff;
}

#header .header-news-flash {
    will-change: transform;
}

#header .header-search-form {
    width: 100%;
    padding: 0 40px;
}

#header .header-search-form-wrapper,
#header .searchform-wrapper,
#header .searchform {
    width: 100%;
}

#header .searchform .flex-row {
    display: flex;
    width: 100%;
    align-items: stretch;

    border-bottom: 3px solid #414648;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

#header .searchform .flex-row .flex-col:last-child {
    order: -1;
}

#header .search-form-categories {
    flex: 0 0 135px;
    order: -2;
}

#header .search_categories {
    width: 100% !important;
    height: 46px;
    border: none;
    font-size: 14px;
    padding: 0 35px 0 15px;
    box-shadow: none;
}

#header .searchform .flex-grow {
    flex: 1;
}

#header .search-field {
    width: 100%;
    height: 46px;
    border: none;
    box-shadow: none;
    padding: 0 16px;
    background: #fff;
}

#header .search-field:focus {
    box-shadow: none;
    outline: none;
}

#header .ux-search-submit {
    width: 52px;
    height: 46px;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #414648;
}

#header .ux-search-submit:hover {
    background: #095d99;
}

#header .ux-search-submit i {
    font-size: 18px;
}

#header .live-search-results {
    top: 100%;
    left: 0;
    width: 100%;
}

/* Homepage */
.slider-nav-light .flickity-page-dots .dot {
    border-color: var(--primary-color) !important;
}

.slider-nav-light .flickity-page-dots .dot.is-selected,
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: var(--primary-color) !important;
}


.service-feature-card .col-inner {
    border: 1px solid var(--primary-color);
}

.product-small.box {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 25px;
    overflow: hidden;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

.product-small.box .box-image {
    position: relative;
    background-color: #fff;
    padding: 10px 12px;
    overflow: hidden;
    max-height: 320px;
}

.product-small.box .box-image img {
    border-radius: 10px;
}

.product-small.box .box-text {
    padding: 0 20px 15px 20px;
}

.product-small.box .box-text .product-title {
    font-size: 16px;
    font-weight: 700;

    line-height: 20px;
    height: 60px;
}

.product-small.box .box-text .product-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Hiển thị tối đa 2 dòng */
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-small.box:hover .box-text .product-title a {
    color: var(--primary-color);
}

.product-small.box .box-text .price .amount {
    color: #A52A2A;
    font-size: 16px;
    font-weight: 700;
}

.product_tabs .tab a {
    background-color: #eeeeee;
    font-size: 15px;
    margin: 10px;
    color: #444;
    border-radius: 4px;
    padding: 15px 24px;
    font-weight: 600;
    line-height: 1;
}

.product_tabs .tab:hover a {
    background-color: var(--fs-color-primary);
    color: #fff;
    opacity: 1;
    transform: translateY(-5px);
}

.product-cats .count {
    display: none;
}

/* Footer */
#footer .ft-first-sec .section-content>.row {
    align-items: center;
}

#footer .ft-first-sec .section-content>.row .col {
    padding: 0 !important;
}

#footer .ft-first-sec .section-content>.row .icon-box {
    align-items: center;
}

#footer .ft-contact .wpcf7-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

#footer .ft-contact .wpcf7-form-control {
    margin-bottom: 0;
}

#footer .ft-contact .wpcf7-form .wpcf7-submit {
    background-color: #000;
}


/* Contact Form */

.wpcf7-response-output {
    display: none;
}

.wpcf7-spinner {
    display: none;
}

/* Thương hiệu */
.brand-list .brand-item .col-inner {
    border-radius: 3px;
    border: solid 1px #ddd;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Contact */
.contact-map iframe {
    width: 100% !important;
}

/* Product Archive */
.category-page-row .widget {
    position: relative;
    padding: 30px;
    border: 1px solid #e8e8e8;
}

.category-page-row .widget span.widget-title {
    color: rgb(34, 34, 34);
}

.category-page-row .widget .is-divider {
    background-color: var(--primary-color);
    height: 2px;
}

.category-page-row .widget .filter-checkbox-item {
    align-items: center;
}

.category-page-row .widget .filter-checkbox-item input {
    margin-top: 0;
    margin-bottom: 0;
}

.checkout-page-title {
    display: none !important;
}

/* Custom Swiper Navigation Buttons */
.swiper .custom-nav-btn {
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    color: #555555;
    transition: all 0.3s ease;
    border: 1px solid #eaeaea;
}

.swiper .custom-nav-btn:after {
    font-size: 16px;
    font-weight: 700;
}

.swiper .custom-nav-btn:hover {
    background-color: var(--primary-color, #095d99);
    color: #ffffff;
    border-color: var(--primary-color, #095d99);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* Adjust position slightly to not overlap completely */
.swiper .swiper-button-prev.custom-nav-btn {
    left: 5px;
}

.swiper .swiper-button-next.custom-nav-btn {
    right: 5px;
}


.post-item .cat-label {
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 700;
}

.post-item .is-divider {
    display: none;
}

/* Custom Toast Notification */
.custom-toast-container {
    position: fixed;
    top: 50px;
    right: 30px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
}

.custom-toast {
    background: #333;
    color: #fff;
    padding: 15px 25px;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    font-weight: 500;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: flex;
    align-items: center;
    gap: 12px;
    pointer-events: auto;
}

.custom-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.custom-toast.success {
    background: var(--fs-color-success);
}

.custom-toast.error {
    background: var(--fs-color-alert);
}

.custom-toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    font-weight: bold;
}

.product_tabs .nav {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.product_tabs .nav .tab {
    white-space: nowrap;
}

.category-image-wrapper img {
    transition: transform 0.35s ease;
}

.category-slider .swiper-slide a:hover .category-image-wrapper img {
    transform: scale(1.1);
}

.product-small .box-image img {
    transition: transform 0.35s ease;
}

.product-small:hover .box-image img {
    transform: scale(1.08);
}

#footer .ux-menu-title {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 1.2;
    min-height: auto;
}

@media (max-width: 768px) {
	#header .header-bottom {
		background: #fff;
	}
	
    #header .header-search-form {
        padding: 0;
		padding-bottom: 10px;
    }
	
	#header .search-form-categories {
		display: none;
	}
	#header .searchform .flex-row .flex-col {
		order: initial !important;
	}
	
	#header .searchform .flex-row {
    	border: 1px solid var(--primary-color);
	}
	
	#header .search-field {
		height: 40px;
	}
	
	#header .ux-search-submit {
		height: 40px;
	}
}