/* ------------------------------ */
/* GLOBAL CONTRAST FIX (Lighthouse Compliant) */
/* ------------------------------ */

/* Varsayılan koyu metin (açık zeminlerde okunaklı) */
body, p, span, div {
    color: #111111;
}

/* Beyaz metin gereken alanlar */
.text-thm1,
.color-white,
.ulockd-header-topped a,
.ulockd-copy-right p,
.ulockd-footer-contact a,
.ulockd-welcntxt,
.ulockd-footer-fst-col p {
    color: #ffffff !important;
    text-shadow: 0 0 4px rgba(0,0,0,0.75);
}

/* ------------------------------ */
/* HEADER & MENU CONTRAST FIX */
/* ------------------------------ */

/* Header arka planı koyu (Google doğru okur) */
.header-nav,
.navbar,
.navbar-default {
    background-color: #000 !important;
}

/* Menü linkleri normal durum */
.navbar-nav > li > a {
    color: #ffffff !important;
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
}

    /* ACTIVE & HOVER menü — Google Contrast PASS */
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a.active {
        background-color: #000 !important; /* Google’ın doğru okuması için şart */
        color: #FF4C4C !important; /* Contrast-safe kırmızı */
        font-weight: 700;
        text-shadow: none !important;
    }

/* Mobil menü (collapse) siyah arka plan */
#navbar-menu {
    background-color: #000 !important;
}

/* Hamburger buton kontrastı */
.navbar-toggle {
    border-color: #ffffff !important;
}

    .navbar-toggle .icon-bar {
        background: #ffffff !important;
    }

/* ------------------------------ */
/* LOGO FIX (CLS & Ratio Correct) */
/* ------------------------------ */

/* Header Logo */
.header-logo {
    width: 220px;
    height: 80px; /* senin gerçek resim ölçün */
    object-fit: contain;
}

/* Footer Logo */
.footer-logo {
    width: 144px; /* gerçek doğal genişlik */
    height: 50px; /* gerçek doğal yükseklik */
    object-fit: contain;
}

/* ------------------------------ */
/* ADDRESS & INFO TEXT FIX */
/* ------------------------------ */

.ulockd-addrss {
    color: #111111 !important;
    text-shadow: none !important;
}

/* ------------------------------ */
/* FOOTER FIX */
/* ------------------------------ */

.ulockd-footer-contact h3,
.ulockd-footer-qlink h3 {
    color: #ffffff !important;
    text-shadow: 0 0 4px rgba(0,0,0,0.7);
}

/* Footer icons */
.ulockd-footer-font-icon a {
    color: #ffffff !important;
}


/* CopyRight Section */
.ulockd-copy-right {
    background: #000 !important;
    color: #ffffff !important;
}



/* SADECE slider içindeki p yazıları beyaz olsun */
.ulockd-main-slider .caption p {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(0,0,0,0.75) !important;
    font-size: 18px;
    line-height: 1.6;
    max-width: 650px;
    margin-top: 10px;
}


/* Butonun asla kaybolmaması için */
.ulockd-home-btn {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Mobil görünüm düzeltmesi (630px altı) */
@media (max-width: 630px) {

    /* Caption alanını görünür ve yukarı taşı */
    .ulockd-main-slider .caption {
        position: absolute !important;
        top: 12% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        text-align: center !important;
        width: 100% !important;
        padding: 0 10px !important;
        z-index: 9999 !important;
    }

        /* Başlık yazılarını küçült */
        .ulockd-main-slider .caption .ulockd-text-one,
        .ulockd-main-slider .caption .ulockd-text-two {
            font-size: 18px !important;
            line-height: 1.2 !important;
            margin-bottom: 5px !important;
        }

        /* Açıklama yazısı (p) */
        .ulockd-main-slider .caption p {
            font-size: 10px !important;
            line-height: 1.3 !important;
            max-width: 85% !important;
            margin: 8px auto 10px auto !important;
            color: #ffffff !important;
            text-shadow: 0 0 5px rgba(0,0,0,0.8) !important;
            display: block !important;
        }

    /* BUTON görünür + mobil boyut */
    .ulockd-home-btn {
        padding: 8px 16px !important;
        font-size: 12px !important;
        margin-top: 5px !important;
        display: inline-block !important;
        opacity: 1 !important;
    }
}


/* ------------------------------ */
/* SLIDER SABİT YÜKSEKLİK – TÜM EKRANLAR İÇİN UYUMLU */
/* ------------------------------ */

.ulockd-home-slider,
.ulockd-main-slider,
.ulockd-main-slider .item {
    position: relative;
    width: 100%;
    height: 700px; /* SLIDER BOYUTU — buradan ayarlayabilirsin */
    overflow: hidden;
}

    /* Slider içindeki resim tam otursun */
    .ulockd-main-slider .item img {
        width: 100%;
        height: 700px; /* yukarıdaki ile aynı */
        object-fit: cover; /* Resim bozulmadan kırpılır */
        object-position: center center;
    }

/* Mobilde slider daha küçük olmalı */
@media(max-width: 768px) {
    .ulockd-home-slider,
    .ulockd-main-slider,
    .ulockd-main-slider .item {
        height: 360px;
    }

        .ulockd-main-slider .item img {
            height: 360px;
            object-fit: cover;
        }
}

/* Çok küçük ekranlar için */
@media(max-width: 480px) {
    .ulockd-home-slider,
    .ulockd-main-slider,
    .ulockd-main-slider .item {
        height: 300px;
    }

        .ulockd-main-slider .item img {
            height: 300px;
        }
}

/* ------------------------------ */
/* HİZMET KUTULARI SABİT YÜKSEKLİK + EŞİT HİZALAMA */
/* ------------------------------ */

/* Dış kutu (Tüm servis kutuları eşit boyda olsun) */
.ulockd-service-fstcol {
    background: #1c1c1c;
    padding: 25px 20px;
    border-radius: 12px;
    min-height: 420px; /* TÜM KUTULAR EŞİT YÜKSEKLİK */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    color: #ffffff;
}

/* İkon alanı sabit yükseklikte */
.ulockd-srvc-icon {
    height: 80px; /* ikon alanı eşit */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    margin-bottom: 15px;
    color: #FF4C4C;
}

/* Başlık */
.ulockd-service-fstcol h3 {
    font-size: 20px;
    margin: 15px 0 10px 0;
    line-height: 1.3;
    font-weight: 700;
    color: #ffffff;
}

/* Açıklama yazısı */
.ulockd-service-fstcol p {
    font-size: 14px;
    line-height: 1.5;
    flex-grow: 1; /* yazı uzun olsa bile kutuyu dengeler */
    color: #dddddd;
}

/* ------------------------------ */
/* MOBİL OPTİMİZASYON */
/* ------------------------------ */

@media(max-width: 768px) {
    .ulockd-service-fstcol {
        min-height: 360px; /* tablet için */
    }
}

@media(max-width: 480px) {
    .ulockd-service-fstcol {
        min-height: 300px; /* telefon için daha düşük */
    }

    .ulockd-srvc-icon {
        height: 60px;
        font-size: 40px;
    }

    .ulockd-service-fstcol h3 {
        font-size: 18px;
    }

    .ulockd-service-fstcol p {
        font-size: 13px;
    }
}

/* ------------------------------ */
/* HOVER EFEKTİ – İSTEĞE BAĞLI (ŞIK DURUR) */
/* ------------------------------ */

.ulockd-service-fstcol:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
    box-shadow: 0 12px 25px rgba(0,0,0,0.3);
}

.footer-dev strong {
    color: #F74540 !important;
}