/* ===== ULTRA GOLD FINAL OPTIMIZED (LOADER EMPTY) ===== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700&family=Tajawal:wght@300;400;700&display=swap');

/* ===== RESET ===== */
html, body {
    margin:0;
    padding:0;
    font-family: "Tajawal", sans-serif;
}

/* ===== 👑 خلفية ذهبية محسنة ===== */
body {
    background: linear-gradient(-45deg,#ffffff,#fffdf7,#fff7e6,#fdf2d9,#ffffff);
    background-size: 300% 300%;
    animation: softGoldMove 45s ease infinite;
    color: #3a2c0f;
}

@keyframes softGoldMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ===== الفوتر ===== */
footer,
footer > div,
footer section {
    background: inherit !important;
    animation: softGoldMove 45s ease infinite;
}

/* ===== الهيدر ===== */
.header, .site-header {
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(10px);
}

/* ===== البحث ===== */
header [class*="search"],
header [class*="Search"],
header form,
header div,
header section {
    background: transparent !important;
    box-shadow: none !important;
}

header input[type="search"],
header input[type="text"] {
    background: linear-gradient(135deg,#fffdf7,#fdf2d9,#f5e6c4) !important;
    border-radius: 40px !important;
    border: 1px solid rgba(200,169,106,0.5) !important;
    color: #3a2c0f !important;
    padding: 14px 18px !important;
    width: 100% !important;
}

header input::placeholder {
    color: #b8924f !important;
}

header svg,
header i {
    color: #c8a96a !important;
}

header input:focus {
    outline: none !important;
    box-shadow: 0 0 10px rgba(200,169,106,0.4) !important;
}

/* ===== 🎬 LOADER مفرغ ===== */

body.loading::before {
    content:"";
    position:fixed;
    inset:0;
    background: transparent; /* 🔥 بدون خلفية */
    z-index:99999;
    pointer-events:none;
}

body.loading::after {
    content:"";
    position:fixed;
    top:50%;
    left:50%;
    width:90px;
    height:90px;
    transform:translate(-50%,-50%);
    background:url("https://i.postimg.cc/cHzSbRnr/BF9956B5-B7D1-439F-AC4A-8FE4AEF2D868.png") no-repeat center;
    background-size:cover;

    -webkit-mask-image: radial-gradient(circle,#000 70%,transparent 72%);
    mask-image: radial-gradient(circle,#000 70%,transparent 72%);

    filter: drop-shadow(0 0 10px rgba(200,169,106,0.35));

    z-index:100000;
    animation: logoFade 0.8s ease;
}

/* حركة اللوقو */
@keyframes logoFade {
    0% {
        opacity:0;
        transform:translate(-50%,-50%) scale(0.85);
    }
    100% {
        opacity:1;
        transform:translate(-50%,-50%) scale(1);
    }
}

/* اختفاء بعد التحميل */
body.loaded::after {
    opacity:0;
    transition:0.4s ease;
}

/* ===== تحسينات ===== */
button, .btn {
    background: linear-gradient(135deg,#fff7e6,#ffffff) !important;
    color:#3a2c0f !important;
    border-radius:14px !important;
}

.product-card {
    background: rgba(255,255,255,0.9);
    border-radius:20px;
}

.salla-quantity-input button {
    background:#fff7e6 !important;
}

h1,h2,h3 {
    color:#3a2c0f;
}