/* ==========================================================
   MEDIA AGENCY
   SITEMAP HTML
   ========================================================== */


.mda-sitemap-page {
 padding: 60px 0 80px;
 background: #ffffff;
}


.mda-sitemap-header {
 max-width: 760px;
 margin-bottom: 45px;
}


.mda-sitemap-eyebrow {
 display: block;
 margin-bottom: 8px;
 color: var(--mda-orange);
 font-size: 12px;
 font-weight: 800;
 letter-spacing: 1.8px;
}


.mda-sitemap-header h1 {
 margin: 0 0 12px;
 color: #222222;
 font-size: clamp( 34px, 4vw, 52px );
 font-weight: 700;
 line-height: 1.1;
}


.mda-sitemap-header p {
 margin: 0;
 color: #6d665f;
 font-size: 17px;
 line-height: 1.6;
}


/* ==========================================================
   ALBERO
   ========================================================== */

.mda-sitemap-tree {
 width: 100%;
}


/* nodo generico */

.mda-sitemap-node {
 position: relative;
}


 /* ==========================================================
   LIVELLO 0 - HOME
   ========================================================== */

 .mda-sitemap-node.level-0 > .mda-sitemap-node-header {
  margin-bottom: 25px;
  padding: 20px 22px;
  background: #fff7f1;
  border-left: 4px solid var(--mda-orange);
  border-radius: 8px;
 }


 /* ==========================================================
   LIVELLO 1
   ========================================================== */

 .mda-sitemap-node.level-1 {
  margin-bottom: 28px;
 }


  .mda-sitemap-node.level-1 > .mda-sitemap-node-header {
   padding: 16px 18px;
   background: #f8f5f2;
   border-radius: 8px;
  }


 /* ==========================================================
   LIVELLO 2
   ========================================================== */

 .mda-sitemap-node.level-2 {
  margin-bottom: 16px;
 }


  .mda-sitemap-node.level-2 > .mda-sitemap-node-header {
   padding: 12px 14px;
   border-bottom: 1px solid #ece6e1;
  }


 /* ==========================================================
   LIVELLI PROFONDI
   ========================================================== */

 .mda-sitemap-node.level-3,
 .mda-sitemap-node.level-4,
 .mda-sitemap-node.level-5 {
  margin: 7px 0;
 }


  .mda-sitemap-node.level-3 > .mda-sitemap-node-header,
  .mda-sitemap-node.level-4 > .mda-sitemap-node-header,
  .mda-sitemap-node.level-5 > .mda-sitemap-node-header {
   padding: 4px 0;
  }


/* ==========================================================
   HEADER DEL NODO
   ========================================================== */

.mda-sitemap-node-header {
 display: flex;
 align-items: flex-start;
 gap: 12px;
}


/* ==========================================================
   ICONE
   ========================================================== */

.mda-sitemap-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 34px;
 height: 34px;
 flex: 0 0 34px;
 border-radius: 50%;
 background: rgba(244, 123, 32, 0.10);
 color: var(--mda-orange);
 font-size: 15px;
}


/* ==========================================================
   TESTO
   ========================================================== */

.mda-sitemap-node-text {
 min-width: 0;
}


.mda-sitemap-link {
 color: #292929;
 font-size: 15px;
 font-weight: 650;
 line-height: 1.35;
 text-decoration: none;
}


 .mda-sitemap-link:hover {
  color: var(--mda-orange);
 }


.mda-sitemap-node-text p {
 margin: 4px 0 0;
 color: #7a736e;
 font-size: 12.5px;
 line-height: 1.5;
}


/* ==========================================================
   FIGLI
   ========================================================== */

.mda-sitemap-children {
 position: relative;
 margin-top: 12px;
 margin-left: 17px;
 padding-left: 25px;
 border-left: 1px solid #e6ded8;
}


/* livelli più profondi meno distanti */

.level-2 > .mda-sitemap-children {
 margin-top: 7px;
 padding-left: 20px;
}


.level-3 > .mda-sitemap-children {
 margin-top: 5px;
 padding-left: 17px;
}


/* piccolo punto arancione */

.mda-sitemap-node.level-3 > .mda-sitemap-node-header::before,
.mda-sitemap-node.level-4 > .mda-sitemap-node-header::before,
.mda-sitemap-node.level-5 > .mda-sitemap-node-header::before {
 content: "";
 width: 5px;
 height: 5px;
 flex: 0 0 5px;
 margin-top: 8px;
 border-radius: 50%;
 background: var(--mda-orange);
}


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

@media (max-width: 767.98px) {

 .mda-sitemap-page {
  padding: 40px 0 55px;
 }


 .mda-sitemap-header {
  margin-bottom: 30px;
 }


  .mda-sitemap-header p {
   font-size: 15px;
  }


 .mda-sitemap-children {
  margin-left: 8px;
  padding-left: 15px;
 }


 .mda-sitemap-node.level-1 > .mda-sitemap-node-header {
  padding: 14px 12px;
 }


 .mda-sitemap-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  font-size: 13px;
 }
}