/*
 * ClickBee — Original Deposit page spacing repair
 * 116
 * No redesign. No element replacement. Spacing/alignment only.
 */

/* Give the original content a little more room below the fixed topbar. */
main.smaller.with-sidebar > .w-100.row{
  padding-top:4px;
  row-gap:26px;
}

/* Intro block */
main.smaller.with-sidebar > .w-100.row
> .col-12.col-lg-6:first-child
> .w-100:first-child{
  margin-bottom:22px;
}

main.smaller.with-sidebar > .w-100.row
> .col-12.col-lg-6:first-child
> .w-100:first-child
> h5.mt-5{
  margin-top:36px!important;
}

main.smaller.with-sidebar > .w-100.row
> .col-12.col-lg-6:first-child
> .w-100:first-child
> p.small.green{
  margin-top:7px;
  margin-bottom:12px!important;
}

main.smaller.with-sidebar > .w-100.row
> .col-12.col-lg-6:first-child
> .w-100:first-child
> p.mb-2:last-child{
  margin-bottom:0!important;
  line-height:1.55;
}

/* Currency section */
main.smaller.with-sidebar .d-flex.align-end.w-100{
  margin-bottom:10px;
}

main.smaller.with-sidebar .currency-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

main.smaller.with-sidebar .currency-list .currency-badge{
  margin:0!important;
}

main.smaller.with-sidebar .currency-list
+ .d-flex.mt-2.justify-center{
  margin-top:14px!important;
}

/* Deposit box — same original box, just cleaner internal rhythm. */
main.smaller.with-sidebar .deposit-container{
  margin-top:36px!important;
  padding-top:24px!important;
  padding-bottom:24px!important;
}

main.smaller.with-sidebar .deposit-container > h5{
  margin-bottom:0!important;
}

main.smaller.with-sidebar .deposit-container > .bgr-white.mt-4{
  margin-top:24px!important;
}

main.smaller.with-sidebar .deposit-container > p.small.mt-2{
  margin-top:14px!important;
  margin-bottom:0!important;
}

main.smaller.with-sidebar .deposit-container
> .input-container.mt-1{
  margin-top:8px!important;
}

main.smaller.with-sidebar .deposit-container
> .input-container
+ p.small{
  margin-top:8px!important;
  margin-bottom:0!important;
}

/* Deposit requirements */
main.smaller.with-sidebar .deposit-container + .w-100{
  margin-top:18px;
}

main.smaller.with-sidebar .deposit-container + .w-100
> .d-flex.mt-3{
  margin-top:0!important;
}

main.smaller.with-sidebar .deposit-container + .w-100
> .d-flex.mt-1{
  margin-top:8px!important;
}

main.smaller.with-sidebar .deposit-container + .w-100
> p.mt-1.small{
  margin-top:12px!important;
}

/* Divider + buy area */
main.smaller.with-sidebar .deposit-container + .w-100 + hr.mt-3{
  margin-top:22px!important;
}

main.smaller.with-sidebar hr.mt-3
+ .w-100.mt-3{
  margin-top:22px!important;
}

main.smaller.with-sidebar hr.mt-3
+ .w-100.mt-3
.text-center > p.mb-2{
  margin-bottom:12px!important;
}

main.smaller.with-sidebar hr.mt-3
+ .w-100.mt-3
> p.small.mt-2{
  margin-top:12px!important;
}

/* Desktop: keep both original columns aligned comfortably. */
@media(min-width:992px){
  main.smaller.with-sidebar > .w-100.row{
    row-gap:0;
  }

  main.smaller.with-sidebar .deposit-container{
    margin-top:36px!important;
  }
}

/* Mobile: preserve the same layout, only normalize the vertical rhythm. */
@media(max-width:991px){
  main.smaller.with-sidebar > .w-100.row{
    row-gap:0;
  }

  main.smaller.with-sidebar > .w-100.row
  > .col-12.col-lg-6:first-child
  > .w-100:first-child
  > h5.mt-5{
    margin-top:30px!important;
  }

  main.smaller.with-sidebar .deposit-container{
    margin-top:26px!important;
  }
}

@media(max-width:576px){
  main.smaller.with-sidebar .currency-list{
    gap:7px;
  }

  main.smaller.with-sidebar .deposit-container{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }

  main.smaller.with-sidebar .deposit-container + .w-100{
    margin-top:16px;
  }

  main.smaller.with-sidebar .deposit-container + .w-100 + hr.mt-3{
    margin-top:18px!important;
  }

  main.smaller.with-sidebar hr.mt-3
  + .w-100.mt-3{
    margin-top:18px!important;
  }
}


/* 117 — QR/details below currencies; Buy Bitcoin stays right on desktop. */
.cb-deposit-layout{
  align-items:flex-start;
}

.cb-deposit-main .deposit-container{
  margin-top:22px!important;
}

.cb-deposit-requirements{
  margin-top:16px!important;
}

.cb-deposit-buy-column{
  padding-top:36px;
}

.cb-deposit-buy-column > hr{
  display:none;
}

.cb-deposit-buy{
  margin-top:0!important;
}

@media(min-width:992px){
  .cb-deposit-buy-column{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    padding-top:86px;
  }

  .cb-deposit-buy{
    width:100%!important;
    margin-top:0!important;
  }
}

@media(max-width:991px){
  .cb-deposit-buy-column{
    padding-top:0;
    margin-top:22px;
  }

  .cb-deposit-buy-column > hr{
    display:block;
    margin-top:0!important;
    margin-bottom:18px!important;
  }

  .cb-deposit-buy{
    margin-top:0!important;
  }
}