/* Add custom CSS styles below */ 



.top-navbar .s-search-input {
    border-style: none;
    background-color: rgb(64 62 49);
}

.shadow-default {
    --tw-shadow: 5px 10px 30px #715b2a85;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 rgb(133 124 64), 0 0 rgb(219 160 0), 5px 10px 30px #615434;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

/* تأثير عند التمرير على الهيدر */
header:hover {
    background-color: #f4f4f4; /* تغيير لون الخلفية */
    transform: scale(1.02); /* تكبير طفيف للهيدر */
}

.s-product-card-entry {
    position: relative;
    display: flex
;
    height: 100%;
    justify-content: space-between;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
    background-color: rgb(225 218 207 / 54%);
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.banner {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.banner:hover {
  transform: scale(1.05); /* Slightly enlarges the banner */
  opacity: 0.8; /* Makes it slightly transparent */
}

.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0);
    background-color: rgb(225 218 207);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.store-footer {
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0);
    background-color: rgb(123 122 101);
    --tw-text-opacity: 1;
    color: rgb(0 0 0);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.copyright-text p {
    --tw-text-opacity: 1;
    color: rgb(0 0 0);
    color: rgb(225 218 207);
}

.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0);
    background-color: rgb(123 122 101);
    padding-top: 2rem;
    padding-bottom: 2rem;
}