/* FOTOĞRAF VE VİDEO GALERİ */
.galeri {
    overflow: hidden; /* tasan kisimlari gizle */
}

    .galeri img {
        width: 100%;
        height: auto;
        object-fit: cover; /* resim oranini korumak icin kirp */
        height: 350px !important;
    }
/* FOTOĞRAF VE VİDEO GALERİ */


/* SAYFALAMA */
.sayfalama { /* width: 400px; */
    height: 20px;
    float: right;
    text-align: right;
    margin-top: 8px;
}

    .sayfalama a, .sayfalama a:visited, .sayfalama a:active {
        border: 1px solid #D7D7D7;
        text-decoration: none;
        color: #000000;
        padding: 7px;
    }

        .sayfalama a:hover {
            border: 1px solid #D9D9D9;
            color: #000;
            background-color: #EBE9ED;
        }

            .sayfalama a.disabled, .sayfalama a:hover.disabled { /*Style for "disabled" previous or next link*/
                background-color: white;
                cursor: default;
                color: #929292;
                border-color: transparent;
            }

        .sayfalama a.currentpage { /*Style for previous and next link*/
            font-weight: bold;
            font-size: 12pt
        }

.sayfalama_yok {
    border: 1px solid #D7D7D7;
    text-decoration: none;
    color: #ffffff;
    padding: 7px;
    background-color: #b96e07;
    margin-right: 3px
}
/* SAYFALAMA */


/* YÖNETİM PANELİNE DÖNÜŞ BUTONU */
.yonetimPanelSerit {
    position: fixed; /* sabit konum */
    top: -1; /* en üstte */
    right: 10px; /* en solda */
    width: 120px; /* genişlik */
    height: 10px; /* yükseklik */
    background-color: #cf245f;
    background-image: linear-gradient(to bottom right, #fcd34d, #ef4444, #ec4899);
    color: white; /* metin rengi */
    text-align: center; /* metin ortalanacak */
    transition: all 0.5s ease; /* geçiş efekti */
    z-index: 999999;
    border: 2px solid white; /* Beyaz ince çerçeve */
    border-radius: 0 0 10px 10px; /* Kenarları ovalleştir */
}

    .yonetimPanelSerit:hover {
        height: 50px; /* mouse üzerine gelince yükseklik artırılacak */
        line-height: 5px; /* dikey hizalama */
    }

.yonetimPanelyazi {
    visibility: hidden; /* metin gizli */
    color: white;
    text-align: center;
    line-height: 100px; /* dikey hizalama */
    font-size: 12px;
}

.yonetimPanelSerit:hover .yonetimPanelyazi {
    visibility: visible; /* metin görünür */
    line-height: 45px;
    transition: all 1.0s ease; /* geçiş efekti */
}
/* YÖNETİM PANELİNE DÖNÜŞ BUTONU */


/* WhatsApp Kodları */
@media screen and (max-width: 800px) {
    .whatsapp-mobile {
        position: fixed;
        z-index: 99999999;
        bottom: 10px;
        left: 10px;
        visibility: visible;
    }

    .whatsapp {
        visibility: hidden;
        position: fixed;
    }
}

@media screen and (min-width: 801px) {
    .whatsapp {
        position: fixed;
        z-index: 99999999;
        bottom: 10px;
        left: 10px;
        visibility: visible;
    }

    .whatsapp-mobile {
        visibility: hidden;
        position: fixed;
    }
}
/* WhatsApp Kodları */


/* CAPTCHA */
.captcha-container {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #e9ecef;
    text-align: center;
    margin-bottom: 10px;
}

.captcha-image {
    background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57);
    background-size: 400% 400%;
    animation: gradientShift 3s ease infinite;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
    position: relative;
    overflow: hidden;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.captcha-text {
    font-family: 'Courier New', monospace;
    font-size: 32px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 3px 3px 5px rgba(0,0,0,0.5);
    letter-spacing: 8px;
    transform: rotate(-5deg) skew(-10deg);
    position: relative;
    z-index: 2;
}

.captcha-noise {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 80%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%), linear-gradient(45deg, transparent 74%, rgba(255,255,255,0.2) 75%, rgba(255,255,255,0.2) 76%, transparent 77%), radial-gradient(circle at 80% 20%, transparent 15%, rgba(0,0,0,0.2) 16%, rgba(0,0,0,0.2) 20%, transparent 21%);
    z-index: 1;
}

.captcha-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(30deg, transparent 40%, rgba(255,255,255,0.4) 41%, rgba(255,255,255,0.4) 43%, transparent 44%), linear-gradient(150deg, transparent 60%, rgba(0,0,0,0.3) 61%, rgba(0,0,0,0.3) 63%, transparent 64%);
    z-index: 1;
}

.captcha-input-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.captcha-input {
    width: 150px !important;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 5px;
}

    .captcha-input:focus {
        border-color: #667eea;
        outline: none;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.captcha-refresh-btn {
    background: #17a2b8;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
}

    .captcha-refresh-btn:hover {
        background: #138496;
    }

.captcha-info {
    font-size: 13px;
    color: #666;
    margin-top: 10px;
    line-height: 1.4;
}

.job-app-error-message {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
}
/* CAPTCHA */