/*
====================================================================

NOVA COMPONENTS

Project : Medya Hizmetlerim
Version : 0.1.0

====================================================================
*/

/* ==========================================================
   HEADER
========================================================== */


/* ==========================================================
   HERO
========================================================== */


/* ==========================================================
   BUTTONS
========================================================== */


/* ==========================================================
   PLATFORM CARDS
========================================================== */


/* ==========================================================
   PACKAGE CARDS
========================================================== */


/* ==========================================================
   FORMS
========================================================== */


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


/* ==========================================================
   MODALS
========================================================== */
/* ==========================================================
   NOVA HEADER v1
========================================================== */

header{
    position: sticky;
    top: 0;
    z-index: 999;
    background: rgba(15,23,42,.82);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(255,255,255,.06);
    transition: all .35s ease;
}

.header{
    min-height:88px;
    display:flex;
    align-items:center;
}

.header .logo img{
    height:42px;
    width:auto;
    transition:.30s;
}

.header .logo:hover img{
    transform:scale(1.03);
}
/* ==========================================================
   NAVBAR
========================================================== */

.navbar ul{
    display:flex;
    align-items:center;
    gap:14px;
}

.navbar .nav-link{
    position:relative;
    padding:12px 16px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    transition:.25s;
}

.navbar .nav-link:hover{
    background:rgba(79,124,255,.08);
    color:var(--nova-primary);
}

.navbar .nav-link::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:6px;
    height:2px;
    background:var(--nova-primary);
    transform:scaleX(0);
    transition:.25s;
}

.navbar .nav-link:hover::after{
    transform:scaleX(1);
}
/* ==========================================================
   HEADER BUTTON
========================================================== */

.butto-login{

    border-radius:14px;

    padding:14px 24px;

    font-weight:700;

    transition:.30s;

    box-shadow:
    0 10px 30px rgba(79,124,255,.22);

}

.butto-login:hover{

    transform:translateY(-2px);

    box-shadow:
    0 18px 40px rgba(79,124,255,.35);

}
.cart{

    width:48px;

    height:48px;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.05);

    transition:.30s;

}

.cart:hover{

    background:rgba(79,124,255,.12);

    transform:translateY(-2px);

}
.mobile-navbar-button{

    width:48px;

    height:48px;

    border-radius:14px;

    transition:.30s;

}

.mobile-navbar-button:hover{

    background:rgba(255,255,255,.06);

}