@charset "UTF-8";

/*
|--------------------------------------------------------------------------
| LTE Yazılım · Brand System V3
|--------------------------------------------------------------------------
| - Aydınlık / premium global header
| - Yeni LTE icon + "Yazılım" logo lockup
| - Dark footer logo varyantı
| - Favicon / app icon sistemi
| - Hizmet kartlarında kontrollü LTE icon hover detayı
|--------------------------------------------------------------------------
*/

:root{
    --lte-brand-navy:#071d43;
    --lte-brand-ink:#0b1c34;
    --lte-brand-blue:#1f75eb;
    --lte-brand-blue-2:#4aaaf3;
    --lte-brand-ice:#f4f9ff;
    --lte-brand-line:#dce8f4;
}

/* Utility */
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* =========================================================
   LIGHT GLOBAL HEADER
   ========================================================= */

body .top{
    position:sticky;
    top:0;
    z-index:1000;
    width:100%;
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid rgba(177,201,226,.48)!important;
    box-shadow:0 8px 28px rgba(31,72,117,.055)!important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}

body .top .header{
    min-height:78px;
    display:flex;
    align-items:center;
    gap:24px;
}

/* New brand lockup */
body .top .brand-logo{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    width:174px;
    min-width:174px;
    height:54px;
    margin:0;
    padding:0;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

body .top .brand-logo img{
    display:block;
    width:100%;
    height:auto;
    max-height:54px;
    object-fit:contain;
    object-position:left center;
}

/* Navigation */
body .top .nav{
    display:flex;
    align-items:center;
    gap:25px;
    margin-left:auto;
}

body .top .nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 2px;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#263d58!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:780;
    line-height:1;
    transition:color .18s ease,background .18s ease,transform .18s ease;
}

body .top .nav a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:5px;
    width:0;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--lte-brand-blue),var(--lte-brand-blue-2));
    transform:translateX(-50%);
    transition:width .18s ease;
}

body .top .nav a:hover,
body .top .nav a:focus-visible{
    color:var(--lte-brand-blue)!important;
}

body .top .nav a:hover::after,
body .top .nav a:focus-visible::after{
    width:20px;
}

body .top .nav a.is-active,
body .top .nav a[aria-current="page"]{
    min-height:40px;
    padding:0 12px;
    border-radius:11px!important;
    background:#edf5ff!important;
    color:#176fdf!important;
}

body .top .nav a.is-active::after,
body .top .nav a[aria-current="page"]::after{
    display:none;
}

/* Header CTA */
body .top .header-cta,
body .top .header > .btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    padding:12px 18px;
    border:1px solid rgba(34,114,230,.15)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#176fe8 0%,#2688f3 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(24,104,213,.16)!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:850;
    line-height:1.25;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

body .top .header-cta:hover,
body .top .header > .btn:hover{
    transform:translateY(-1px);
    background:linear-gradient(135deg,#1168dd 0%,#1f7fe7 100%)!important;
    box-shadow:0 15px 31px rgba(24,104,213,.21)!important;
}

/* Mobile button */
body .top .mobile-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    width:43px;
    height:43px;
    margin-left:auto;
    padding:0;
    border:1px solid #d8e6f3;
    border-radius:12px;
    background:#f6faff;
    color:#173c68;
    font-size:19px;
    cursor:pointer;
}

/* =========================================================
   FOOTER BRAND
   ========================================================= */

.footer .footer-brand{
    display:inline-flex;
    align-items:center;
    width:166px;
    max-width:100%;
    margin:0 0 18px;
    text-decoration:none!important;
}

.footer .footer-brand img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:left center;
}

.footer .footer-description{
    margin-top:2px;
}

/* =========================================================
   SUBTLE BRAND ICON ON HOVER CARDS
   ========================================================= */

/* Only known service/solution card systems; never applied to every article globally. */
:is(
    .sv2-service-link,
    .rsv-model-grid article,
    .rsv-sector-grid article,
    .rsv-feature-grid article,
    .ma-use-grid article,
    .ma-cap-grid article,
    .core-grid-4 article,
    .core-grid-5 article
){
    position:relative;
    overflow:hidden;
}

:is(
    .sv2-service-link,
    .rsv-model-grid article,
    .rsv-sector-grid article,
    .rsv-feature-grid article,
    .ma-use-grid article,
    .ma-cap-grid article,
    .core-grid-4 article,
    .core-grid-5 article
)::after{
    content:"";
    position:absolute;
    right:12px;
    bottom:10px;
    width:31px;
    height:31px;
    border-radius:9px;
    background:url("/assets/branding/lte-icon-192.png") center/contain no-repeat;
    opacity:0;
    transform:translateY(6px) scale(.9);
    transition:opacity .18s ease,transform .18s ease;
    pointer-events:none;
}

:is(
    .sv2-service-link,
    .rsv-model-grid article,
    .rsv-sector-grid article,
    .rsv-feature-grid article,
    .ma-use-grid article,
    .ma-cap-grid article,
    .core-grid-4 article,
    .core-grid-5 article
):hover::after{
    opacity:.16;
    transform:translateY(0) scale(1);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1100px){
    body .top .header{
        gap:17px;
    }

    body .top .brand-logo{
        width:158px;
        min-width:158px;
    }

    body .top .nav{
        gap:17px;
    }

    body .top .nav a{
        font-size:12px;
    }

    body .top .header-cta,
    body .top .header > .btn{
        padding-inline:14px;
        max-width:235px;
        text-align:center;
    }
}

@media (max-width:900px){
    body .top .header{
        position:relative;
        min-height:70px;
    }

    body .top .brand-logo{
        width:150px;
        min-width:150px;
        height:48px;
    }

    body .top .mobile-toggle{
        display:inline-flex;
        order:2;
    }

    body .top .header-cta,
    body .top .header > .btn{
        display:none;
    }

    body .top .nav{
        position:absolute;
        top:calc(100% + 1px);
        left:0;
        right:0;
        display:none;
        grid-template-columns:1fr;
        gap:2px;
        margin:0;
        padding:12px;
        border:1px solid #dce7f2;
        border-top:0;
        border-radius:0 0 18px 18px;
        background:rgba(255,255,255,.98)!important;
        box-shadow:0 20px 45px rgba(30,70,112,.12);
    }

    body .top .nav.open{
        display:grid;
    }

    body .top .nav a,
    body .top .nav a.is-active,
    body .top .nav a[aria-current="page"]{
        justify-content:flex-start;
        min-height:46px;
        padding:0 12px;
        border-radius:10px!important;
        color:#263f5b!important;
        background:transparent!important;
    }

    body .top .nav a:hover,
    body .top .nav a:focus-visible,
    body .top .nav a.is-active,
    body .top .nav a[aria-current="page"]{
        background:#eef6ff!important;
        color:#176fdf!important;
    }

    body .top .nav a::after{
        display:none;
    }
}

@media (max-width:520px){
    body .top .brand-logo{
        width:136px;
        min-width:136px;
    }

    .footer .footer-brand{
        width:154px;
    }
}

@media (prefers-reduced-motion:reduce){
    body .top .nav a,
    body .top .nav a::after,
    body .top .header-cta,
    body .top .header > .btn,
    :is(
        .sv2-service-link,
        .rsv-model-grid article,
        .rsv-sector-grid article,
        .rsv-feature-grid article,
        .ma-use-grid article,
        .ma-cap-grid article,
        .core-grid-4 article,
        .core-grid-5 article
    )::after{
        transition:none;
    }
}