/* =========================================================
   MUSICLIC ENQUÊTES ENGINE
   Version : 1.2
   ========================================================= */
/* Intro */
.musiclic-start-screen{
    position:absolute;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(18,12,8,.88);
}

.musiclic-start-screen.is-hidden{
    display:none;
}

.musiclic-start-card{
    width:min(560px,88%);
    padding:42px;
    text-align:center;
    background:#efe1c3;
    color:#2b2118;
    border-radius:8px;
    box-shadow:0 24px 55px rgba(0,0,0,.45);
    font-family:Georgia,"Times New Roman",serif;
}

.musiclic-start-kicker{
    display:block;
    margin-bottom:18px;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:13px;
    color:#76654f;
}

.musiclic-start-card h2{
    margin:0 0 20px;
    font-size:38px;
    font-weight:normal;
	text-align: center;
}

.musiclic-start-card p{
    margin:0 0 28px;
    font-size:19px;
    line-height:1.6;
}

.musiclic-enquete-wrapper{
  margin:25px 0;
}

.musiclic-enquete{
  max-width:1180px;
  margin:0 auto;
}

.enquete-bureau{
  position:relative;
  height:68vh;
  min-height:620px;
  max-height:900px;

  background-image:url("/enquetes/images/decor/bureau.webp");
  background-size:cover;
  background-position:center center;

  border-radius:14px;
  overflow:hidden;
}

.enquete-scene{
  position:absolute;
  inset:0;
}

.enquete-scene-inner{
  position:relative;
  width:100%;
  height:100%;
}

/* ---------------------------------------------------------
   Titre discret
--------------------------------------------------------- */

.enquete-corner-title{
  position:absolute;
  top:28px;
  left:28px;
  z-index:5;

  color:rgba(255,246,226,.88);
  text-shadow:0 2px 8px rgba(0,0,0,.45);

  font-family:Georgia,"Times New Roman",serif;
}

.enquete-corner-title span{
  display:block;
  font-size:15px;
  letter-spacing:.18em;
  font-weight:bold;
  text-transform:uppercase;
  opacity:.8;
}

.enquete-corner-title strong{
  display:block;
  margin-top:4px;
  font-size:22px;
  font-weight:normal;
}

/* ---------------------------------------------------------
   Prologue
--------------------------------------------------------- */

.enquete-text-panel{
  position:absolute;
  left:50%;
  top:50%;
  width:min(560px,86%);
  transform:translate(-50%,-50%);
  display:none;

  padding:30px 34px;

  background:rgba(246,237,218,.95);
  color:#2b2118;

  border-radius:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);

  line-height:1.62;
  font-size:17px;
}

.enquete-text-panel.is-visible{
  display:block;
}

.enquete-button{
  margin-top:14px;
  padding:11px 18px;
  border:0;
  border-radius:6px;
  cursor:pointer;
  background:#4d3421;
  color:#fff;
}

.enquete-button:hover{
  background:#332214;
}

/* ---------------------------------------------------------
   Affichage conditionnel
--------------------------------------------------------- */

.first-folder{
  display:none;
}

.first-folder.is-visible{
  display:block;
}

.is-hidden{
  display:none!important;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */

@media(max-width:768px){

  .enquete-bureau{
    height:72vh;
    min-height:520px;
  }

  .enquete-text-panel{
    padding:22px;
    font-size:15px;
  }

  .enquete-corner-title{
    top:14px;
    left:16px;
  }

  .enquete-corner-title strong{
    font-size:15px;
  }

}