/* ========================================================
   PAYCARD V7.12.2
   GOLD RESERVE DEFAULT UI
   ======================================================== */

.v7122-gold-reserve-field {
  width:100%;

  margin-top:14px;
}


.v7122-gold-reserve-field label {
  display:block;

  margin-bottom:6px;

  color:#485562;

  font-size:10px;

  font-weight:800;
}


.v7122-gold-reserve-select {
  width:100% !important;

  min-width:0;

  height:46px;

  padding:
    0 12px;

  color:#18232e;

  background:#fff;

  border:
    1px solid #d9e1e6;

  border-radius:10px;

  outline:none;

  cursor:pointer;

  font-size:13px;

  font-weight:700;
}


.v7122-gold-reserve-select:focus {
  border-color:
    var(--primary);

  box-shadow:
    0 0 0 3px
    rgba(0,140,115,.08);
}


.v7122-gold-reserve-info {
  width:100%;

  margin:
    12px 0 16px;

  padding:16px;

  background:
    linear-gradient(
      135deg,
      #fffdf4,
      #ffffff
    );

  border:
    1px solid #eadb9d;

  border-radius:13px;
}


.v7122-reserve-header {
  margin-bottom:13px;

  display:flex;

  align-items:flex-start;

  justify-content:
    space-between;

  gap:14px;
}


.v7122-reserve-header span {
  display:block;

  margin-bottom:3px;

  color:#987500;

  font-size:8px;

  font-weight:900;

  letter-spacing:.12em;
}


.v7122-reserve-header strong {
  display:block;

  color:#392f12;

  font-size:16px;
}


.v7122-reserve-status {
  padding:
    6px 8px;

  color:#08745d;

  background:#e6f7f1;

  border-radius:999px;

  font-size:8px;

  white-space:nowrap;
}


.v7122-reserve-grid {
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(
        0,
        1fr
      )
    );

  gap:8px;
}


.v7122-reserve-grid > div {
  min-width:0;

  padding:
    10px;

  background:
    rgba(
      255,
      255,
      255,
      .78
    );

  border:
    1px solid #eee7ca;

  border-radius:9px;
}


.v7122-reserve-grid span {
  display:block;

  margin-bottom:4px;

  color:#837b61;

  font-size:7px;
}


.v7122-reserve-grid strong {
  display:block;

  color:#312d20;

  font-size:9px;

  overflow-wrap:anywhere;
}


.v7122-reserve-available {
  background:#effaf6 !important;

  border-color:#d0ecdf !important;
}


.v7122-reserve-available strong {
  color:#08745d;

  font-size:12px;
}


.v7122-reserve-note {
  margin-top:9px;

  padding:
    9px 10px;

  color:#706747;

  background:#fff9e5;

  border-radius:8px;

  font-size:8px;

  line-height:1.5;
}


.v7122-demo-badge {
  margin-top:9px;

  padding:
    6px 8px;

  display:inline-block;

  color:#8a6500;

  background:#fff1bd;

  border-radius:999px;

  font-size:7px;

  font-weight:900;

  letter-spacing:.06em;
}


.v7122-reserve-empty,
.v7122-reserve-error {
  padding:14px;

  color:#78838d;

  text-align:center;

  font-size:9px;
}


.v7122-reserve-error {
  color:#b42318;

  background:#fff2f0;

  border-radius:8px;
}


/* ========================================================
   TABLET
   ======================================================== */

@media(max-width:900px) {

  .v7122-reserve-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }

}


/* ========================================================
   MOBILE
   ======================================================== */

@media(max-width:600px) {

  .v7122-gold-reserve-info {
    padding:13px;
  }


  .v7122-reserve-header {
    align-items:flex-start;

    flex-direction:column;
  }


  .v7122-reserve-grid {
    grid-template-columns:
      1fr;
  }


  .v7122-gold-reserve-select {
    font-size:16px;
  }

}

/* ========================================================
   V7.12.3
   GOLD RESERVE SIMPLE SELECT
   Rezerv detay kartını gizle.
   Select aktif ve kullanılabilir kalır.
   ======================================================== */

#v7122GoldReserveInfo,
.v7122-gold-reserve-info {
    display:none !important;
}

.v7122-gold-reserve-field {
    margin-bottom:16px !important;
}