/* =========================================
   THEME HEADER LOCK
========================================= */

body.page-id-24 .wp-site-blocks,
body.page-id-24 main,
body.page-id-24 .entry-content,
body.page-id-24 .wp-block-post-content,
body.page-id-24 .is-layout-constrained,
body.page-id-24 .wp-block-group{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* =========================================
   LAYOUT
========================================= */

#gtrip-payment-success{
  padding:80px 24px;
}

.gtrip-payment-success-container{
  max-width:1280px;
  margin:0 auto;
}

.gtrip-payment-success-card{
  max-width:680px;
  margin:0 auto;

  background:#fff;

  border:1px solid #e5e7eb;
  border-radius:28px;

  padding:54px 48px;

  text-align:center;

  box-shadow:
  0 4px 12px rgba(0,0,0,.03),
  0 18px 40px rgba(0,0,0,.04);
}

/* =========================================
   STATUS
========================================= */

#status-title{
  margin:0;

  font-size:30px;
  line-height:1.05;
  font-weight:700;

  color:#111827;
}

#status-desc{
  margin-top:18px !important;

  font-size:17px;
  line-height:1.7;

  color:#6b7280 !important;
}

/* =========================================
   SUCCESS CONTENT
========================================= */

.gtrip-success-message{
  margin-top:18px;

  font-size:17px;
  line-height:1.7;

  color:#374151;
}

.gtrip-booking-ref{
  margin-top:22px;

  font-size:18px;
  font-weight:700;

  color:#111827;
}

/* =========================================
   BUTTONS
========================================= */

.gtrip-success-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:240px;
  height:58px;

  padding:0 24px;

  border-radius:18px;

  text-decoration:none;

  font-size:17px;
  font-weight:700;

  transition:.2s ease;
}

.gtrip-success-btn-primary{
  background:#2ec4b6;
  color:#fff;
}

.gtrip-success-btn-dark{
  background:#111827;
  color:#fff;
}

.gtrip-success-btn:hover{
  opacity:.92;
}



.gtrip-mini-guide{

margin-top:22px;
text-align:left;

}

.gtrip-mini-guide h3{

margin:0 0 14px;

font-size:20px;
font-weight:700;

color:#111827;

}

.gtrip-guide-card{

display:flex;

width:100%;
box-sizing:border-box;
gap:14px;

border:1px solid #e5e7eb;
border-radius:14px;

overflow:hidden;

margin-bottom:14px;

background:#fff;

}

.gtrip-guide-card img{

width:120px;
height:90px;

object-fit:cover;

display:block;

}

.guide-body{

padding:12px;
flex:1;

}

.guide-body h4{

margin:0 0 8px;

font-size:17px;
font-weight:700;

color:#111827;

}

.guide-body p{

margin:0;
font-size:14px;
line-height:1.45;
color:#6b7280;

}

.gtrip-guide-more{
    margin:12px 0 18px;
    text-align:center;
}

.gtrip-guide-more a{
        cursor:pointer;
    color:#14b8a6;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

.gtrip-guide-more a:hover{
    text-decoration:underline;
}

.gtrip-guide-card{
    display:flex;
    text-decoration:none;
    color:inherit;
}


/* =========================================
   RESET PAGE BACKGROUND
========================================= */

body.page-id-24{
    background:#f8fafc !important;
}

body.page-id-24 main{
    background:#f8fafc !important;
}

/* =========================================
   DARK TEXT ON LIGHT BACKGROUND
========================================= */

.gtrip-section-heading h2,
.gtrip-section-title h2,
.gtrip-hero-text h1,
.gtrip-why h2,
.gtrip-section-head h2{
    color:#111827;
}



/* =========================================
   KILL THEME WIDTH — HOME
========================================= */

body.page-id-24 main,
body.page-id-24 .wp-site-blocks,
body.page-id-24 .entry-content,
body.page-id-24 .wp-block-post-content,
body.page-id-24 .is-layout-constrained,
body.page-id-24 .wp-block-group{
  width:100% !important;
  max-width:none !important;

  padding-left:0 !important;
  padding-right:0 !important;

  margin-left:0 !important;
  margin-right:0 !important;
}

/* =====================================
   HIDE FOOTER 
===================================== */
body.page-id-24 footer {
  display: none !important;
}
.summary-return-date {
  font-size: 14px;
  color: #6b7280;
  margin-top: 4px;
}

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

@media(max-width:768px){

  #gtrip-payment-success{
    padding:32px 20px 60px;
  }

  .gtrip-payment-success-card{

    padding:24px;
    border-radius:20px;

  }

  #status-title{

    font-size:24px;
    line-height:1.2;

  }

  #status-desc{

    font-size:15px;
    line-height:1.7;

  }

  .gtrip-success-message{

    font-size:16px;

  }

  .gtrip-booking-ref{

    font-size:16px;

  }

.gtrip-success-btn{

    display:flex;

    width:100%;
    min-width:0;

    height:64px;

    padding:0 20px;

    box-sizing:border-box;

    font-size:18px;

    border-radius:16px;

}

  .gtrip-mini-guide h3{

    font-size:18px;

  }

  .guide-body h4{

    font-size:16px;

  }

  .guide-body p{

    font-size:14px;

  }

}