/*
 Weekend Escape
 Booking / Expedia partner banner
 CSS repris depuis Week-End Evasion
*/

.wee-partner-banner{

  width: 100%;
  box-sizing: border-box;
  padding: 42px 20px;
  margin: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(56,189,248,.20), transparent 32%),
    radial-gradient(circle at 90% 90%, rgba(37,99,235,.25), transparent 35%),
    linear-gradient(135deg, #0f172a 0%, #172554 48%, #1e3a8a 100%);
  color: #fff;
  overflow: hidden;

}

.wee-partner-banner *,
.wee-partner-banner *::before,
.wee-partner-banner *::after{

  box-sizing: border-box;

}

.wee-partner-banner__inner{

  width: min(1180px, 100%);
  margin: 0 auto;
  position: relative;

}

.wee-partner-banner__content{

  max-width: 850px;
  margin: 0 auto 28px;
  text-align: center;

}

.wee-partner-banner__eyebrow{

  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  margin-bottom: 15px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: #dbeafe;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;

}

.wee-partner-banner h2{

  margin: 0 0 12px !important;
  color: #fff !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(2rem, 5vw, 3.6rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  text-align: center !important;

}

.wee-partner-banner__content p{

  max-width: 760px;
  margin: 0 auto !important;
  color: #dbeafe !important;
  font-size: clamp(.95rem, 2vw, 1.08rem) !important;
  line-height: 1.65 !important;
  text-align: center !important;

}

.wee-partner-banner__actions{

  width: min(820px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;

}

.wee-partner-banner__btn{

  min-width: 0;
  min-height: 86px;
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 14px;

  padding: 17px 20px !important;

  border-radius: 22px !important;
  text-decoration: none !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;

}

.wee-partner-banner__btn:hover{

  transform: translateY(-4px);

}

.wee-partner-banner__btn--booking{

  color: #fff !important;
  background: #003b95 !important;
  border: 1px solid #60a5fa !important;
  box-shadow: 0 18px 40px rgba(0,59,149,.35);

}

.wee-partner-banner__btn--booking:hover{

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

}

.wee-partner-banner__btn--expedia{

  color: #172554 !important;
  background: #f9db00 !important;
  border: 1px solid #fde047 !important;
  box-shadow: 0 18px 40px rgba(249,219,0,.20);

}

.wee-partner-banner__btn--expedia:hover{

  box-shadow: 0 22px 48px rgba(249,219,0,.30);

}

.wee-partner-banner__brand{

  grid-column: 1;
  grid-row: 1;
  display: block;
  font-size: .78rem;
  font-weight: 900;
  opacity: .86;
  text-transform: uppercase;
  letter-spacing: .055em;

}

.wee-partner-banner__btn strong{

  grid-column: 1;
  grid-row: 2;
  display: block;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1.18;

}

.wee-partner-banner__arrow{

  grid-column: 2;
  grid-row: 1 / 3;

  width: 44px;
  height: 44px;

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

  border-radius: 50%;
  background: rgba(255,255,255,.18);

  font-size: 1.55rem;
  font-weight: 900;

}

.wee-partner-banner__btn--expedia .wee-partner-banner__arrow{

  background: rgba(23,37,84,.10);

}

.wee-partner-banner__disclosure{

  margin-top: 15px;
  color: rgba(219,234,254,.72);
  font-size: .72rem;
  font-weight: 700;
  text-align: center;

}