/* =========================
   Footer
========================= */
ul.footer-list.links_with_bullits.store-links-items {
    text-align-last: center;
}

/* =========================
   Typography
========================= */
.font-semibold {
    font-weight: bold;
    white-space: nowrap;
    font-size: 11px;
}

.text-store-text-secondary {
    font-weight: bold;
    white-space: nowrap;
    font-size: 13px;
}

p.text-base.text-store-text-secondary,
.md\:mt-4 {
    white-space: normal !important;
}

.leading-5 {
    font-size: 20px;
}

/* =========================
   Hide Section Titles
========================= */
#best-offers-4-slider .home-block-title,
#best-offers-6-slider .home-block-title,
#best-offers-8-slider .home-block-title,
#best-offers-10-slider .home-block-title,
#best-offers-12-slider .home-block-title,
#best-offers-14-slider .home-block-title,
#best-offers-16-slider .home-block-title {
    display: none;
}

/* =========================
   Offer Links
========================= */
.s-offer-products-link-text {
    color: #FBA71B;
}

/* =========================
   Product Card
========================= */
.product-card--primary-buttons button,
.product-card--primary-buttons salla-button {
    background-color: #2f5d99;
    border-color: #2f5d99 !important;
}

.product-card__normal-cart__btn .s-button-text,
i.text-\[16px\].sicon-shopping {
    color: #F2F2F2 !important;
}

/* =========================
   Product Prices
========================= */
.product-card__price .total-price,
.product-card__price .before-price,
.product-card__price .starting-or-normal-price {
    color: #000000;
}

.dark .product-card__price .total-price,
.dark .product-card__price .before-price,
.dark .product-card__price .starting-or-normal-price {
    color: #FBA71B;
}

p.total-price.text-red-600.font-bold.inline-block.text-lg {
    color: red;
}

/* =========================
   Product Features
========================= */
.product-features-item.border.border-gray-100.dark\:border-opacity-20.flex.flex-center.gap-2.px-2.py-3 {
    background-color: #ffffff;
}

.dark .product-features-item.border.border-gray-100.dark\:border-opacity-20.flex.flex-center.gap-2.px-2.py-3 {
    background-color: #1A243D;
}

/* =========================
   Background
========================= */
.bg-storeBG {
    background-image: url("https://i.postimg.cc/FzZs0dQ5/wjhtk-alawly-llalʿab-(84).png");
}

.dark .bg-storeBG,
.dark-mode .bg-storeBG {
    background-image: none;
}

/* =========================
   Conditional Offer
========================= */
.s-conditional-offer-container .s-conditional-offer-progress-line-inactive {
    background-color: #6a2200;
}

.dark .s-conditional-offer-container .s-conditional-offer-progress-line-inactive {
    background-color: #ffffff;
}

/* =========================
   Cart Discount
========================= */
.s-cart-item-offers-discount {
    color: #2f5d99;
}

.dark .s-cart-item-offers-discount {
    color: #ffffff;
}

/* =========================
   Reviews & Comments
========================= */
.s-comments-item-content-container {
    color: #2f5d99;
}

.dark .s-comments-item-content-container,
.dark .s-reviews-summary-overall-label,
.dark .s-comments-item-user-info-name-with-margin:where([dir=rtl], [dir=rtl] *),
.dark .s-comments-filter-label:where([dir=rtl], [dir=rtl] *) {
    color: #ffffff;
}

.s-rating-stars-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0;
    min-height: 1.75rem;
}

/* =========================
   Buttons
========================= */
#btn-show-more {
    background-color: #fba71b;
    color: #ffffff;
}

/* =========================
   Dark Mode
========================= */
.dark .dark\:border-opacity-20 {
    color: #ffffff;
}

.dark .s-offer-modal-type-products .s-modal-body,
.dark .s-modal-close {
    background-color: #1A243D;
}

/* =========================
   Rating Plus
========================= */
#rating-plus-container.rp-widget,
.rp-widget {
    --theme-color: #2F5D99 !important;
}

.rp-lang-btn.active {
    background-color: #1A243D !important;
    color: #ffffff !important;
}

:is(html.dark, body.dark, html[data-theme="dark"], body[data-theme="dark"])
:where(
    .ratingplus-popup,
    .ratingplus-popup-content,
    .ratingplus-popup-body,
    .ratingplus-rating-summary,
    .ratingplus-review-item,
    .ratingplus-view-more-container
) {
    background: #1A243D !important;
    color: var(--rp-salla-text) !important;
    border-color: var(--rp-salla-border) !important;
}

:is(html.dark, body.dark, html[data-theme="dark"], body[data-theme="dark"])
:where(
    .ratingplus-popup-header,
    .ratingplus-filter-tabs,
    .ratingplus-ai-summary,
    .ratingplus-review-product,
    .ratingplus-view-more,
    .ratingplus-popup-lang-btn:not(.active),
    .ratingplus-ai-lang-btn:not(.active)
) {
    background: #1A243D !important;
    color: var(--rp-salla-text-muted) !important;
    border-color: var(--rp-salla-border) !important;
}

:is(html.dark, body.dark, html[data-theme="dark"], body[data-theme="dark"])
:where(
    .rp-carousel-v3,
    .rp-carousel-full-width,
    .s-block--reviews-carousel,
    .rp-overlay-strip,
    .rp-marquee-section,
    .rp-marquee-card,
    .rp-product-sheet
) {
    background: #1A243D !important;
    color: var(--rp-salla-text) !important;
    border-color: var(--rp-salla-border) !important;
}

:is(html.dark, body.dark, html[data-theme="dark"], body[data-theme="dark"])
.ratingplus-popup-trigger
:where(
    .ratingplus-side-button-content,
    .ratingplus-floating-button-content
) {
    background: #1A243D !important;
    color: var(--rp-salla-text) !important;
    border-color: var(--rp-salla-border) !important;
    box-shadow: var(--rp-salla-shadow) !important;
}

:is(html, body.dark, html[data-theme="dark"], body[data-theme="dark"])
#rating-plus-container
:where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    .rating-plus-title,
    .rating-plus-summary,
    .rating-plus-pros,
    .rating-plus-cons,
    .rating-plus-topic,
    .rating-plus-tab,
    .rating-plus-accordion
) {
    color: #2F5D99 !important;
}
.dark .s-breadcrumb-primary-reverse li {
    color: #ffffff;
}
.dark .s-breadcrumb-primary-reverse a{
  color:#ffffff;
}