/*
Theme Name: Grocery Supermarket Pro
Theme URI: https://www.themagnifico.net/products/supermarket-wordpress-theme/
Author: themagnifico
Author URI: https://www.themagnifico.net/
Description: The Supermarket WordPress Theme is a premium website template tailored to cater to a diverse range of users, including supermarket chains, grocery stores, farmers’ markets, and local produce suppliers. Since this is a premium theme, it comes with a set of advanced and premium features that help you create a professional online presence and store. Its robust design, thoughtfully organized layout, and visually captivating aesthetics make it the ultimate solution for those seeking a high-end online presence in the realm of grocery retail. The Supermarket WordPress Theme exudes sophistication and efficiency. Its design layout is a masterpiece of visual harmony, combining sleek typography, vibrant color palettes, and high-resolution imagery to create a modern and engaging atmosphere. The homepage is strategically designed to replicate the experience of strolling through the aisles of a physical supermarket, with well-segmented sections for product categories, featured items, special promotions, and seasonal produce. The theme’s user-centric design creates an intuitive and immersive environment that aligns seamlessly with the needs of grocery-related businesses.
Version: 0.0.3
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: grocery-supermarket-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Grocery Supermarket Pro WordPress Theme has been created by themagnifico(themagnifico.net), 2023.
Grocery Supermarket Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}

/*--------- Site Loader --------------*/

.preloader {
  background: #f4f9ff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.load{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:100px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spin 2s ease infinite;
}
.load :first-child{background:#1b1b1b;animation-delay:-1.5s}
.load :nth-child(2){background: #9bb935;;animation-delay:-1s}
.load :nth-child(3){background:#1b1b1b;animation-delay:-0.5s}
.load :last-child{background: #9bb935;}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}
#sticky-onoff {
  display: none;
}
.fixed-header {
position: fixed;
top:0;
right:0;
padding: 0 35px;
width: 100%;
background: #fff;
box-shadow: -2px 2px 10px 0px #000;
z-index: 999999;
}


/* =========================
   MOBILE KPN STYLE CATEGORY LAYOUT
   ========================= */
@media (max-width: 991px){

  .mm-category-page { padding: 0 10px 20px !important; }

  .mm-category-page .mm-cat-layout{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    align-items:flex-start !important;
  }

  .mm-category-page .mm-cat-sidebar{
    width: 96px !important;
    flex: 0 0 96px !important;
    position: sticky !important;
    top: 120px !important; /* adjust if needed */
    max-height: calc(100vh - 140px) !important;
    overflow:auto !important;
    background:#fff !important;
    border-radius:14px !important;
    padding:10px 8px !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.10) !important;
    z-index:5 !important;
  }

  .mm-category-page .mm-subcats{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
  }

  .mm-category-page .mm-subcats li{ margin:0 0 10px !important; }

  .mm-category-page .mm-subcats a{
    display:block !important;
    padding:8px 6px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    border-radius:10px !important;
    background:#f5f6f7 !important;
    color:#222 !important;
    text-decoration:none !important;
  }

  .mm-category-page .mm-subcats li.active a{
    background:#9DB840 !important;
    color:#fff !important;
    font-weight:700 !important;
  }

  .mm-category-page .mm-cat-products{
    flex:1 !important;
    min-width:0 !important;
  }

  /* Optional: breadcrumb spacing */
  .mm-category-page .woocommerce-breadcrumb{
    margin: 8px 0 10px !important;
    font-size: 12px !important;
  }
}