/* 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 */

/* Dil degisim menusu */
.header-column {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.language-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.language-button {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    justify-content: space-between;
}

    .language-button:hover {
        border-color: #007bff;
        box-shadow: 0 2px 8px rgba(0,123,255,0.2);
    }

.current-flag {
    width: 24px;
    height: 16px;
    border-radius: 2px;
    object-fit: cover;
}

.current-lang {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.dropdown-arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666;
    transition: transform 0.3s ease;
}

.language-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
}

.language-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 120px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.language-dropdown.active .language-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-item {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
}

    .language-item:last-child {
        border-bottom: none;
    }

    .language-item:hover {
        background-color: #f8f9fa;
    }

    .language-item.active {
        background-color: #e3f2fd;
        color: #1976d2;
    }

    .language-item img {
        width: 24px;
        height: 16px;
        border-radius: 2px;
        object-fit: cover;
    }

    .language-item span {
        font-size: 14px;
        color: #333;
    }

    .language-item.active span {
        color: #1976d2;
        font-weight: 500;
    }

@media (max-width: 767.98px) {
    .language-item .language-text {
        display: none;
    }

    .language-menu {
        right: 0;
        left: auto;
        min-width: 72px;
    }
}
/* Dil degisim menusu son */