.elementor-9804 .elementor-element.elementor-element-c9c1669{--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9804 .elementor-element.elementor-element-c9c1669.e-con{--align-self:center;}.elementor-9804 .elementor-element.elementor-element-74060ff{width:var( --container-widget-width, 5rem );max-width:5rem;--container-widget-width:5rem;--container-widget-flex-grow:0;}.elementor-9804 .elementor-element.elementor-element-74060ff > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-9804 .elementor-element.elementor-element-74060ff.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-9804 .elementor-element.elementor-element-c9c1669{--width:11rem;}}/* Start custom CSS for html, class: .elementor-element-d671474 *//* تنظیم سایز لوگو در هدر */
.site-car-logo {
    width: 80px; /* اندازه عرض لوگو را به دلخواه خودتان کم یا زیاد کنید */
    height: auto;
    display: block;
}

/* اعمال انیمیشن روی چراغ با نام 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 */