/* Add custom CSS styles below */
.dark .product-card-actions-add-to-cart {
    color: white; /* لون النص أبيض */
    background: #40a1dd; /* لون موحد (الدرجة الفاتحة) */
    border: 0;
    border-radius: 44px;
    margin-inline: 14px;
    width: calc(100% - 28px);
    /* تخفيف سطوع الظل وتقليل انتشاره */
    box-shadow: #40a1dd 0px 0px 15px -2px; 
}


.product-card:hover {
    --tw-translate-y: -10px;
    transform: translate(var(--tw-translate-x), -10px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 0.4s;
    /* background-color: red; */
    box-shadow: 0px 3px 16px #40a8ff;
}

.dark *.faq-content-single-wrapper {
    --tw-bg-opacity: 1;
    background-color:#201c31 !important;
}

img[alt="Store Logo"] {
  height: 77px;
    margin-top: -16px;
}
footer::after {
    content: "برمجة وتطوير - اد فلو | AD FLOW ";
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: transparent; /* تجعل النص شفاف لإظهار التدرج */
    background: linear-gradient(to right, #002366, skyblue, cyan, darkblue, cyan, skyblue, #002366);
    background-size: 400% 100%; /* زيادة العرض لجعل التدرج أكثر نعومة */
    animation: gradient-animation 10s ease infinite; /* زيادة مدة التأثير لنعومة أكبر */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; /* تأثير الخلفية على النص فقط */
}
.s-gifting-modal-icon {
 background: var(--dark-grey);
  border: unset;
}
.s-gifting-filepond-placeholder-text {
  color: var(--dark-text-main)
}
.s-gifting-slider .s-slider-container {
  padding-left:15rem
}