/*
    Theme Name: Syncpart Theme
    Theme URI: https://www.tqsh.com.cn/
    Author: YISOU
    Author URI: https://www.tqsh.com.cn/
    Description: A custom, high-performance theme for Syncpart, built from scratch with PHP and Bootstrap.
    Version: 2.5.2
    Requires PHP: 8.0.26
    Text Domain: syncpart-theme
*/
:root {
    --syncpart-yellow: #ffc107;
    --bs-pagination-active-bg:var(--syncpart-yellow);
    --black: #334155
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
    url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.woff2') format('woff2'), 
        url('fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff') format('woff2'), 
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body {font-family: 'Roboto', sans-serif;}
.container-xl {max-width: 1180px;}
/* Header Styling */
.site-header {position:relative; z-index:9999;}
.site-logo {max-width: 270px !important;}
.top-bar {padding: 1rem 0;}
.search-form .form-control { border-radius: .25rem 0 0 .25rem; border: none;}
.search-form .btn-dark { background-color: var(--black); border: none; border-radius: 0 .25rem .25rem 0;}
/* Navigation Menu Styling */
.site-header .navbar {padding-top: 0; padding-bottom: 0;}
.navbar-nav .nav-item { margin-left: 1rem; margin-right: 1rem;}
.navbar-nav .nav-link {font-weight: bold;font-size:20px; text-transform:uppercase; color: #000;padding:1rem 0;transition: all 0.3s ease-in-out;}
.navbar-nav .nav-link:hover {color: var(--syncpart-yellow);}
.navbar-nav .current-menu-item .nav-link,
.navbar-nav .current-menu-ancestor .nav-link { color: var(--syncpart-yellow);}
.header-search {width: 350px;}

.syncpart-industr {padding:2rem 0;}
.sync-title {font-size:30px; font-weight:bold; margin-bottom:1rem; text-align:center;color:var(--black)}
.syncpart-industr p {font-size:16px; color:var(--black)}
#syncpart-view-my-cart span {font-size: 14px;}

.syncpart-products-recommended {padding:1rem 0;}
.card-img-top {overflow:hidden;}
.card-img-top img {transition:.3s ease;}
.card-img-top:hover img {transform:scale(1.1)}
.product-box {display:flex; flex-direction:column; flex-grow:1;}
.product-box .card-body {flex-grow:1; color:#fff;}
.syncpart-supply { padding-bottom: 2rem;}
.syncpart-supply p {margin-top: 3rem;}
#bj-map {height:500px;width:100%;margin:2rem 0;}
.home-end {padding:2.5rem 0;}
.btn-sync {background:var(--syncpart-yellow); color: #fff; padding: 8px 1.2rem;}
.btn-sync:hover {background:#F8B818; color:#fff;}


#footer {padding-top: 3rem !important; }
.foot-title {font-size: 18px; color: #F0F5FA; text-transform: uppercase; text-align: left;}
.foot-list {padding-left: 0; list-style: none; text-align: left;}
.foot-list li {padding:5px 0; font-size: 14px; color: #ccc;}
.foot-list li i {color:var(--syncpart-yellow); font-size: 18px; padding-right: .4rem;}
.foot-list a {color:#ccc ; text-decoration: none; transition: .3s;}
.foot-list a:hover {text-decoration: underline; color: #fff;}
.foot-list .current-menu-item a {color: var(--syncpart-yellow);}


.navbar-toggler {display: none;}
/* 社交链接容器 */
.social-links {display: flex;gap: 15px;}
.social-icon {display: inline-flex; align-items: center;justify-content: center; width: 44px; height: 44px; border-radius: 50%;color: #fff;font-size: 22px; text-decoration: none;transition: all 0.3s ease-in-out;}
.social-icon.facebook {background-color: #1877F2;}
.social-icon.instagram {background-color: #E4405F;}
.social-icon.whatsapp {background-color: #25D366;}
.social-icon:hover {filter: brightness(0.85);transform: scale(0.92);color: #fff;}

.page-title {padding-top: 1rem; padding-bottom: 1rem;}
.page-title a {text-decoration: none;color: #414141;}
.page-title a:hover {color: var(--syncpart-yellow);}

.product-page-title {padding:5rem 0; color: #fff; }
.product-page-title h4 {font-size: 36px; text-transform: uppercase;}

.product-display-flex {padding: 2rem 0;}

.product-category-title {font-size: 24px;}
.product-category-list {padding-left: 0; list-style: none;}
.product-category-list li {margin-bottom: 8px;}
.product-category-list li a {padding: 8px 18px;background: var(--syncpart-yellow);color: #fff;display: block;text-decoration: none;transition: .3s ease;}
.product-category-list li a:hover {background:#d69f16 ;}
.product-category-list li a.active,.product-category-list li a.active:hover {background: #d69f16;}

.product-main-image {border: 3px #ddd solid;}
.woocommerce-breadcrumb {font-weight: 300;}
.woocommerce-pagination {display: flex; justify-content: center;}
.pagination {
    --bs-pagination-active-bg: var(--syncpart-yellow);
    --bs-pagination-active-border-color: var(--syncpart-yellow);
    --bs-pagination-active-color: #fff;

    --bs-pagination-color: var(--bs-body-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-color: var(--bs-body-color);
    --bs-pagination-disabled-bg: #f8f9fa;
    --bs-pagination-disabled-border-color: #dee2e6;
}
.pagination .page-item.active .page-link:hover {background-color: var(--syncpart-yellow);border-color: var(--syncpart-yellow);}

.product_title {font-size: 24px;border-bottom: 1px #ccc solid;padding-bottom: 9px;margin-bottom: 10px;}
.woocommerce-product-details__short-description p {font-weight: 300;}
h2.descrip-title {border-bottom: 1px #ccc solid;padding-bottom: 9px;margin-bottom: 10px;font-size: 22px;}
.product-content section {font-weight: 300;}
.feedback-form {margin-bottom: 2rem;}
.product-attributes-dl {font-weight: 300; display: flex; flex-wrap: wrap;}
.product-attributes-dl dt {width: 28%; font-weight: 300;}
.product-attributes-dl dd {width: 72%;}

.about-msg {font-weight: 300;}
.news-list-item {background-color: #fff;border: 1px solid #dee2e6;border-radius: .25rem;margin-bottom: 2rem;overflow: hidden;transition: box-shadow .3s ease-in-out;}
.news-list-item:hover {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.news-item-image-link { display: block;height: 100%;}
.news-item-image-link img {width: 100%;height: 100%;object-fit: cover;}
.news-item-content {padding: 1.5rem;display: flex;flex-direction: column;height: 100%;}
.news-item-content .entry-title {font-size: 1.3rem;margin-bottom: .5rem;font-weight: 700;}
.news-item-content .entry-title a {text-decoration: none;color: var(--black);transition: color .3s ease;}
.news-item-content .entry-title a:hover {color: var(--syncpart-yellow);}
.news-item-content .entry-meta { font-size: .875rem; color: #6c757d; margin-bottom: 1rem;}
.news-item-content .entry-meta i {margin-right: .25rem;}
.news-item-content .entry-summary {flex-grow: 1;color: #495057;}
.news-item-content .entry-footer {margin-top: 1rem;}

/* Bootstrap Pagination Styling Override */
.pagination .page-link {color: var(--black);}
.pagination .page-item.active .page-link {z-index: 3; color: #fff;background-color: var(--syncpart-yellow); border-color: var(--syncpart-yellow);}
.pagination .page-link:hover { color: var(--syncpart-yellow);}

.entry-single .entry-title {font-size: 1.8rem;font-weight: 700;color: var(--black); text-align: center;}
.entry-single .entry-meta {font-size: 0.9rem;margin-top: 1rem;border-bottom: 1px solid #eee;padding-bottom: 1rem;}
.entry-single .entry-meta .meta-item {margin-right: 1.5rem;}
.entry-single .entry-meta i {color: var(--syncpart-yellow); margin-right: 0.3rem;}
.entry-single .entry-content {line-height: 1.7; font-size: 1.1rem; font-weight:300;font-size: 16px;}
.entry-single .entry-content h2,
.entry-single .entry-content h3 {margin-top: 2rem;margin-bottom: 1rem; font-weight: 600;}
.entry-single .entry-footer .post-tags {margin-top: 2rem;padding-top: 1rem;border-top: 1px solid #eee;}
.entry-single .post-tags .tags-title {font-weight: bold; margin-right: 0.5rem;}
.entry-single .post-tags a { display: inline-block; background-color: #f8f9fa; color: #495057; padding: 0.25rem 0.75rem;border-radius: .25rem;text-decoration: none;margin: 0.2rem; font-size: 0.9rem; transition: all 0.3s ease;}
.entry-single .post-tags a:hover {background-color: var(--syncpart-yellow);color: #fff;}
/* Post Navigation (Prev/Next) */
.post-navigation {margin-top: 1rem; margin-bottom: 2rem; padding-top: 2rem; border-top: 1px solid #eee;}
.post-navigation .nav-links { display: flex;justify-content: space-between;gap: 1.5rem;}

.post-navigation a {
    flex: 1;
    display: block;
    padding: .7rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}

.post-navigation a:hover {
    border-color: var(--syncpart-yellow);
    background-color: #fefcf5;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}

.post-navigation .nav-subtitle {
    display: block;
    font-size: 0.875rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.post-navigation .nav-title {
    color: var(--black);
    font-weight: 700;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
.post-navigation .nav-previous .nav-title::before {content: '← '; margin-right: 0.25rem;}
.post-navigation .nav-next .nav-title::after { content: ' →'; margin-left: 0.25rem;}
.post-navigation .nav-next { text-align: right;}
@media (max-width: 767px) {
    .post-navigation .nav-links {flex-direction: column;gap: 1rem;}
}

.recom-title {font-size: 20px; font-weight: bold; text-transform: uppercase;}
.widget_recommended_products { background-color: #fff;}
.widget_recommended_products .widget-title {font-size: 1.25rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--black);text-transform: uppercase;}
.product-list-item {margin-bottom: 1rem;}
.product-list-item:last-child {margin-bottom: 0;}
.product-list-item a {transition: background-color 0.3s ease; border-radius: 0.25rem;}
.product-list-item a:hover { background-color: #f8f9fa;}
.product-list-item .product-item-thumbnail {flex-shrink: 0;width: 80px;margin-right: 1rem;}
.product-list-item .product-item-thumbnail img {width: 100%;  height: auto; display: block;border: 1px solid #eee;}
.product-list-item .product-item-content .product-item-title {font-size: 14px;font-weight: 500;color: #333;line-height: 1.4;margin-bottom: 0.25rem;}
.product-list-item .view-more-link {font-size: 0.75rem;font-weight: 300;color: #6c757d;text-transform: uppercase;letter-spacing: .5px;}
.contact-us-page {padding: 2.6rem 0;}
.contact-us-page .left p {font-weight: normal;}
.contact-us-page .left i {color:var(--syncpart-yellow); font-size: 18px;padding-right: .4rem;}
.contact-us-page .left a {text-decoration: none; color:#111;}
.contact-us-page .left a:hover {color: var(--syncpart-yellow);}

@media(max-width:768px) {
    .header-flex {flex-wrap: wrap;}
    .navbar-toggler {display: block; padding: 6px 6px; font-size: 20px; background: #ce9b00; border-radius: 5px;}
    #header-searchs {width: 70%;}
    .site-logo {max-width: 160px !important;}
    .header-search,.header-tool-flex {width:100%;}
    .site-branding {display: flex; align-items: center; justify-content: space-between;}
    .login-button a {font-size: 13px;}
    #header-searchs button {font-size: 13px;}
    #header-searchs input,#header-searchs input::placeholder {font-size: 12px;}
    .site-branding {margin-bottom: .5rem; width:100%;}
    .header-tool-flex {justify-content: space-between;}
    .sync-title {font-size: 22px;}
    .syncpart-industr p,.product-attributes-dl,.woocommerce-product-details__short-description {font-size: 14px;}
    .product-box .card-body {padding: 6px;}
    .card-title {margin-bottom: 0; font-size: 14px;}
    .home-end {padding: 1.5rem 0;}
    .home-end section {margin-bottom: 1rem;}
    .footer-company {margin-bottom: 0; padding-top: 1rem; font-size: 12px;}
    .social-icon {width:35px; height: 35px; font-size: 18px;}
    .hide-d {display: none !important;}
    .navbar-nav .nav-item {margin: 0; }
    .navbar-nav .nav-link {font-size: 16px; padding: 7px 0;}
    .product-page-title {padding: 2rem 0;}
    .product-page-title h4,.product_title,.entry-single .entry-title {font-size: 22px;}
    .woocommerce-breadcrumb {font-size: 12px;}
    .product_title {margin-top: 1rem;}
    .syncform-container {margin: 0 !important; padding: 4px 0 !important;}
    .news-item-content {padding: .5rem;}
    .news-item-content .entry-title {font-size: 19px;}
    .news-item-content .entry-meta {margin-bottom: 0;}
    .contact-us-page {padding: 0.6rem 0;}
    .product-display-flex {padding: 0 ;}
}

/* Product Item Positioning */
.product-item,
.product-item-card {
    position: relative;
}

/* Product Action Buttons - Favorite & Like */
.btn-favorite,
.btn-like {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    border-width: 1px;
}

.btn-favorite {
    border-color: #dc3545;
    color: #dc3545;
    background-color: transparent;
}

.btn-favorite:hover {
    background-color: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.btn-favorite.active {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.btn-like {
    border-color: #dc3545;
    color: #dc3545;
    background-color: transparent;
}

.btn-like:hover {
    background-color: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.btn-like.active {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.btn-favorite i,
.btn-like i {
    font-size: 16px;
}

.btn-favorite:disabled,
.btn-like:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Add to Cart Button Styles */
.btn-add-to-cart {
    border-color: #dc3545;
    color: #dc3545;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    border-width: 1px;
}

.btn-add-to-cart:hover {
    background-color: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.btn-add-to-cart.active,
.btn-add-to-cart.added {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.btn-add-to-cart i {
    font-size: 16px;
}

.btn-add-to-cart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Old styles - remove */
.product-action-buttons,
.product-action-buttons-inline {
    display: none;
}

/* Toast notification for product actions */
.product-action-toast {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 9999;
    min-width: 250px;
    animation: slideInRight 0.3s ease;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .product-action-buttons {
        top: 5px;
        right: 5px;
        gap: 5px;
    }
    
    .btn-favorite,
    .btn-like {
        width: 32px;
        height: 32px;
    }
    
    .btn-favorite i,
    .btn-like i,
    .btn-add-to-cart i {
        font-size: 16px;
    }
    
    .product-action-toast {
        top: 60px;
        right: 10px;
        min-width: 200px;
    }
}
.whatsapp-hover-log {position: fixed; bottom: 50px; right: 20px; z-index: 1000;animation: bounce 2s infinite;}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-20px); }
    60% { transform: translateY(-10px); }
}