/* NOTE TIKANA — لودر اللوقو أثناء الانتقال بين الصفحات
   لمعة عنابية رفيعة تمر فوق اللوقو من اليمين لليسار، ~1.2 ثانية إجمالاً. */

.pt-overlay{
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(120% 100% at 50% 30%, #1a1820 0%, #0c0c0d 60%, #060607 100%);
    pointer-events: none;
    animation: pt-fade-out .32s ease-in-out forwards;
    animation-delay: .9s; /* مرور اللمعة (800ms) + توقف قصير (100ms) */
}
.pt-overlay.pt-exit{
    opacity: 0;
    animation: pt-fade-in .15s ease-out forwards;
}
@keyframes pt-fade-out{ from{ opacity: 1; } to{ opacity: 0; } }
@keyframes pt-fade-in{ from{ opacity: 0; } to{ opacity: 1; } }

.pt-logo-stage{ position: relative; width: 110px; height: 110px; }

.pt-logo-glow{
    position: absolute;
    top: 50%; left: 120%;
    width: 64px; height: 64px;
    margin: -32px 0 0 -32px;
    background: radial-gradient(circle, #e0577c 0%, transparent 68%);
    filter: blur(18px);
    opacity: 0;
    mix-blend-mode: screen;
    animation: pt-glow-move .8s ease-in-out forwards;
    animation-delay: .05s;
}

.pt-logo-base{
    position: absolute; inset: 0;
    background-color: #ece7e0;
    -webkit-mask-image: url('../images/logo-hero.png');
    mask-image: url('../images/logo-hero.png');
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
}

.pt-logo-shine{
    position: absolute; inset: 0;
    -webkit-mask-image: url('../images/logo-hero.png');
    mask-image: url('../images/logo-hero.png');
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
    background-image: linear-gradient(100deg,
        transparent 0%, transparent 42%,
        rgba(236,231,224,.55) 47%,
        #e0577c 50%,
        rgba(236,231,224,.55) 53%,
        transparent 58%, transparent 100%);
    background-size: 340% 100%;
    background-position: 145% 0;
    opacity: 0;
    animation: pt-shine-move .8s ease-in-out forwards;
    animation-delay: .05s;
}
@keyframes pt-shine-move{
    0%{ background-position: 145% 0; opacity: 0; }
    10%{ opacity: 1; }
    88%{ opacity: 1; }
    100%{ background-position: -45% 0; opacity: 0; }
}
@keyframes pt-glow-move{
    0%{ left: 120%; opacity: 0; }
    12%{ opacity: .5; }
    50%{ opacity: .6; }
    88%{ opacity: .4; }
    100%{ left: -20%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce){
    .pt-overlay{ animation-duration: .2s !important; animation-delay: 0s !important; }
    .pt-overlay.pt-exit{ animation-duration: .05s !important; }
    .pt-logo-shine, .pt-logo-glow{ animation: none !important; opacity: 0 !important; }
}