body {font-family: system-ui !important;}

#shop-categories-0 > div > div > div > div > ul > li > a {
    font-weight: 800 !important;
    text-transform: capitalize;
}

.display-none{
    display: none !important;
}

/* Να διαγραφεί μετά το ΕΣΠΑ  */
.filter-list-category .product-card-alt .product-meta{
    display: block !important;
}


.top-bar-espa {
  width: 100%;
  /* background-image: url(https://shopranos-media.azureedge.net/media/a87c6d73-94ad-492a-99b8-6775d6aa0626/8d36f867-2b46-4972-a202-587d2acbc13f/8d36f867-2b46-4972-a202-587d2acbc13f);*/
  height: 80px !important;
  background-color: white;
}
.top-bar-espa img {
     max-height: 70px;
     margin-top:0px;
}

main { margin-top: 200px !important;}
aside {margin-top: 90px !important; padding-top: 0px !important;}

.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}

.chatbot h2{
    color: #ffffff !important;
}


.accordion-button {
   color: #0b0b37 !important; 
}
.accordion-button:hover {
    color: #9D0101 !important;
}

.widget-list-link{
    color: #0b0b37!important; 
}

.step-progress .step-count{
	background-color: #000000 !important;
}


/* Red Subtitle */
#general > div.row > div.col-lg-5.pt-lg-4.ps-lg-4 > div.ms-auto.pb-3.pb-4.pt-2 > div:nth-child(1) {
    color: red !important;
}
/* Red Subtitle */
#\37 c9da6ac-9e47-42d0-8692-15eda3a51352 > div.navbar.navbar-expand-lg.navbar-light > div > div.input-group.d-none.d-lg-flex.mx-4 > div > ul > li > div > div > h6 > span {
    color: red !important;
}
/* Red Subtitle */
span.product-meta.d-block.fs-xs.mb-1.truncate {
    color: red !important;
}

/* Resize and Bold Topbar */
    #\36 ea624c5-42a6-47cb-ad5d-c029b9557d07 > div > div.topbar-text {
        font-weight: 700 !important;
        font-size: 1.03rem !important;
    }

@media (min-width: 1000px) {
    #\36 ea624c5-42a6-47cb-ad5d-c029b9557d07 > div > div.topbar-text {
        position: absolute !important;
        right: 57% !important;
        left: 2.5%;
        white-space: nowrap !important;
    }
}






/* HOME PAGE STYLE CATEGORIES */
.cactus-custom-categories {
    display: flex;
    justify-content: center;
    max-width: 100%;
    background: #FFF;
    padding: 4em 0em;
}

.cactus-categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1350px;
}

.cactus-categories .cactus-category {
    display: flex;
    flex-direction: column;
    width: 24%;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    margin: 4px;
    padding: 8px;
}

.cactus-categories .cactus-category:nth-child(n+5):nth-child(-n+7) {
    width: 32.2%;
}

.cactus-categories .cactus-category a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cactus-categories .cactus-category .image_wrap {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.cactus-categories .cactus-category img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.cactus-categories .cactus-category img:hover{
    transform: scale(1.05);
}

.cactus-categories .cactus-category h3 {
    color: #071D49;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-top: 8px;
}

@media only screen and (max-width: 768px) {
    .cactus-categories {
        display: flex;
        width: 100%!important;
        gap: 8px;
    }

    .cactus-categories .cactus-category:nth-child(3n) {
        width: 90%!important;
    }

    .cactus-categories .cactus-category,
    .cactus-categories .cactus-category:nth-child(n+5):nth-child(-n+7) {
        width: 45%;
        margin: 0;
    }
}

@media only screen and (min-width: 768px) and ( max-width: 1024px){
    .cactus-categories .cactus-category img{
        height: 160px;
    }

    .cactus-categories .cactus-category h3{
        font-size: 16px;
        
    }
}


/* GENERAL STYLING */
.spacer-up-bottom {
    padding: 1.5rem 0 !important;
}

.hide-value{
    display: none !important;
}

/* PRODUCT PAGE FILTER STYLING */
.cactus-products-page-filter-aside-wrap {
    margin-top: 30px !important;
}

.cactus-products-page-filter-wrap {
    background-color: rgb(245, 245, 245) !important;
    border-radius: 8px;
    box-shadow: 0 0 2px rgb(225, 225, 225);
}




.cactus-products-page-filter-wrap .clear-filters {
    position: absolute;
    top: unset;
    bottom: -3px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
}

.cactus-products-page-filter-aside-wrap .cactus-filters-shoppage-desktop-header {
    position: relative;
    background-color: rgb(245, 245, 245);
    z-index: 3;
}
.cactus-products-page-filter-aside-wrap .cactus-filters-shoppage-mobile-header {
    position: relative;
    background-color: rgb(245, 245, 245);
    z-index: 3;
}

.cactus-products-page-filter-aside-wrap .cactus-filters-shoppage-desktop-header .cactus-filters-title {
    margin: 0 !important;
}

.cactus-products-page-filter-wrap .widget-filter {
    background-color: white;
    border-radius: 8px;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 10px;
}

.cactus-products-page-filter-wrap .widget-filter .widget-title {
    margin: 0;
    padding: 0 5px;
}

.cactus-products-page-filter-wrap .widget-filter .filter-search-inside {
    font-size: 14px;
    width: 100%;
    border: 1px solid #F5F5F5;
    padding: 4px;
    margin: 8px 4px;
}

.cactus-products-page-filter--wrap .border-bottom {
    border-bottom: 1px solid var(--border-color) !important;
}

.cactus-products-page-filter-wrap {
    position: sticky;
    top: 270px !important;
    z-index: 0;
}

.cactus-products-page-filter-wrap .offcanvas-body {
    max-height: 62dvh;
    overflow: auto;
}

@media (max-width: 991px) {
    .cactus-products-page-filter-full-wrap .cactus-filters-shoppage-desktop-header {
        display: none !important;
    }

    .cactus-products-page-filter-wrap {
        position: fixed;
        top: 0 !important;
        z-index: 1080;
    }

    .cactus-products-page-filter-wrap .clear-filters {
        position: absolute !important;
        top: 26px !important;
        right: 55px;
    }
    
    .cactus-products-page-filter-full-wrap .offcanvas-body {
        max-height: unset;
    }
}



/* SCROLL EFFECT */
.scroll-effect-container {
    position: relative;
    overflow: auto;
}

.scroll-effect-container::before,
.scroll-effect-container::after {
    content: '';
    position: fixed;
    width: 100%;
    height: 50px;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.scroll-effect-container::before {
    background: linear-gradient(to bottom, rgba(225, 225, 225, 1), rgba(245, 245, 245, 0.1));
    top: 45px;
}
.scroll-effect-container::after {
    background: linear-gradient(to top, rgba(225, 225, 225, 1), rgba(245, 245, 245, 0.1));
    bottom: 0px;
}

.scroll-effect-container.scrolling::before {
    opacity: 1;
}

.scroll-effect-container.scrolling-bottom::after {
    opacity: 1;
}


@media (max-width: 991px) {

    .scroll-effect-container::before {
        top: 50px;
    }
}