/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 14:49:39 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* فوتر با الماس‌های درخشان سبز */

/* فوتر لوکس برای سایت جواهرات با الماس‌های درخشان */
footer, 
.site-footer,
.footer-widgets,
.footer-main {
    background: 
        linear-gradient(135deg, rgba(15, 40, 28, 0.98) 0%, rgba(22, 60, 42, 0.99) 50%, rgba(15, 40, 28, 0.98) 100%),
        radial-gradient(circle at 20% 30%, rgba(122, 179, 139, 0.15) 0%, transparent 25%),
        radial-gradient(circle at 80% 70%, rgba(122, 179, 139, 0.15) 0%, transparent 25%),
        radial-gradient(circle at 40% 50%, rgba(122, 179, 139, 0.1) 0%, transparent 30%) !important;
    color: #f8f8f8 !important;
    padding: 0px 20px 50px !important;
    position: relative !important;
    overflow: hidden !important;
    border-top: 4px solid #7ab38b !important;
    box-shadow: 
        0 -20px 60px rgba(122, 179, 139, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    
}

/* افکت الماس‌های در حال چرخش و درخشان */
.site-footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: 
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><filter id="glow"><feGaussianBlur stdDeviation="2" result="blur"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter><radialGradient id="grad1"><stop offset="0%%" stop-color="%237ab38b" stop-opacity="0.8"/><stop offset="100%%" stop-color="%230f281c" stop-opacity="0"/></radialGradient></defs><path d="M50,15 L70,50 L50,85 L30,50 Z" fill="url(%23grad1)" filter="url(%23glow)"/></svg>'),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><defs><filter id="glow2"><feGaussianBlur stdDeviation="1.5" result="blur"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter><radialGradient id="grad2"><stop offset="0%%" stop-color="%23ffffff" stop-opacity="0.6"/><stop offset="100%%" stop-color="%230f281c" stop-opacity="0"/></radialGradient></defs><path d="M40,10 L55,40 L40,70 L25,40 Z" fill="url(%23grad2)" filter="url(%23glow2)"/></svg>') !important;
    background-size: 150px 150px, 120px 120px !important;
    opacity: 0.7 !important;
    animation: floatDiamonds 30s infinite linear !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

@keyframes floatDiamonds {
    0% {
        background-position: 0% 0%, 100px 150px;
        transform: rotate(0deg);
    }
    25% {
        background-position: 100% 25%, 200px 250px;
    }
    50% {
        background-position: 50% 100%, 300px 100px;
    }
    75% {
        background-position: 0% 75%, 150px 300px;
    }
    100% {
        background-position: 0% 0%, 100px 150px;
        transform: rotate(360deg);
    }
}

/* افکت نورپردازی پویا */
.site-footer::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: 
        radial-gradient(circle at 70% 20%, rgba(122, 179, 139, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 30% 80%, rgba(122, 179, 139, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(122, 179, 139, 0.1) 0%, transparent 50%) !important;
    animation: lightShift 15s infinite alternate ease-in-out !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

@keyframes lightShift {
    0% {
        opacity: 0.5;
        background-position: 70% 20%, 30% 80%, 50% 50%;
    }
    50% {
        opacity: 0.8;
        background-position: 80% 30%, 20% 70%, 60% 60%;
    }
    100% {
        opacity: 0.5;
        background-position: 70% 20%, 30% 80%, 50% 50%;
    }
}

/* محتوای فوتر */
footer > *,
.footer-content,
.footer-inner,
.footer-widgets > * {
    position: relative !important;
    z-index: 2 !important;
}

/* عنوان لوکس */
footer h2,
.footer-title,
.widget-title {
    color: #f8f8f8 !important;
    font-size: 2.8rem !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    text-shadow: 
        0 0 30px rgba(122, 179, 139, 0.7),
        0 0 60px rgba(122, 179, 139, 0.5),
        2px 2px 4px rgba(0, 0, 0, 0.5) !important;
    letter-spacing: 3px !important;
    font-weight: 300 !important;
    position: relative !important;
    padding-bottom: 20px !important;
}

footer h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 200px !important;
    height: 3px !important;
    background: linear-gradient(90deg, 
        transparent, 
        #7ab38b, 
        transparent) !important;
    box-shadow: 0 0 20px rgba(122, 179, 139, 0.8) !important;
}

/* متن‌های توصیفی */
footer p,
.footer-description,
.textwidget p {
    color: #e8f5ee !important;
    font-size: 1.1rem !important;
    line-height: 1.9 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 25px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 15px !important;
    border: 1px solid rgba(122, 179, 139, 0.2) !important;
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(5px) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* نشان الماس در ابتدای هر پاراگراف */
footer p::before,
.footer-description::before {
    content: '💎' !important;
    position: absolute !important;
    left: 15px !important;
    top: 15px !important;
    font-size: 1.2rem !important;
    opacity: 0.7 !important;
    animation: sparkle 2s infinite alternate !important;
}

@keyframes sparkle {
    0% { opacity: 0.5; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.2); }
}

/* اطلاعات تماس */
.footer-contact,
.contact-info,
.widget_contact {
    background: rgba(20, 50, 35, 0.6) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    margin: 50px auto !important;
    max-width: 600px !important;
    border: 1px solid rgba(122, 179, 139, 0.3) !important;
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.3),
        0 0 80px rgba(122, 179, 139, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}

.footer-contact ul,
.contact-info ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-contact li,
.contact-info li {
    color: #f8f8f8 !important;
    margin-bottom: 20px !important;
    padding-left: 50px !important;
    position: relative !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.footer-contact li::before,
.contact-info li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    background-color: #7ab38b !important;
    border-radius: 50% !important;
    box-shadow: 
        0 0 25px rgba(122, 179, 139, 0.8),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    color: #0f281c !important;
    font-weight: bold !important;
}

.footer-contact li:nth-child(1)::before { content: '📍' !important; }
.footer-contact li:nth-child(2)::before { content: '📞' !important; }
.footer-contact li:nth-child(3)::before { content: '✉️' !important; }

/* بخش OUR STORES */
.footer-stores {
    text-align: center !important;
    margin-top: 70px !important;
    padding-top: 50px !important;
    border-top: 1px solid rgba(122, 179, 139, 0.3) !important;
    position: relative !important;
}

.footer-stores h3 {
    color: #f8f8f8 !important;
    font-size: 2rem !important;
    margin-bottom: 40px !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    font-weight: 300 !important;
    position: relative !important;
    display: inline-block !important;
    padding: 15px 50px !important;
    background: rgba(122, 179, 139, 0.1) !important;
    border-radius: 15px !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(122, 179, 139, 0.2) !important;
}

.footer-stores h3::before,
.footer-stores h3::after {
    content: '✦' !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 1.5rem !important;
    color: #7ab38b !important;
    text-shadow: 0 0 15px rgba(122, 179, 139, 0.8) !important;
    animation: rotateGems 4s infinite linear !important;
}

.footer-stores h3::before {
    left: 15px !important;
}

.footer-stores h3::after {
    right: 15px !important;
}

@keyframes rotateGems {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

/* لینک‌ها */
footer a {
    color: #d4f0e1 !important;
    text-decoration: none !important;
    transition: all 0.4s ease !important;
    border-bottom: 1px solid transparent !important;
    padding-bottom: 2px !important;
    position: relative !important;
    font-weight: 500 !important;
}

footer a:hover {
    color: #ffffff !important;
    border-bottom-color: #7ab38b !important;
    text-shadow: 
        0 0 15px rgba(122, 179, 139, 0.7),
        0 0 25px rgba(122, 179, 139, 0.5) !important;
}

/* کپی رایت */
.footer-bottom {
    margin-top: 70px !important;
    padding-top: 30px !important;
    border-top: 1px solid rgba(122, 179, 139, 0.2) !important;
    text-align: center !important;
    color: #c8e8d8 !important;
    font-size: 0.95rem !important;
    letter-spacing: 1px !important;
    position: relative !important;
    z-index: 2 !important;
}

.footer-bottom::before {
    content: '✨ ✨ ✨' !important;
    position: absolute !important;
    top: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    letter-spacing: 20px !important;
    color: #7ab38b !important;
    text-shadow: 0 0 10px rgba(122, 179, 139, 0.8) !important;
    animation: twinkle 1.5s infinite alternate !important;
}

@keyframes twinkle {
    0% { opacity: 0.6; }
    100% { opacity: 1; }
}

/* رسپانسیو */
@media (max-width: 768px) {
    footer, .site-footer {
        padding: 0px 15px 40px !important;
    }
    
    footer h2, .footer-title {
        font-size: 2.2rem !important;
        letter-spacing: 2px !important;
    }
    
    footer p, .footer-description {
        font-size: 1rem !important;
        padding: 20px !important;
    }
    
    .footer-contact, .contact-info {
        padding: 30px !important;
        margin: 40px auto !important;
    }
    
    .footer-stores h3 {
        font-size: 1.5rem !important;
        letter-spacing: 2px !important;
        padding: 12px 30px !important;
    }
    
    /* کاهش سرعت انیمیشن‌ها در موبایل */
    .site-footer::before {
        animation-duration: 50s !important;
    }
}

/* نور متحرک حرفه‌ای برای فوتر سایت جواهرات */
footer, 
.site-footer,
.footer-widgets,
.footer-main {
    position: relative !important;
    overflow: hidden !important;
}

/* نور اسکن متحرک (پرتو نور راداری) */
footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: 
        conic-gradient(
            from 0deg at 50% 50%,
            transparent 0deg,
            rgba(122, 179, 139, 0.15) 30deg,
            rgba(122, 179, 139, 0.3) 60deg,
            rgba(255, 255, 255, 0.2) 90deg,
            rgba(122, 179, 139, 0.15) 120deg,
            transparent 150deg
        ) !important;
    animation: radarScan 20s infinite linear !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0.4 !important;
}

/* نور عمودی متحرک */
footer::after {
    content: '' !important;
    position: absolute !important;
    top: -100% !important;
    left: 0 !important;
    width: 100% !important;
    height: 200% !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(122, 179, 139, 0.1) 10%,
        rgba(122, 179, 139, 0.3) 15%,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(122, 179, 139, 0.3) 25%,
        rgba(122, 179, 139, 0.1) 30%,
        transparent 40%
    ) !important;
    animation: verticalLight 15s infinite ease-in-out !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0.3 !important;
}

/* پرتوهای نور شعاعی */
.footer-content::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 150% !important;
    height: 150% !important;
    background: 
        radial-gradient(
            circle at center,
            transparent 30%,
            rgba(122, 179, 139, 0.2) 40%,
            rgba(122, 179, 139, 0.1) 50%,
            rgba(122, 179, 139, 0.05) 60%,
            transparent 70%
        ) !important;
    animation: pulseLight 8s infinite alternate ease-in-out !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* نور افقی متحرک (از چپ به راست) */
.footer-inner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15) 20%,
        rgba(122, 179, 139, 0.25) 50%,
        rgba(255, 255, 255, 0.15) 80%,
        transparent
    ) !important;
    animation: horizontalLight 10s infinite linear !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* نورهای نقطه‌ای متحرک */
.footer-widgets::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.2) 0%, transparent 3%),
        radial-gradient(circle at 30% 40%, rgba(122, 179, 139, 0.3) 0%, transparent 4%),
        radial-gradient(circle at 50% 60%, rgba(255, 255, 255, 0.2) 0%, transparent 3%),
        radial-gradient(circle at 70% 30%, rgba(122, 179, 139, 0.3) 0%, transparent 4%),
        radial-gradient(circle at 90% 70%, rgba(255, 255, 255, 0.2) 0%, transparent 3%) !important;
    background-size: 100% 100% !important;
    animation: floatingLights 25s infinite linear !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

/* انیمیشن‌های کلیدی */
@keyframes radarScan {
    0% {
        transform: rotate(0deg);
        opacity: 0.4;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        transform: rotate(360deg);
        opacity: 0.4;
    }
}

@keyframes verticalLight {
    0% {
        top: -100%;
        opacity: 0.2;
    }
    25% {
        opacity: 0.4;
    }
    50% {
        top: 0;
        opacity: 0.3;
    }
    75% {
        opacity: 0.4;
    }
    100% {
        top: 100%;
        opacity: 0.2;
    }
}

@keyframes pulseLight {
    0% {
        opacity: 0.1;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1.2);
    }
    100% {
        opacity: 0.1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes horizontalLight {
    0% {
        left: -100%;
        opacity: 0.3;
    }
    25% {
        opacity: 0.6;
    }
    50% {
        left: 50%;
        opacity: 0.4;
    }
    75% {
        opacity: 0.6;
    }
    100% {
        left: 150%;
        opacity: 0.3;
    }
}

@keyframes floatingLights {
    0% {
        background-position: 0% 0%, 10% 20%, 20% 40%, 30% 60%, 40% 80%;
    }
    25% {
        background-position: 25% 25%, 35% 45%, 45% 65%, 55% 85%, 65% 5%;
    }
    50% {
        background-position: 50% 50%, 60% 70%, 70% 90%, 80% 10%, 90% 30%;
    }
    75% {
        background-position: 75% 75%, 85% 95%, 95% 15%, 5% 35%, 15% 55%;
    }
    100% {
        background-position: 100% 100%, 110% 120%, 120% 140%, 130% 160%, 140% 180%;
    }
}

/* نورهای جداگانه روی عناصر مهم */
.footer-title {
    position: relative !important;
    overflow: hidden !important;
}

.footer-title::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    ) !important;
    animation: titleGlow 4s infinite ease-in-out !important;
    z-index: 1 !important;
}

@keyframes titleGlow {
    0%, 100% {
        left: -100%;
        opacity: 0.3;
    }
    50% {
        left: 150%;
        opacity: 0.6;
    }
}

/* نور روی اطلاعات تماس */
.footer-contact {
    position: relative !important;
    overflow: hidden !important;
}

.footer-contact::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: 
        radial-gradient(
            circle at 30% 30%,
            rgba(122, 179, 139, 0.2) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 70% 70%,
            rgba(255, 255, 255, 0.1) 0%,
            transparent 50%
        ) !important;
    animation: contactGlow 8s infinite alternate ease-in-out !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

@keyframes contactGlow {
    0% {
        opacity: 0.2;
        background-position: 30% 30%, 70% 70%;
    }
    50% {
        opacity: 0.4;
        background-position: 50% 50%, 50% 50%;
    }
    100% {
        opacity: 0.2;
        background-position: 70% 70%, 30% 30%;
    }
}

/* نور روی بخش OUR STORES */
.footer-stores {
    position: relative !important;
}

.footer-stores::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(
        90deg,
        transparent,
        #7ab38b,
        rgba(255, 255, 255, 0.8),
        #7ab38b,
        transparent
    ) !important;
    transform: translateY(-50%) !important;
    animation: storesLight 6s infinite linear !important;
    z-index: 1 !important;
    pointer-events: none !important;
    box-shadow: 0 0 20px rgba(122, 179, 139, 0.5) !important;
}

@keyframes storesLight {
    0% {
        opacity: 0.3;
        left: -100%;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.3;
        left: 100%;
    }
}

/* نورهای رقصان در کف فوتر */
.footer-bottom::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(
        90deg,
        #7ab38b,
        rgba(255, 255, 255, 0.8),
        #7ab38b
    ) !important;
    background-size: 200% 100% !important;
    animation: bottomGlow 3s infinite linear !important;
    z-index: 1 !important;
    box-shadow: 
        0 0 15px rgba(122, 179, 139, 0.7),
        0 0 30px rgba(122, 179, 139, 0.5) !important;
}

@keyframes bottomGlow {
    0% {
        background-position: 200% 0;
        opacity: 0.5;
    }
    50% {
        background-position: 0 0;
        opacity: 1;
    }
    100% {
        background-position: -200% 0;
        opacity: 0.5;
    }
}

/* تنظیم z-index برای محتوا */
footer > *,
.footer-content,
.footer-inner,
.footer-widgets > *,
.footer-title,
.footer-contact,
.footer-stores,
.footer-bottom {
    position: relative !important;
    z-index: 2 !important;
}

/* رسپانسیو */
@media (max-width: 768px) {
    footer::before,
    footer::after,
    .footer-content::before,
    .footer-inner::before,
    .footer-widgets::before,
    .footer-title::after,
    .footer-contact::before,
    .footer-stores::after,
    .footer-bottom::before {
        animation-duration: 1.5s !important;
        opacity: 0.2 !important;
    }
    
    /* کاهش تعداد انیمیشن‌ها در موبایل */
    .footer-widgets::before,
    .footer-inner::before {
        display: none !important;
    }
}