/*
Theme Name: Furniture Mart
Theme URI: https://www.buywpthemes.net/products/free-furniture-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Furniture Mart WordPress Theme has been designed to provide an online platform exclusively for furniture manufacturers, furniture wholesalers, or furniture retailers in search of an online marketplace to showcase or display their standard, designer, industrial Furniture items. The theme is apt whether you own boutique, furniture chain store, furniture emporium, furniture shop, furniture market, furniture thrift store, furniture mini-store, furniture online, furniture exchange shop, furniture mall or superstore, marketplace for furniture, furniture outlet, or furniture showroom. Furniture Mart WordPress Theme works well for first timers who’ve never attempted to sell online before however they want to explore the medium and establish themselves online to improve their reach and revenue. Besides, it works equally well for those familiar with online world and want to use our theme to improve their promotional activities or marketability. The theme designed by our team of experts is loaded with advantages, conveniences, and benefits. It is quick to download, won’t take over a few minutes; quicker to install, and if you have images and content ready, with help of the easy to use dashboard you will upload everything and make it live within hours of having downloaded Furniture Mart WordPress Theme. The theme syncs will with thinking of potential audience visiting the site because the layout and navigation has been created after studying psyche of the buyers and visitor (potential customer). Furniture Mart WordPress Theme is responsive and will offer a clean view whether it is viewed on mobile screen or any other. Since majority of the activities these days are happening online, our designers have been extremely focused while combining aesthetics and functionalities. For all the furniture manufacturers and sellers Furniture Mart WordPress Theme will prove to be a great support for you, opening avenues for wider community connect and sale! 
Version: 0.1.9
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: furniture-mart
Slug: furniture-mart
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Modern Furniture Mart Theme Styles */

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* Top Promotional Bar */
.top-promo-bar {
    background: #2D2B2B;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

/* Header Styles */
/* Header Styles */
.site-header {
    background: white;
    border-bottom: 1px solid #e0e0e0;
    position: sticky;
    top: 0;
    z-index: 1000;
    margin: 0;
    padding: 0;
}

.header-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    flex-wrap: nowrap;
}

/* Logo */
.site-logo {
    text-decoration: none;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
}

.site-logo-img {
    height: 60px;
    width: auto;
    max-width: 60px;
    order: 2;
    flex-shrink: 0;
}

.site-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    font-family: 'Georgia', serif;
    color: #2c3e50;
    order: 1;
    text-align: center;
    text-decoration: none;
}

/* Main Navigation */
.main-navigation {
    display: flex;
    align-items: center;
}

.nav-menu {
    list-style: none;
    display: flex;
    gap: 25px;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    margin: 0;
}

.nav-menu a {
    color: #555;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    transition: color 0.2s ease;
    will-change: color;
}

.nav-menu a:hover {
    color: #2c3e50;
}

/* Header Icons */
.header-icons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #555;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.2s ease;
    will-change: transform, color, background-color;
    cursor: pointer;
}

.header-icon:hover {
    color: #2c3e50;
    background-color: #f8f9fa;
    transform: translateY(-2px);
}

.header-icon svg {
    width: 20px;
    height: 20px;
}

/* Hide mobile menu toggle on desktop */
@media (min-width: 769px) {
    .mobile-menu-toggle {
        display: none !important;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    /* Show mobile menu toggle on mobile */
    .mobile-menu-toggle {
        display: block !important;
        background: none;
        border: none;
        font-size: 24px;
        color: #333;
        cursor: pointer;
        padding: 5px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .mobile-menu-toggle:hover {
        color: #ff6b35;
    }
    
    .header-container {
        flex-direction: column;
        gap: 8px;
        padding: 8px 15px;
    }
    
    .site-logo-img {
        height: 50px;
        width: auto;
        max-width: 50px;
        order: 2;
        flex-shrink: 0;
    }
    
    .site-title {
        font-size: 16px;
    }
    
    .nav-menu {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .nav-menu a {
        font-size: 15px;
    }
    
    .header-icons {
        justify-content: center;
        gap: 20px;
    }
    
    .header-icon {
        width: 40px;
        height: 40px;
    }
    
    .header-icon svg {
        width: 22px;
        height: 22px;
    }
}

/* Hero Banner */
.hero-banner {
    position: relative;
    height: 500px;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('assets/images/img1.webp');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.hero-content h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero-content p {
    font-size: 24px;
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.shop-now-btn {
    background: white;
    color: #333;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.2s ease;
    will-change: transform, background-color;
    display: inline-block;
}

.shop-now-btn:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

/* Shop By Category Section */
.shop-category-section {
    padding: 60px 0;
    background: #f8f9fa;
}

.shop-category-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 50px;
    color: #333;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.category-item {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    will-change: transform;
    cursor: pointer;
}

.category-item:hover {
    transform: translateY(-5px);
}

.category-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.category-content {
    padding: 20px;
    text-align: center;
}

.category-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* Additional Responsive Design */
@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 32px;
    }
    
    .hero-content p {
        font-size: 18px;
    }
    
    .category-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 20px;
    }
    
    .hero-banner {
        height: 400px;
    }
}

.pl-0{padding-left:0;  }
.m-rl{margin-right: 0;margin-left: 0}
.blog-area .blog-img{
    -webkit-mask-image: url(assets/images/blog_m.png);
    mask-image: url(assets/images/blog_m.png);
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
    height: 100%;
}
.recentcomments a {
    display: inline-block !important;
    padding-left: 18px !important;
    margin: 0 !important;
}
.footer-area {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    padding:4em 0 0em 0;
    overflow: hidden;
    background: #2D2B2B;
}

/* Animation - Optimized for better performance */

.parallax > use {
  animation: move-forever 30s cubic-bezier(.55,.5,.45,.5) infinite;
  will-change: transform; /* Optimize for animations */
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 8s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 12s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 15s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 22s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

/* Snow Animation Styles - Optimized for Performance */
#snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
    /* Hardware acceleration optimizations */
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Optimized snowflake particles */
#snow-container > div {
    /* Force hardware acceleration for all snowflake elements */
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    /* Smooth animation */
    transition: none;
    /* Emoji specific styles */
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.3));
}

/* Ensure content sections are above snow */
section,
.furnituremart-content,
.header-area,
.site-header {
    position: relative;
    z-index: 10;
    /* Ensure content doesn't interfere with snow animations */
    transform: translateZ(0);
}