/**

 * Content Legal

 * Section contenu légal (mentions légales, CGU, politique de confidentialité)

 *

 * @package Dioqa_Starter_Custom

 */



/* ========================================

   BASE

   ======================================== */



.legal-section {

  --ls-text-dark: var(--color-text-dark, #3b3949);

  --ls-primary: var(--bs-primary, #94d2eb);



  padding-top: var(--section-pt, 5rem);

  padding-bottom: var(--section-pb, 5rem);

}



/* ========================================

   BACKGROUNDS

   ======================================== */



.legal-section--bg-white {

  background-color: #fff;

}



.legal-section--bg-light {

  background-color: #f3f9fb;

}



.legal-section--bg-transparent {

  background-color: transparent;

}



/* ========================================

   CONTENT (WYSIWYG)

   ======================================== */



.legal-section__content {

  max-width: 900px;

  margin: 0 auto;

  color: var(--ls-text-dark);

  font-size: 16px;

  line-height: 1.7;

}



.legal-section__content h1,

.legal-section__content h2,

.legal-section__content h3,

.legal-section__content h4,

.legal-section__content h5,

.legal-section__content h6 {

  color: var(--ls-text-dark);

  font-weight: 700;

  margin-top: 2rem;

  margin-bottom: 1rem;

  line-height: 1.3;

}



.legal-section__content h1 {

  font-size: 32px;

}



.legal-section__content h2 {

  font-size: 26px;

}



.legal-section__content h3 {

  font-size: 22px;

}



.legal-section__content h4 {

  font-size: 18px;

}



.legal-section__content p {

  margin-bottom: 1rem;

}



.legal-section__content ul,

.legal-section__content ol {

  margin-bottom: 1rem;

  padding-left: 1.5rem;

}



.legal-section__content li {

  margin-bottom: 0.5rem;

}



.legal-section__content a {

  color: var(--ls-primary);

  text-decoration: underline;

}



.legal-section__content a:hover {

  opacity: 0.8;

}



.legal-section__content strong {

  font-weight: 700;

}



.legal-section__content .highlight {

  color: var(--ls-primary);

}



/* ========================================

   RESPONSIVE - LG (< 992px)

   ======================================== */



@media (max-width: 991.98px) {

  .legal-section {

    padding-top: calc(var(--section-pt, 5rem) / 2);

    padding-bottom: calc(var(--section-pb, 5rem) / 2);

  }



  .legal-section__content h1 {

    font-size: 28px;

  }



  .legal-section__content h2 {

    font-size: 22px;

  }



  .legal-section__content h3 {

    font-size: 20px;

  }

}



/* ========================================

   RESPONSIVE - MD (< 768px)

   ======================================== */



@media (max-width: 767.98px) {

  .legal-section__content {

    font-size: 15px;

  }



  .legal-section__content h1 {

    font-size: 24px;

  }



  .legal-section__content h2 {

    font-size: 20px;

  }



  .legal-section__content h3 {

    font-size: 18px;

  }

}