.elementor-1033 .elementor-element.elementor-element-6bb0cdf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1033 .elementor-element.elementor-element-e13bab1{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1033 .elementor-element.elementor-element-4bd78d3.elementor-element{--align-self:center;}.elementor-1033 .elementor-element.elementor-element-5cb45dc > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-1033 .elementor-element.elementor-element-5cb45dc .wd-list {--wd-row-gap:7px;}.elementor-1033 .elementor-element.elementor-element-5cb45dc{--li-icon-s:17px;}/* Start custom CSS for html, class: .elementor-element-4bd78d3 *//* استایل‌های مشترک هر دو لوگو */
.site-car-logo {
    height: auto;
    display: block;
}

/* ۱. اندازه و استایل اختصاصی برای لوگوی سربرگ (Header) */
.light-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 */