/* ──────────────────────────────────────────────────────────────────────────
 * Mobil menü (slideout snap-drawer) geliştirmeleri — JS: tutku-mobile-menu.js
 *  1) Chevron toggle (ayrı buton; link'e gitmez)  2) Ara/WhatsApp  3) Tutku Ofis
 *  4) Sosyal ikonlar (kayan satır)
 * ────────────────────────────────────────────────────────────────────────── */

/* 1) Alt-menü chevron toggle butonu — satırın SAĞINDA, linkin üstünde (tıklayınca toggle) */
.mobilex-menu > li.menu-item-has-children { position: relative; }
.mobilex-menu > li.menu-item-has-children > a { padding-right: 58px !important; }
.mobilex-menu > li.menu-item-has-children > a::after { content: none !important; display: none !important; } /* yerleşik chevron'u gizle */
.tutku-mob-arrow {
    position: absolute; top: 0; right: 0; z-index: 4;
    width: 56px; height: 100%; min-height: 46px;
    display: flex; align-items: center; justify-content: center;
    background: transparent; border: 0; /* dik çizgi yok */
    color: #6b7280; cursor: pointer; padding: 0; margin: 0;
    -webkit-appearance: none; appearance: none;
}
.tutku-mob-arrow i { font-size: 14px; line-height: 1; transition: transform .22s ease; }
.mobilex-menu > li.menu-item-has-children.tutku-sub-open > .tutku-mob-arrow i { transform: rotate(180deg); }
.tutku-mob-arrow:active { background: rgba(0,0,0,.04); }
/* alt-menü: default KAPALI; yalnız toggle ile açılır (link tıklaması sayfaya gider) */
.mobilex-menu > li.menu-item-has-children > .sub-menu { display: none; }
.mobilex-menu > li.menu-item-has-children.tutku-sub-open > .sub-menu { display: block; }

/* 2) Ara + WhatsApp (danışman sayfası stilinde) */
.tutku-mob-cta { display: flex; gap: 8px; padding: 12px 16px 6px; }
.tutku-mob-cta__btn {
    flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    height: 42px; border-radius: 9px; font-size: 14px; font-weight: 600; line-height: 1;
    text-decoration: none; border: 1px solid transparent; transition: background .15s ease, color .15s ease;
}
.tutku-mob-cta__btn i { font-size: 14px; }
.tutku-mob-cta__call { background: #fdecec; color: #d6251a; border-color: #f3c9c6; }
.tutku-mob-cta__call:hover, .tutku-mob-cta__call:focus { background: #d6251a; color: #fff; }
.tutku-mob-cta__wa { background: #e7f9ee; color: #128c4a; border-color: #bfe9cf; }
.tutku-mob-cta__wa:hover, .tutku-mob-cta__wa:focus { background: #25d366; border-color: #25d366; color: #fff; }

/* ALT BLOK — drawer dibine SABİT (sticky): Tutku Ofis + sosyal ikonlar. Drawer flex-column
   olduğundan margin-top:auto ile dibe iter; sticky bottom uzun menüde de görünür tutar. */
.mobilewrapper .snap-drawer-left,
.mobilewrapper .snap-drawer { display: flex !important; flex-direction: column; min-height: 100dvh; }
.tutku-mob-bottom {
    margin-top: auto; position: sticky; bottom: 0; z-index: 5;
    background: #fff; border-top: 1px solid #eceef1; padding-top: 8px;
    /* Telefonun sistem nav bar'ının (geri/ana/çoklu) ALTINDA kalmasın: güvenli alan + tampon */
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 42px);
}

/* 3) Tutku Ofis → Git — outline buton; menü fontu (Inter 13/400) + DAHA AÇIK border */
.tutku-mob-office {
    display: flex; align-items: center; gap: 10px; margin: 8px 16px 4px;
    padding: 11px 14px; border-radius: 9px; text-decoration: none;
    border: 1.5px solid var(--tutku-border-dark, #d6dbdd);
    color: var(--e-global-color-secondary, #081930); background: rgba(8,25,48,.02);
    font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 400;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.tutku-mob-office:hover, .tutku-mob-office:focus { background: var(--tutku-bg-light, #eef3f6); border-color: #c2c9d2; }
.tutku-mob-office .tutku-mob-office__pin { font-size: 15px; }
.tutku-mob-office__txt { flex: 1 1 auto; }
.tutku-mob-office__go { display: inline-flex; align-items: center; gap: 5px; opacity: .85; }

/* 4) Sosyal ikonlar — TEK SATIR kayan (yatay scroll) full-row */
.tutku-mob-social { padding: 8px 16px 16px; }
.tutku-mob-social .tutku-mob-social__list {
    display: flex !important; flex-wrap: nowrap !important; gap: 10px !important;
    justify-content: flex-start !important; align-items: center;
    overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 !important; padding: 2px 0 6px !important;
    scrollbar-width: none;
}
.tutku-mob-social .tutku-mob-social__list::-webkit-scrollbar { display: none; }
.tutku-mob-social .tutku-mob-social__list > li { flex: 0 0 auto !important; margin: 0 !important; }