/* UdonCarRent.com Booking page */
body.udcr-booking-page .site.grid-container,
body.udcr-booking-page .site-content,
body.udcr-booking-page .content-area,
body.udcr-booking-page main.site-main,
body.udcr-booking-page article,
body.udcr-booking-page .inside-article,
body.udcr-booking-page .entry-content {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.udcr-booking-page .entry-header,
body.udcr-booking-page .entry-title { display:none!important; }

.udcr-booking-page-shell,
.udcr-booking-page-shell * { box-sizing:border-box; }

.udcr-booking-page-shell {
  --bp-navy:#041b31;
  --bp-navy2:#082f56;
  --bp-blue:#0873dc;
  --bp-blue-dark:#0759b2;
  --bp-blue-soft:#eaf5ff;
  --bp-yellow:#ffc400;
  --bp-green:#087f5b;
  --bp-ink:#102a43;
  --bp-muted:#62778b;
  --bp-line:#dce7f0;
  --bp-soft:#f5f9fc;
  --bp-paper:#fff;
  --bp-shadow:0 22px 65px rgba(6,38,64,.12);
  width:100%;
  overflow:hidden;
  background:#fff;
  color:var(--bp-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai","Helvetica Neue",Arial,sans-serif;
  font-size:16.5px;
  line-height:1.7;
}
.udcr-booking-page-shell a { color:inherit; text-decoration:none; }
.udcr-booking-page-shell h1,
.udcr-booking-page-shell h2,
.udcr-booking-page-shell h3 { margin-top:0; color:var(--bp-navy); line-height:1.15; letter-spacing:-.03em; }
.udcr-booking-page-shell h1 { max-width:840px; margin-bottom:18px; color:#fff; font-size:clamp(2.45rem,5.5vw,5rem); }
.udcr-booking-page-shell h2 { margin-bottom:13px; font-size:clamp(1.8rem,3.3vw,2.7rem); }
.udcr-booking-page-shell h3 { margin-bottom:7px; font-size:1.07rem; }
.udcr-booking-page-shell p { margin-top:0; }
.udcr-booking-page-shell p:last-child { margin-bottom:0; }
.udcr-booking-page-wrap { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }

.udcr-booking-page-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:76px 0 126px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 13%,rgba(73,166,255,.30),transparent 29%),
    linear-gradient(122deg,#041b31 0%,#093c70 57%,#0873dc 100%);
}
.udcr-booking-page-hero::after {
  position:absolute;
  z-index:-1;
  right:-170px;
  bottom:-250px;
  width:650px;
  height:650px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  box-shadow:0 0 0 82px rgba(255,255,255,.03),0 0 0 175px rgba(255,255,255,.02);
  content:"";
}
.udcr-booking-page-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:15px;
  color:#acd5ff;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.udcr-booking-page-eyebrow::before { width:8px; height:8px; border-radius:50%; background:var(--bp-yellow); content:""; }
.udcr-booking-page-hero p { max-width:760px; color:rgba(255,255,255,.82); font-size:1.08rem; }

.udcr-booking-page-progress {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:780px;
  margin-top:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
}
.udcr-booking-page-progress-step {
  display:flex;
  min-height:62px;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  color:rgba(255,255,255,.58);
  font-size:.78rem;
  font-weight:800;
}
.udcr-booking-page-progress-step + .udcr-booking-page-progress-step { border-left:1px solid rgba(255,255,255,.12); }
.udcr-booking-page-progress-step i {
  display:grid;
  width:29px;
  height:29px;
  flex:0 0 29px;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.62);
  font-style:normal;
  font-size:.72rem;
  font-weight:950;
}
.udcr-booking-page-progress-step.is-active { color:#fff; background:rgba(255,255,255,.07); }
.udcr-booking-page-progress-step.is-active i { background:var(--bp-yellow); color:#041b31; }

.udcr-booking-page-main-wrap {
  position:relative;
  z-index:3;
  margin-top:-72px;
}
.udcr-booking-page-main {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);
  gap:22px;
  align-items:start;
}
.udcr-booking-page-card {
  overflow:hidden;
  border:1px solid var(--bp-line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--bp-shadow);
}
.udcr-booking-page-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px 20px;
  border-bottom:1px solid var(--bp-line);
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.udcr-booking-page-card-head strong { display:block; margin-bottom:3px; color:var(--bp-navy); font-size:1.18rem; }
.udcr-booking-page-card-head p { color:var(--bp-muted); font-size:.86rem; }
.udcr-booking-page-live {
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
  color:var(--bp-blue);
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.udcr-booking-page-live::before {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#18a66b;
  box-shadow:0 0 0 4px rgba(24,166,107,.11);
  content:"";
}
.udcr-booking-page-manage {
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid #cfe1ef;
  border-radius:10px;
  color:var(--bp-blue)!important;
  font-size:.76rem;
  font-weight:850;
}
.udcr-booking-page-manage:hover { background:var(--bp-blue-soft); }

.udcr-booking-page-slot {
  min-height:410px;
  padding:26px;
  background:#fff;
}
.udcr-booking-page-loading {
  display:grid;
  min-height:358px;
  place-items:center;
  padding:30px;
  border:1px dashed #cbdce9;
  border-radius:18px;
  background:var(--bp-soft);
  text-align:center;
}
.udcr-booking-page-loading-inner { max-width:420px; }
.udcr-booking-page-spinner {
  display:grid;
  width:52px;
  height:52px;
  margin:0 auto 16px;
  place-items:center;
  border-radius:15px;
  background:#fff;
  color:var(--bp-blue);
  box-shadow:0 8px 22px rgba(6,38,64,.08);
  font-size:1.2rem;
  font-weight:900;
}
.udcr-booking-page-loading strong { display:block; margin-bottom:6px; color:var(--bp-navy); }
.udcr-booking-page-loading p { color:var(--bp-muted); font-size:.88rem; }

.udcr-booking-page-slot #udcr-live-booking,
.udcr-booking-page-slot #udcr-live-booking-form {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.udcr-booking-page-slot #udcr-live-booking-form {
  display:grid!important;
  gap:17px!important;
}
.udcr-booking-page-slot #udcr-live-booking label {
  margin-bottom:7px!important;
  color:#173a59!important;
  font-size:.81rem!important;
  font-weight:850!important;
}
.udcr-booking-page-slot #udcr-live-booking select,
.udcr-booking-page-slot #udcr-live-booking input[type="date"],
.udcr-booking-page-slot #udcr-live-booking input[type="text"] {
  width:100%!important;
  min-height:54px!important;
  height:54px!important;
  padding:0 14px!important;
  border:1px solid #cbdce8!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#17324d!important;
  font-size:.91rem!important;
  box-shadow:none!important;
}
.udcr-booking-page-slot #udcr-live-booking select:focus,
.udcr-booking-page-slot #udcr-live-booking input:focus {
  border-color:var(--bp-blue)!important;
  box-shadow:0 0 0 3px rgba(8,115,220,.11)!important;
  outline:none!important;
}
.udcr-booking-page-slot #udcr-live-booking .udcr-live-grid {
  grid-template-columns:1.2fr .8fr 1.2fr .8fr!important;
  gap:12px!important;
}
.udcr-booking-page-slot #udcr-live-booking .udcr-live-different label {
  color:#5a7185!important;
  font-size:.82rem!important;
}
.udcr-booking-page-slot #udcr-live-booking .udcr-live-submit {
  min-height:58px!important;
  margin-top:3px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#0b78e4,#0867cf)!important;
  box-shadow:0 13px 28px rgba(8,103,207,.23)!important;
  font-size:.96rem!important;
  font-weight:900!important;
}
.udcr-booking-page-slot #udcr-live-booking .udcr-live-submit:hover {
  background:#0759b2!important;
  transform:translateY(-1px)!important;
}

.udcr-booking-page-side { display:grid; gap:14px; }
.udcr-booking-page-side-card {
  padding:23px;
  border:1px solid var(--bp-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 32px rgba(6,38,64,.06);
}
.udcr-booking-page-side-card h3 { margin-bottom:12px; }
.udcr-booking-page-checks { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.udcr-booking-page-checks li {
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:start;
  color:#4f667b;
  font-size:.84rem;
}
.udcr-booking-page-checks i {
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:9px;
  background:var(--bp-blue-soft);
  color:var(--bp-blue);
  font-style:normal;
  font-size:.72rem;
  font-weight:950;
}
.udcr-booking-page-side-note {
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid var(--bp-line);
  color:var(--bp-muted);
  font-size:.76rem;
}
.udcr-booking-page-help {
  background:linear-gradient(145deg,var(--bp-navy),#0a4b87);
  color:#fff;
}
.udcr-booking-page-help h3 { color:#fff; }
.udcr-booking-page-help p { color:rgba(255,255,255,.72); font-size:.84rem; }
.udcr-booking-page-help-actions { display:grid; gap:8px; margin-top:15px; }
.udcr-booking-page-help-actions a {
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:space-between;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:#fff!important;
  font-size:.8rem;
  font-weight:850;
}
.udcr-booking-page-help-actions a:hover { background:rgba(255,255,255,.12); }

.udcr-booking-page-section { padding:82px 0; }
.udcr-booking-page-section--soft { background:var(--bp-soft); }
.udcr-booking-page-heading { max-width:760px; margin-bottom:34px; }
.udcr-booking-page-heading p { color:var(--bp-muted); font-size:1rem; }

.udcr-booking-page-info-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.udcr-booking-page-info {
  padding:23px;
  border:1px solid var(--bp-line);
  border-radius:17px;
  background:#fff;
}
.udcr-booking-page-info-icon {
  display:grid;
  width:40px;
  height:40px;
  margin-bottom:13px;
  place-items:center;
  border-radius:11px;
  background:var(--bp-blue-soft);
  color:var(--bp-blue);
  font-size:.72rem;
  font-weight:950;
}
.udcr-booking-page-info p { color:var(--bp-muted); font-size:.84rem; }

.udcr-booking-page-faq { display:grid; gap:10px; max-width:900px; }
.udcr-booking-page-faq details {
  border:1px solid var(--bp-line);
  border-radius:13px;
  background:#fff;
}
.udcr-booking-page-faq summary {
  position:relative;
  padding:18px 50px 18px 19px;
  color:var(--bp-navy);
  cursor:pointer;
  font-weight:850;
  list-style:none;
}
.udcr-booking-page-faq summary::-webkit-details-marker { display:none; }
.udcr-booking-page-faq summary::after {
  position:absolute;
  right:19px;
  top:50%;
  transform:translateY(-50%);
  color:var(--bp-blue);
  content:"+";
  font-size:1.3rem;
}
.udcr-booking-page-faq details[open] summary::after { content:"−"; }
.udcr-booking-page-faq-answer { padding:0 19px 19px; color:var(--bp-muted); }

.udcr-booking-page-final {
  padding:68px 0;
  color:#fff;
  background:
    radial-gradient(circle at 88% 30%,rgba(48,150,255,.22),transparent 27%),
    var(--bp-navy);
}
.udcr-booking-page-final-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.udcr-booking-page-final h2 { margin-bottom:8px; color:#fff; }
.udcr-booking-page-final p { max-width:720px; color:rgba(255,255,255,.72); }
.udcr-booking-page-actions { display:flex; flex-wrap:wrap; gap:10px; }
.udcr-booking-page-btn {
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:11px 18px;
  border:2px solid transparent;
  border-radius:11px;
  background:var(--bp-yellow);
  color:#041b31!important;
  font-weight:850;
}
.udcr-booking-page-btn--outline {
  border-color:rgba(255,255,255,.46);
  background:transparent;
  color:#fff!important;
}

@media (max-width:980px) {
  .udcr-booking-page-main { grid-template-columns:1fr; }
  .udcr-booking-page-side { grid-template-columns:1fr 1fr; }
  .udcr-booking-page-info-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:720px) {
  .udcr-booking-page-shell { font-size:16px; }
  .udcr-booking-page-wrap { width:min(100% - 28px,1180px); }
  .udcr-booking-page-hero { padding:58px 0 108px; }
  .udcr-booking-page-progress { grid-template-columns:1fr 1fr; }
  .udcr-booking-page-progress-step:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.12); }
  .udcr-booking-page-progress-step:nth-child(4) { border-top:1px solid rgba(255,255,255,.12); }
  .udcr-booking-page-main-wrap { margin-top:-58px; }
  .udcr-booking-page-card-head { padding:20px 18px 17px; }
  .udcr-booking-page-slot { padding:18px; }
  .udcr-booking-page-slot #udcr-live-booking .udcr-live-grid { grid-template-columns:1fr 1fr!important; }
  .udcr-booking-page-side { grid-template-columns:1fr; }
  .udcr-booking-page-section { padding:64px 0; }
}
@media (max-width:480px) {
  .udcr-booking-page-progress { grid-template-columns:1fr; }
  .udcr-booking-page-progress-step + .udcr-booking-page-progress-step { border-left:0; border-top:1px solid rgba(255,255,255,.12); }
  .udcr-booking-page-slot #udcr-live-booking .udcr-live-grid { grid-template-columns:1fr!important; }
  .udcr-booking-page-info-grid { grid-template-columns:1fr; }
  .udcr-booking-page-final-inner { align-items:flex-start; flex-direction:column; }
}


body.udcr-booking-page .entry-content > .wp-block-shortcode:empty {
  display:none!important;
  margin:0!important;
  padding:0!important;
}