.elementor-818 .elementor-element.elementor-element-a2917fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-a2917fa:not(.elementor-motion-effects-element-type-background), .elementor-818 .elementor-element.elementor-element-a2917fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#191919;}.elementor-818 .elementor-element.elementor-element-c00b89c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-818 .elementor-element.elementor-element-5acde1a.elementor-element{--align-self:center;}.elementor-818 .elementor-element.elementor-element-6d51ba4 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-818 .elementor-element.elementor-element-6d51ba4 .wd-text-block{color:#FFFFFF;}.elementor-818 .elementor-element.elementor-element-d2a7406 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-818 .elementor-element.elementor-element-d2a7406 .wd-list {--wd-row-gap:7px;}/* Start custom CSS for html, class: .elementor-element-5acde1a *//* استایل‌های مشترک هر دو لوگو */
.site-car-logo {
    height: auto;
    display: block;
}

/* ۱. اندازه و استایل اختصاصی برای لوگوی سربرگ (Header) */
.dark-logo .site-car-logo {
    width: 200px; /* سایز دلخواه در هدر */
    background-color: transparent; /* یا رنگ دلخواه هدر */
}

/* اعمال انیمیشن روی چراغ با نام headlight */
#headlight {
    animation: headlightBlink 3s infinite ease-in-out;
}

/* تعریف ریتم روشن و خاموش شدن (افکت فلشر و درخشش چراغ) */
@keyframes headlightBlink {
    0%, 100% {
        opacity: 0; /* حالت خاموش */
        filter: drop-shadow(0 0 0px transparent);
    }
    45% {
        opacity: 0.15;
    }
    50% {
        opacity: 1; /* فلاش اول */
        filter: drop-shadow(0 0 6px #f1c40f);
    }
    55% {
        opacity: 0.3; /* مکث کوتاه */
    }
    60%, 88% {
        opacity: 1; /* روشن ماندن کامل */
        filter: drop-shadow(0 0 10px #f39c12);
    }
    75% {
        opacity: 0.3; /* مکث کوتاه */
    }
    92% {
        opacity: 0.1; /* خاموش شدن */
    }
}

/* افکت تعاملی: وقتی کاربر ماوس را روی لوگو می‌برد، چراغ‌ها ثابت روشن بمانند */
.animated-logo-link:hover #headlight {
    animation: none;
    opacity: 1;
    filter: drop-shadow(0 0 12px #f1c40f);
    transition: opacity 0.3s ease, filter 0.3s ease;
}/* End custom CSS */