/* ============================================================
   İŞ BANKASI — SHARED THEME
   Fixes: black safe areas + smooth page transitions
   ============================================================ */

/* 1. Body: landscape bg so safe areas never show black */
body {
    background: #ffffff !important;
}

/* 2. Safe-area padding for header (status bar / notch) */
.gb-header,
.gb-login-header {
    padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important;
}

/* 3. Safe-area padding for bottom sheet last child */
.gb-actions {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
}
.gb-apply-wrap {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
}

/* 4. Page transition keyframes — 4 directions */
@keyframes slideInFromRight {
    from { transform: translateX(100%); opacity: 0.6; }
    to   { transform: translateX(0);   opacity: 1;   }
}
@keyframes slideInFromLeft {
    from { transform: translateX(-100%); opacity: 0.6; }
    to   { transform: translateX(0);    opacity: 1;   }
}
/* iOS-style exit: slight push (not full-width slide) */
@keyframes slideOutToLeft {
    from { transform: translateX(0);    opacity: 1; }
    to   { transform: translateX(-28%); opacity: 0; }
}
@keyframes slideOutToRight {
    from { transform: translateX(0);   opacity: 1; }
    to   { transform: translateX(100%); opacity: 0; }
}

/* Transition wrapper — overrides any inline animation */
.gb-wrap[data-enter="forward"] {
    animation: slideInFromRight 0.40s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}
.gb-wrap[data-enter="back"] {
    animation: slideInFromLeft  0.40s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}
.gb-wrap.exit-forward {
    animation: slideOutToLeft   0.28s cubic-bezier(0.55, 0, 1, 0.45) forwards !important;
    pointer-events: none;
}
.gb-wrap.exit-back {
    animation: slideOutToRight  0.28s cubic-bezier(0.55, 0, 1, 0.45) forwards !important;
    pointer-events: none;
}