:root {
    --bas-theme-primary-color: #33AA66;
    --bas-theme-secondary-color: #e8f1d6; 
    --bas-theme-tertiary-color: #001f5b;
    --bas-success: #198754;
    --bas-danger: #dc3545;
    --bas-warning: #ffc107;
    --bas-info: #e8f1d6;
    --bas-light: #f8f9fa;
    --bas-dark: #212529;
}

.mca-wrapper {
    overflow: visible;
}
/*
body {
    background-color: var(--bas-light);
}
*/
img.mca_picture {
    border-radius: 10px;
}

/* Unsticky Header */
.header {
  position: static !important;
}

.header-menu {
   position: static !important;
}

.cart-totals {
    top: 50px !important;
}

.gallery {
    top: 50px !important;
}

.home-page .mca-wrapper {
    margin-bottom: 20px;
}

.home-page .mca-text-area {
    border-radius: 10px;
    /*background-color: rgba(255, 255, 255, 0.65);*/
    padding: 40px; 
    margin: 10px 10px;
}

.home-page .mca-text-area p {
    margin: 0px;
}

.home-page .mca__div .mca__desktop-description {
    margin: 0px 30px;
}

.home-page .mca-wrapper h1 {
    margin-bottom: 0px;
}

.home-page .topic-block {
    border-radius: 10px;
    /*background-color: var(--bas-theme-secondary-color);*/
    padding: 40px 0;
}

.home-page .topic-block img {
    border-radius: 10px;
}

.home-page .topic-block-title {
    text-align: center;
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}
/*
.category-item .picture {
    border: solid thin lightgrey;
}

.product-details .related-products-grid .item-box, img { 
    background-color: white;
}
*/

/* Buttons */
.btn {
    background-color: var(--bas-theme-primary-color);
    color: var(--bas-light);
    padding: 10px 30px; 
    border-radius: 30px;
    font-size: 16pt;
}

.btn:hover {
    text-decoration: none;
}
/*==== Hide Page title ====*/
.page-title {
  display: none !important;
}
/* ==== HP Category Image background color === */
.bas-picture-container {
  background-color: #f7f7f7 !important;
}
/* ===== Category page layout ===== */

/* Make the category body a vertical stack and remove any inter-child gap */
.category-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Order: widgets/hero → selectors → products → description */
.category-page [data-widget-zone="categorydetails_top"] { order: -1; }
.category-page .product-selectors { order: 0; }
.category-page .products-container,
.category-page .product-grid,
.category-page .product-list { order: 1; }
.category-page .category-description { order: 2; }

/* Optional: small breathing room above the moved description */
.category-page .category-description { margin-top: 1rem; }

/* ===== Spacing fixes ===== */

/* Remove margin under selectors (previous sibling) */
.category-page .product-selectors {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Nuke any top spacing on the products area and its common inner wrappers */
.category-page .products-container,
.category-page .products-container .products-wrapper,
.category-page .products-container .product-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Trim space below the product grid (adjust or set to 0 if you want it flush) */
.category-page .product-grid,
.category-page .product-list {
  margin-bottom: 1rem;
  padding-bottom: 0;
}

/* Belt & suspenders: ensure no child injects a top margin in the stack */
.category-page .page-body > * { margin-top: 0 !important; }

/* ===== Title visibility ===== */

/* Hide the page title on category pages */
.category-page .page-title { display: none !important; }

/* ===== Optional: widget zone at bottom stays after description ===== */
.category-page [data-widget-zone="categorydetails_bottom"] { order: 3; }