/* 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;
    }


/* 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
}


/* 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 */
}

/* 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;
    }
}

/* GENEL METİN KOPYALAMA BİLEŞENİ */
.kopyalanabilir-metin {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.kopyalanabilir-metin code {
    overflow-wrap: anywhere;
}

.metin-kopyala-dugmesi {
    display: inline-grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    padding: 0;
    color: #315c9b;
    background: #fff;
    border: 1px solid #d8e1ef;
    border-radius: 7px;
    cursor: pointer;
}

.metin-kopyala-dugmesi:hover,
.metin-kopyala-dugmesi:focus-visible {
    color: #174fb8;
    background: #edf4ff;
    border-color: #9db9eb;
}

.metin-kopyala-dugmesi.is-kopyalandi {
    color: #247453;
    background: #effaf5;
    border-color: #bce1d1;
}
