/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Sep 22, 2025, 1:01:29 PM
    Author     : Baha.Alshurfat
*/

/*==========================
Logo Effects: Flicker + Flip
============================*/

/* تأثير وميض خفيف للشعار */
@keyframes softFlicker {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
}

/* تأثير التدوير الجانبي */
@keyframes sideFlip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(70deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

/* تطبيق تأثير الوميض على الصورة */
.flicker-soft {
    animation: softFlicker 3s infinite ease-in-out;
}

/* تطبيق تأثير التدوير الجانبي على العنصر الحاوي */
.flip-side {
    display: inline-block;
    animation: sideFlip 3s infinite ease-in-out;
    transform-style: preserve-3d;
}

/* ضبط حجم الصورة داخل flip-side */
.flip-side img {
    width: 90px;   /* عرض الصورة */
    height: 110px; /* ارتفاع الصورة */
    display: block; /* إزالة الفراغ حول الصورة */
}