/* =========================================================
   BACKGROUND THEME
========================================================= */

body{
    background:
    linear-gradient(
        90deg,
        #000000 0%,
        #05000A 15%,
        #12001F 50%,
        #05000A 85%,
        #000000 100%
    ) !important;
}


/* =========================================================
   FOOTER
========================================================= */

footer,
.footer,
.site-footer{
    background:#000000 !important;
    border-top:1px solid rgba(123,44,255,.25) !important;
    padding-top:40px !important;
    padding-bottom:25px !important;
    position:relative;
    overflow:hidden;
}

/* خط نيون فوق الفوتر */

footer::before,
.footer::before,
.site-footer::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:
    linear-gradient(
        90deg,
        transparent,
        #7B2CFF,
        transparent
    );
    margin-bottom:25px;
}

/* نصوص الفوتر */

footer *,
.footer *,
.site-footer *{
    color:#ffffff !important;
}


/* =========================================================
   PRODUCT TITLE - GAMING STYLE
========================================================= */

.product-title,
.woocommerce-loop-product__title{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:4px 10px;
    min-height:42px;

    border:1px solid rgba(140,82,255,.55);
    border-radius:8px;

    background:
    linear-gradient(
        135deg,
        rgba(22,8,40,.92),
        rgba(12,3,24,.96)
    );

    color:#ffffff !important;

    font-weight:700;
    font-size:13px;
    line-height:1.4;

    text-align:center;

    text-shadow:
        0 0 6px rgba(168,85,247,.45);

    box-shadow:
        0 0 10px rgba(123,44,255,.12),
        inset 0 0 8px rgba(123,44,255,.08);

    transition:.25s ease;

    margin-top:8px;
    letter-spacing:.2px;
}

/* Hover */

.product-title:hover,
.woocommerce-loop-product__title:hover{

    border-color:#b388ff;

    transform:translateY(-2px);

    box-shadow:
        0 0 14px rgba(168,85,247,.22),
        inset 0 0 10px rgba(168,85,247,.12);
}


/* =========================================================
   WISHLIST / HEART BUTTON
========================================================= */

.wishlist-button,
.tinvwl_add_to_wishlist_button,
.yith-wcwl-add-to-wishlist a{

    background:
    linear-gradient(
        135deg,
        #180726,
        #2a0d40
    ) !important;

    border:1px solid rgba(140,82,255,.65) !important;

    border-radius:10px !important;

    box-shadow:
        0 0 10px rgba(168,85,247,.18);

    transition:.25s ease;
}

/* أيقونة القلب */

.wishlist-button i,
.tinvwl_add_to_wishlist_button i,
.yith-wcwl-add-to-wishlist i{

    color:#d8b4fe !important;
    font-size:15px;
}

/* Hover */

.wishlist-button:hover,
.tinvwl_add_to_wishlist_button:hover,
.yith-wcwl-add-to-wishlist a:hover{

    background:
    linear-gradient(
        135deg,
        #2b0d3d,
        #4c1d95
    ) !important;

    box-shadow:
        0 0 16px rgba(192,132,252,.30);
}


/* =========================================================
   PRODUCT CARD EFFECT
========================================================= */

.woocommerce ul.products li.product,
.product{

    background:rgba(15,0,30,.55);

    border:1px solid rgba(123,44,255,.16);

    border-radius:18px;

    padding:14px;

    transition:.3s ease;

    backdrop-filter:blur(8px);
}

/* Hover */

.woocommerce ul.products li.product:hover,
.product:hover{

    transform:translateY(-4px);

    border-color:#8b5cf6;

    box-shadow:
        0 0 20px rgba(123,44,255,.18),
        inset 0 0 16px rgba(123,44,255,.06);
}


/* =========================================================
   LIMITED TAG
========================================================= */

.onsale{

    background:
    linear-gradient(
        135deg,
        #ffe08a,
        #d4a017
    ) !important;

    color:#2b0d00 !important;

    border-radius:10px !important;

    padding:5px 10px !important;

    font-weight:700 !important;

    font-size:12px !important;

    box-shadow:
 
  #product-custom-user-option-fields .form-group label{
    width: fit-content !important;
}