/* ====================================
   ULKER STORE - RED BUTTONS
==================================== */

.btn--primary,
.s-button-primary,
button[type="submit"],
.product-form-btn,
.s-product-card-content-footer button,
.s-product-card-content-footer .btn {

    position: relative;
    overflow: hidden;

    background: linear-gradient(
        135deg,
        #ff0000,
        #ff2b2b,
        #ff0000
    ) !important;

    border: 1px solid #ff4d4d !important;
    color: #fff !important;
    font-weight: 700;

    box-shadow:
        0 0 10px rgba(255,0,0,.5),
        0 0 20px rgba(255,0,0,.3);

    animation: ulkerPulse 2s infinite;
}

.btn--primary::before,
.s-button-primary::before,
button[type="submit"]::before,
.product-form-btn::before,
.s-product-card-content-footer button::before,
.s-product-card-content-footer .btn::before {

    content: "";
    position: absolute;
    top: 0;
    right: -150%;
    width: 50%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transform: skewX(-25deg);
    animation: ulkerShine 2.5s infinite;
}

@keyframes ulkerShine {
    100% {
        right: 180%;
    }
}

@keyframes ulkerPulse {

    0%,100% {
        box-shadow:
            0 0 10px rgba(255,0,0,.5),
            0 0 20px rgba(255,0,0,.3);
    }

    50% {
        box-shadow:
            0 0 18px rgba(255,0,0,.9),
            0 0 35px rgba(255,0,0,.5);
    }
}


/* ====================================
   CART ICON
==================================== */

.s-cart-summary,
.s-cart-summary-wrapper {

    transform: scale(.88);

    filter:
        drop-shadow(0 0 8px rgba(255,0,0,.5))
        drop-shadow(0 0 15px rgba(255,0,0,.3));
}


/* ====================================
   COPY SUCCESS
==================================== */

.copied,
.copy-success,
.is-copied,
.btn-copied,
.code-copied,
.s-copied,
[class*="copied"] {

    background: #00c853 !important;
    border-color: #00c853 !important;
    color: #fff !important;

    box-shadow:
        0 0 10px rgba(0,200,83,.6),
        0 0 20px rgba(0,200,83,.4) !important;
}


/* ====================================
   REVIEWS GLOW
==================================== */

.testimonials,
.testimonials-slider,
.s-block-testimonials,
.testimonial-card,
.testimonial-item {

    position: relative;
    overflow: hidden;

    background: rgba(35,0,0,.95);
    border: 1px solid rgba(255,0,0,.35);
    border-radius: 28px;

    box-shadow:
        0 0 12px rgba(255,0,0,.35),
        0 0 30px rgba(255,0,0,.15);
}

.testimonials::before,
.testimonials-slider::before,
.s-block-testimonials::before,
.testimonial-card::before,
.testimonial-item::before {

    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    padding: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #ff0000,
        #ff6666,
        #ff0000,
        transparent
    );

    background-size: 300% 100%;
    animation: ulkerReviewsGlow 4s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

@keyframes ulkerReviewsGlow {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }
}


/* ====================================
   HORIZONTAL REVIEWS
==================================== */

.testimonial-card,
.testimonial-item,
.s-block-testimonials .swiper-slide {

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 20px !important;
    padding: 20px !important;
}

.testimonial-card img,
.testimonial-item img,
.s-block-testimonials img {

    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}


/* ====================================
   GOLD PACKAGE - CLICK GLOW
==================================== */

/* الباقة الذهبية */
.s-block-content .swiper-slide:first-child {

    position: relative;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


/* توهج الإطار عند الضغط */
.s-block-content .swiper-slide:first-child:active {

    transform: scale(.98);

    border-color: #ff0000 !important;

    box-shadow:
        0 0 8px rgba(255,0,0,.9),
        0 0 18px rgba(255,0,0,.8),
        0 0 35px rgba(255,0,0,.65),
        0 0 55px rgba(255,0,0,.4),
        inset 0 0 18px rgba(255,0,0,.2) !important;
}


/* إطار مضيء إضافي */
.s-block-content .swiper-slide:first-child:active::after {

    content: "";

    position: absolute;
    inset: -2px;

    border: 2px solid rgba(255,0,0,.9);
    border-radius: inherit;

    box-shadow:
        0 0 12px rgba(255,0,0,.9),
        0 0 30px rgba(255,0,0,.7),
        0 0 50px rgba(255,0,0,.5);

    pointer-events: none;
}


/* ====================================
   GOLD PACKAGE - SMOOTH TOUCH
==================================== */

.s-block-content .swiper-slide:first-child:active {

    transition:
        transform .1s ease,
        box-shadow .1s ease;
}