/* =========================================================
   ART ADR - "Showcase" katmani
   Tema: #183d61 lacivert + #c1c1c1 gri
   Her sey .js-wow sinifina bagli; JS yoksa sayfa normal kalir.
   ========================================================= */

/* ---------------------------------------------------------
   2) HERO - arka planda yavas yakinlasma (Ken Burns)
   --------------------------------------------------------- */
.js-wow .owl-item.active .main-slider-one__bg {
    animation: artadrKenBurns 12s ease-out both;
}

@keyframes artadrKenBurns {
    from { transform: scale(1.14); }
    to   { transform: scale(1); }
}

/* imleci izleyen yumusak isik */
.artadr-hero-glow {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: radial-gradient(460px circle at var(--hx, 50%) var(--hy, 45%),
            rgba(193, 193, 193, .16) 0%,
            rgba(24, 61, 97, .12) 45%,
            rgba(0, 0, 0, 0) 72%);
    transition: background .25s ease-out;
}

/* ince film grenii - sadece koyu alanlarda */
.artadr-grain {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    opacity: .05;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.55'/></svg>");
    animation: artadrGrain 1.1s steps(3) infinite;
}

@keyframes artadrGrain {
    0%   { transform: translate3d(0, 0, 0); }
    33%  { transform: translate3d(-3%, 2%, 0); }
    66%  { transform: translate3d(2%, -3%, 0); }
    100% { transform: translate3d(0, 0, 0); }
}

/* ---------------------------------------------------------
   5) Kartlarda kenar parlamasi
   --------------------------------------------------------- */
.artadr-process__card,
.case-one__single-img,
.team-one__single-img,
.artadr-faq .faq-one-accrodion .accrodion {
    position: relative;
}

.artadr-process__card::before,
.artadr-faq .faq-one-accrodion .accrodion::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg,
            rgba(47, 107, 163, .9) 0%,
            rgba(193, 193, 193, .55) 50%,
            rgba(24, 61, 97, .9) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .45s ease;
    pointer-events: none;
    z-index: 3;
}

.artadr-process__card:hover::before,
.artadr-faq .faq-one-accrodion .accrodion:hover::before,
.artadr-process__step.is-active .artadr-process__card::before {
    opacity: 1;
}

/* ---------------------------------------------------------
   6) Baslik ustunde kucuk marka isareti
   --------------------------------------------------------- */
.sec-title__tagline h4::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-radius: 2px;
    background: linear-gradient(135deg, #183d61 0%, #c1c1c1 100%);
    transform: rotate(45deg) translateY(-1px);
}

/* ---------------------------------------------------------
   7) Hareket azaltma
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .artadr-grain {
        animation: none;
    }

    .js-wow .owl-item.active .main-slider-one__bg {
        animation: none;
    }
}