/* WESC EXIT POPUP - CSS repris de Week-End Evasion */

/* ================= POPUP ================= */

html.wee-exit-open{

  overflow:hidden!important;

}

.wee-exit-overlay{

  position:fixed;
  inset:0;

  z-index:2147483000;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:18px;

  background:rgba(15,23,42,.72);

  backdrop-filter:blur(10px);

  opacity:0;
  visibility:hidden;

  transition:.22s ease;

}

.wee-exit-overlay--visible{

  opacity:1;
  visibility:visible;

}

.wee-exit-modal{

  width:min(860px,100%);

  position:relative;

  padding:34px;

  border-radius:32px;

  background:
    radial-gradient(circle at 10% 0%,rgba(56,189,248,.19),transparent 34%),
    #fff;

  box-shadow:
    0 35px 100px rgba(2,6,23,.40);

}

.wee-exit-close{

  position:absolute;

  right:15px;
  top:15px;

  width:42px;
  height:42px;

  border:0;
  border-radius:50%;

  background:#f1f5f9;
  color:#334155;

  font-size:1.6rem;

  cursor:pointer;

}

.wee-exit-kicker{

  display:block;

  margin-bottom:7px;

  color:#2563eb;

  font-size:.72rem;
  font-weight:950;
  letter-spacing:.11em;

}

.wee-exit-modal h2{

  margin:0 50px 10px 0!important;

  color:#0f172a!important;

  font-family:'Playfair Display',Georgia,serif!important;

  font-size:clamp(2rem,5vw,3.2rem)!important;

  line-height:1.02!important;

}

.wee-exit-intro{

  max-width:700px;

  margin:0 0 24px!important;

  color:#64748b!important;

  line-height:1.55!important;

}

.wee-exit-grid{

  display:grid;

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

  gap:12px;

}

.wee-exit-choice{

  display:flex;
  flex-direction:column;

  min-height:140px;

  padding:18px;

  border-radius:21px;

  text-decoration:none!important;

  transition:.2s ease;

}

.wee-exit-choice:hover{

  transform:translateY(-3px);

}

.wee-exit-choice small{

  margin-bottom:7px;

  font-size:.62rem;
  font-weight:950;
  letter-spacing:.07em;

}

.wee-exit-choice strong{

  margin-bottom:10px;

  font-size:1.28rem;
  font-weight:950;

}

.wee-exit-choice span{

  margin-top:auto;

  font-size:.83rem;
  font-weight:850;

}

.wee-exit-booking{

  background:#003b95!important;
  color:#fff!important;

}

.wee-exit-expedia{

  background:#f9db00!important;
  color:#172554!important;

}

.wee-exit-omio{

  background:
    linear-gradient(135deg,#2563eb,#0284c7)!important;

  color:#fff!important;

}

.wee-exit-continue{

  display:block;

  margin:18px auto 0;

  border:0;
  background:transparent;

  color:#64748b;

  font-weight:800;

  text-decoration:underline;

  cursor:pointer;

}

.wee-exit-note{

  margin:8px 0 0!important;

  color:#94a3b8!important;

  text-align:center!important;

  font-size:.68rem!important;

}

@media(max-width:700px){
.wee-exit-grid{

    grid-template-columns:1fr;
  
}

.wee-exit-modal{

    max-height:calc(100vh - 24px);
    overflow:auto;

    padding:28px 18px 20px;

    border-radius:25px;
  
}

.wee-exit-choice{

    min-height:95px;
  
}

}


.wee-exit-overlay[hidden]{

    display:none !important;

}

.wee-exit-overlay{

    position:fixed;
    inset:0;

    z-index:2147483600;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;

    background:rgba(15,23,42,.76);

    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);

}

.wee-exit-modal{

    width:min(850px,100%);

    position:relative;

    padding:34px;

    border-radius:30px;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(56,189,248,.18),
            transparent 30%
        ),
        #fff;

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.38);

    color:#0f172a;

    animation:
        weeExitIn .20s ease-out;

}

.wee-exit-close{

    position:absolute;

    right:15px;
    top:15px;

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:50%;

    background:#f1f5f9;
    color:#334155;

    font-size:1.7rem;

    cursor:pointer;

}

.wee-exit-kicker{

    display:block;

    margin-bottom:8px;

    color:#2563eb;

    font-size:.72rem;
    font-weight:900;

    letter-spacing:.12em;

}

.wee-exit-modal h2{

    margin:
        0 50px 10px 0 !important;

    color:#0f172a !important;

    font-family:
        'Playfair Display',
        Georgia,
        serif !important;

    font-size:
        clamp(2rem,5vw,3.2rem) !important;

    line-height:1.02 !important;

    letter-spacing:-.04em !important;

}

.wee-exit-intro{

    max-width:700px;

    margin:
        0 0 25px !important;

    color:#64748b !important;

    font-size:1rem !important;

    line-height:1.55 !important;

}

.wee-exit-grid{

    display:grid;

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

    gap:12px;

}

.wee-exit-choice{

    min-height:142px;

    display:flex;
    flex-direction:column;

    padding:18px;

    border-radius:21px;

    text-decoration:none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease;

}

.wee-exit-choice:hover{

    transform:translateY(-3px);

}

.wee-exit-choice small{

    display:block;

    margin-bottom:7px;

    font-size:.63rem;
    font-weight:900;

    letter-spacing:.08em;

}

.wee-exit-choice strong{

    display:block;

    margin-bottom:10px;

    font-size:1.3rem;
    font-weight:950;

}

.wee-exit-choice span{

    display:block;

    margin-top:auto;

    font-size:.84rem;
    font-weight:850;

}

.wee-exit-booking{

    background:#003b95 !important;
    color:#fff !important;

    box-shadow:
        0 13px 28px
        rgba(0,59,149,.22);

}

.wee-exit-expedia{

    background:#f9db00 !important;
    color:#172554 !important;

    box-shadow:
        0 13px 28px
        rgba(249,219,0,.20);

}

.wee-exit-omio{

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #0284c7
        ) !important;

    color:#fff !important;

    box-shadow:
        0 13px 28px
        rgba(37,99,235,.22);

}

.wee-exit-continue{

    display:block;

    margin:18px auto 0;

    padding:8px 12px;

    border:0;

    background:transparent;

    color:#64748b;

    font-size:.82rem;
    font-weight:800;

    text-decoration:underline;

    cursor:pointer;

}

@media(max-width:700px){
.wee-exit-grid{

        grid-template-columns:1fr;
    
}

.wee-exit-modal{

        max-height:
            calc(100vh - 24px);

        overflow-y:auto;

        padding:
            27px 18px 20px;

        border-radius:24px;
    
}

.wee-exit-choice{

        min-height:94px;
    
}

}


#weeExitModal .wee-exit-button{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:44px;

    padding:11px 20px;

    background:#2563eb;
    color:#fff;

    border-radius:11px;

    font-weight:800;
    text-decoration:none;

    box-shadow:0 9px 22px rgba(37,99,235,.24);

}

#weeExitModal .wee-exit-partner{

    display:block;

    margin-top:10px;

    font-size:.7rem;
    opacity:.62;

}