/* GENEL ORTAK */

.dw-iletisim-ikon {
    display: inline-block;
}

/* Ekran okuyucu metni (şimdilik kullanılmıyor ama dursun) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =========================
   MASAÜSTÜ – DİKEY BAR
   ========================= */

.dw-iletisim-desktop {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
}

/* Konum: sol / sağ – ekrana YAPIŞIK */
.dw-iletisim-masaustu-sol {
    left: 0;
}

.dw-iletisim-masaustu-sag {
    right: 0;
}

/* Liste ve öğeler */

.dw-iletisim-desktop .dw-iletisim-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dw-iletisim-desktop .dw-iletisim-oge {
    margin: 0;
}

/* İlk ve son ikon için üst-alt nefes */
.dw-iletisim-desktop .dw-iletisim-oge:first-child {
    margin-top: 8px;
}
.dw-iletisim-desktop .dw-iletisim-oge:last-child {
    margin-bottom: 8px;
}

/* Linkin temel hali – kare kutu, ikon TAM ORTADA */

.dw-iletisim-desktop .dw-iletisim-oge a,
.dw-iletisim-desktop .dw-iletisim-oge a:visited,
.dw-iletisim-desktop .dw-iletisim-oge a:focus,
.dw-iletisim-desktop .dw-iletisim-oge a:hover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;  /* ikon tam ortada */
    width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    border: 0 !important;
    background-clip: padding-box !important;
    box-sizing: border-box;
    overflow: hidden; /* metni içeride tut */
    transform: none !important;
    filter: none !important;
    transition: width 0.2s ease, padding 0.2s ease, background-color 0.15s ease;
}

/* İkon boyutu */

.dw-iletisim-desktop .dw-iletisim-ikon {
    font-size: 22px;
    line-height: 1;
}

/* Metin – normalde tamamen YOK, hover’da görünecek */

.dw-iletisim-desktop .dw-iletisim-etiket {
    display: none;        /* asıl kritik nokta: yer tutmasın */
    opacity: 0;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    transition: opacity 0.15s ease, margin 0.15s ease;
}

/* ===== SOL TARAFTA DAVRANIŞ ===== */

.dw-iletisim-masaustu-sol .dw-iletisim-oge a:hover {
    width: 140px !important;              /* açılınca genişlik */
    padding: 0 10px 0 16px !important;    /* sola hafif iç boşluk */
    justify-content: flex-start !important; /* ikon + yazı sola hizalansın */
}

.dw-iletisim-masaustu-sol .dw-iletisim-oge a:hover .dw-iletisim-etiket {
    display: inline-block;
    opacity: 1;
    margin-left: 10px;
}

/* ===== SAĞ TARAFTA DAVRANIŞ ===== */

.dw-iletisim-masaustu-sag .dw-iletisim-oge a {
    flex-direction: row-reverse !important; /* ikon dış kenarda */
}

.dw-iletisim-masaustu-sag .dw-iletisim-oge a:hover {
    width: 140px !important;
    padding: 0 16px 0 10px !important;
    justify-content: flex-start !important; /* row-reverse olduğu için yine dışa hizalar */
}

.dw-iletisim-masaustu-sag .dw-iletisim-oge a:hover .dw-iletisim-etiket {
    display: inline-block;
    opacity: 1;
    margin-right: 10px;
}

/* =========================
   MOBİL – ALT BAR
   ========================= */

.dw-iletisim-mobile {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.18);
    font-size: 14px;
    background: transparent;
}

.dw-iletisim-alt-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.dw-iletisim-alt-oge {
    flex: 1;
    margin: 0;
}

.dw-iletisim-alt-oge a,
.dw-iletisim-alt-oge a:visited,
.dw-iletisim-alt-oge a:focus,
.dw-iletisim-alt-oge a:hover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    min-height: 48px;
    padding: 10px 8px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600;
    border: 0 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
}

.dw-iletisim-alt-oge .dw-iletisim-ikon {
    font-size: 18px;
    line-height: 1;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 767px) {
    .dw-iletisim-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .dw-iletisim-mobile {
        display: none !important;
    }
}

/* Tema overflow / z-index saçmalıklarını bastırmak için */
.dw-iletisim-desktop,
.dw-iletisim-mobile {
    position: fixed !important;
    z-index: 999999 !important;
}