/*
Theme Name: Xtreme Plasma
Description: Custom WordPress theme for Xtreme Plasma. Removed Bloat and optimised for performance. Built by Jacks Office LTD
Version: 1.0.2
Author: Xtreme Plasma
Text Domain: xtreme-plasma
Domain Path: /languages
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 8.1
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme supports: post-thumbnails, menus, html5, customize-selective-refresh-widgets
*/

/* Critical styles are loaded inline in header.php */
/* Non-critical styles are loaded asynchronously */

/* Basic Reset - Kept minimal for performance */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: #333;
    background: #fff;
}

/* Container System */
.container {
    margin: 0 auto;
    padding: 0;
}

/* WordPress Required Classes */
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto 20px; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 14px; color: #666; }
.sticky {}
.gallery-caption {}
.bypostauthor {}
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Accessibility */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 6px;
    z-index: 999999;
    text-decoration: none;
    color: #fff;
    background: #000;
    padding: 8px 16px;
}

.skip-link:focus {
    left: 6px;
}

/* Main Content Styles */
.site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-main {
    flex: 1;
    padding: 0;
}

/* Post Styles */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}
.search-iccon{display:none;}
.post-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.2s ease;
}

.post-item:hover {
    transform: translateY(-2px);
}

.post-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.post-content {
    padding: 20px;
}

.entry-title {
    margin: 0 0 10px 0;
    font-size: 20px;
}

.entry-title a {
    color: #333;
    text-decoration: none;
}

.entry-title a:hover {
    color: #c41e3a;
}

.entry-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.read-more {
    color: #c41e3a;
    text-decoration: none;
    font-weight: 600;
}

.read-more:hover {
    text-decoration: underline;
}

/* Page Styles */
.entry-content {
    line-height: 1.8;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    color: #333;
    margin-top: 30px;
}

.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Shop Page Styles */
.shop-page {
    padding: 40px 0;
}

.page-header {
    text-align: center;
    margin-bottom: 40px;
}

.page-title {
    font-size: 36px;
    color: #333;
    margin-bottom: 20px;
}

.page-description {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.ecwid-store-container {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Footer Styles */
.site-footer {
    background: #1a1a1a;
    color: #fff;
    margin-top: auto;
}

.footer-widgets {
    padding: 60px 0 40px;
}

.footer-widgets-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

.footer-widget-area h4 {
    color: #ffeb3b;
    margin-bottom: 20px;
}

.footer-widget-area a {
    color: #ccc;
    text-decoration: none;
}

.footer-widget-area a:hover {
    color: #ffeb3b;
}

.footer-bottom {
    border-top: 1px solid #333;
    padding: 20px 0;
}

.footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.footer-menu-list a {
    color: #ccc;
    text-decoration: none;
}

.footer-menu-list a:hover {
    color: #ffeb3b;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .posts-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .footer-bottom-content {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .footer-menu-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
}

/* Show dropdown on hover */
selector .elementor-nav-menu__container .elementor-nav-menu .menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hide dropdown by default */
selector .elementor-nav-menu__container .elementor-nav-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 9999;
    list-style: none;
    margin: 0;
}

/* Parent item positioning */
selector .elementor-nav-menu__container .elementor-nav-menu .menu-item-has-children {
    position: relative;
}

/* Dropdown item styling */
selector .elementor-nav-menu__container .elementor-nav-menu .sub-menu .menu-item a {
    padding: 10px 20px;
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s;
}

/* Dropdown hover effect */
selector .elementor-nav-menu__container .elementor-nav-menu .sub-menu .menu-item a:hover {
    background: #f8f9fa;
    color: #007cba;
}

/* Remove border from last item */
selector .elementor-nav-menu__container .elementor-nav-menu .sub-menu .menu-item:last-child a {
    border-bottom: none;
}

/* Dropdown arrow indicator */
selector .elementor-nav-menu__container .elementor-nav-menu .menu-item-has-children > a:after {
    content: " ▼";
    font-size: 10px;
    margin-left: 5px;
    transition: transform 0.3s;
}

/* Rotate arrow on hover */
selector .elementor-nav-menu__container .elementor-nav-menu .menu-item-has-children:hover > a:after {
    transform: rotate(180deg);
}

/* ============================================================================
   FAVORITES BUTTON STYLES
   ============================================================================ */

/* Favorites Icon Styling */
.favorites-icon {
    position: relative;
    transition: all 0.3s ease;
}

.favorites-icon:hover {
    transform: scale(1.1);
}

.favorites-icon svg {
    transition: all 0.3s ease;
}

.favorites-icon:hover svg {
    fill: #e74c3c;
    stroke: #e74c3c;
}

/* Favorites Count Badge */
.favorites-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #e74c3c;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    min-width: 18px;
    transition: all 0.3s ease;
}

.favorites-count:empty,
.favorites-count[data-count="0"] {
    display: none;
}

/* Favorites Active State */
.favorites-icon.has-favorites svg {
    fill: #e74c3c;
    stroke: #e74c3c;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .favorites-count {
        width: 16px;
        height: 16px;
        font-size: 10px;
        top: -6px;
        right: -6px;
    }
}

/* Hover effect for the count */
.favorites-icon:hover .favorites-count {
    transform: scale(1.1);
    background: #c0392b;
}

#headerStickyContainer.header-sticky-container.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    background: #000 !important;
}

/* Ensure the spacer works */
.sticky-spacer {
    display: block !important;
    width: 100% !important;
}

/* Prevent content jump */
body.header-is-sticky .sticky-spacer {
    display: block !important;
}

/* ============================================================================
   COMPLETE MEGA MENU REDESIGN - SLIM CLEAN DARK THEME
   ============================================================================ */

/* Remove all old mega menu styles */
.mega-menu-container,
.mega-menu-content,
.mega-menu-category,
.category-image,
.category-content,
#mega-menu-portal {
    display: none !important;
}

/* Overlay - Clean dark overlay */
/* .xtreme-mega-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 997;
    pointer-events: none !important;
}

.xtreme-mega-overlay.xtreme-overlay-active {
    opacity: 1;
    visibility: visible;
    pointer-events: none !important;
} */

/* Main menu item positioning */
.xtreme-has-mega {
    position: relative !important;
}

.xtreme-has-mega.xtreme-mega-active > a {
    color: #c41e3a !important;
    background: #222;
    border-radius: 4px 4px 0 0;
}

/* Mega trigger arrow */
.xtreme-mega-trigger::after {
    content: "▼";
    font-size: 10px;
    margin-left: 8px;
    color: #888;
    transition: all 0.3s ease;
    display: inline-block;
}

.xtreme-mega-active .xtreme-mega-trigger::after {
    color: #c41e3a;
    transform: rotate(180deg);
}

/* Mega Panel - Clean, minimal design */
.xtreme-mega-panel {
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-10px);
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    width: calc(100vw - 40px);
    max-width: 1200px;
    pointer-events: none;
}

.xtreme-mega-panel.xtreme-mega-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: all !important;
}

.xtreme-mega-panel.xtreme-mega-visible * {
    pointer-events: all !important;
}

/* Mega Content Container - COMPACT */
.xtreme-mega-content {
    padding: 16px;
    max-height: 70vh;
    overflow-y: auto;
}

/* Mega List - Slim grid */
.xtreme-mega-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Mega Items - Slim card design */
.xtreme-mega-item {
    background: #222;
    border: 1px solid #333;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    min-width: 0;
}

.xtreme-mega-item:hover {
    border-color: #c41e3a;
    box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3);
    transform: translateY(-2px);
}

/* Main category link - SLIM */
.xtreme-mega-item > a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #222;
    transition: all 0.3s ease;
    cursor: pointer !important;
    position: relative;
    z-index: 1000;
    border-bottom: 1px solid #333;
}

.xtreme-mega-item > a:hover {
    background: #2a2a2a !important;
    color: #c41e3a !important;
    text-decoration: none !important;
}

/* Image container - SMALL */
.xtreme-mega-image {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #444;
    transition: all 0.3s ease;
}

.xtreme-mega-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xtreme-mega-icon {
    font-size: 14px;
    color: #c41e3a;
}

/* Text content - SLIM */
.xtreme-mega-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.xtreme-mega-title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}

.xtreme-mega-subtitle {
    font-size: 11px;
    color: #888;
    font-weight: 400;
    line-height: 1.2;
}

/* Hover effects for image */
.xtreme-mega-item > a:hover .xtreme-mega-image {
    border-color: #c41e3a;
    background: #2a2a2a;
}

.xtreme-mega-item > a:hover .xtreme-mega-title {
    color: #c41e3a;
}

.xtreme-mega-item > a:hover .xtreme-mega-subtitle {
    color: #aaa;
}

/* Sub-items - SLIM */
.xtreme-mega-item .xtreme-sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #1a1a1a;
}

.xtreme-mega-item .xtreme-sub-menu li {
    margin: 0;
    border-bottom: 1px solid #2a2a2a;
}

.xtreme-mega-item .xtreme-sub-menu li:last-child {
    border-bottom: none;
}

.xtreme-mega-item .xtreme-sub-menu a {
    color: #ccc !important;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    transition: all 0.2s ease;
    cursor: pointer !important;
    position: relative;
    z-index: 1000;
    background: transparent;
}

.xtreme-mega-item .xtreme-sub-menu a::before {
    content: "→";
    font-size: 9px;
    color: #555;
    transition: all 0.2s ease;
    width: 8px;
}

.xtreme-mega-item .xtreme-sub-menu a:hover {
    color: #fff !important;
    background: #2a2a2a;
    text-decoration: none !important;
    padding-left: 18px;
}

.xtreme-mega-item .xtreme-sub-menu a:hover::before {
    color: #c41e3a;
    transform: translateX(3px);
}

/* Featured items - clean accent */
.xtreme-mega-item.featured {
    border-color: #c41e3a;
    background: #252525;
}

.xtreme-mega-item.featured > a {
    background: #252525;
}

.xtreme-mega-item.featured::after {
    content: "NEW";
    position: absolute;
    top: 6px;
    right: 6px;
    background: #c41e3a;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 3px;
    z-index: 2;
}

/* Custom scrollbar - clean design */
.xtreme-mega-content::-webkit-scrollbar {
    width: 6px;
}

.xtreme-mega-content::-webkit-scrollbar-track {
    background: #2a2a2a;
    border-radius: 3px;
}

.xtreme-mega-content::-webkit-scrollbar-thumb {
    background: #c41e3a;
    border-radius: 3px;
}

.xtreme-mega-content::-webkit-scrollbar-thumb:hover {
    background: #d32f2f;
}

/* Animation - clean slide in */
@keyframes megaSlideIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.xtreme-mega-visible {
    animation: megaSlideIn 0.3s ease forwards;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .xtreme-mega-panel {
        width: calc(100vw - 30px);
    }
    
    .xtreme-mega-list {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 6px;
    }
}

@media (max-width: 1024px) {
    .xtreme-mega-content {
        padding: 12px;
    }
    
    .xtreme-mega-list {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    
    .xtreme-mega-image {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 860px) {
    .xtreme-mega-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1000px) {
	#kinvasoft-multi-level-menu-0 {
		display:none !important;
	}
	.kinvasoft-multi-level-menu--container {
		display:none !important;
	}
}

@media (max-width: 600px) {
    .xtreme-mega-list {
        grid-template-columns: 1fr;
    }
    
    .xtreme-mega-content {
        padding: 10px;
    }
}

/* Mobile - Hide mega menu completely */
@media (max-width: 1154px) {
    .xtreme-mega-panel,
    .xtreme-mega-overlay {
        display: none !important;
    }
    
    .xtreme-mega-trigger::after {
        display: none;
    }
    
    .xtreme-mega-trigger {
        pointer-events: auto !important;
    }
}

/* Accessibility - Focus states */
.xtreme-mega-trigger:focus,
.xtreme-mega-item > a:focus,
.xtreme-sub-menu a:focus {
    outline: 2px solid #c41e3a;
    outline-offset: 2px;
}

/* Ensure proper layering */
.header-sticky-container {
    z-index: 100;
}

.header-nav-row {
    position: relative;
    z-index: 101;
}

.xtreme-mega-overlay {
    z-index: 997;
}

.xtreme-mega-panel {
    z-index: 999;
}

/* Clean up conflicts */
.primary-menu-list .sub-menu:not(.xtreme-mega-list) {
    display: none !important;
}

/* Loading state for images */
.xtreme-mega-image.loading {
    background: #333;
}

.xtreme-mega-image:empty {
    background: #333;
}

[class*="ecwid-grid-"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    grid-auto-flow: row dense !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    --e-con-grid-template-columns: repeat(4, 1fr) !important;
}

/* Override Ecwid fixed widths and borders */
[class*="ecwid-grid-"] .ecwid.ecwid-SingleProduct-v2.ecwid-Product {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
}

[class*="ecwid-grid-"] .ecwid-SingleProduct-v2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Remove all borders and shadows */
[class*="ecwid-grid-"] *,
[class*="ecwid-grid-"] .ecwid,
[class*="ecwid-grid-"] .ecwid * {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Image containers - 1:1 aspect ratio */
[class*="ecwid-grid-"] .ecwid-SingleProduct-picture,
[class*="ecwid-grid-"] div[itemprop="picture"] {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

/* Images with contain fit and hover effect */
[class*="ecwid-grid-"] .ecwid-SingleProduct-picture img,
[class*="ecwid-grid-"] div[itemprop="picture"] img,
[class*="ecwid-grid-"] .gwt-Image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
}

[class*="ecwid-grid-"] .product-card:hover .gwt-Image,
[class*="ecwid-grid-"] .ecwid-SingleProduct-picture:hover img {
    transform: scale(1.025) !important;
}

/* Hide powered by text */
[class*="ecwid-grid-"] .ecwid-SingleProduct-powered-by {
    display: none !important;
    visibility: hidden !important;
}

/* Product titles with hover effect */
[class*="ecwid-grid-"] .ecwid-title,
[class*="ecwid-grid-"] div[itemprop="name"] {
    transition: color 0.3s ease !important;
}

[class*="ecwid-grid-"] .ecwid-title:hover,
[class*="ecwid-grid-"] div[itemprop="name"]:hover {
    color: rgb(179, 0, 0) !important;
}

/* Product prices - centered and black */
[class*="ecwid-grid-"] .ecwid-productBrowser-price,
[class*="ecwid-grid-"] div[itemprop="price"] {
    text-align: center !important;
    color: #000 !important;
}

/* Featured products positioning - UPDATED */
[class*="ecwid-grid-"] .product-card.featured:first-child {
    grid-column: 1 / 3 !important;
    grid-row: 1 / 3 !important;
}

[class*="ecwid-grid-"] .product-card.featured:nth-child(2) {
    grid-column: 3 / 5 !important;
    grid-row: 1 / 3 !important;
}

/* For any additional featured products after the second */
[class*="ecwid-grid-"] .product-card.featured:nth-child(n+3) {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* Featured product styling */
[class*="ecwid-grid-"] .product-card.featured .ecwid-title {
    font-size: 22px !important;
    padding: 25px !important;
}

[class*="ecwid-grid-"] .product-card.featured .ecwid-productBrowser-price {
    font-size: 32px !important;
    color: #ff8c00 !important;
    padding: 0 25px 25px 25px !important;
}

/* Fix featured image containers - remove 1:1 constraint and background */
[class*="ecwid-grid-"] .product-card.featured .ecwid-SingleProduct-picture,
[class*="ecwid-grid-"] .product-card.featured div[itemprop="picture"] {
    aspect-ratio: unset !important;
    min-height: 300px !important;
    background: transparent !important;
    max-height: unset !important;
    height: auto !important;
}

[class*="ecwid-grid-"] .product-card.featured .gwt-Image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    max-height: none !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    [class*="ecwid-grid-"] {
        grid-template-columns: repeat(2, 1fr) !important;
        --e-con-grid-template-columns: repeat(2, 1fr) !important;
    }
    
    [class*="ecwid-grid-"] .product-card.featured:first-child,
    [class*="ecwid-grid-"] .product-card.featured:nth-child(2) {
        grid-column: span 2 !important;
        grid-row: span 1 !important;
    }

    [class*="ecwid-grid-"] .product-card.featured:nth-child(n+3) {
        grid-column: span 2 !important;
        grid-row: span 1 !important;
    }
}

/* Base grid */
[class*="ecwid-grid-"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    grid-auto-flow: dense !important;
}

/* Default product cards (1x1) */
[class*="ecwid-grid-"] .product-card {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
}

/* Featured alternating pattern */
[class*="ecwid-grid-"] .product-card.featured {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* Odd featured (left side) */
[class*="ecwid-grid-"] .product-card.featured:nth-of-type(4n+1) {
    grid-column: 1 / span 2 !important;
}

/* Even featured (right side) */
[class*="ecwid-grid-"] .product-card.featured:nth-of-type(4n+3) {
    grid-column: 3 / span 2 !important;
}


/* Debug borders */
[class*="ecwid-grid-"] .product-card {
    /*border: 1px dashed rgba(0,0,0,0.2) !important; /* light border for all */
}

[class*="ecwid-grid-"] .product-card.featured {
    /*border: 2px solid red !important; /* strong red border for featured */
}

/* Featured alternating pattern */
[class*="ecwid-grid-"] .product-card.featured {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
}

/* Base featured span */
[class*="ecwid-grid-"] .product-card.featured {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
    /* border: 2px solid red !important; debug */
}

/* Odd featured → left side */
[class*="ecwid-grid-"] .product-card.featured:nth-of-type(odd) {
    grid-column: 1 / span 2 !important;
}

/* Even featured → right side */
[class*="ecwid-grid-"] .product-card.featured:nth-of-type(even) {
    grid-column: 3 / span 2 !important;
}

/* Base slider styling */
.ecwid-slider-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 60px;
}

.ecwid-slider-layout .swiper {
    overflow: hidden;
    padding: 0;
}

.ecwid-slider-layout .swiper-slide {
    height: auto;
    box-sizing: border-box;
	background-color:white;
}

/* Product cards - consistent sizing */
.ecwid-slider-layout .product-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
    height: 100%;
    border: none;
    position: relative;
    margin: 0;
}

.ecwid-slider-layout .product-card:hover {
    transform: translateY(-2px);
}

/* Featured products - same size, different styling */
.ecwid-slider-layout .product-card.featured {
    border: 2px solid #ff8c00;
    background: #fff8f0;
}

/* Featured badge */
.ecwid-slider-layout .product-card.featured::before {
    content: "FEATURED";
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ff8c00;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 10;
    text-transform: uppercase;
}

/* Remove ALL Ecwid styling and spacing */
.ecwid-slider-layout *,
.ecwid-slider-layout .ecwid,
.ecwid-slider-layout .ecwid * {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Images - flush to top, consistent size */
.ecwid-slider-layout .ecwid-SingleProduct-picture,
.ecwid-slider-layout div[itemprop="picture"] {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ecwid-slider-layout .ecwid-SingleProduct-picture img,
.ecwid-slider-layout div[itemprop="picture"] img,
.ecwid-slider-layout .gwt-Image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ecwid-slider-layout .product-card:hover .gwt-Image {
    transform: scale(1.025) !important;
}

/* Product titles - consistent sizing */
.ecwid-slider-layout .ecwid-title,
.ecwid-slider-layout div[itemprop="name"] {
    transition: color 0.3s ease !important;
    padding: 15px !important;
    margin: 0 !important;
}

.ecwid-slider-layout .product-card:hover .ecwid-title,
.ecwid-slider-layout .product-card:hover div[itemprop="name"] {
    color: rgb(179, 0, 0) !important;
}

/* Product prices - consistent sizing */
.ecwid-slider-layout .ecwid-productBrowser-price,
.ecwid-slider-layout div[itemprop="price"] {
    text-align: center !important;
    color: #000 !important;
    padding: 0 15px 15px 15px !important;
    margin: 0 !important;
}

/* Featured products keep same size but different color */
.ecwid-slider-layout .product-card.featured .ecwid-productBrowser-price,
.ecwid-slider-layout .product-card.featured div[itemprop="price"] {
    color: #ff8c00 !important;
}

/* Hide powered by */
.ecwid-slider-layout .ecwid-SingleProduct-powered-by {
    display: none !important;
}

/* Simple navigation */
.ecwid-slider-layout .swiper-button-next,
.ecwid-slider-layout .swiper-button-prev {
    color: #ff8c00 !important;
    background: rgba(179, 0, 0, 0.9);
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-top: 0 !important; /* Add this line */
    top: 50% !important; /* Add this line */
    transform: translateY(-50%) !important; /* Add this line */
}

.ecwid-slider-layout .swiper-button-next::after,
.ecwid-slider-layout .swiper-button-prev::after {
    font-size: 14px !important;
}

/* Simple pagination */
.ecwid-slider-layout .swiper-pagination {
    position: relative !important;
    margin-top: 20px;
}

.ecwid-slider-layout .swiper-pagination-bullet {
    background: #ddd;
    opacity: 1;
}

.ecwid-slider-layout .swiper-pagination-bullet-active {
    background: #ff8c00;
}

/* Mobile responsive */
@media (max-width: 1024px) {
    .ecwid-slider-layout {
        padding: 20px 50px;
    }
    
    .ecwid-slider-layout .swiper-button-next,
    .ecwid-slider-layout .swiper-button-prev {
        width: 35px !important;
        height: 35px !important;
    }
    
    .ecwid-slider-layout .swiper-button-prev {
        left: 8px !important;
    }
    
    .ecwid-slider-layout .swiper-button-next {
        right: 8px !important;
    }
}

@media (max-width: 768px) {
    .ecwid-slider-layout {
        padding: 20px;
    }
    
    .ecwid-slider-layout .swiper-button-next,
    .ecwid-slider-layout .swiper-button-prev {
        display: none;
    }
}
.swiper-navigation-icon{
	height: 25px;
    width: 25px;
    color: white;
}
.swiper-button-next svg, .swiper-button-prev svg{
	height: 25px !important;
    width: 25px !important;
    color: white !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
	display:none !important;
}
html#ecwid_html body#ecwid_body .ec-minicart--m .ec-minicart__counter, html#ecwid_html body#ecwid_body .ec-minicart--l .ec-minicart__counter, html#ecwid_html body#ecwid_body .ec-minicart--xl .ec-minicart__counter, html#ecwid_html body#ecwid_body .ec-minicart--xxl .ec-minicart__counter {
	top:11px;
	left:0px;
	color:white;
}

.scrollup-button{
	bottom:20px !important;
}

.ecwid-slider-layout .swiper-button-prev {
    left: 10px !important;
}

.ecwid-slider-layout .swiper-button-next {
    right: 10px !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-right:3px !important;
}
/* ========================================
   MOBILE SEARCH - YELLOW THEME, ABOVE MENU
   ======================================== */

/* Mobile Menu Content - Reorder sections */
.mobile-menu-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow-y: auto;
    padding-bottom: env(safe-area-inset-bottom, 20px);
}

/* Search Section - Now positioned first, above menu */
.mobile-search-section {
    /* Position first in the flex order */
    order: 1;
    /* Reduced padding as requested */
    padding: 15px 20px;
    border-bottom: 1px solid #333; /* Changed from border-top to border-bottom */
    background: rgba(0, 0, 0, 0.3); /* Subtle background to separate from header */
}

/* Navigation comes second */
.mobile-main-navigation {
    order: 2;
    flex: 1;
    overflow-y: auto;
}

/* Yellow Search Button - Matches Contact Button Style */
.mobile-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Slightly reduced gap */
    width: 100%;
    background: #fdff3d;
    color: #000;
    border: 2px solid #fdff3d;
    border-radius: 12px;
    padding: 12px 18px; /* Reduced from 16px 20px */
    text-decoration: none;
    font-size: 15px; /* Slightly smaller */
    font-weight: 600;
    transition: all 0.3s ease;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.2;
}

.mobile-search-btn:hover {
    background: #c41e3a;
    color: #fff;
    border-color: #c41e3a;
    transform: translateY(-2px);
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3);
}

.mobile-search-btn:active {
    transform: translateY(0);
}

/* Search Icon - Black initially, white on hover */
.mobile-search-btn .search-icon {
    width: 20px; /* Slightly smaller */
    height: 20px;
    stroke: #000;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.mobile-search-btn:hover .search-icon {
    stroke: #fff;
    transform: scale(1.05);
}

/* Optional: Add subtle animation on menu open */
.mobile-menu-overlay.active .mobile-search-section {
    animation: slideInFromTop 0.4s ease 0.1s both;
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments for smaller screens */
@media (max-width: 480px) {
    .mobile-search-section {
        padding: 12px 18px; /* Even more reduced on small screens */
    }
    
    .mobile-search-btn {
        padding: 11px 16px;
        font-size: 14px;
        gap: 8px;
    }
    
    .mobile-search-btn .search-icon {
        width: 18px;
        height: 18px;
    }
	
	.account-iccon{
		display:none !important;
	}	
	.search-iccon{display:block;}
}

/* For very small screens - compact version */
@media (max-width: 360px) {
    .mobile-search-btn {
        padding: 10px 14px;
        font-size: 13px;
    }
}

@media (max-width: 413px) {
	.ec-minicart__counter{
		display:flex !important;
	}
}

.single .elementor-post-info__item--type-date {
    display: none !important;
}



.ecwid-search-widget__btn:hover {
	margin-right:10px;
}