/* Çalışma saati dışındaki kartlar için stiller */
.out-of-hours .product-card-title,
.out-of-hours .product-card-description,
.out-of-hours .product-allergen-tag,
.out-of-hours .product-card-price {
    color: #8E8E8E !important;
}

.out-of-hours .product-working-hours-closed {
    color: #686767 !important;
    font-weight: 500;
}

.out-of-hours .product-card-image-container {
    position: relative;
}

.out-of-hours .product-card-image {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 5px;
    overflow: hidden;
}

/* Ürün kartları için çalışma saati dışı maskesi (Products.cshtml) */
.out-of-hours .product-card-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/gray-mask.png');
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-radius: 8px;
}

/* Products.cshtml için maske boyut düzenlemesi */
#productGrid .out-of-hours .product-card-image::after,
.product-page.out-of-hours .product-card-image::after {
    width: 110px !important;
    height: 110px !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 8px !important;
}

/* Kategori çalışma saati dışı stilleri */
.category-out-of-hours .product-card-title,
.category-out-of-hours .product-card-description,
.category-out-of-hours .product-hours {
    color: #8E8E8E !important;
}

.category-out-of-hours .category-working-hours-closed {
    color: #686767 !important;
    font-weight: 500;
}

.category-out-of-hours .product-card-image {
    position: relative;
}

/* Kategori kartları için çalışma saati dışı maskesi (Categories.cshtml) */
.category-out-of-hours .product-card-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/gray-mask.png');
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-radius: 8px;
}

/* Kategori sayfasındaki resimler için özel maskeleme (Categories.cshtml) */
.category-list .category-out-of-hours .product-card-image-container,
.category-list .category-out-of-hours .product-card-image {
    position: relative;
}

/* Kategori sayfasındaki maske boyutunu ürün kartı boyutlarına göre ayarlama */
.category-list .category-out-of-hours .product-card-image img {
    position: relative;
    z-index: 0;
}

/* Menü çalışma saati dışı stilleri */
.menu-out-of-hours .menu-title,
.menu-out-of-hours .menu-description,
.menu-out-of-hours .menu-hours {
    color: #8E8E8E !important;
}

.menu-out-of-hours .menu-working-hours-closed {
    color: #686767 !important;
    font-weight: 500;
}

.menu-out-of-hours .menu-image {
    position: relative;
}

.menu-out-of-hours .menu-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/gray-mask.png');
    background-size: cover;
    background-position: center;
    z-index: 1;
    border-radius: 5px;
}