/* legal.php page styles */
:root {
  --frblue: #002495;
  --frred: #ed2939;
  --legifrance-blue: #1b1b35; /* rgb(27, 27, 53) */
}

body { 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #ffffff;
  color: var(--legifrance-blue);
}

main {
  max-width: 900px;
  margin: 0 auto;
}

a { color: var(--frblue); text-decoration:underline; }

h1, h2 { 
  font-weight: 600;
  font-family: Arial, sans-serif;
}

h1 { margin-bottom: 1rem; }

h2 {
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
}

.nav {background: rgba(27, 27, 53, 0.1);}
.nav-link-button {color: var(--frblue); }
.nav-link-item > a { color: var(--frblue); }
.footer { background: rgba(27, 27, 53, 0.1); }
.footer-inner { color: var(--text-main); }

legal-nav {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--frred);
}

legal-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

legal-nav a {
  text-decoration: none;
  /* color: #005fb8; */
}
  
legal-nav a:hover { 
  text-decoration: underline;
  /* font-size: larger; */
  font-weight: bold; 
}

.policybox {
  /* background: var(--darkerred); */
  background: rgba(27, 27, 53, 0.1);
  border-radius: 14px;
  padding: 2.5rem 2rem;
  text-align: justify;
  margin: 3rem 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid var(--frred);
} 


.policybox h2 {
  font-size: clamp(22px, 4.5vw, 28px);
  margin-bottom: 1rem;
}

.policybox p {
  font-size: 18px;
  line-height: 1.8;
}

.btn-outline{ border-color: var(--frred); }

.modal-backdrop {
  background: rgba(0,0,0,0.55);
}

.modal-dialog {
  background: #ffffff;
  box-shadow: var(--frblue);
  border: 1px solid var(--frred);
}

.modal-close {
  color: var(--legifrance-blue);
}

.btn-yellowrounded {
  background: #ffffff;
  color: var(--frblue);
  border-color: var(--frred);
}

.btn-cookies-settings {
  background: #ffffff;
  color: var(--frblue);
  border-color: var(--frred);
  margin: 1rem auto;
  display: block;
  font-size:large;
  font-weight: bold;
  padding: 1rem 1.8rem;
  cursor: pointer;
  text-decoration: none;
  border-radius: 14px;
}

@media (max-width: 600px) {
  .nav-link-button {color: #ffffff; }
}