﻿.MainRenderBodyClass {
    margin-bottom: 0px !important;
}

.category-name {
    display: block !important; /* Ensuring visibility across all screen sizes */
}

#viewGallery {
    display: none;
}

#viewList {
    display: none;
}

.sorting_disabled {
    border: none !important; /* Remove the border */
}

.searchResult {
    display: inline-block;
    background-color: white;
    color: black;
    padding: 10px;
    text-decoration: none;
}

    .searchResult:hover {
        background-color: whitesmoke;
        color: black;
        padding: 10px;
        text-decoration: none;
    }
.bg-ntx-gr-gray6-No-Important {
    background: linear-gradient(180deg, rgba(3,2,2,1) 0%, rgba(50,50,50,1) 100%);
}

.not-selected {
    background-color: none;
}

.horizontal-scroll {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.category-card {
    text-align: center;
    display: inline-block; /* Make sure it's always inline-block */
    width: 231px; /* Adjust width as necessary */
    margin: 0.3rem;
}

/* Styles for product categories on mobile screens */
@media only screen and (max-width: 978px) {
    .category-card {
        width: 130px !important; /* 50% of the original width */
    }

        .category-card .card {
            width: 130px !important; /* 50% of the original width */
        }

            .category-card .card .imgContainer {
                height: 82px !important; /* 50% of the original height */
            }
            /*    .category-card .card img {
                        max-width: 80%;
                        max-height: 90%;
                    } */

            .category-card .card .category-name {
                font-size: 100%; /* Adjusted font-size to be larger */
            }
}
/* Specific styles for mobile devices */
@media only screen and (max-width: 768px) {
    .scroll-indicators {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .scroll-indicators span {
            display: block; /* Show scroll indicators on mobile */
            cursor: pointer;
        }

    .horizontal-scroll {
        display: flex;
        overflow-x: auto;
        scrollbar-width: none; /* For Firefox */
    }

        .horizontal-scroll::-webkit-scrollbar {
            display: none; /* For Chrome, Safari, and Opera */
        }

    .category-card {
        flex: 0 0 auto; /* Do not grow or shrink */
        margin: 0.5rem;
        width: 130px !important; /* 50% of the original width */
    }

    .event-card-img {
        height: 120px;
    }

    .prod-card-img {
        height: 120px;
    }
}

/* Ensuring desktop layout remains unaffected */
@media only screen and (min-width: 769px) {
    .scroll-indicators span {
        display: none; /* Hide scroll indicators on desktop */
    }

    .horizontal-scroll {
        display: block;
        overflow-x: visible;
    }

    .category-card {
        display: inline-flex;
    }
}

.Admin-Edit-Category-Icon {
    position: relative;
    top: 10px;
    right: 10px;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
    text-align: center;
}

.linkDefault {
    color: #212529;
}

.card {
    position: relative;
}

.diagonal-banner {
    position: absolute;
    top: 102px;
    left: 49px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: left top;
    z-index: 1;
    text-align: center;
    width: 155px;
    box-sizing: border-box;
}

.image-banner {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    transform-origin: left top;
    z-index: 1;
    text-align: center;
    width: 75px;
}

#productGallery_length {
    float: right;
}

.Bottom-Discount {
    position: absolute;
    top: 125px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
    text-align: center;
    width: -moz-available;
    width: -webkit-fill-available;
}

.Admin-Edit-Product-Icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.Admin-Edit-Product-Visibility-Icon {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.Half-Transparent {
    opacity: 0.5;
}

.nav-item {
    /* Reset box shadow for all tabs */
    box-shadow: none;
}

.diagonal-banner {
    position: absolute;
    top: 102px;
    left: 49px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: left top;
    z-index: 1;
    text-align: center;
    width: 155px;
    box-sizing: border-box;
}

.image-banner {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    transform-origin: left top;
    z-index: 1;
    text-align: center;
    width: 75px;
}

.hidden {
    display: none;
}

.card {
    position: relative;
}

.table .selected {
    color: black !important;
}

#DataTableEvents {
    display: none;
}

.table-dropdown-content {
    top: 100%;
    left: 12%;
    transform: translate(-50%, 0);
    display: none !important;
    position: absolute !important;
    background-color: #f1f1f1 !important;
    min-width: 250px !important;
    /* REMOVE max-height and overflow-y */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
    border-radius: 8px !important;
}

.table-dropdown-content {
    overflow-y: visible !important;
}

.table-subdropdown-content {
    position: relative !important;
}

.table-subdropdown-content {
    max-width: 250px !important;
}
/* Ensure that the first column expands based on content */
.first-column {
    white-space: nowrap;
    width: 10px;
}