/* PAY3AT ULTIMATE LUXURY 2026 - MATTE CYAN & CHARCOAL EDITION */

:root {
    --p3-cyan-matte: #7dd3fc; /* سماوي مطفي هادئ */
    --p3-bg-slate: #2c2f33; /* رمادي جداري */
    --p3-matte-dark: #1a1c1e; /* رمادي غامق مطفي */
}

/* --- التنسيقات العامة --- */
body, #app, .main-content, .page-wrapper { 
    background-color: var(--p3-bg-slate) !important; 
}

/* --- الهيدر (الشريط العلوي) --- */
header, .site-header, .main-header, .header-wrapper, #main--header, .s-header-container, .site-header__main {
    background-color: var(--p3-matte-dark) !important;
    background: var(--p3-matte-dark) !important;
    border-bottom: 1px solid rgba(125, 211, 252, 0.15) !important;
    box-shadow: none !important;
}

header div, header section, header nav { background-color: transparent !important; }

/* --- الفوتر (الشريط السفلي) --- */
footer, .site-footer, .store-footer, [class*="footer"], .footer-wrapper {
    background-color: var(--p3-matte-dark) !important;
    background: var(--p3-matte-dark) !important;
    border-top: 1px solid rgba(125, 211, 252, 0.15) !important;
}

/* --- توحيد الألوان والنصوص --- */
header *, footer *, .nav-link, .header-icon, .site-footer *, .p3-hero-unique h1, .slider-content h2, .p3-cat-box span {
    color: var(--p3-cyan-matte) !important;
    -webkit-text-fill-color: var(--p3-cyan-matte) !important;
}

header svg path, .header-icon svg, footer svg path {
    stroke: var(--p3-cyan-matte) !important;
    fill: none !important;
}

/* 🛡️ إصلاح صورة حساب العميل 🛡️ */
header .header-user-profile img, 
header [class*="user-avatar"] img, 
header .s-user-menu-trigger img,
header .profile-img {
    width: 35px !important;
    height: 35px !important;
    max-width: 35px !important;
    min-width: 35px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    filter: none !important;
    animation: none !important;
}

/* --- الهيرو واللوجو المتحرك --- */
.p3-hero-unique {
    width: 100%; padding: 60px 20px;
    background: radial-gradient(circle at center, #3a3f44 0%, var(--p3-bg-slate) 100%);
    text-align: center;
}

.p3-hero-unique .p3-main-logo {
    max-width: 250px;  
    height: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
    animation: p3Swim 4s infinite ease-in-out !important;
}

@keyframes p3Swim {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    33% { transform: translateY(-12px) rotate(1deg); }
    66% { transform: translateY(-5px) rotate(-1deg); }
}

/* --- إضافة اللمعة فقط بدون التحكم في حجم البنر --- */
.container {
    overflow: hidden;
    position: relative;
}

.container::after {
    content: "";
    position: absolute;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(125, 211, 252, 0.15), transparent);
    transform: skewX(-25deg);
    animation: p3ShineSweep 7s infinite ease-in-out;
    pointer-events: none;
    z-index: 2;
}

@keyframes p3ShineSweep {
    0% { left: -100%; opacity: 0; }
    20% { opacity: 1; }
    40% { left: 150%; opacity: 0; }
    100% { left: 150%; opacity: 0; }
}

/* --- شريط الأقسام وحقوق النشر --- */
.p3-cats-container {
    display: flex !important; justify-content: center; gap: 20px; padding: 30px 20px;
    background-color: var(--p3-bg-slate) !important; direction: rtl; flex-wrap: wrap;
}

.footer-copyrights, .store-footer__copy-right, .copy-right, [class*="copyright"], .footer__bottom-text {
    font-size: 0 !important; color: transparent !important;
}

.footer-copyrights::before, .store-footer__copy-right::before, .copy-right::before, [class*="copyright"]::before, .footer__bottom-text::before {
    content: "حقوق النشر © 2026 بيعات — كل الحقوق محفوظة ✨";
    font-size: 14px !important;
    color: var(--p3-cyan-matte) !important;
    visibility: visible !important;
    display: block !important;
    text-align: center !important;
    padding: 15px 0 !important;
}

a[href*="salla.sa"] { display: none !important; }
.cart-badge, .cart-count { background-color: var(--p3-cyan-matte) !important; color: var(--p3-matte-dark) !important; }