/*
 * ============================================================
 * NOYTRIX — LEGAL LINKS V70
 *
 * Privacy Policy + Terms & Conditions
 *
 * Used in:
 * 1. Main Settings screen
 * 2. User Profile -> Settings
 * ============================================================
 */


/* ============================================================
   SETTINGS — LEGAL BLOCK
   ============================================================ */

#screen-settings .nx-legal-settings-v70 {

  width:
    100%;

  margin:
    22px 0 0;

  padding:
    20px 0 0;

  border-top:
    1px solid
    rgba(67, 103, 148, .40);

  box-sizing:
    border-box;
}


#screen-settings .nx-legal-heading-v70 {

  margin:
    0 0 13px;

  display:
    flex;

  flex-direction:
    column;

  gap:
    4px;
}


#screen-settings .nx-legal-heading-v70 small {

  color:
    #ffbd2e;

  font-size:
    11px;

  font-weight:
    850;

  line-height:
    1;

  letter-spacing:
    .10em;
}


#screen-settings .nx-legal-heading-v70 strong {

  color:
    #f4f7ff;

  font-size:
    17px;

  font-weight:
    800;

  line-height:
    1.2;
}


#screen-settings .nx-legal-heading-v70 p {

  margin:
    0;

  max-width:
    760px;

  color:
    #8ea9cf;

  font-size:
    12px;

  font-weight:
    560;

  line-height:
    1.45;
}


/* ============================================================
   LEGAL LINKS GRID
   ============================================================ */

.nx-legal-links-v70 {

  width:
    100%;

  display:
    grid;

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

  gap:
    12px;

  box-sizing:
    border-box;
}


/* ============================================================
   LEGAL LINK CARD
   ============================================================ */

.nx-legal-link-v70 {

  position:
    relative;

  min-width:
    0;

  min-height:
    74px;

  display:
    flex;

  align-items:
    center;

  gap:
    13px;

  padding:
    12px 14px;

  border:
    1px solid
    rgba(67, 104, 150, .58);

  border-radius:
    10px;

  background:
    linear-gradient(
      135deg,
      rgba(9, 29, 56, .92),
      rgba(5, 19, 39, .92)
    );

  color:
    inherit;

  text-decoration:
    none;

  box-sizing:
    border-box;

  overflow:
    hidden;

  transition:
    border-color .14s ease,
    background .14s ease,
    transform .14s ease,
    box-shadow .14s ease;
}


.nx-legal-link-v70:hover {

  border-color:
    rgba(255, 189, 46, .72);

  background:
    linear-gradient(
      135deg,
      rgba(15, 38, 68, .98),
      rgba(8, 25, 48, .98)
    );

  transform:
    translateY(-1px);

  box-shadow:
    0 9px 24px
    rgba(0, 0, 0, .13);
}


.nx-legal-link-v70:focus-visible {

  outline:
    none;

  border-color:
    #ffbd2e;

  box-shadow:
    0 0 0 3px
    rgba(255, 189, 46, .13);
}


/* ============================================================
   ICON
   ============================================================ */

.nx-legal-icon-v70 {

  width:
    40px;

  height:
    40px;

  flex:
    0 0 40px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(255, 189, 46, .30);

  border-radius:
    9px;

  background:
    rgba(255, 189, 46, .07);

  color:
    #ffbd2e;

  font-size:
    17px;

  font-weight:
    900;

  line-height:
    1;

  box-sizing:
    border-box;
}


/* ============================================================
   TEXT
   ============================================================ */

.nx-legal-copy-v70 {

  min-width:
    0;

  flex:
    1 1 auto;

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;
}


.nx-legal-copy-v70 strong {

  color:
    #f5f8ff;

  font-size:
    14px;

  font-weight:
    800;

  line-height:
    1.18;
}


.nx-legal-copy-v70 span {

  color:
    #8fa9cd;

  font-size:
    11px;

  font-weight:
    560;

  line-height:
    1.3;
}


.nx-legal-arrow-v70 {

  margin-left:
    auto;

  flex:
    0 0 auto;

  color:
    #7593bd;

  font-size:
    18px;

  line-height:
    1;

  transition:
    color .14s ease,
    transform .14s ease;
}


.nx-legal-link-v70:hover
.nx-legal-arrow-v70 {

  color:
    #ffbd2e;

  transform:
    translateX(2px);
}


/* ============================================================
   PROFILE — LEGAL CARD
   ============================================================ */

.p70-profile-legal {

  width:
    100%;

  margin:
    16px 0 86px;

  padding:
    18px;

  border:
    1px solid
    rgba(56, 88, 130, .68);

  border-radius:
    12px;

  background:
    linear-gradient(
      145deg,
      rgba(10, 29, 55, .97),
      rgba(5, 18, 37, .97)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.015);

  box-sizing:
    border-box;
}


.p70-profile-legal-head {

  margin:
    0 0 14px;

  display:
    flex;

  flex-direction:
    column;

  gap:
    4px;
}


.p70-profile-legal-head small {

  color:
    #ffbd2e;

  font-size:
    10px;

  font-weight:
    850;

  letter-spacing:
    .10em;

  line-height:
    1;
}


.p70-profile-legal-head h3 {

  margin:
    0;

  color:
    #f5f8ff;

  font-size:
    18px;

  font-weight:
    800;

  line-height:
    1.2;
}


.p70-profile-legal-head p {

  margin:
    0;

  max-width:
    720px;

  color:
    #8fa8cc;

  font-size:
    12px;

  font-weight:
    550;

  line-height:
    1.45;
}


/* ============================================================
   LIGHT THEME
   ============================================================ */

html[data-theme="light"]
#screen-settings
.nx-legal-link-v70,

html[data-theme="light"]
.p70-profile-legal {

  background:
    #ffffff;

  border-color:
    #acbdd3;
}


html[data-theme="light"]
.nx-legal-copy-v70 strong,

html[data-theme="light"]
.p70-profile-legal-head h3,

html[data-theme="light"]
#screen-settings
.nx-legal-heading-v70 strong {

  color:
    #102443;
}


html[data-theme="light"]
.nx-legal-copy-v70 span,

html[data-theme="light"]
.p70-profile-legal-head p,

html[data-theme="light"]
#screen-settings
.nx-legal-heading-v70 p {

  color:
    #637896;
}


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

@media (max-width: 900px) {

  .nx-legal-links-v70 {

    grid-template-columns:
      1fr;
  }


  .p70-profile-legal {

    margin-bottom:
      30px;

    padding:
      15px;
  }

}