.elementor-3137 .elementor-element.elementor-element-f832882{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-f832882 *//* ================================================================ */
/* استایل کامل فوتر برای حالت لایت و دارک                          */
/* ================================================================ */

/* ---- 1. پس‌زمینه اصلی فوتر در حالت لایت ---- */
body:not(.dark-mode) .lux-footer {
    background: #f8f6f2 !important;
    /* پس‌زمینه روشن برای لایت */
}

/* ---- 2. پس‌زمینه اصلی فوتر در حالت دارک ---- */
body.dark-mode .lux-footer {
    background: #1d1b1a !important;
    /* پس‌زمینه تیره برای دارک */
}

/* ---- 3. کارت‌های اطلاعات (آدرس، تلفن، ایمیل) در لایت ---- */
body:not(.dark-mode) .lux-footer .info-card {
    background: #ffffff !important;
    border: 1px solid #e8e3d9 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

/* ---- 4. کارت‌های اطلاعات در دارک ---- */
body.dark-mode .lux-footer .info-card {
    background: #2a2827 !important;
    border: 1px solid #3a3836 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
}

/* ---- 5. آیکون‌های کارت‌ها در لایت ---- */
body:not(.dark-mode) .lux-footer .card-icon {
    background: #d8bd84 !important;
    color: #1d1b1a !important;
}

/* ---- 6. آیکون‌های کارت‌ها در دارک ---- */
body.dark-mode .lux-footer .card-icon {
    background: #d8bd84 !important;
    color: #1d1b1a !important;
}

/* ---- 7. عنوان‌های کارت‌ها (h4) در لایت ---- */
body:not(.dark-mode) .lux-footer .info-card h4,
body:not(.dark-mode) .lux-footer .menu-col h4 {
    color: #1d1b1a !important;
}

/* ---- 8. عنوان‌های کارت‌ها در دارک ---- */
body.dark-mode .lux-footer .info-card h4,
body.dark-mode .lux-footer .menu-col h4 {
    color: #f0f0f0 !important;
}

/* ---- 9. متن‌های کارت‌ها (p, .phone-item) در لایت ---- */
body:not(.dark-mode) .lux-footer .info-card p,
body:not(.dark-mode) .lux-footer .info-card .phone-item,
body:not(.dark-mode) .lux-footer .info-card .phone-item a {
    color: #555555 !important;
}

/* ---- 10. متن‌های کارت‌ها در دارک ---- */
body.dark-mode .lux-footer .info-card p,
body.dark-mode .lux-footer .info-card .phone-item,
body.dark-mode .lux-footer .info-card .phone-item a {
    color: #cccccc !important;
}

/* ---- 11. لینک‌های تلفن و ایمیل در لایت ---- */
body:not(.dark-mode) .lux-footer .info-card a {
    color: #555555 !important;
}

body:not(.dark-mode) .lux-footer .info-card a:hover {
    color: #d8bd84 !important;
}

/* ---- 12. لینک‌های تلفن و ایمیل در دارک ---- */
body.dark-mode .lux-footer .info-card a {
    color: #cccccc !important;
}

body.dark-mode .lux-footer .info-card a:hover {
    color: #d8bd84 !important;
}

/* ---- 13. آیکون تلفن در لایت ---- */
body:not(.dark-mode) .lux-footer .phone-icon {
    color: #d8bd84 !important;
}

/* ---- 14. آیکون تلفن در دارک ---- */
body.dark-mode .lux-footer .phone-icon {
    color: #d8bd84 !important;
}

/* ---- 15. خط جداکننده در لایت ---- */
body:not(.dark-mode) .lux-footer .footer-sep {
    border-color: #e0d8cc !important;
}

/* ---- 16. خط جداکننده در دارک ---- */
body.dark-mode .lux-footer .footer-sep {
    border-color: #3a3836 !important;
}

/* ---- 17. بخش برند (لوگو و توضیحات) در لایت ---- */
body:not(.dark-mode) .lux-footer .brand-desc {
    color: #444444 !important;
}

/* ---- 18. بخش برند (لوگو و توضیحات) در دارک ---- */
body.dark-mode .lux-footer .brand-desc {
    color: #d0d0d0 !important;
}

/* ---- 19. منوها (لینک‌های ستون‌ها) در لایت ---- */
body:not(.dark-mode) .lux-footer .menu-col ul li a {
    color: #555555 !important;
}

body:not(.dark-mode) .lux-footer .menu-col ul li a:hover {
    color: #d8bd84 !important;
}

/* ---- 20. منوها (لینک‌های ستون‌ها) در دارک ---- */
body.dark-mode .lux-footer .menu-col ul li a {
    color: #bbbbbb !important;
}

body.dark-mode .lux-footer .menu-col ul li a:hover {
    color: #d8bd84 !important;
}

/* ---- 21. آیکون‌های شبکه‌های اجتماعی در لایت ---- */
body:not(.dark-mode) .lux-footer .social-icons a {
    background: #e8e3d9 !important;
    color: #1d1b1a !important;
}

body:not(.dark-mode) .lux-footer .social-icons a:hover {
    background: #d8bd84 !important;
    color: #1d1b1a !important;
    transform: translateY(-3px) !important;
}

/* ---- 22. آیکون‌های شبکه‌های اجتماعی در دارک ---- */
body.dark-mode .lux-footer .social-icons a {
    background: #3a3836 !important;
    color: #f0f0f0 !important;
}

body.dark-mode .lux-footer .social-icons a:hover {
    background: #d8bd84 !important;
    color: #1d1b1a !important;
    transform: translateY(-3px) !important;
}

/* ---- 23. کپی‌رایت در لایت ---- */
body:not(.dark-mode) .lux-footer .copyright {
    color: #888888 !important;
}

/* ---- 24. کپی‌رایت در دارک ---- */
body.dark-mode .lux-footer .copyright {
    color: #888888 !important;
}

/* ---- 25. استایل‌های هاور کارت‌ها در لایت ---- */
body:not(.dark-mode) .lux-footer .info-card:hover {
    border-color: #d8bd84 !important;
    box-shadow: 0 4px 20px rgba(216, 189, 132, 0.15) !important;
}

/* ---- 26. استایل‌های هاور کارت‌ها در دارک ---- */
body.dark-mode .lux-footer .info-card:hover {
    border-color: #d8bd84 !important;
    box-shadow: 0 4px 20px rgba(216, 189, 132, 0.1) !important;
}

/* ---- 27. لوگو در لایت ---- */
body:not(.dark-mode) .lux-footer .brand-logo img {
    filter: none !important;
}

/* ---- 28. لوگو در دارک ---- */
body.dark-mode .lux-footer .brand-logo img {
    filter: brightness(0) invert(1) !important;
}/* End custom CSS */