/* =========================
   GLOBAL
========================= */

html,
body{
    overflow-x:hidden !important;
    max-width:100% !important;
    scroll-behavior:smooth;
    font-family:'Poppins',sans-serif;
    background:#fff;
}

section,
.container,
.container-fluid,
.row{
    max-width:100%;
}

.row{
    margin-left:0 !important;
    margin-right:0 !important;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

/* =========================
   NAVBAR
========================= */

.navbar{
    background:#fff !important;
    padding:16px 0;
    z-index:99999;
    position:relative;
}

.navbar-brand{
    font-size:34px;
    font-weight:700;
    letter-spacing:1px;
}

.navbar-nav{
    align-items:center;
}

.navbar .nav-item{
    position:relative;
}

.navbar .nav-link{
    color:#1f2d3d !important;
    font-size:14px;
    font-weight:500;
    margin:0 10px;
    text-transform:uppercase;
    border:none !important;
    background:none !important;
    box-shadow:none !important;
    transition:.2s;
}

/* KIRMIZI ÇİZGİ FIX */
.navbar .nav-link::before,
.navbar .nav-link::after,
.navbar .nav-item::before,
.navbar .nav-item::after{
    display:none !important;
    content:none !important;
}

/* ACTIVE FIX */
.navbar .active,
.navbar .active > a,
.navbar .show > a{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:#0d6efd !important;
}

.navbar .nav-link:hover{
    color:#0d6efd !important;
}

/* =========================
   DROPDOWN FIX
========================= */

.dropdown{
    position:relative;
}

.dropdown-menu{
    position:absolute !important;
    top:100% !important;
    left:0 !important;

    display:none;

    min-width:240px;

    padding:10px 0 !important;

    background:#fff !important;

    border:none !important;
    border-radius:14px !important;

    box-shadow:0 10px 35px rgba(0,0,0,0.12) !important;

    z-index:999999;
}

/* SADECE bootstrap açınca */
.dropdown-menu.show{
    display:block !important;
}

/* ITEM */
.dropdown-item{
    padding:12px 20px !important;
    font-size:14px;
    font-weight:500;
    color:#222 !important;
    transition:.2s;
}

/* HOVER */
.dropdown-item:hover{
    background:#f5f7fa !important;
    color:#0d6efd !important;
    padding-left:26px !important;
}

/* Navbar aşağı kayma fix */
.navbar,
.navbar-nav,
.nav-item{
    overflow:visible !important;
}

/* Bootstrap ok işareti */
.dropdown-toggle::after{
    margin-left:6px;
    vertical-align:2px;
}

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

.hero-section,
.vh-100{
    position:relative;
    overflow:hidden;
}

.hero-overlay{
    background:rgba(0,0,0,0.50);
}

.hero-content,
.hero-text-wrapper{
    position:relative;
    z-index:5;
}

.hero-subtitle{
    font-size:16px;
    letter-spacing:2px;
    margin-bottom:18px !important;
    color:#00a6ff;
    font-weight:600;
}

.hero-title{
    font-size:4.3rem;
    line-height:1.08;
    margin-bottom:24px !important;
    font-weight:700;
    color:#fff;
    max-width:850px;
    text-shadow:0 4px 20px rgba(0,0,0,0.25);
}

.hero-text,
.lead{
    font-size:22px;
    line-height:1.6;
    margin-bottom:32px !important;
    color:#fff;
    max-width:700px;
}

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

.btn,
.btn-premium,
.btn-outline-accent{
    padding:14px 28px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    transition:.25s;
    border:none;
}

.btn:hover{
    transform:translateY(-2px);
}

/* =========================
   WHATSAPP BUTTON
========================= */

.whatsapp-btn{
    right:20px !important;
    bottom:20px !important;
    padding:14px 20px !important;
    font-size:14px !important;
    z-index:999999 !important;
    border-radius:50px;
    box-shadow:0 8px 25px rgba(0,0,0,0.18);
}

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

.project-card,
.card{
    margin-bottom:20px;
    border-radius:22px;
    overflow:hidden;
    border:none;
    transition:.3s;
}

.project-card:hover,
.card:hover{
    transform:translateY(-4px);
}

.bg-text-large{
    font-size:7rem !important;
    left:0 !important;
    top:0 !important;
    opacity:0.04;
    font-weight:700;
}

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

footer{
    text-align:left;
    background:#111827;
    color:#fff;
    padding:70px 0 20px;
}

footer .row > div{
    margin-bottom:30px;
}

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

.header-phone{
    font-size:13px;
    color:#777;
    margin-top:-5px;
    letter-spacing:1px;
    font-weight:500;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    body{
        overflow-x:hidden !important;
    }

    .navbar{
        padding:12px 0;
    }

    .navbar-brand{
        font-size:22px !important;
    }

    .nav-link{
        margin:8px 0 !important;
        font-size:13px !important;
    }

    /* MOBİL DROPDOWN */
    .dropdown-menu{
        position:relative !important;
        width:100%;
        min-width:100%;
        box-shadow:none !important;
        border-radius:10px !important;
        margin-top:5px !important;
        background:#f8f9fa !important;
    }

    .dropdown-item{
        padding:10px 16px !important;
        font-size:13px;
    }

    /* HERO */
    .vh-100,
    .hero-section{
        height:92vh !important;
        min-height:640px !important;
        display:flex;
        align-items:center;
    }

    .position-absolute img,
    img.w-100.h-100,
    .hero-section img{
        object-fit:cover !important;
        object-position:60% center !important;
        width:100% !important;
        height:100% !important;
    }

    .hero-content,
    .hero-text-wrapper{
        padding-top:40px;
    }

    .hero-subtitle{
        font-size:14px !important;
    }

    .hero-title{
        font-size:2.2rem !important;
        max-width:320px;
    }

    .hero-text,
    .lead{
        font-size:16px !important;
        max-width:310px;
    }

    .container{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .btn,
    .btn-premium,
    .btn-outline-accent{
        width:100%;
        padding:15px 20px;
        margin-bottom:12px;
    }

    .hero-buttons{
        width:100%;
    }

    .whatsapp-btn{
        right:15px !important;
        bottom:15px !important;
    }

    .project-card,
    .card{
        border-radius:18px;
    }

    .bg-text-large{
        font-size:2.7rem !important;
        opacity:0.06;
    }

    footer{
        text-align:center;
    }

    .header-phone{
        font-size:11px;
        margin-top:-2px;
    }

}