/*
 RUYA_KVKK_ACTIVATION_MOBILE_V1_20260926
 İlk veli aktivasyonu / sözleşme ekranı mobil erişilebilirlik düzeltmesi.
 Backend veya onay mantığına dokunmaz.
*/

@media (max-width:780px){

  /*
   Uzun sözleşme ekranı kendi içinde scroll edebilsin.
   Böylece dış sayfanın scroll davranışından bağımsız kalır.
  */
  .contractApprovalStep{
    max-height:calc(100dvh - 150px);
    max-height:calc(100svh - 150px);
    overflow-y:auto;
    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;

    padding-right:3px;
    padding-bottom:
      calc(92px + env(safe-area-inset-bottom, 0px));

    scrollbar-width:none;
  }

  .contractApprovalStep::-webkit-scrollbar{
    display:none;
  }

  /*
   Onay butonu listenin sonunda kaybolmasın.
   Kullanıcı aşağı inerken son bölümde görünür ve basılabilir kalsın.
  */
  .contractApprovalStep > .loginButton{
    position:sticky;
    left:0;
    right:0;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));

    z-index:20;

    margin-top:18px;

    box-shadow:
      0 10px 32px rgba(23,45,100,.24),
      0 -14px 28px rgba(255,255,255,.96);
  }

  /*
   Kapat butonu scroll edilirken erişilebilir kalsın.
  */
  .contractApprovalStep > .registerClose{
    position:sticky;
    float:right;

    top:6px;
    right:4px;

    z-index:30;

    margin-bottom:-42px;
  }

  /*
   Checkbox alanında mobil taşma olmasın.
  */
  .contractApprovalStep .consentList{
    min-width:0;
  }

  .contractApprovalStep .consentItem{
    min-width:0;
  }

  .contractApprovalStep .consentItem > span{
    min-width:0;
    overflow-wrap:anywhere;
  }


  /*
   KVKK / Açık Rıza metni modalı:
   iPhone adres çubuğu ve safe-area hesaba katılsın.
  */
  .legalModal{
    height:100dvh;
    min-height:100svh;

    padding:
      env(safe-area-inset-top, 0px)
      0
      env(safe-area-inset-bottom, 0px);
  }

  .legalModalPanel{
    width:100%;
    height:100%;
    max-height:100dvh;

    border-radius:0;
  }

  .legalModalBody{
    min-height:0;
    overflow-y:auto;

    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  .legalModalFooter{
    position:relative;
    z-index:5;

    padding-bottom:
      calc(15px + env(safe-area-inset-bottom, 0px));

    background:#fff;
  }
}


/* Çok küçük telefonlar */
@media (max-width:430px){

  .contractApprovalStep{
    max-height:calc(100dvh - 128px);
    max-height:calc(100svh - 128px);
  }

  .contractApprovalStep > h2{
    padding-right:42px;
  }

  .contractApprovalStep .legalButtons{
    grid-template-columns:1fr;
  }

  .contractApprovalStep .consentItem{
    padding:12px;
  }
}