/* ================== BRAND COLORS ================== */
:root {
    --brand-blue: #e7e7e7;
    --brand-yellow: #707070;
    --brand-white: #d70000;
    --brand-blue-light: rgba(5, 59, 109, 0.25);
}

/* ================== HIDE WIDGET ================== */
div#gb-widget-1557 {
    display: none !important;
}

/* ================== HEADER ================== */
.main-nav-container.fixed-pinned .inner {
    background: var(--brand-blue);
}

/* ================== LOGO IMAGE ================== */
.navbar-brand img.logo-normal {
    content: url("https://riyash.shop/wp-content/uploads/2026/01/logo-png.png");
    aspect-ratio: 2 / 1;
    height: 48px;
    width: auto;
}

/* ================== LOGO CONTINUOUS ANIMATION ================== */
.navbar-brand {
    animation: logoFloat 4s ease-in-out infinite;
    transform-origin: center;
}

@keyframes logoFloat {
    0%   { transform: translateY(0) rotate(0deg); }
    25%  { transform: translateY(-3px) rotate(-2deg); }
    50%  { transform: translateY(0) rotate(2deg); }
    75%  { transform: translateY(3px) rotate(-2deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

/* ================== BLOCK SPACING ================== */
.s-block--square-links .px-6 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.s-block--square-links .gap-y-6,
.s-block--square-links .gap-x-6 {
    row-gap: .02rem;
    column-gap: .02rem;
}

/* ================== TITLES ================== */
.home-block-title h2,
.s-slider-block__title,
.s-block--faq .home-block-title {
    color: var(--brand-blue);
    font-size: 1.5rem;
    background-color: var(--brand-yellow);
    border-radius: 6px;
    padding: 6px 12px;
    text-align: center;
}

.s-slider-block__title-right {
    padding: 0;
    text-align: center;
    border-bottom: 0;
}

/* ================== PRODUCT CARD ================== */
/* متوافق مع سلة */
.s-product-card,
.product-card,
.swiper-slide .product-entry {
    border: 2px solid var(--brand-blue);
    border-radius: 14px;
    background: var(--brand-white);
    transition: 
        box-shadow 0.35s ease,
        transform 0.35s ease,
        border-color 0.35s ease;
}

/* Hover Shadow */
.s-product-card:hover,
.product-card:hover,
.swiper-slide .product-entry:hover {
    box-shadow: 0 14px 35px rgba(5, 59, 109, 0.35);
    transform: translateY(-6px);
    border-color: var(--brand-blue);
}

/* ================== PRODUCT IMAGE ================== */
.s-product-card img,
.products-index img {
    border-radius: 10px;
}

/* ================== FEATURES ================== */
.s-block--enhanced-features__item {
    border: none;
    box-shadow: none;
    transition: transform .3s ease;
}

.s-block--enhanced-features__item:hover {
    transform: scale(1.05);
}

.s-block--enhanced-features__item p {
    display: none;
}

.feature-icon {
    width: 6rem;
    height: 6rem;
}

.feature-icon img {
    border-radius: 18px;
}

/* ================== TESTIMONIALS ================== */
.s-block--testimonials img {
    display: none !important;
}

/* ================== FOOTER ================== */
.store-footer__inner,
.store-footer__newsletter,
.store-footer__contacts-row {
    border: 0;
}

.store-footer h3 {
    color: var(--brand-yellow);
}

.store-footer .rounded_contacts a {
    border-radius: 4px;
}

/* ================== INTRO LOGO ANIMATION ================== */
/* يظهر مرة واحدة عند التحميل */
body::before {
    content: "";
    background: #fff;
    position: fixed;
    inset: 0;
    z-index: 9998;
    animation: intro 1.8s forwards;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    background: url("https://riyash.shop/wp-content/uploads/2026/01/logo-png.png") center / 100px no-repeat;
    z-index: 9999;
    animation: intro_logo 2.2s forwards;
}

@keyframes intro {
    0% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; visibility: hidden; }
}

@keyframes intro_logo {
    0% { opacity: 0; transform: scale(2); }
    60% { opacity: 1; }
    100% { opacity: 0; transform: scale(0); }
}

/* ================== MISC ================== */
.product-single salla-app-install-alert.s-app-install-alert-wrapper.hydrated.open {
    display: none;
}
/* ================== BANNER ================== */
.s-banner {
    border: 4px solid #053b6d; /* إطار أزرق متناسق مع اللوجو */
    border-radius: 15px;
    padding: 0px;
    box-shadow: 0 8px 30px rgba(5, 59, 109, 0.25); /* ظل أزرق ناعم */
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.s-banner:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 40px rgba(5, 59, 109, 0.4);
}

/* ================== PRODUCT CARD ================== */
.s-product-card-entry {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(5, 59, 109, 0.15);
    backdrop-filter: blur(8.5px);
    -webkit-backdrop-filter: blur(8.5px);
    border: 2px solid #053b6d; /* إطار أزرق */
    padding: 15px;
    transition: 
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.s-product-card-entry:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 35px rgba(5, 59, 109, 0.35);
    border-color: #fcd626; /* يتحول للأصفر عند الهوفر */
}

/* ================== PRODUCT CONTENT ================== */
.s-product-card-content {
    color: #053b6d; /* أزرق غامق مريح */
    font-size: 0.9rem;
}

.s-product-card-content-title a {
    color: #053b6d;
    text-decoration: none;
    font-weight: 600;
}

.s-product-card-content-title a:hover {
    color: #fcd626; /* أصفر عند المرور */
    text-decoration: none;
}

/* ================== FEATURES ================== */
.s-block--features__item h2 {
    color: #053b6d;
    font-size: 1rem;
    font-weight: 600;
}

.s-block--features__item p {
    color: #333333;
    font-size: 0.8rem;
    line-height: 1.6;
}
/* جعل عنوان المنتج سطر واحد فقط */
.s-product-card-content-title,
.s-product-card-content-title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}