/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .item-label,
.woocommerce-account .ywpar-wrapper h3,
.woocommerce-account th,
.woocommerce-account .addresses .title h3 {
  font-family: 'Playfair Display', serif !important;
  font-weight: bold;
}

/* My Reservations table header (modern blue gradient) */
.woocommerce table.my_account_orders thead tr {
  background: transparent;
}

.woocommerce table.my_account_orders thead th {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #0b5394 0%, #0b4380 52%, #062b52 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  padding: 14px 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 6px rgba(0, 0, 0, 0.25);
}

.woocommerce table.my_account_orders thead th::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  opacity: 0.8;
  pointer-events: none;
}

.woocommerce table.my_account_orders thead th:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 0;
}

.woocommerce table.my_account_orders thead th:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
}

.woocommerce table.my_account_orders thead th .nobr,
.woocommerce table.my_account_orders thead th a {
  color: inherit;
  position: relative;
  z-index: 1;
}

/* Homepage Our Rooms block container */
.vc_row.wpb_row.st.bg-holder.vc_custom_1770660439513.vc_row-has-fill {
  border: 0;
  overflow: visible;
}

.vc_row.wpb_row.st.bg-holder.vc_custom_1770660439513.vc_row-has-fill .vc_row.vc_inner {
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #d0d0d0;
  box-sizing: border-box;
}

/* Top-only radius for hero row */
.vc_row.wpb_row.st.bg-holder.vc_custom_1767444310294.vc_row-has-fill {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

/* All-corner radius for additional row */
.vc_row.wpb_row.st.bg-holder.vc_custom_1767444220600.vc_row-has-fill {
  border-radius: 20px;
  overflow: hidden;
} 

/* Bottom-only radius for footer row */
.vc_row.wpb_row.st.bg-holder.vc_custom_1767444329142.vc_row-has-fill {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

/* All-corner radius for additional section */
.vc_row.wpb_row.st.bg-holder.vc_custom_1767445153694.vc_row-has-fill {
  border-radius: 20px;
  overflow: hidden;
}

/* Amenities carousel column: keep arrows visible and round content */
.vc_column-inner.vc_custom_1675808003515 {
  border-radius: 20px;
  overflow: visible;
  position: relative;
}

.vc_column-inner.vc_custom_1675808003515 .slick-slider {
  overflow: visible !important;
  position: relative;
}

.vc_column-inner.vc_custom_1675808003515 .slick-prev,
.vc_column-inner.vc_custom_1675808003515 .slick-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}

.vc_column-inner.vc_custom_1675808003515 .slick-prev {
  left: 6px;
  transform: translate(-50%, -50%);
}
.vc_column-inner.vc_custom_1675808003515 .slick-next {
  right: 6px;
  transform: translate(50%, -50%);
}

/* Check-in closed replacement card (Actions column) */
.cc-checkin-closed-card {
  position: relative;
  display: block;
  width: 100%;
  max-width: 360px;
  border-radius: 7px;
  border: 1px solid #d43a3a;
  background: linear-gradient(135deg, #b10f0f 0%, #7e0b0b 55%, #4f0707 100%);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.10);
  color: #fff;
  overflow: hidden;
  line-height: 1.25;
  margin-left: auto;
  margin-right: auto;
}

.cc-checkin-closed-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 8px, transparent 8px, transparent 18px);
  opacity: 0.35;
  pointer-events: none;
}

.cc-checkin-closed-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,0.14) 0%, transparent 55%),
    radial-gradient(120% 140% at 80% 70%, rgba(0,0,0,0.25) 0%, transparent 55%);
  pointer-events: none;
}

.cc-checkin-closed-card__strip {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 5px;
  background: linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.10) 100%);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.cc-checkin-closed-card__icon {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: rgba(0,0,0,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 5px 8px rgba(0,0,0,0.12);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc-checkin-closed-card__icon::before,
.cc-checkin-closed-card__icon::after {
  content: "";
  position: absolute;
  background: #ff5a5a;
}

.cc-checkin-closed-card__icon::before {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  bottom: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 3px 5px rgba(0,0,0,0.11);
}

.cc-checkin-closed-card__icon::after {
  width: 3px;
  height: 2px;
  border-radius: 2px;
  top: 4px;
  left: 6px;
  box-shadow: 0 0 0 2px #7e0b0b;
}

.cc-checkin-closed-card__strip-text {
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 9px;
  text-transform: uppercase;
  text-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

.cc-checkin-closed-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 5px;
  padding: 5px 6px 6px;
  align-items: center;
  justify-content: space-between;
}

.cc-checkin-closed-card__left {
  flex: 1 1 50%;
  min-width: 120px;
}

.cc-checkin-closed-card__title {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.15;
  text-shadow: 0 2px 0 rgba(0,0,0,0.2);
  margin: 0 0 2px;
}

.cc-checkin-closed-card__timer {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 999px;
  background: linear-gradient(140deg, #ff9b9b 0%, #d43b3b 55%, #8b1a1a 100%);
  box-shadow:
    0 12px 22px -14px rgba(180, 40, 40, 0.75),
    inset 0 2px 4px rgba(255, 255, 255, 0.22);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 800;
  color: #fff;
  pointer-events: none;
  cursor: default;
  overflow: hidden;
}

.cc-checkin-closed-card__timer::after {
  content: "";
  position: absolute;
  inset: 4px 10px 60% 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: 0.85;
  pointer-events: none;
}

/* FIND START: CC Scrollable Pills Tabs (My Account) */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float: none;
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  margin-bottom: 32px;
}

.cc-pilltabs{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0 42px;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  margin: 12px 0 0;
  overflow: visible;
}

.cc-pilltabs::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: rgba(0,0,0,0.10);
}

.cc-pilltabs--orders{
  margin: 16px auto 0;
  justify-content: center;
  padding: 0 42px;
  width: 100%;
}

.cc-pilltabs--orders .cc-pilltabs__rail{
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
}

.cc-pilltabs--orders .cc-pilltabs__rail-inner{
  gap: 6px;
  padding: 0 8px;
  margin: 0 auto;
  flex: 0 0 auto;
  width: fit-content;
  scroll-padding-left: 8px;
  scroll-padding-right: 8px;
}

.cc-pilltabs--orders .cc-pilltabs__pill{
  gap: 6px;
  padding: 7px 11px;
  font-size: 12px;
  border: 1px solid rgba(0,0,0,0.14);
  background: #fafbfc;
  color: #1f2a44;
}

.cc-pilltabs--orders .cc-pilltabs__pill.is-active{
  background: #4a63b7;
  color: #fff;
  border-color: #4a63b7;
}

.cc-pilltabs--orders .cc-pilltabs__count{
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 700;
  background: #eef1f6;
  color: inherit;
  box-shadow: none;
}

.cc-pilltabs--orders .cc-pilltabs__pill.is-active .cc-pilltabs__count{
  background: rgba(255,255,255,0.22);
  color: #fff;
}

.cc-pilltabs--orders .cc-pilltabs__nav{
  width: 34px;
  height: 34px;
}

.cc-pilltabs--orders::after{
  display: none;
}

@media (max-width: 1024px){
  .cc-pilltabs--orders{
    padding: 0 36px;
  }
}

@media (max-width: 768px){
  .cc-pilltabs--orders{
    padding: 0 30px;
  }
}

@media (max-width: 540px){
  .cc-pilltabs--orders{
    padding: 0 24px;
  }
}

/* Responsive tweaks */
@media (max-width: 1024px){
  .cc-pilltabs{
    padding: 0 38px;
  }
  .cc-pilltabs__pill{
    gap: 8px;
    padding: 8px 12px;
    font-size: 14px;
  }
  .cc-pilltabs__count{
    min-width: 18px;
    height: 18px;
    font-size: 11px;
  }
  .cc-pilltabs__icon{
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 768px){
  .cc-pilltabs{
    gap: 6px;
    padding: 0 32px;
  }
  .cc-pilltabs__rail-inner{
    gap: 4px;
    padding: 0 4px;
  }
  .cc-pilltabs__pill{
    padding: 8px 10px;
    font-size: 13px;
  }
  .cc-pilltabs__icon{
    width: 15px;
    height: 15px;
  }
  .cc-pilltabs__nav{
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}

@media (max-width: 540px){
  .cc-pilltabs{
    gap: 4px;
    padding: 0 26px;
  }
  .cc-pilltabs__rail{
    padding: 0 4px;
  }
  .cc-pilltabs__pill{
    padding: 7px 9px;
    font-size: 12px;
  }
  .cc-pilltabs__icon{
    width: 14px;
    height: 14px;
  }
  .cc-pilltabs__count{
    top: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 5px;
    font-size: 10px;
  }
}
.cc-pilltabs__rail{
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  scroll-snap-type: x mandatory;
}

.cc-pilltabs__rail-inner{
  display: flex;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 0 8px;
  scrollbar-width: none;
  margin: 0;
  scroll-padding-left: 8px;
  scroll-padding-right: 8px;
  scroll-snap-type: x mandatory;
}
.cc-pilltabs__rail-inner::-webkit-scrollbar{ display:none; }

.cc-pilltabs__pill{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 8px;
  padding: clamp(7px, 1.8vw, 10px) clamp(10px, 2.5vw, 15px);
  border: 1px solid rgba(0,0,0,0.10);
  background: #f7f8fb;
  color: #1f2a44;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(13px, 2.4vw, 16px);
  line-height: 1;
  user-select: none;
  text-align: center;
  scroll-snap-align: start;
}

.cc-pilltabs__icon{
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc-pilltabs__icon svg{
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
}

.cc-pilltabs__pill[data-endpoint="account-details"]{
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  min-height: clamp(36px, 6vw, 44px);
  border-right: 1px solid rgba(0,0,0,0.10);
}

.cc-pilltabs__pill[data-endpoint="account-details"] .cc-pilltabs__count--ghost{
  display: none;
}

.cc-pilltabs__pill:hover{
  background: #eef2ff;
  border-color: rgba(0,0,0,0.18);
}

.cc-pilltabs__pill.is-active{
  background: #1f4aa8;
  border-color: rgba(0,0,0,0.00);
  color: #fff;
}

.cc-pilltabs__count{
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: #e53935;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 120ms ease, visibility 120ms ease;
}

.cc-pilltabs__pill.is-active .cc-pilltabs__count{
  background: #c62828;
}

.cc-pilltabs__pill:hover .cc-pilltabs__count,
.cc-pilltabs__pill:focus-visible .cc-pilltabs__count{
  opacity: 1;
  visibility: visible;
}

.cc-pilltabs__count--ghost{
  visibility: hidden;
}

.cc-pilltabs__nav{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: #fff;
  color: #1f2a44;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  box-shadow: 0 4px 10px rgba(16, 24, 40, 0.08);
  margin: 0;
}

.cc-pilltabs__nav[disabled]{
  opacity: 0.35;
  cursor: default;
  box-shadow: none;
}

@media (min-width: 1200px){
  .cc-pilltabs__nav{ display: none; }
  .cc-pilltabs{ padding: 0; }
  .cc-pilltabs__rail{
    justify-content: center;
    overflow: visible;
  }
  .cc-pilltabs__rail-inner{
    padding: 0;
    margin: 0 auto;
  }
}

.cc-pilltabs__nav--left{
  transform: translateX(-30px);
}

.cc-pilltabs__nav--right{
  transform: translateX(30px);
}

.cc-pilltabs__item{
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}

.cc-pilltabs__submenu{
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 200px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(16, 24, 40, 0.12);
  padding: 6px;
  display: none;
  z-index: 10;
}

.cc-pilltabs__submenu-item{
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  color: #1f2a44;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}

.cc-pilltabs__submenu-item:hover,
.cc-pilltabs__submenu-item.is-active{
  background: #eef2ff;
}

.cc-pilltabs__item.is-open .cc-pilltabs__submenu{
  display: block;
}

@media (hover: hover) and (pointer: fine){
  .cc-pilltabs__item--has-submenu:hover .cc-pilltabs__submenu{
    display: block;
  }
}
/* FIND END: CC Scrollable Pills Tabs (My Account) */

.cc-checkin-closed-card__timer-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 900;
  font-size: 9px;
  letter-spacing: 0.03em;
}

.cc-checkin-closed-card__timer-seconds {
  font-weight: 700;
  font-size: 8px;
  opacity: 0.9;
}

.cc-checkin-closed-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: default;
}

/* Shared overlay timer for check-in pills (keeps original width) */
.cc-checkin-cta {
  position: relative;
}

.cc-checkin-cta__ghost {
  visibility: hidden;
}

.cc-checkin-cta__timer {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  white-space: nowrap;
}

.cc-checkin-cta__timer-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 1;
}

.cc-checkin-cta__timer-seconds {
  font-weight: 700;
  font-size: 11px;
  opacity: 0.9;
  letter-spacing: 0.02em;
  line-height: 1;
}

.cc-cancelled-booking-card .cc-checkin-cta__label {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  white-space: nowrap;
}

.cc-cancelled-booking-card .cc-checkin-closed-card__cta {
  --pill-letter-spacing: 0.02em;
}

/* Deadline / hold icons (used in hold mode strip) */
.cc-deadline-icon{
  width: 18px;
  height: 18px;
  border-radius: 7px;

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

  font-size: 12px;
  font-weight: 800;
  line-height: 1;

  position: relative;
  overflow: hidden;
  background: linear-gradient(140deg, #8be28c 0%, #2a9440 55%, #0e4620 100%);
  color: #fff;

  box-shadow: 0 6px 12px -6px rgba(14, 70, 32, 0.6), inset 0 2px 3px rgba(255, 255, 255, 0.22);
  user-select: none;
}

.cc-deadline-icon::after{
  content:"";
  position:absolute;
  inset:2px 3px 58% 3px;
  border-radius:6px;
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,0));
  opacity:.8;
  pointer-events:none;
}

.cc-resale-icon{
  background:linear-gradient(140deg, #9bbdff 0%, #5b8ef5 55%, #0b5394 100%);
  box-shadow:0 6px 12px -6px rgba(11, 64, 148, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-resale-svg{
  width:14px;
  height:14px;
  display:block;
}

.cc-hold-icon{
  background:linear-gradient(140deg, #f7d779 0%, #d6a537 55%, #8a6514 100%);
  box-shadow:0 6px 12px -6px rgba(138, 101, 20, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-hold-svg{
  width:14px;
  height:14px;
  display:block;
}

.cc-refund-icon{
  background:linear-gradient(140deg, #b6efb9 0%, #4ecf76 55%, #1c8d44 100%);
  box-shadow:0 6px 12px -6px rgba(28, 141, 68, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-refund-svg{
  width:14px;
  height:14px;
  display:block;
}

.cc-cancel-icon{
  background:linear-gradient(140deg, #f9a3a3 0%, #e84545 55%, #9d1b1b 100%);
  box-shadow:0 6px 12px -6px rgba(157, 27, 27, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-icon-padlock{
  width:16px;
  height:16px;
}

.cc-icon-padlock-locked{
  width:16px;
  height:16px;
}

.cc-checkin-closed-card__right {
  flex: 1 1 45%;
  min-width: 110px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}

.cc-checkin-closed-card__label {
  font-size: 9px;
  font-weight: 800;
  color: rgba(255,255,255,0.75);
  text-shadow: 0 2px 0 rgba(0,0,0,0.18);
}

.cc-checkin-closed-card__code {
  width: 100%;
  padding: 5px 6px;
  border-radius: 6px;
  border: 2px dashed rgba(255,255,255,0.30);
  background: rgba(0,0,0,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 10px rgba(0,0,0,0.12);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.72);
  font-size: 8px;
}

.cc-hold-card {
  border: 1px solid #caa32a;
  background: linear-gradient(135deg, #f5da7a 0%, #d9b13a 55%, #9f7912 100%);
}

.cc-hold-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, rgba(0,0,0,0.12) 0px, rgba(0,0,0,0.12) 8px, transparent 8px, transparent 18px);
  opacity: 0.35;
  pointer-events: none;
}

.cc-hold-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,0.16) 0%, transparent 55%),
    radial-gradient(120% 140% at 80% 70%, rgba(0,0,0,0.20) 0%, transparent 55%);
  pointer-events: none;
}

.cc-hold-card .cc-checkin-closed-card__icon::before {
  background: #ffe48c;
}

.cc-hold-card .cc-checkin-closed-card__icon::after {
  box-shadow: 0 0 0 2px #9f7912;
}

.cc-hold-card .cc-checkin-closed-card__cta,
.cc-hold-card .cc-hold-card__cancel {
  color: #fff;
  font-weight: 800;
}

/* Check-in open card (green twin of closed version) */
.cc-checkin-open-card {
  position: relative;
  display: block;
  width: 100%;
  max-width: 360px;
  border-radius: 7px;
  border: 1px solid #1f6ea8;
  background: linear-gradient(135deg, #0c6fb1 0%, #0a588d 55%, #093f66 100%);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.12);
  color: #fff;
  overflow: hidden;
  line-height: 1.25;
  margin-left: auto;
  margin-right: auto;
}

.cc-checkin-open-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,0.08) 0px, rgba(255,255,255,0.08) 8px, transparent 8px, transparent 18px);
  opacity: 0.32;
  pointer-events: none;
}

.cc-checkin-open-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,0.18) 0%, transparent 55%),
    radial-gradient(120% 140% at 80% 70%, rgba(0,0,0,0.18) 0%, transparent 55%);
  pointer-events: none;
}

.cc-checkin-open-card__strip {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 5px;
  background: linear-gradient(180deg, rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.08) 100%);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.cc-checkin-open-card__icon {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: rgba(0,0,0,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 5px 8px rgba(0,0,0,0.12);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc-checkin-open-card__icon::before,
.cc-checkin-open-card__icon::after {
  content: "";
  position: absolute;
  background: #5bd98a;
}

.cc-checkin-open-card__icon::before {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  bottom: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 3px 5px rgba(0,0,0,0.11);
}

.cc-checkin-open-card__icon::after {
  width: 3px;
  height: 2px;
  border-radius: 2px;
  top: 4px;
  left: 6px;
  box-shadow: 0 0 0 2px #0c6f31;
}

.cc-checkin-open-card__strip-text {
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 9px;
  text-transform: uppercase;
  text-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

.cc-checkin-open-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 5px;
  padding: 5px 6px 6px;
  align-items: center;
  justify-content: space-between;
}

.cc-checkin-open-card__left {
  flex: 1 1 50%;
  min-width: 120px;
}

.cc-checkin-open-card__title {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.15;
  text-shadow: 0 2px 0 rgba(0,0,0,0.18);
  margin: 0 0 2px;
}

.cc-checkin-open-card__timer {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 3px 5px;
  border-radius: 6px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 6px 10px rgba(0,0,0,0.12);
}

.cc-checkin-open-card__timer-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 900;
  font-size: 9px;
  letter-spacing: 0.03em;
}

.cc-checkin-open-card__timer-seconds {
  font-weight: 700;
  font-size: 8px;
  opacity: 0.92;
}

.cc-checkin-open-card__right {
  flex: 1 1 45%;
  min-width: 110px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}

.cc-checkin-open-card__label {
  font-size: 9px;
  font-weight: 800;
  color: rgba(255,255,255,0.78);
  text-shadow: 0 2px 0 rgba(0,0,0,0.16);
}

.cc-checkin-open-card__code {
  width: 100%;
  padding: 5px 6px;
  border-radius: 6px;
  border: 2px dashed rgba(255,255,255,0.28);
  background: rgba(0,0,0,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 10px rgba(0,0,0,0.12);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.78);
  font-size: 8px;
}

.cc-order-completed-card,
.cc-payment-used-card {
  border: 1px solid #2e9b46;
  background: linear-gradient(135deg, #0f8a3b 0%, #0c6f31 55%, #0a5526 100%);
}

.cc-order-completed-card .cc-checkin-open-card__cta {
  cursor: default;
  pointer-events: none;
}

/* Payment used button hover lift */
.cc-payment-used-card .cc-checkin-open-card__cta {
  display: inline-flex;
  pointer-events: auto !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  will-change: transform, box-shadow;
}

/* Ensure payment-used cards override completed-card disable */
.cc-order-completed-card.cc-payment-used-card .cc-checkin-open-card__cta {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.cc-payment-used-card .cc-checkin-open-card__cta:hover,
.cc-payment-used-card .cc-checkin-open-card__cta:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 18px -10px rgba(14, 70, 32, 0.7), inset 0 2px 4px rgba(255,255,255,0.24) !important;
}

/* Refund card: match green finish */
.cc-order-refunded-card {
  border: 1px solid #2e9b46;
  background: linear-gradient(135deg, #0f8a3b 0%, #0c6f31 55%, #0a5526 100%);
}

.cc-order-refunded-card .cc-checkin-open-card__cta {
  cursor: default;
  pointer-events: none;
}

.cc-order-refunded-card:hover .cc-checkin-open-card__cta,
.cc-order-refunded-card:focus-within .cc-checkin-open-card__cta {
  transform: translateY(-3px);
  box-shadow: 0 12px 18px -10px rgba(14, 70, 32, 0.7), inset 0 2px 4px rgba(255,255,255,0.24);
}

.cc-order-refunded-card .cc-checkin-open-card__strip-text,
.cc-order-refunded-card .cc-checkin-open-card__code {
  color: rgba(255,255,255,0.92);
}

.cc-order-refunded-card .cc-checkin-open-card__strip-text {
  color: #ffffff;
}

@media (max-width: 760px){
  .cc-checkin-open-card{
    max-width: 100%;
  }
  .cc-checkin-open-card__right{
    min-width: 0;
  }
  .cc-checkin-open-card__title{
    font-size: 11px;
  }
}

/* Check-in completed card (blue/teal variant) */
.cc-checkin-completed-card {
  position: relative;
  display: block;
  width: 100%;
  max-width: 360px;
  border-radius: 7px;
  border: 1px solid #1f6ea8;
  background: linear-gradient(135deg, #0c6fb1 0%, #0a588d 55%, #093f66 100%);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.12);
  color: #fff;
  overflow: hidden;
  line-height: 1.25;
  margin-left: auto;
  margin-right: auto;
}

.cc-checkin-completed-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,0.08) 0px, rgba(255,255,255,0.08) 8px, transparent 8px, transparent 18px);
  opacity: 0.32;
  pointer-events: none;
}

.cc-checkin-completed-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,0.18) 0%, transparent 55%),
    radial-gradient(120% 140% at 80% 70%, rgba(0,0,0,0.18) 0%, transparent 55%);
  pointer-events: none;
}

.cc-checkin-completed-card__strip {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 5px;
  background: linear-gradient(180deg, rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.08) 100%);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.cc-checkin-completed-card__icon {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: rgba(0,0,0,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 5px 8px rgba(0,0,0,0.12);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc-checkin-completed-card__icon::before,
.cc-checkin-completed-card__icon::after {
  content: "";
  position: absolute;
  background: #67c8ff;
}

.cc-checkin-completed-card__icon::before {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  bottom: 3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 3px 5px rgba(0,0,0,0.11);
}

.cc-checkin-completed-card__icon::after {
  width: 3px;
  height: 2px;
  border-radius: 2px;
  top: 4px;
  left: 6px;
  box-shadow: 0 0 0 2px #0a588d;
}

.cc-checkin-completed-card__strip-text {
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 9px;
  text-transform: uppercase;
  text-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

.cc-checkin-completed-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 5px;
  padding: 5px 6px 6px;
  align-items: center;
  justify-content: space-between;
}

.cc-checkin-completed-card__left {
  flex: 1 1 50%;
  min-width: 120px;
}

.cc-checkin-completed-card__title {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.15;
  text-shadow: 0 2px 0 rgba(0,0,0,0.18);
  margin: 0 0 2px;
}

.cc-checkin-completed-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: default;
}

.cc-checkin-completed-card__cta:hover,
.cc-checkin-completed-card__cta:focus,
.cc-checkin-completed-card__cta:focus-visible,
.cc-checkin-closed-card__cta:hover,
.cc-checkin-closed-card__cta:focus,
.cc-checkin-closed-card__cta:focus-visible {
  cursor: default !important;
}

.cc-checkin-completed-card__timer {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 3px 5px;
  border-radius: 6px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 6px 10px rgba(0,0,0,0.12);
}

.cc-checkin-completed-card__timer-value {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 900;
  font-size: 9px;
  letter-spacing: 0.03em;
}

.cc-checkin-completed-card__timer-seconds {
  font-weight: 700;
  font-size: 8px;
  opacity: 0.92;
}

.cc-checkin-completed-card__right {
  flex: 1 1 45%;
  min-width: 110px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}

.cc-checkin-completed-card__label {
  font-size: 9px;
  font-weight: 800;
  color: rgba(255,255,255,0.78);
  text-shadow: 0 2px 0 rgba(0,0,0,0.16);
}

.cc-checkin-completed-card__code {
  width: 100%;
  padding: 5px 6px;
  border-radius: 6px;
  border: 2px dashed rgba(255,255,255,0.28);
  background: rgba(0,0,0,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 10px rgba(0,0,0,0.12);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.78);
  font-size: 8px;
}

.cc-checkin-completed-card__code--has-code {
  font-size: 8px;
  letter-spacing: 0.40em;
}

.cc-checkin-completed-card__email{
  --pill-padding: 4px 10px;
  --pill-radius: 10px;
  --pill-sheen-radius: 10px;
  --pill-sheen-inset: 3px 8px 58% 8px;
  --pill-letter-spacing: 0.08em;
  --pill-width: auto;
  --pill-shadow: 0 8px 14px -10px rgba(180, 40, 40, 0.6), inset 0 2px 4px rgba(255,255,255,0.18);
  font-size: 9px;
  line-height: 1;
  margin-left: 0;
  padding: 0 4px !important;
  min-width: 64px;
  width: auto !important;
  align-self: baseline;
  border: none !important;
  transform: translateY(-1px);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.cc-checkin-completed-card__email:hover,
.cc-checkin-completed-card__email:focus-visible{
  transform: translateY(-5px);
}

.cc-checkin-completed-card__label-row{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.cc-checkin-completed-card__label{
  display: inline-flex;
  align-items: center;
  line-height: 1.05;
}

.cc-pill-pulse{
  animation: cc-pill-pulse 1.9s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, box-shadow;
}
.cc-pill-pulse:hover,
.cc-pill-pulse:focus-visible{
  animation-play-state: paused;
}

@keyframes cc-pill-pulse{
  0%{
    transform: translateY(-1px) scale(1);
    box-shadow: var(--pill-shadow, 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18));
  }
  50%{
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 14px 24px -12px rgba(0,0,0,0.28), inset 0 2px 5px rgba(255,255,255,0.24);
  }
  100%{
    transform: translateY(-1px) scale(1);
    box-shadow: var(--pill-shadow, 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18));
  }
}

@media (max-width: 760px){
  .cc-checkin-completed-card{
    max-width: 100%;
  }
  .cc-checkin-completed-card__right{
    min-width: 0;
  }
  .cc-checkin-completed-card__title{
    font-size: 11px;
  }
}

@media (max-width: 760px){
  .cc-checkin-closed-card{
    max-width: 100%;
  }
  .cc-checkin-closed-card__right{
    min-width: 0;
  }
  .cc-checkin-closed-card__title{
    font-size: 11px;
  }
}

/* Move only the LoftLoader spinner above the logo (leave progress bar in place) */
#loftloader-wrapper #loader {
  transform: translateY(-160px);
}

@media (max-width: 640px) {
  #loftloader-wrapper #loader {
    transform: translateY(-110px);
  }
}
.woocommerce-account .ywpar-wrapper h3, .u-column2.col-2.woocommerce-Address {
	display:none;
}
.woocommerce table.my_account_orders {
  margin: 0;
}
.woocommerce-account .ywpar-wrapper h3 {
	text-transform:capitalize;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	width:100%; 
}
@media only screen and (max-width:1199px) {
a.header-mobile-book.cc-pill-btn.cc-pill--light-blue.cc-pill--uppercase.sts-popup {
    --pill-padding: 11px 30px;
    --pill-radius: 26px;
    --pill-bg-start: #6fa8ff;
    --pill-bg-mid: #0b5394;
    --pill-bg-end: #093a6e;
    --pill-hover-bg-start: #7fb3ff;
    --pill-hover-bg-mid: #104c92;
    --pill-hover-bg-end: #0a3d76;
    --pill-shadow: 0 10px 18px -8px rgba(9, 58, 110, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.25);
    --pill-hover-shadow: 0 13px 21px -10px rgba(9, 58, 110, 0.65), inset 0 2px 3px rgba(255, 255, 255, 0.35);
    --pill-active-shadow: 0 8px 14px -8px rgba(9, 58, 110, 0.6), inset 0 2px 3px rgba(255, 255, 255, 0.2);
    --pill-letter-spacing: 0.064em;
    --pill-sheen-inset: 5px 13px 44% 13px;
    --pill-sheen-radius: 19px;
    --pill-white-space: nowrap;
    white-space: nowrap;
}
	
  body.logged-in.admin-bar .header-mobile {
  margin-top: 32px !important;
  background: #0b5394;
  }
	body .header-mobile .control-left {
		 background: #0b5394;
	}
	body header {
		display:block !important;
	}
	body .header-mobile .control-left .logo {
		width:100%;
		max-width: 185px;
	}
	body header .header-content .control-right {
    width: 100% !important;
}
	body header .header-content .control-right .option-item {
      padding: 0px 10px !important;
      background: transparent !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      position: relative;
      overflow: visible;
	}
	/*#top_toolbar .container {
		padding-left:15px !important;
		padding-right:15px !important;
	}
	#top_toolbar .text-right .top-user-area-list {
    justify-content: space-between !important;
    }*/
	#Ico_off_menu {
		fill:#fff;
	}
}

body.logged-in.admin-bar #header.sticky {
  top: 32px;
}

body.logged-in.admin-bar {
  --cc-adminbar-offset: 32px;
}

@media only screen and (max-width: 782px) {
  body.logged-in.admin-bar #header.sticky {
    top: 46px;
  }

  body.logged-in.admin-bar {
    --cc-adminbar-offset: 46px;
  }

  body.logged-in.admin-bar .header-mobile {
    margin-top: 46px !important;
  }
}

@media (min-width: 1200px) {
  .single-hotel_room footer .container {
    width: 1170px !important;
  }
}

.hotel_room-template-default div.sts-banner {
/*    height: calc(90vh - 100px); */
    margin-bottom: 70px;
}
#st-content-wrapper .st-description p {
    margin-bottom: 10px;
}
body {
  font-size: 14px;
  line-height: 1.5;
  --cc-topbar-offset: 38px;
  --cc-header-offset: 65px;
  --cc-adminbar-offset: 0px;
    /*margin-right: 0 !important;*/
}
body p {
  font-size: 16px;
}
html {
    margin-right: 0 !important;
    overflow: visible !important;
}
body .content-text.style-2 .button-color.text-center {
  margin-top: 15px;
}
.hotel_room-template-default #st-content-wrapper .st-gallery,
.hotel_room-template-default .facilities {
	margin-bottom:30px;
}
.hotel_room-template-default .sts-check-available-form-style4 select {
	    background-color: #fff !important;
}
.widgets.st-single-hotel-modern-page form {
    margin-bottom: 0;
}
.hotel_room-template-default header .header-content .control-right {
	font-size:14px;
	line-height: 1.42857143;
}
#header.sticky {
    height: auto;
}
.hotel_room-template-default .option-item .book-your-tay .sts-popup {
	padding: 6px 12px;
}

.hotel_room-template-default .st-breadcrumb  {
	display:none;
}
.hotel_room-template-default  #header .header {
	border-bottom:0px;
}
body header .header-content .control-right {
  width: 50% !important;
}

body header .header-content .control-right .option-item.st-check-lang::after {
  display: none !important;
}

.option-mid.st-wc-cart-icon {
  position: relative;
  margin-right: 12px;
}

span.total-cart-items {
  position: absolute;
  right: -10px;
  z-index: 9;
  background: #ec0a0a;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  top: -5px;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
}

.page-id-9451 header .header-top .col-md-3,
.page-id-9451 header .header-top .col-md-9 .top-user-area-list,
.page-id-9451 header .header-top .col-md-9 .top-user-area,
.page-id-9451 #main-header,
.page-id-9451 .modal-body .btn-submit-form img {
  display: block !important;
}

body header .header-content {
  min-height: 65px !important;
  max-height: 65px;
}

.woocommerce-page header#header,
header#header {
  background: #0b5394;
  z-index: 10000 !important;
}

/* Header content (top-bar-no) blue gradient to match table header */
header#header .header-content.top-bar-no {
  position: relative;
  overflow: visible;
  background: linear-gradient(180deg, #0b5394 0%, #0b4380 52%, #062b52 100%);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 6px rgba(0, 0, 0, 0.25);
}

header#header .header-content.top-bar-no::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  opacity: 0.8;
  pointer-events: none;
}

header#header .header-content.top-bar-no > * {
  position: relative;
  z-index: 1;
}

/* Home info cards (check-in/out/address): match header gradient on headings */
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infocheckin .ult_pricing_heading,
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infocheckout .ult_pricing_heading,
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infoaddress .ult_pricing_heading,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infocheckin .ult_pricing_heading,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infocheckout .ult_pricing_heading,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infoaddress .ult_pricing_heading {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #127cda 0%, #0b5394 55%, #0b4c91 100%) !important;
  box-shadow:
    0 10px 18px -10px rgba(10, 59, 120, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -2px 6px rgba(0, 0, 0, 0.25);
}

.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infocheckin .ult_pricing_heading::after,
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infocheckout .ult_pricing_heading::after,
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infoaddress .ult_pricing_heading::after,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infocheckin .ult_pricing_heading::after,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infocheckout .ult_pricing_heading::after,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infoaddress .ult_pricing_heading::after {
  content: "";
  position: absolute;
  inset: 4px 10px 55% 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: 0.78;
  pointer-events: none;
}

.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infocheckin .ult_pricing_heading > *,
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infocheckout .ult_pricing_heading > *,
.page-id-7414 .ult_pricing_table_wrap.ult_info_table.infoaddress .ult_pricing_heading > *,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infocheckin .ult_pricing_heading > *,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infocheckout .ult_pricing_heading > *,
.page-id-9451 .ult_pricing_table_wrap.ult_info_table.infoaddress .ult_pricing_heading > * {
  position: relative;
  z-index: 1;
}

/* Global fallback: apply the same header gradient + reflection to all info-table headings */
.ult_pricing_table_wrap.ult_info_table .ult_pricing_heading {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #127cda 0%, #0b5394 55%, #0b4c91 100%) !important;
  box-shadow:
    0 10px 18px -10px rgba(10, 59, 120, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -2px 6px rgba(0, 0, 0, 0.25);
}

.ult_pricing_table_wrap.ult_info_table .ult_pricing_heading::after {
  content: "";
  position: absolute;
  inset: 4px 10px 55% 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: 0.78;
  pointer-events: none;
}

.ult_pricing_table_wrap.ult_info_table .ult_pricing_heading > * {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  /* Keep a single 1px separator on the mobile header at laptop width */
  header#header,
  #header .header,
  #header .header-content {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  body .header-mobile .helios-navbar-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
    position: relative;
  }

  body .header-mobile .helios-navbar-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #d7dce3;
    pointer-events: none;
  }

  body .header-mobile.sticky-mobile .helios-navbar-header {
    border-bottom: 0 !important;
  }
}

@media only screen and (min-width: 1200px) {
  /* Use a single 1px separator on the desktop header */
  header#header,
  #header .header {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  #header .header-content {
    border-bottom: 0 !important;
    box-shadow: none !important;
    position: relative;
  }
}

.woocommerce-page div#main-content {
  padding-top: 100px;
}
.nav-drop {
  position: relative;
}
#top_toolbar .container {
  width: 100%;
  padding: 0 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1367px) {
  #top_toolbar .container {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 1200px) {
  #top_toolbar.hidden_topbar_in_mobile {
    display: block !important;
  }
}

#top_toolbar .top-user-area-list .list.nav-drop-menu {
  display: none;
  transition: 0.5s;
  position: absolute;
  z-index: 999;
  background: #003260;
  text-align: left;
  width: 90px;
}
#top_toolbar .top-user-area-list .list.nav-drop-menu a {
  padding: 10px 15px;
}
#top_toolbar .top-user-area-list .list.nav-drop-menu li {
  margin-right: 0;
}
/*#top_toolbar .top-user-area-list .nav-drop a:hover ~ .list.nav-drop-menu,*/
#top_toolbar .top-user-area-list .list.nav-drop-menu a,
#top_toolbar a,
.nav-drop.active-drop .list.nav-drop-menu {
  display: block !important;
}
.nav-drop .fa-angle-up {
  position: absolute;
  right: 0px;
  top: 12px;
}
.nav-drop .fa-angle-down {
  margin-left: 5px;
}
.nav-drop .fa-angle-up,
.nav-drop.active-drop .fa-angle-down {
  opacity: 0;
}
.nav-drop.active-drop .fa-angle-up {
  opacity: 1;
}
#top_toolbar a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.checkout .input-text,
.checkout .select2-selection {
  border: 1px solid #d7dce3;
  border-radius: 5px;
  height: 40px;
  padding: 12px 20px;
}
.checkout .select2-selection {
  padding-top: 5px;
  padding-left: 12px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 8px;
  right: 10px;
}
.checkout textarea.input-text {
  height: 10em !important;
}
.woocommerce form .form-row label,
.modal-body label {
  font-weight: 500;
}
#checkout_timeline.style4 li.active .timeline-wrapper .yith-wcms-icon,
#checkout_timeline.style4
  li
  .timeline-wrapper:hover
  .timeline-step
  .yith-wcms-icon {
  fill: #0b5394 !important;
}
#header {
  transition: unset;
}
div.sts-banner {
  height: 400px;
}
.woocommerce-checkout .sts-banner {
  margin-bottom: 70px;
}

/* Remove extra banner spacing on the basket (cart) page */
body.woocommerce-cart .sts-banner {
  margin-bottom: 0 !important;
}
body.woocommerce-cart .woocommerce-cart-form {
  margin-top: 0;
}

header .header-top .col-md-3,
header .header-top .col-md-9 .top-user-area-list,
header .header-top .col-md-9 .top-user-area,
#main-header,
.modal-body .btn-submit-form img {
  display: none;
}
#top_toolbar /*.text-left*/ .top-user-area-list {
  display: flex;
  align-items: center;
}
#top_toolbar .text-right .top-user-area-list {
  justify-content: flex-end;
}
#top_toolbar .top-user-area-list li {
  margin-left: 18px;
}
#top_toolbar .top-user-area-list a {
  color: #fff;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
}
#top_toolbar .top-user-area-list a i {
  margin-right: 5px;
  font-size: 13px;
}
#top_toolbar {
  /*padding-top:10px;
	padding-bottom:10px;*/
  background-color: #003260 !important;
  z-index: 10000 !important;
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
  #top_toolbar .left_topbar,
  #top_toolbar .right_topbar {
    float: left;
    width: 50% !important;
  }

  #top_toolbar .left_topbar {
    text-align: left;
  }

  #top_toolbar .right_topbar {
    text-align: right;
  }

  #top_toolbar .left_topbar .top-user-area-list {
    justify-content: flex-start;
  }

  #top_toolbar .right_topbar .top-user-area-list {
    justify-content: flex-end;
  }
}
header .header-top .col-md-9 {
  width: 100%;
}
.woocommerce-checkout-review-order-table1,
.woocommerce-checkout-review-order-table1 header {
  display: flex;
}
.woocommerce-checkout-review-order-table1 header .col-left {
  order: 2;
  padding-left: 40px;
}
.woocommerce-checkout-review-order-table1 header .booking-item-payment-img {
  order: 1;
}
.woocommerce-checkout-review-order-table1
  header
  .col-left
  .booking-item-payment-title
  a {
  color: #5191fa;
  font-size: 16px;
}
.woocommerce-checkout-review-order-table1 {
  padding-top: 30px;
}
.woocommerce-checkout-review-order-table1 .booking-item-payment-details {
  margin-right: 25px;
}

.woocommerce-checkout-review-order-table1 header:before,
.woocommerce-checkout-review-order-table1 header:after,
.modal-body .st_login_form_popup .popup_forget_pass,
.modal-body .st_login_form_popup .st_check_term_conditions {
  display: none;
}
.coupon-section button.btn.btn-primary,
.st-woo-cartpage
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  .checkout-button {
  position: relative;
  z-index: 1;
}
.top-user-area-avatar img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
}
.coupon-section button.btn.btn-primary:hover:before,
.st-woo-cartpage
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  .checkout-button:hover:before {
  height: 100%;
}
.coupon-section button.btn.btn-primary:after,
.st-woo-cartpage
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  .checkout-button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #5191fa;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: -2;
}
.coupon-section button.btn.btn-primary:before,
.st-woo-cartpage
  .cart-collaterals
  .cart_totals
  .wc-proceed-to-checkout
  .checkout-button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: var(--main-color, #1a2b48);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: -1;
}
table.shop_table.cart .btn.btn-primary,
.actions .button,
#form_actions .yith-wcms-button.prev,
#form_actions .yith-wcms-button.next,
.modal-body .btn-submit-form .btn {
  border-radius: 0 !important;
}
#form_actions .yith-wcms-button.prev,
#form_actions .yith-wcms-button.next {
  padding: 12px 15px;
  text-transform: uppercase;
  font-weight: 400;
}
table.shop_table.cart .btn.btn-primary {
  border-color: #5191fa;
}
table.shop_table.cart .btn.btn-primary:hover,
.modal-body .btn-submit-form .btn:hover {
  border-color: #0b5394;
  background: #0b5394 !important;
}
.modal-body .btn-submit-form .btn {
  border-color: #5191fa;
  padding: 8px 25px;
}
.modal-body .btn-submit-form .btn,
.modal-body label,
.modal-body .form-control {
  font-family: "Open Sans", Tahoma, Arial, helvetica, sans-serif;
}
.modal-body .form-control {
  border: 1px solid #eaeef3;
  height: 40px;
}

#top_toolbar .top-user-area-list .list.nav-drop-menu a:hover,
.modal-body .btn-submit-form .btn {
  background: #5191fa;
}

.sts-check-available-form.sts-check-available-form-style3 label {
  color: #fff !important;
}
.sts-check-available-form.sts-check-available-form-style3 svg g {
  stroke: #fff !important;
}
.sts-check-available-form.sts-check-available-form-style3 .dropdown-menu svg g {
  stroke: #8e99a0 !important;
}
.sts-check-available-form.sts-check-available-form-style3
  .st-room-check-available
  .sts-form-wrapper
  .item {
  overflow: visible !important;
}

.sts-check-available-form .st-room-check-available > button.cc-pill-btn {
  --pill-padding: 14px 32px;
  --pill-radius: 22px;
  --pill-hover-translate: -3px;
  --pill-sheen-inset: 5px 16px 58% 16px;
  --pill-sheen-radius: 18px;
  --pill-sheen-opacity: 0.7;
  --pill-white-space: nowrap;
  font-size: 15px;
  width: auto;
  align-self: center;
}
.sts-check-available-form.sts-check-available-form-style3
  .sts-form-wrapper
  .item
  .item-search-content
  .type-person {
  color: #1a2b48;
}
.sts-check-available-form.sts-check-available-form-style3
  .field-detination
  .dropdown-menu
  li {
  display: block;
  width: 100%;
  text-align: left;
}

.hidden-account-nav,
.woocommerce-MyAccount-orders .sts-btn:before,
.st-checkout-page .action a.sts-btn:before,
.page-template-template-single-hotel-modern .item .sts-btn:before {
  display: none;
}

.login-register-links {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.login-register-links li {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.login-register-links li span {
  display: inline-block;
  margin: 0 10px;
}

.cc-login-pill {
  gap: 0;
  background: #0b5394;
  border-radius: 10px;
  padding: 10px 18px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22), 0 2px 6px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  min-height: 48px;
}

.cc-login-pill li {
  color: #fff;
  padding: 0;
}

.cc-login-pill a {
  color: #fff !important;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  padding: 0 10px;
}

.cc-login-pill a:hover {
  color: #f5f8ff !important;
}

.signout-links {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}

.cc-basket-pill {
  gap: 0;
  background: #0b5394;
  border-radius: 10px;
  padding: 10px 18px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22), 0 2px 6px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  min-height: 48px;
  color: #fff;
}

.cc-basket-pill li {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0;
}

.cc-basket-pill a {
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}

.cc-basket-pill a:hover {
  color: #f5f8ff !important;
}

.cc-basket-pill .cc-basket-icon,
.cc-basket-pill .cc-cart {
  position: relative;
}

.cc-basket-pill .cc-basket-icon span,
.cc-basket-pill .cc-cart span,
.cc-basket-pill .cc-basket-icon i,
.cc-basket-pill .cc-cart i {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cc-basket-pill .cc-basket-icon span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28), 0 5px 10px rgba(0, 0, 0, 0.18);
  margin-right: 10px;
}

.cc-basket-pill .cc-basket-icon i,
.cc-basket-pill .cc-cart i {
  color: #fff;
  font-size: 22px;
  line-height: 1;
}

.cc-basket-pill .cc-cart svg {
  width: 28px;
  height: 28px;
  display: block;
}

.cc-basket-pill .cc-cart-link {
  display: flex;
  align-items: center;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.cc-basket-pill .cc-cart-icon,
.cc-basket-pill .cc-cart-spinner {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cc-basket-pill .cc-cart .cc-cart-spinner {
  display: none;
}

.cc-basket-pill .cc-cart-spinner .pill-spinner {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: cc-pill-spinner-spin 0.7s linear infinite;
  box-sizing: border-box;
}

.cc-basket-pill .cc-cart-link.is-loading .cc-cart-icon {
  display: none;
}

.cc-basket-pill .cc-cart-link.is-loading .cc-cart-spinner {
  display: flex;
}

.cc-basket-pill .cc-cart-link:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.22));
}

.cc-basket-pill .cc-cart {
  padding-left: 2px;
}

.cc-basket-pill .cc-cart-count {
  position: absolute;
  top: -8px;
  right: -12px;
  background: #ec0a0a;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.cc-basket-pill .cc-greeting {
  font-weight: 500;
  font-size: 14px;
}

.cc-basket-pill .cc-signout a {
  display: flex;
  align-items: center;
}

.cc-basket-pill .cc-signout,
.cc-basket-pill .cc-cart {
  position: relative;
}

.cc-basket-pill .cc-signout::before,
.cc-basket-pill .cc-cart::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: rgba(255, 255, 255, 0.45);
  margin: 0 10px;
}

.cc-basket-pill .cc-cart::before {
  margin-left: 12px;
}

/* Hide trailing separator after the signed-in pill block */
.st-login-menu-option:after,
.st-login-menu-option .option-mid:after {
  display: none !important;
  content: none !important;
}

.cc-login-pill .cc-login-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28), 0 5px 10px rgba(0, 0, 0, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

.cc-login-pill .cc-login-icon span {
  margin: 0;
}

.cc-login-pill .cc-login-icon i {
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.login-link {
  position: relative;
}

.login-link::after {
  content: "";
  position: absolute;
  top: 50%;
  color: #fff;
  margin-left: 9px;
  background: #d1cccc;
  width: 1px;
  height: 19px;
  right: -10px;
  bottom: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cc-login-pill .login-link::after {
  background: rgba(255, 255, 255, 0.55);
  height: 22px;
  right: -2px;
  margin-left: 0;
}

#top_toolbar .btn-st-logout {
  margin-top: -4px;
}

.top-user-area-avatar a {
  padding: 0 !important;
}

body
  #sts-search-popup
  .sts-check-available-form-style3
  .sts-check-available-form-style2
  .st-room-check-available
  .sts-form-wrapper
  > .item {
  width: 220px;
}

#sts-search-popup {
  max-width: 1050px;
}

.sts-toolbar.search_page .item-param .label {
  font-size: 18px;
}

.sts-toolbar.search_page .item-param {
  font-size: 18px;
  margin-left: 20px;
}

#checkout_timeline li .timeline-wrapper {
  padding: 15px 0 12px 0;
}

#footer-boxes h3,
#footer-boxes .st-c0ontent-box,
#footer-boxes .st-social li a i {
  color: #fff;
}

footer .st-end-footer {
  padding: 20px 0 !important;
}
.woocommerce-MyAccount-orders .order-actions a.view,
.woocommerce-MyAccount-orders .action .clickmeshow span,
.st-checkout-page .action a.sts-btn,
.page-template-template-single-hotel-modern
  .sts-room-wrapper
  .item
  .content
  .action
  .btn.btn-white {
  background: #5191fa !important;
  color: #fff !important;
  border-radius: 0;
  font-weight: 400;
}
.woocommerce-MyAccount-orders .order-actions a.view:hover,
.woocommerce-MyAccount-orders .action .clickmeshow span:hover,
.st-checkout-page .action a.sts-btn:hover,
.page-template-template-single-hotel-modern
  .sts-room-wrapper
  .item
  .content
  .action
  .btn.btn-white:hover {
  background: #0b5394 !important;
}
.page-template-template-single-hotel-modern
  .sts-room-wrapper
  .item
  .content
  .action
  .btn.btn-white {
  border: 0;
}

.top-user-area-list li:first-child {
  margin-left: 0 !important;
}

.single-hotel_room .sts-single-room-alone.style-3 .sts-banner {
  height: calc(90vh - 100px);
}

header .header-content .control-right .option-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

header .header-content .control-right .option-item .option-mid.book-your-tay {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

@media only screen and (min-width: 768px) {
  .nav.et_disable_top_tier > li a {
    padding: 23px 13px !important;
  }
}

@media (max-width: 1600px) and (min-width: 1200px) {
  body header .header-content .control-right .option-item {
    padding: 18px 15px;
  }
}

#header.sticky .header-content .control-right .option-item {
  padding: 40px 15px;
}

.st-login-menu-option .login-register-links a {
  color: #fff;
}

.option-mid.st-login-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  white-space: nowrap;
}

.option-mid.st-login-menu li {
  padding-left: 0;
  white-space: nowrap;
}

.option-mid.st-login-menu .top-user-area-avatar a,
.option-mid.st-login-menu a {
  color: #fff;
  white-space: nowrap;
}

header.header-mobile-2 .control-right {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

header.header-mobile-2 .control-right .option-item {
  white-space: nowrap;
}

.sts-check-available-form-style4 .item {
  padding: 0 30px;
}

.sts-check-available-form-style4 select,
.sts-check-available-form-style4 input {
  display: block;
  width: 100%;
  padding: 15px;
  color: #757575;
  border: 2px solid #fff;
}

.sts-check-available-form-style4 select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ak-field-group {
  position: relative;
}

.item.sts-time .ak-field-group:after {
  content: "\f274";
  font-family: "FontAwesome";
  z-index: 9;
  position: absolute;
  color: #0b5394;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 20px;
}

.item.field-detination .ak-field-group:after,
.item.field-guest-new .ak-field-group:after {
  content: "\f0d7";
  font-family: "FontAwesome";
  z-index: 9;
  position: absolute;
  color: #0b5394;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 20px;
}

.sts-check-available-form-style4 .item label {
  color: #fff !important;
  display: block;
  text-align: center;
}

/* Style 4 availability form: match main header gradient treatment */
.sts-check-available-form.sts-check-available-form-style4 {
  position: relative;
  overflow: visible;
  background: linear-gradient(180deg, #0b5394 0%, #0b4380 52%, #062b52 100%);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 6px rgba(0, 0, 0, 0.25);
}

.sts-check-available-form.sts-check-available-form-style4::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  opacity: 0.8;
  pointer-events: none;
}

.sts-check-available-form.sts-check-available-form-style4 > * {
  position: relative;
  z-index: 1;
}

.sts-check-available-form.sts-check-available-form-style4 .dropdown-menu span,
.sts-check-available-form.sts-check-available-form-style4 #dropdown-4 span {
  color: #757575;
  font-size: 13.5px;
}

#dropdown-4 i {
  justify-content: right;
  display: inline-flex;
  margin-left: 25px;
  margin-right: 0;
}

.sts-popup-search-form #dropdown-4 i {
  margin-left: 15px;
}

.sts-check-available-form.sts-check-available-form-style4 #dropdown-4 {
  padding: 15px;
  background: #fff;
  border: 2px solid #fff;
}

.sts-check-available-form.sts-check-available-form-style4
  .st-room-check-available
  .sts-form-wrapper
  .item {
  overflow: visible !important;
}

.woocommerce-MyAccount-content header {
  position: unset;
  margin-bottom: 20px;
}

.woocommerce-MyAccount-content header h3, .woocommerce-MyAccount-content header h2 {
  font-size: 30px;
  margin-top: 20px;
}

.woocommerce-MyAccount-content p mark {
  background: transparent;
  font-weight: bold;
  color: #0b5394;
}

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content li {
  margin-bottom: 5px;
}

.order-item-meta-box {
  display: flex;
  gap: 50px;
}

.with-price-title .price {
  margin: 20px 0 !important;
}

@media only screen and (min-width: 768px) {
  .order-item-meta-box .item-thumbnail {
    margin-top: -20px;
  }

  ul.order-payment-list.list h5 a {
    margin-left: 195px;
  }
}

@media only screen and (max-width: 767px) {
  .order-item-meta-box {
    flex-direction: column;
  }

  ul.order-payment-list {
    position: relative;
  }

  ul.order-payment-list .order_item .row {
    position: absolute;
    top: 170px;
  }
}

/* DatePicker */
/* .ui-widget.ui-widget-content.ak-datepicker {
  border-color: #4191f4;
}

.ak-datepicker.ui-datepicker,
.ak-datepicker.ui-datepicker {
  background: #ffffff;
  border-width: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  padding: 0 !important;
  width: 320px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-datepicker.ak-datepicker.ui-datepicker,
.ui-datepicker.ak-datepicker.ui-datepicker {
  z-index: 99 !important;
  overflow: hidden;
}
.ak-datepicker.ui-datepicker .ui-datepicker-header,
.ak-datepicker.ui-datepicker .ui-datepicker-header {
  background-color: #5191fa;
  background-image: none;
  border-width: 0;
  padding: 0;
  margin: 0;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ak-datepicker.ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.ak-datepicker.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 50px;
  margin: 0;
}

.apb-calendar .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.apb-calendar .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker.ak-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker.ak-datepicker .ui-datepicker-next.ui-state-disabled,
.apb-calendar .ui-datepicker .ui-datepicker-prev:hover,
.apb-calendar .ui-datepicker .ui-datepicker-prev:focus,
.apb-calendar .ui-datepicker .ui-datepicker-next:hover,
.apb-calendar .ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:focus,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:focus {
  opacity: 1;
}
.apb-calendar .ui-datepicker .ui-datepicker-next,
.ui-datepicker.ak-datepicker .ui-datepicker-next,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:focus,
.apb-calendar .ui-datepicker .ui-datepicker-next:hover,
.apb-calendar .ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:focus {
  top: 0;
  right: 0;
}
.apb-calendar .ui-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:focus {
  left: 0;
}

.ui-datepicker.ak-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-next,
.ui-datepicker.ak-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-next {
  border: 0;
  width: 50px;
  height: 50px;
  opacity: 1;
  text-align: center;
}
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover {
  border: 0;
  color: #fff;
  text-decoration: none;
}

.ak-datepicker.ui-datepicker span.ui-icon,
.ak-datepicker.ui-datepicker span.ui-icon {
  font-family: "FontAwesome";
  line-height: 50px;
  color: #fff;
  font-size: 0;
  text-indent: 0;
  background-image: none;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  margin: 0;
  right: 0;
}
.ak-datepicker.ui-datepicker .ui-datepicker-prev span.ui-icon:after,
.ak-datepicker.ui-datepicker .ui-datepicker-prev span.ui-icon:after {
  content: "\f177";
  font-size: 15px;
}

.ak-datepicker.ui-datepicker .ui-datepicker-next span.ui-icon:after,
.ak-datepicker.ui-datepicker .ui-datepicker-next span.ui-icon:after {
  font-size: 15px;
  content: "\f178";
}

.ak-datepicker.ui-datepicker .ui-datepicker-calendar,
.ui-datepicker-multi.ak-datepicker.ui-datepicker .ui-datepicker-group table {
  width: calc(100% + 1px);
  margin: 0;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar thead th,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar thead th {
  text-transform: capitalize;
  color: #fff;
  font-weight: normal;
  background-color: #1d69e6;
  padding: 12px 5px;
  font-size: 12px;
  line-height: 22px;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td span,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td span {
  padding: 7px 5px;
  background: none;
  color: #232323;
  border-width: 0 !important;
  text-align: center;
  width: auto;
  height: auto;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: #e7e7e7;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a:hover,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a:hover {
  background-color: #1d69e6;
  color: #fff;
  border: 0;
}

.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover {
  cursor: pointer;
}

.ak-datepicker .ui-state-hover,
.ak-datepicker.ui-widget-content .ui-state-hover,
.ak-datepicker .ui-widget-header .ui-state-hover {
  background: none;
} */

.ui-widget.ui-widget-content.ak-datepicker {
  border-color: #4191f4;
}

.ak-datepicker.ui-datepicker,
.ak-datepicker.ui-datepicker {
  background: #ffffff;
  border-width: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  padding: 0 !important;
  width: 320px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-datepicker.ak-datepicker.ui-datepicker,
.ui-datepicker.ak-datepicker.ui-datepicker {
  z-index: 110000 !important;
  overflow: hidden;
}
.ak-datepicker.ui-datepicker .ui-datepicker-header,
.ak-datepicker.ui-datepicker .ui-datepicker-header {
  background-color: #5191fa;
  background-image: none;
  border-width: 0;
  padding: 0;
  margin: 0;
  color: var(--main-color, #1A2B48);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ak-datepicker.ui-datepicker .ui-datepicker-header .ui-datepicker-title,
.ak-datepicker.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 16px;
  color: var(--main-color, #1A2B48);
  text-transform: uppercase;
  font-weight: bold;
  line-height: 50px;
  margin: 0; 
  background: #fff;
}


.apb-calendar .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.apb-calendar .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker.ak-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker.ak-datepicker .ui-datepicker-next.ui-state-disabled,
.apb-calendar .ui-datepicker .ui-datepicker-prev:hover,
.apb-calendar .ui-datepicker .ui-datepicker-prev:focus,
.apb-calendar .ui-datepicker .ui-datepicker-next:hover,
.apb-calendar .ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:focus,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:focus {
  opacity: 1;
}
.apb-calendar .ui-datepicker .ui-datepicker-next,
.ui-datepicker.ak-datepicker .ui-datepicker-next,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:focus,
.apb-calendar .ui-datepicker .ui-datepicker-next:hover,
.apb-calendar .ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:focus {
  top: 0;
  right: 0;
}
.apb-calendar .ui-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:focus {
  left: 0;
}

.ui-datepicker.ak-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-next,
.ui-datepicker.ak-datepicker .ui-datepicker-prev,
.ui-datepicker.ak-datepicker .ui-datepicker-next {
  border: 0;
  width: 50px;
  height: 50px;
  opacity: 1;
  text-align: center;
}
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover {
  border: 0;
  color: #fff;
  text-decoration: none;
}

.ak-datepicker.ui-datepicker span.ui-icon,
.ak-datepicker.ui-datepicker span.ui-icon {
  font-family: "FontAwesome";
  line-height: 50px;
  color: var(--main-color, #1A2B48);
  font-size: 0;
  text-indent: 0;
  background-image: none;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  margin: 0;
  right: 0;
}
.ak-datepicker.ui-datepicker .ui-datepicker-prev span.ui-icon:after,
.ak-datepicker.ui-datepicker .ui-datepicker-prev span.ui-icon:after {
  content: "\f177";
  font-size: 15px;
}

.ak-datepicker.ui-datepicker .ui-datepicker-next span.ui-icon:after,
.ak-datepicker.ui-datepicker .ui-datepicker-next span.ui-icon:after {
  font-size: 15px;
  content: "\f178";
}

.ak-datepicker.ui-datepicker .ui-datepicker-calendar,
.ui-datepicker-multi.ak-datepicker.ui-datepicker .ui-datepicker-group table {
  width: calc(100% + 1px);
  margin: 0;
  border-top: 1px solid #ADB2BD;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar thead th,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar thead th {
  text-transform: capitalize;
  color: #ADB2BD;
  font-weight: 500;
  background-color: #fff;
  padding: 12px 5px;
  font-size: 14px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td span,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td span {
  padding: 7px 5px;
  background: none;
  color: var(--main-color, #1A2B48);
  border-width: 0 !important;
  text-align: center;
  width: auto;
  height: auto;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: #e7e7e7;
}
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-highlight) a.ui-state-active,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-highlight) a:hover,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-highlight) a:focus {
  background: #ffffff !important;
  border: 1px solid #dfe6f2 !important;
  color: #2d3f67 !important;
  box-shadow: none !important;
}

.ak-datepicker.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-highlight) a {
  background: #ffffff;
  border: 1px solid #dfe6f2;
  color: #2d3f67;
}

.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-state-highlight a,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-state-highlight a:hover,
.ak-datepicker.ui-datepicker .ui-datepicker-calendar td.ui-state-highlight a:focus {
  background: linear-gradient(180deg, #88d07a 0%, #4fb14f 55%, #2f8f3c 100%) !important;
  border: 1px solid #2f8f3c !important;
  color: #fff !important;
  box-shadow: 0 6px 12px -8px rgba(47, 143, 60, 0.75);
}

.ui-datepicker.ak-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.ak-datepicker .ui-datepicker-next:hover {
  cursor: pointer;
}

.ak-datepicker .ui-state-hover,
.ak-datepicker.ui-widget-content .ui-state-hover,
.ak-datepicker .ui-widget-header .ui-state-hover {
  background: none;
}

.wrapper_frontend_guest_nights_picker .cc-guest-price-status {
  margin-top: 8px;
  min-height: 20px;
  font-size: 13px;
  color: #2f8f3c;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.wrapper_frontend_guest_nights_picker .cc-guest-price-status.is-visible {
  opacity: 1;
}

.wrapper_frontend_guest_nights_picker .cc-guest-price-status.is-busy {
  color: #315fbf;
}
/* --Datepicker  my code*/
@media only screen and (min-width:1200px) {
.header-mobile-2 {
  display: none !important;
}
}
@media only screen and (max-width:1199px) {
	body .header-mobile {
	width: 100%;
    display: inline-block !important;
  }
  header#header {
 position: relative !important;
}
body .header-mobile .control-left #st-main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
body .header-mobile .toggle-menu {
    margin-top: 3px;
}
body .header-mobile .toggle-menu .fa {
    font-size: 17px;
    color: var(--main-color, #1A2B48);
}
body .header-mobile .control-left {
    justify-content: space-between;
    width: 100%;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    padding: 20px;
    gap: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body .header-mobile .control-left .logo {
    float: left;
}
body .header-mobile .control-left .header-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}
body .header-mobile .control-left .header-mobile-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
body .header-mobile .control-left .header-mobile-actions .cc-pill-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    --pill-padding: 10px 22px;
    --pill-radius: 24px;
    --pill-letter-spacing: 0.16em;
    --pill-white-space: nowrap;
}
body .header-mobile .header-mobile-book .pill-label-short {
  display: none;
}
}
@media only screen and (min-width:768px) {

	body header .header-content .control-left .option-item .logo a img {
		width:150px !important;
	}
	
	.header-mobile.sticky-mobile .helios-navbar-header {
    position: relative;
    z-index: 99999;
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 99999;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #EEE;
    top: 0px; }
  html.vc_mobile {
  margin-top: auto; }
  html {
  margin-top: auto; }
  body {
    /* #wpadminbar{display: none;} */ }
    body .st-title-single .blog-header-title {
      font-size: 24px; }
    body .st-content-post {
      font-size: 16px; }
    body .bg-button .vc_btn3-container a.vc_general {
      padding: 10px; }
    body.logged-in.admin-bar .header-mobile {
      margin-top: 32px; }
    body .header-mobile {
      width: 100%;
      display: inline-block; }
      body .header-mobile .toggle-menu {
        margin-top: 3px; }
        body .header-mobile .toggle-menu .fa {
          font-size: 17px;
          color: var(--main-color, #1A2B48); }
      body .header-mobile .control-left {
        justify-content: space-between;
        width: 100%;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        padding: 20px;
        gap: 14px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        body .header-mobile .control-left .header-left {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-width: 0; }
        body .header-mobile .control-left .header-mobile-actions {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          gap: 14px;
          margin-left: auto;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
        body .header-mobile .control-left .header-mobile-actions .cc-pill-btn {
          -ms-flex-negative: 0;
          flex-shrink: 0;
          --pill-padding: 10px 22px;
          --pill-radius: 24px;
          --pill-letter-spacing: 0.16em;
          --pill-white-space: nowrap; }
        body .header-mobile .header-mobile-book .pill-label-short {
          display: none; }
        body .header-mobile .control-left #st-main-menu {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background: rgba(0, 0, 0, 0.5);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          -webkit-transition-delay: .1s;
          transition-delay: .1s; }
          body .header-mobile .control-left #st-main-menu .st-menu-ccv {
            position: fixed;
            top: 0px;
            left: -110%;
            width: 300px;
            height: 100%;
            background: #FFF;
            opacity: 0.8;
            -webkit-transition: left .3s ease, opacity .3s ease;
            transition: left .3s ease, opacity .3s ease;
            overflow-y: auto; }
            body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu {
              margin-top: 50px; }
              body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li {
                text-transform: uppercase;
                display: block;
                width: 100%;
                margin: 0; }
                body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li:not(:last-child) a {
                  border-bottom: 1px solid #EEEEEE; }
                body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li.menu-item-has-children {
                  position: relative; }
                  body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li.menu-item-has-children li {
                    padding-left: 20px;
                    padding-right: 20px;
                    text-transform: none; }
                  body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li.menu-item-has-children .fa {
                    width: 50px;
                    height: 20px;
                    right: 20px !important;
                    top: 22px !important;
                    cursor: pointer;
                    text-align: right;
                    font-size: 22px !important;
                    margin-top: -9px;
                    position: absolute; }
                  body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li.menu-item-has-children .menu-dropdown {
                    list-style: none;
                    position: absolute;
                    left: 0;
                    top: 120%;
                    padding-left: 0;
                    margin-bottom: 0;
                    min-width: 200px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    background: #FFF;
                    -webkit-box-shadow: 0 1px 1px #dbdbdb;
                    box-shadow: 0 1px 1px #dbdbdb;
                    z-index: 999;
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transition: all .2s ease-in-out;
                    transition: all .2s ease-in-out;
                    display: none;
                    position: static !important;
                    opacity: 1 !important;
                    visibility: visible !important;
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important; }
                body .header-mobile .control-left #st-main-menu .st-menu-ccv .main-menu li a {
                  display: block;
                  padding: 18px 25px !important;
                  font-size: 14px !important;
                  font-weight: 500 !important; }
          body .header-mobile .control-left #st-main-menu .back-menu {
            display: none;
            position: fixed;
            top: 0;
            left: -110%;
            background: #f5f5f5;
            width: 300px;
            height: 50px;
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 15px;
            color: grey;
            padding-left: 22px;
            opacity: 0.8;
            border-bottom: 1px solid #EEEEEE;
            text-decoration: none;
            -webkit-transition: left .3s ease, opacity .3s ease;
            transition: left .3s ease, opacity .3s ease; }
          body .header-mobile .control-left #st-main-menu.open {
            opacity: 1;
            visibility: visible;
            z-index: 9999999;
            -webkit-transition-delay: 0s;
            transition-delay: 0s; }
            body .header-mobile .control-left #st-main-menu.open .back-menu {
              font-size: 24px;
              opacity: 1;
              left: 0;
              -webkit-transition-delay: .1s;
              transition-delay: .1s;
              display: block; }
            body .header-mobile .control-left #st-main-menu.open .st-menu-ccv {
              overflow-y: scroll;
              padding-left: 0;
              max-height: 100%;
              height: 100%;
              margin-bottom: 0;
              list-style: none;
              opacity: 1;
              left: 0;
              -webkit-transition-delay: .1s;
              transition-delay: .1s; }
}

@media (min-width: 768px) {
  body .header-mobile .header-right {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  body .header-mobile {
    width: 100%;
    display: inline-block !important;
  }
	#yith-par-message-reward-cart.default-layout .ywpar_apply_discounts #ywpar_apply_discounts/*,
	#ywpar_apply_discounts*/ {
		/*position: unset !important;
		transform:unset !important;*/
		margin-top:55px;
		margin-bottom:10px;
		width:100%;
	}
	/*#ywpar_apply_discounts {
		width:unset !important;
	}*/
	#yith-par-message-reward-cart:before {
		top: 40% !important;
		left:15px;
	}
	#yith-par-message-reward-cart {
		padding-right:15px !important;
		/*padding-left:40px !important;*/
	}
	.woocommerce-page table.cart td.actions .button#ywpar_apply_discounts {
		margin-top: 55px;
	}
	.st-woo-cartpage .col-left .shop_table tr td.actions .coupon input[type="submit"],
	.st-woo-cartpage .col-left .shop_table tr td.actions .coupon .input-text {
		width:50%;
	}
	.st-woo-cartpage .col-left .shop_table tr td.actions .coupon .input-text {
		min-width:50%;
	}
  .st-woo-cartpage .col-left .shop_table tr td.actions .coupon button.cc-pill-btn {
    font-weight: inherit;
  }
	.coupon, .sts-toolbar.search_page .item-param {
    display: flex;
    justify-content: space-between;
   }
	.sts-toolbar.search_page .item-param {
		margin-left:0 !important;
	}
    
	.booking-item .row, .book-btn-price-container {
		flex-direction:column;
	}
	#ywpar-points-max {
		width:50px !important;
	}
	.container div.woocommerce table.my_account_orders tr td {
		width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
	}
	.st-checkout-page {
    margin-top: 0;
    margin-bottom: 0;
}
	.container div.woocommerce table.my_account_orders tr td .action .btn, button.apb-btn.btn-md.showcode {
    width: 100% !important;
    display: block;
}
	label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
		align-items:flex-start !important;
	}
	label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox .woocommerce-form__input {
		margin-top:10px;
	}
	.sts-room-wrapper.list .item .content .action .btn {
    margin-top: 10px;
    margin-bottom: 10px;
	}
	.page-id-8450 div.sts-banner {
    height: 180px;
}
	.search_page .item-param {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 10px 0;
}

.search_page .st-modify-room-search.sts-popup.sts-btn:not(.cc-pill-btn), .booking-cost-per-night,
	.woocommerce-checkout-review-order-table1 header .booking-item-payment-img  {
    width: 100% !important;
}
	.woocommerce-checkout-review-order-table1 header .booking-item-payment-img {
    order: 1;
    display: block;
    /*width: 100%;*/
    height: unset;
}
	.woocommerce-checkout-review-order-table1 header .col-left {
		padding-left: 0px;
        padding-top: 20px;
	}
}
div#woo_pp_ec_button_checkout {
    margin-top: 25px !important;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
		display:flex !important;
		align-items:center;
	}
span.woocommerce-terms-and-conditions-checkbox-text {
	margin-left:25px;
}
.place-order .order-total-in-payment, 
.place-order  strong,
.search_page .st-modify-room-search.sts-popup.sts-btn:before {
	display:none;
}

.search_page .st-modify-room-search.cc-pill-btn {
  width: auto !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.search_page .st-modify-room-search.sts-popup.sts-btn:not(.cc-pill-btn) {
  background:#5191fa !important;
  color:#fff !important;
  border-color:transparent !important;
}
.search_page .st-modify-room-search.sts-popup.sts-btn:not(.cc-pill-btn):hover {
  background:#0b5394 !important;
}

.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
 display:block;
 margin-bottom: 15px;
 border: 1px solid #fefe;
 padding-bottom: 10px;
 background-color: rgba(0,0,0, 0.05);
}

.woocommerce table.my_account_orders {
  font-size:.85em;
  border: none;
}
 
.woocommerce table.shop_table td.order-number {
	border-top: 0;
}

.cart_totals tr {
  background-color: transparent !important;
  border: none !important;
}

.woocommerce-cart .cart-subtotal {
	display: none !important;
}

.avaibility-topbar .clicktobook > span:empty {
  display: none;
}

.avaibility-topbar .clicktobook.is-loading .pill-progress-text {
  display: none;
}

.avaibility-topbar .clicktobook .loadingc {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  animation: none !important;
}

.avaibility-topbar .data {
	pointer-events: none;
}

.avaibility-topbar .data * {
	pointer-events: auto;
}

/* Availability topbar (available state) green gradient to match header fix */
.avaibility-topbar.available {
  background: linear-gradient(180deg, #8be28c 0%, #2a9440 52%, #0e4620 100%);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 6px rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
}

.avaibility-topbar.available::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  opacity: 0.8;
  pointer-events: none;
}

/* Availability topbar (not-available state) red gradient to match green equivalent */
.avaibility-topbar.not-available {
  background: linear-gradient(180deg, #d85a5a 0%, #a11f1f 52%, #6b1414 100%);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -2px 6px rgba(0, 0, 0, 0.25);
  position: relative;
  overflow: hidden;
}

.avaibility-topbar.not-available::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
  opacity: 0.8;
  pointer-events: none;
}

.cc-wopb-reserved-clone .wopb-cart-reserved {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.cc-wopb-reserved-clone .wopb-cart-reserved-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.cc-wopb-reserved-clone .wopb-cart-reserved-message,
.cc-wopb-reserved-clone .wopb-cart-reserved-timer {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.cc-wopb-reserved-clone .wopb-cart-time {
  margin: 0 4px;
}

/* Central 3D pill button system */
.cc-pill-btn,
header .header-content .control-right .option-item .btn.btn-white.sts-popup,
.option-mid.book-your-tay .btn.btn-white.sts-popup,
.avaibility-topbar .clicktobook,
.avaibility-topbar.not-available .clicktobook,
button.st-inventory-goto,
span.selected_rooms_span,
body .content-text .button-color.text-center a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pill-width, auto);
  padding: var(--pill-padding, 6px 18px);
  color: var(--pill-color, #ffffff) !important;
  border: none;
  font-weight: 600;
  border-radius: var(--pill-radius, 18px) !important;
  background: linear-gradient(180deg, var(--pill-bg-start, #7fb3ff) 0%, var(--pill-bg-mid, #2271b1) 55%, var(--pill-bg-end, #0a4b78) 100%) !important;
  box-shadow: var(--pill-shadow, 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18));
  text-transform: var(--pill-text-transform, uppercase);
  letter-spacing: var(--pill-letter-spacing, 0.06em);
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none !important;
  z-index: var(--pill-z-index, auto);
  white-space: var(--pill-white-space, normal);
}

.cc-pill-btn::after,
header .header-content .control-right .option-item .btn.btn-white.sts-popup::after,
.option-mid.book-your-tay .btn.btn-white.sts-popup::after,
.avaibility-topbar .clicktobook::after,
.avaibility-topbar.not-available .clicktobook::after,
button.st-inventory-goto::after,
span.selected_rooms_span::after,
body .content-text .button-color.text-center a::after {
  content: "";
  position: absolute;
  inset: var(--pill-sheen-inset, 4px 10px 60% 10px);
  border-radius: var(--pill-sheen-radius, calc(var(--pill-radius, 18px) - 4px));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: var(--pill-sheen-opacity, 0.85);
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.cc-pill-btn .pill-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cc-pill-btn .pill-progress {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font: inherit;
  letter-spacing: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.cc-pill-btn .pill-progress-text {
  display: inline-block;
  text-transform: none;
  color: rgba(255, 255, 255, 0.85);
}

.cc-pill-btn.is-loading .pill-progress-text {
  color: #ffffff;
  opacity: 1;
  animation: cc-pill-progress-flash 1s ease-in-out infinite;
}

.cc-pill-btn .pill-spinner {
  width: var(--pill-spinner-size, 1.1em);
  height: var(--pill-spinner-size, 1.1em);
  border: var(--pill-spinner-border, 2px) solid rgba(255, 255, 255, 0.85);
  border-top-color: var(--pill-spinner-top, #2271b1);
  border-radius: 50%;
  animation: cc-pill-spinner-spin 0.7s linear infinite;
  flex-shrink: 0;
  box-sizing: border-box;
}

.cc-pill-btn.is-loading .pill-label {
  opacity: 0;
  visibility: hidden;
}

.cc-pill-btn.is-loading .pill-icon {
  opacity: 0;
  visibility: hidden;
}

.cc-pill-btn.is-loading .pill-progress {
  opacity: 1;
  visibility: visible;
}

.cc-pill-btn.is-loading {
  transform: var(--pill-loading-transform, translateY(0)) !important;
  box-shadow: var(--pill-shadow, 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18)) !important;
}

.cc-cart-guest-toggle,
.cc-cart-guest-toggle.is-loading,
.cc-cart-guest-toggle:hover,
.cc-cart-guest-toggle:active,
.cc-cart-guest-toggle:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  min-width: 54px;
  max-width: 54px;
  height: 20px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #4f84c9;
  background: linear-gradient(180deg, #84aee9 0%, #4f84c9 100%);
  color: #ffffff !important;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 1px rgba(15, 53, 109, 0.2);
  transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  vertical-align: middle;
  text-decoration: none !important;
  outline: none;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.cc-cart-guest-toggle .cc-cart-guest-toggle__text {
  position: absolute;
  right: 6px;
  left: auto;
  font-size: 9px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  min-width: 12px;
  text-align: center;
  pointer-events: none;
}

.cc-cart-guest-toggle .cc-cart-guest-toggle__knob {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #d2dce9;
  position: absolute;
  top: 1px;
  left: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease;
  pointer-events: none;
}

.cc-cart-guest-toggle.is-enabled .cc-cart-guest-toggle__knob {
  transform: translateX(36px);
}

.cc-cart-guest-toggle.is-enabled .cc-cart-guest-toggle__text {
  left: 6px;
  right: auto;
  color: #ffffff;
}

.cc-cart-guest-toggle .pill-progress {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 3;
}

.cc-cart-guest-toggle .pill-spinner {
  width: 10px;
  height: 10px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-top-color: #2271b1;
  border-radius: 50%;
  animation: cc-pill-spinner-spin 0.7s linear infinite;
  box-sizing: border-box;
}

.cc-cart-guest-toggle:not(.is-enabled) {
  background: linear-gradient(180deg, #edf2fb 0%, #d4deef 100%);
  border-color: #9ab1d1;
  color: #2f4f7f !important;
}

.cc-cart-guest-toggle:not(.is-enabled) .cc-cart-guest-toggle__text {
  color: #365c90;
}

.cc-cart-guest-toggle:not(.is-enabled) .cc-cart-guest-toggle__knob {
  transform: translateX(0);
}

.cc-cart-guest-toggle.is-loading,
.cc-cart-guest-toggle[aria-busy="true"] {
  opacity: 0.7;
  pointer-events: none;
}

.cc-cart-guest-toggle.is-loading .cc-cart-guest-toggle__text,
.cc-cart-guest-toggle[aria-busy="true"] .cc-cart-guest-toggle__text {
  opacity: 0.3;
}

.cc-cart-guest-toggle.is-loading .pill-progress,
.cc-cart-guest-toggle[aria-busy="true"] .pill-progress {
  opacity: 1;
  visibility: visible;
}

body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1.2;
}

body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line .cc-cart-guest-count {
  margin-right: 0 !important;
}

body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line .cc-cart-guest-toggle,
body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line .cc-cart-guest-toggle.is-loading,
body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line .cc-cart-guest-toggle:hover,
body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line .cc-cart-guest-toggle:active,
body.woocommerce-cart .st-woo-cartpage ul.booking-item-description li.cc-cart-guest-line .cc-cart-guest-toggle:focus {
  min-height: 20px;
  height: 20px;
  margin: 0 0 0 8px !important;
  vertical-align: middle;
}

body.woocommerce-checkout .st-checkout-page .cart-info .info-section ul li.cc-checkout-guest-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: visible;
  white-space: nowrap;
}

body.woocommerce-checkout .st-checkout-page .cart-info .info-section ul li.cc-checkout-guest-line span.label {
  width: 35%;
  flex: 0 0 35%;
}

body.woocommerce-checkout .st-checkout-page .cart-info .info-section ul li.cc-checkout-guest-line span.value {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  float: none;
  width: 65%;
  flex: 0 0 65%;
  white-space: nowrap;
}

body.woocommerce-checkout .st-checkout-page .cart-info .info-section ul li.cc-checkout-guest-line .cc-cart-guest-count {
  display: inline-block;
  min-width: 10px;
}

body.woocommerce-checkout .st-checkout-page .cart-info .info-section ul li.cc-checkout-guest-line .cc-cart-guest-toggle {
  vertical-align: middle;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 8px !important;
  flex: 0 0 auto;
}

/* Checkout stepper Next/Previous buttons: force vertical gradient (top-to-bottom) */
body.woocommerce-checkout .thwmsc-buttons .button-next,
body.woocommerce-checkout .thwmsc-buttons .button-prev,
body.woocommerce-checkout .thwmsc-tab-panel-wrapper .button-next,
body.woocommerce-checkout .thwmsc-tab-panel-wrapper .button-prev,
body.woocommerce-checkout button#action-next,
body.woocommerce-checkout button#action-prev {
  background: linear-gradient(180deg, #9bbdff 0%, #5b8ef5 55%, #0b5394 100%) !important;
}

body.woocommerce-checkout .thwmsc-buttons .button-next:hover,
body.woocommerce-checkout .thwmsc-buttons .button-prev:hover,
body.woocommerce-checkout .thwmsc-tab-panel-wrapper .button-next:hover,
body.woocommerce-checkout .thwmsc-tab-panel-wrapper .button-prev:hover,
body.woocommerce-checkout button#action-next:hover,
body.woocommerce-checkout button#action-prev:hover {
  background: linear-gradient(180deg, #88adff 0%, #467beb 55%, #094989 100%) !important;
}

/* Guest step tab transition state: only applies to stepper tab, never content panels */
body.woocommerce-checkout li.thwmsc-tab.cc-guest-step-transitioning {
  transition: opacity 180ms ease, transform 180ms ease;
  opacity: 0;
  transform: translateX(8px);
}

body.woocommerce-checkout li.thwmsc-tab.cc-guest-step-hidden {
  display: none !important;
}

body.woocommerce-checkout .thwmsc-tab-panel.cc-guest-step-hidden {
  display: none !important;
}

@keyframes cc-checkout-next-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(81, 145, 250, 0.42);
  }
  70% {
    transform: scale(1.02);
    box-shadow: 0 0 0 12px rgba(81, 145, 250, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(81, 145, 250, 0);
  }
}

@keyframes cc-checkout-next-ripple {
  0% {
    transform: scale(0.95);
    opacity: 0.55;
  }
  75% {
    transform: scale(1.22);
    opacity: 0;
  }
  100% {
    transform: scale(1.22);
    opacity: 0;
  }
}

body.woocommerce-checkout .thwmsc-buttons .button-next:not(.greyout):not([disabled]):not([aria-disabled="true"]):not([data-cc-gated-disabled="1"]),
body.woocommerce-checkout .thwmsc-tab-panel-wrapper .button-next:not(.greyout):not([disabled]):not([aria-disabled="true"]):not([data-cc-gated-disabled="1"]),
body.woocommerce-checkout button#action-next:not(.greyout):not([disabled]):not([aria-disabled="true"]):not([data-cc-gated-disabled="1"]) {
  animation: cc-checkout-next-pulse 1.7s infinite;
  transform-origin: center;
  position: relative;
  isolation: isolate;
  overflow: visible;
}

body.woocommerce-checkout .thwmsc-buttons .button-next:not(.greyout):not([disabled]):not([aria-disabled="true"]):not([data-cc-gated-disabled="1"])::before,
body.woocommerce-checkout .thwmsc-tab-panel-wrapper .button-next:not(.greyout):not([disabled]):not([aria-disabled="true"]):not([data-cc-gated-disabled="1"])::before,
body.woocommerce-checkout button#action-next:not(.greyout):not([disabled]):not([aria-disabled="true"]):not([data-cc-gated-disabled="1"])::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 999px;
  border: 2px solid rgba(81, 145, 250, 0.45);
  pointer-events: none;
  z-index: -1;
  animation: cc-checkout-next-ripple 1.7s infinite;
}

body.woocommerce-checkout .thwmsc-buttons .cc-checkout-next-hint {
  display: none;
  width: 100%;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--wc-red, #aa0000);
  text-align: right;
}

body.woocommerce-checkout .thwmsc-buttons .cc-checkout-next-hint.is-visible {
  display: block;
}

/* My Account AJAX loading overlay */
.woocommerce-account .woocommerce-MyAccount-content{
  position: relative;
}
.cc-myaccount-ajax-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.12);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 30;
}
.woocommerce-MyAccount-content.is-loading .cc-myaccount-ajax-overlay{
  opacity: 1;
  pointer-events: auto;
}
.woocommerce-MyAccount-content.is-loading .orders-loading{
  display: none !important;
}
.cc-myaccount-ajax-overlay .cc-myaccount-ajax-label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  color: #1f2a44;
  font-weight: 600;
  box-shadow: 0 12px 24px rgba(16, 24, 40, 0.16);
}
.cc-myaccount-ajax-overlay .pill-spinner{
  width: 16px;
  height: 16px;
  border: 2px solid rgba(34, 113, 177, 0.25);
  border-top-color: #2271b1;
  border-radius: 50%;
  animation: cc-pill-spinner-spin 0.7s linear infinite;
  box-sizing: border-box;
}

/* Check-in CTA: hide progress text, center spinner only */
.cc-checkin-open-card .cc-pill-spinner .pill-progress-text {
  display: none !important;
}
.cc-checkin-open-card .cc-pill-spinner .pill-progress {
  gap: 0;
  justify-content: center;
}
.cc-checkin-completed-card .cc-pill-spinner .pill-progress-text {
  display: none !important;
}
.cc-checkin-completed-card .cc-pill-spinner .pill-progress {
  gap: 0;
  justify-content: center;
}
.customer_send_code.cc-pill-spinner .pill-progress-text {
  display: none !important;
}
.customer_send_code.cc-pill-spinner .pill-progress {
  gap: 0;
  justify-content: center;
}
.customer_send_code.cc-pill-spinner.is-loading .pill-label {
  opacity: 0 !important;
  visibility: hidden !important;
}
.cc-pill-confirmed {
  pointer-events: none !important;
}
.cc-checkin-completed-card__code.cc-code-flash {
  animation: cc-code-flash 1s ease-in-out infinite;
}
@keyframes cc-code-flash {
  0%,100% { opacity: 1; }
  50% { opacity: 0.3; }
}

@keyframes cc-pill-spinner-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes cc-pill-progress-flash {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.15;
  }
}

.cc-pill-btn:hover,
header .header-content .control-right .option-item .btn.btn-white.sts-popup:hover,
.option-mid.book-your-tay .btn.btn-white.sts-popup:hover,
.avaibility-topbar .clicktobook:hover,
.avaibility-topbar.not-available .clicktobook:hover,
button.st-inventory-goto:hover,
span.selected_rooms_span:hover,
body .content-text .button-color.text-center a:hover {
  color: var(--pill-hover-color, var(--pill-color, #ffffff)) !important;
  transform: translateY(var(--pill-hover-translate, -2px));
  background: linear-gradient(180deg, var(--pill-hover-bg-start, #93c6ff) 0%, var(--pill-hover-bg-mid, #1f5f9f) 50%, var(--pill-hover-bg-end, #063a67) 100%) !important;
  box-shadow: var(--pill-hover-shadow, 0 14px 22px -12px rgba(8, 50, 100, 0.75), inset 0 2px 6px rgba(255,255,255,0.26));
}

.sts-room-wrapper .item .content .action .btn-booknow.cc-pill-btn {
  --pill-padding: 12px 30px;
  --pill-radius: 26px;
  --pill-bg-start: #8be28c;
  --pill-bg-mid: #2a9440;
  --pill-bg-end: #0e4620;
  --pill-hover-bg-start: #9ae794;
  --pill-hover-bg-mid: #2f7f3b;
  --pill-hover-bg-end: #0d3c1b;
  --pill-shadow: 0 12px 22px -14px rgba(14, 70, 32, 0.75), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(14, 70, 32, 0.8), inset 0 2px 6px rgba(255, 255, 255, 0.3);
  --pill-active-shadow: 0 10px 18px -12px rgba(14, 70, 32, 0.65), inset 0 2px 4px rgba(255, 255, 255, 0.2);
  --pill-white-space: nowrap;
  --pill-z-index: 2;
  overflow: visible;
}

.custom-avcheck .cc-pill-btn {
  float: right;
  font-size: 16px;
  line-height: 1;
  --pill-padding: 12px 30px;
  --pill-radius: 26px;
  --pill-sheen-inset: 5px 13px 44% 13px;
  --pill-sheen-radius: 19px;
  --pill-hover-translate: -2px;
  --pill-white-space: nowrap;
  --pill-z-index: 2;
  overflow: visible;
}

.custom-avcheck .item.checkin-out.people .cc-pill-btn.cc-pill--blue.cc-pill--capitalize.custom-avcheck-trigger {
  background: linear-gradient(180deg, #7fb3ff 0%, #2271b1 55%, #0a4b78 100%) !important;
}

.custom-avcheck .item.checkin-out.people .cc-pill-btn.cc-pill--blue.cc-pill--capitalize.custom-avcheck-trigger:hover,
.custom-avcheck .item.checkin-out.people .cc-pill-btn.cc-pill--blue.cc-pill--capitalize.custom-avcheck-trigger:focus {
  background: linear-gradient(180deg, #93c6ff 0%, #1f5f9f 55%, #063a67 100%) !important;
}

.custom-avcheck .item.checkin-out.people .cc-pill-btn.cc-pill--blue.cc-pill--capitalize.custom-avcheck-trigger:active,
.custom-avcheck .item.checkin-out.people .cc-pill-btn.cc-pill--blue.cc-pill--capitalize.custom-avcheck-trigger.is-pressed {
  background: linear-gradient(180deg, #93c6ff 0%, #1f5f9f 55%, #063a67 100%) !important;
}

.custom-avcheck .item.checkin-out {
  position: relative;
}

.custom-avcheck .item.checkin-out .sts-checkin-out {
  top: calc(100% + 40px) !important;
  left: 0 !important;
  right: auto !important;
  width: 100%;
}

.daterangepicker .cc-availability-overlay {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(235, 238, 242, 0.82);
  z-index: 5;
  border-radius: 6px;
  cursor: wait;
}

.daterangepicker .cc-availability-overlay::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  border-radius: 50%;
  border: 4px solid rgba(81, 145, 250, 0.25);
  border-top-color: #5191fa;
  animation: cc-availability-spin 0.85s linear infinite;
}

.daterangepicker.cc-availability-loading .cc-availability-overlay {
  display: block;
}

.daterangepicker.cc-availability-loading .calendar {
  opacity: 0.35;
  pointer-events: none;
}

.custom-avcheck .cc-pill-btn .pill-icon {
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
  margin-left: 6px;
  padding-left: 0;
}

.bar-fully-booked .fullybooked {
  --pill-padding: 14px 36px;
  --pill-radius: 30px;
  --pill-white-space: nowrap;
  width: 50%;
}

.bar-fully-booked .fullybooked .pill-label {
  font-size: 14px;
}

.bar-fully-booked .fullybooked.roomonhold {
  --pill-bg-start: #ffe6a3;
  --pill-bg-mid: #e5b22c;
  --pill-bg-end: #a87105;
  --pill-hover-bg-start: #ffecb9;
  --pill-hover-bg-mid: #d99f21;
  --pill-hover-bg-end: #8f5f03;
  --pill-shadow: 0 12px 22px -14px rgba(204, 142, 22, 0.7), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(179, 120, 18, 0.75), inset 0 2px 6px rgba(255, 255, 255, 0.28);
  --pill-active-shadow: 0 10px 18px -12px rgba(179, 120, 18, 0.65), inset 0 2px 4px rgba(255, 255, 255, 0.2);
  --pill-color: #2a1a00;
  --pill-hover-color: #2a1a00;
}

.list-hold .btn-booknow.cc-pill-btn {
  --pill-padding: 12px 28px;
}

.sts-room-wrapper .item .content .action .btn-booknow.cc-pill-btn::before {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 999px;
  border: 2px solid rgba(139, 226, 140, 0.55);
  opacity: 0;
  transform: scale(0.85);
  animation: cc-booknow-ripple 3s ease-out infinite;
  pointer-events: none;
  z-index: 1;
}

.cc-pill-btn:hover::after,
header .header-content .control-right .option-item .btn.btn-white.sts-popup:hover::after,
.option-mid.book-your-tay .btn.btn-white.sts-popup:hover::after,
.avaibility-topbar .clicktobook:hover::after,
.avaibility-topbar.not-available .clicktobook:hover::after,
button.st-inventory-goto:hover::after,
span.selected_rooms_span:hover::after,
body .content-text .button-color.text-center a:hover::after {
  opacity: 1;
}

.cc-pill-btn:active,
header .header-content .control-right .option-item .btn.btn-white.sts-popup:active,
.option-mid.book-your-tay .btn.btn-white.sts-popup:active,
.avaibility-topbar .clicktobook:active,
.avaibility-topbar.not-available .clicktobook:active,
button.st-inventory-goto:active,
span.selected_rooms_span:active,
body .content-text .button-color.text-center a:active {
  transform: translateY(var(--pill-active-translate, -1px));
  box-shadow: var(--pill-active-shadow, 0 8px 14px -8px rgba(8, 50, 100, 0.55), inset 0 2px 3px rgba(255,255,255,0.18));
  background: linear-gradient(180deg, var(--pill-hover-bg-start, #93c6ff) 0%, var(--pill-hover-bg-mid, #1f5f9f) 50%, var(--pill-hover-bg-end, #063a67) 100%) !important;
}

/* Per-button variable overrides */
header .header-content .control-right .option-item .btn.btn-white.sts-popup,
.option-mid.book-your-tay .btn.btn-white.sts-popup {
  --pill-padding: 11px 30px;
  --pill-radius: 26px;
  --pill-bg-start: #6fa8ff;
  --pill-bg-mid: #0b5394;
  --pill-bg-end: #093a6e;
  --pill-hover-bg-start: #7fb3ff;
  --pill-hover-bg-mid: #104c92;
  --pill-hover-bg-end: #0a3d76;
  --pill-shadow: 0 10px 18px -8px rgba(9, 58, 110, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.25);
  --pill-hover-shadow: 0 13px 21px -10px rgba(9, 58, 110, 0.65), inset 0 2px 3px rgba(255, 255, 255, 0.35);
  --pill-active-shadow: 0 8px 14px -8px rgba(9, 58, 110, 0.6), inset 0 2px 3px rgba(255, 255, 255, 0.2);
  --pill-letter-spacing: 0.064em;
  --pill-sheen-inset: 5px 13px 44% 13px;
  --pill-sheen-radius: 19px;
  --pill-white-space: nowrap;
  white-space: nowrap;
}

.avaibility-topbar .clicktobook {
  --pill-padding: 4px 22px;
  --pill-radius: 18px;
  --pill-bg-start: #8be28c;
  --pill-bg-mid: #2a9440;
  --pill-bg-end: #0e4620;
  --pill-hover-bg-start: #9ae794;
  --pill-hover-bg-mid: #2f7f3b;
  --pill-hover-bg-end: #0d3c1b;
  --pill-shadow: 0 12px 22px -14px rgba(14, 70, 32, 0.75), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(14, 70, 32, 0.8), inset 0 2px 6px rgba(255, 255, 255, 0.3);
  --pill-active-shadow: 0 10px 18px -12px rgba(14, 70, 32, 0.65), inset 0 2px 4px rgba(255, 255, 255, 0.2);
  --pill-letter-spacing: 0.08em;
  --pill-hover-translate: -3px;
  --pill-sheen-inset: 4px 12px 62% 12px;
  --pill-sheen-radius: 14px;
  --pill-z-index: 10;
  --pill-white-space: nowrap;
  --pill-spinner-size: 16px;
  --pill-spinner-border: 2px;
}

.avaibility-topbar.not-available .clicktobook {
  --pill-bg-start: #ff9b9b;
  --pill-bg-mid: #d43b3b;
  --pill-bg-end: #8b1a1a;
  --pill-hover-bg-start: #ffb6b6;
  --pill-hover-bg-mid: #c93a3a;
  --pill-hover-bg-end: #7b1515;
  --pill-shadow: 0 12px 22px -14px rgba(180, 40, 40, 0.75), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(150, 30, 30, 0.85), inset 0 2px 6px rgba(255, 255, 255, 0.28);
  --pill-active-shadow: 0 10px 18px -12px rgba(150, 30, 30, 0.7), inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

button.st-inventory-goto {
  --pill-padding: 6px 18px;
  --pill-radius: 18px;
  --pill-bg-start: #7fb3ff;
  --pill-bg-mid: #2271b1;
  --pill-bg-end: #0a4b78;
  --pill-hover-bg-start: #93c6ff;
  --pill-hover-bg-mid: #1f5f9f;
  --pill-hover-bg-end: #063a67;
  --pill-shadow: 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18);
  --pill-hover-shadow: 0 14px 22px -12px rgba(8, 50, 100, 0.75), inset 0 2px 6px rgba(255,255,255,0.26);
  --pill-active-shadow: 0 8px 14px -8px rgba(14,70,32,0.7), inset 0 2px 3px rgba(255,255,255,0.18);
  --pill-sheen-inset: 4px 10px 60% 10px;
  --pill-sheen-radius: 14px;
}

span.selected_rooms_span,
body .content-text .button-color.text-center a {
  --pill-padding: 6px 18px;
  --pill-radius: 18px;
  --pill-bg-start: #7fb3ff;
  --pill-bg-mid: #2271b1;
  --pill-bg-end: #0a4b78;
  --pill-hover-bg-start: #93c6ff;
  --pill-hover-bg-mid: #1f5f9f;
  --pill-hover-bg-end: #063a67;
  --pill-letter-spacing: 0.06em;
  --pill-text-transform: capitalize;
  --pill-white-space: nowrap;
  --pill-sheen-inset: 4px 10px 60% 10px;
  --pill-sheen-radius: 14px;
}

body .content-text .button-color.text-center a {
  border: none !important;
  line-height: 1 !important;
  padding: var(--pill-padding, 6px 18px) !important;
}

body .content-text .button-color.text-center a::after {
  width: auto;
  height: auto;
  inset: var(--pill-sheen-inset, 4px 10px 60% 10px);
  border-radius: var(--pill-sheen-radius, calc(var(--pill-radius, 18px) - 4px));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: var(--pill-sheen-opacity, 0.9) !important;
  z-index: 1 !important;
  transform: none !important;
  transform-origin: 50% 50%;
  transition: opacity 0.22s ease;
}

body .content-text .button-color.text-center a:hover::after {
  transform: none;
}

/* YITH login/register modal submit pill */
#yith-welrp .yith-welrp-submit-button,
#yith-welrp .yith-welrp-submit-button.cc-pill-btn {
  --pill-bg-start: #7fb3ff;
  --pill-bg-mid: #2271b1;
  --pill-bg-end: #0a4b78;
  --pill-hover-bg-start: #93c6ff;
  --pill-hover-bg-mid: #1f5f9f;
  --pill-hover-bg-end: #063a67;
  --pill-shadow: 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18);
  --pill-hover-shadow: 0 14px 22px -12px rgba(8, 50, 100, 0.75), inset 0 2px 6px rgba(255,255,255,0.26);
  --pill-active-shadow: 0 8px 14px -8px rgba(14,70,32,0.7), inset 0 2px 3px rgba(255,255,255,0.18);
  --pill-width: 100%;
  --pill-padding: 14px 32px;
  --pill-radius: 28px;
  --pill-sheen-inset: 6px 16px 58% 16px;
  --pill-sheen-radius: 20px;
  --pill-hover-translate: -2px;
  width: 100%;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: var(--pill-padding) !important;
  border: none !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--pill-bg-start) 0%, var(--pill-bg-mid) 55%, var(--pill-bg-end) 100%) !important;
  box-shadow: var(--pill-shadow) !important;
  color: #ffffff !important;
  text-transform: var(--pill-text-transform, uppercase);
  letter-spacing: var(--pill-letter-spacing, 0.2em);
  line-height: 1;
  overflow: hidden;
}

#yith-welrp .yith-welrp-submit-button:hover,
#yith-welrp .yith-welrp-submit-button:active,
#yith-welrp .yith-welrp-submit-button.cc-pill-btn:hover,
#yith-welrp .yith-welrp-submit-button.cc-pill-btn:active {
  background: linear-gradient(180deg, var(--pill-hover-bg-start) 0%, var(--pill-hover-bg-mid) 55%, var(--pill-hover-bg-end) 100%) !important;
  box-shadow: var(--pill-hover-shadow) !important;
}
#yith-welrp .yith-welrp-submit-button::after,
#yith-welrp .yith-welrp-submit-button.cc-pill-btn::after {
  content: "";
  position: absolute;
  inset: var(--pill-sheen-inset);
  border-radius: var(--pill-sheen-radius);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: 0.45;
  pointer-events: none;
}

/* Match YITH popup loader to pill spinner style */
#yith-welrp .blockUI.blockOverlay {
  background-image: none !important;
  background-color: rgba(255, 255, 255, 0.65) !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 25px !important;
}

#yith-welrp .blockUI.blockOverlay::after {
  content: "";
  position: static;
  display: block;
  width: 27px;
  height: 27px;
  border: 3px solid rgba(255, 255, 255, 0.85);
  border-top-color: #2271b1;
  border-radius: 50%;
  animation: cc-pill-spinner-spin 0.7s linear infinite;
  box-shadow: 0 0 0 1px rgba(31, 42, 61, 0.2);
}

/* Utility classes for future buttons */
.cc-pill--blue {
  --pill-bg-start: #7fb3ff;
  --pill-bg-mid: #2271b1;
  --pill-bg-end: #0a4b78;
  --pill-hover-bg-start: #93c6ff;
  --pill-hover-bg-mid: #1f5f9f;
  --pill-hover-bg-end: #063a67;
  --pill-shadow: 0 10px 18px -10px rgba(10, 59, 120, 0.6), inset 0 2px 4px rgba(255,255,255,0.18);
  --pill-hover-shadow: 0 14px 22px -12px rgba(8, 50, 100, 0.75), inset 0 2px 6px rgba(255,255,255,0.26);
  --pill-active-shadow: 0 8px 14px -8px rgba(14,70,32,0.7), inset 0 2px 3px rgba(255,255,255,0.18);
}

.cc-pill--light-blue {
  --pill-bg-start: #9bbdff;
  --pill-bg-mid: #5b8ef5;
  --pill-bg-end: #0b5394;
  --pill-hover-bg-start: #8fb6ff;
  --pill-hover-bg-mid: #3d72d6;
  --pill-hover-bg-end: #084578;
  --pill-shadow: 0 10px 18px -10px rgba(11, 64, 148, 0.55), inset 0 2px 4px rgba(255,255,255,0.18);
  --pill-hover-shadow: 0 14px 22px -12px rgba(8, 50, 100, 0.7), inset 0 2px 6px rgba(255,255,255,0.26);
  --pill-active-shadow: 0 8px 14px -8px rgba(8,50,100,0.6), inset 0 2px 3px rgba(255,255,255,0.18);
}

.cc-pill--green {
  --pill-bg-start: #8be28c;
  --pill-bg-mid: #2a9440;
  --pill-bg-end: #0e4620;
  --pill-hover-bg-start: #9ae794;
  --pill-hover-bg-mid: #2f7f3b;
  --pill-hover-bg-end: #0d3c1b;
  --pill-shadow: 0 12px 22px -14px rgba(14, 70, 32, 0.75), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(14, 70, 32, 0.8), inset 0 2px 6px rgba(255, 255, 255, 0.3);
  --pill-active-shadow: 0 10px 18px -12px rgba(14, 70, 32, 0.65), inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

.cc-pill-btn.cc-pill--green {
  background: linear-gradient(180deg, #8be28c 0%, #2a9440 55%, #092d14 100%) !important;
}

.cc-pill-btn.cc-pill--green:hover,
.cc-pill-btn.cc-pill--green:active,
.cc-pill-btn.cc-pill--green.is-loading {
  background: linear-gradient(180deg, #9ae794 0%, #2f7f3b 55%, #092912 100%) !important;
}

.cc-pill-btn.cc-pill--red {
  background: linear-gradient(180deg, #ff9b9b 0%, #d43b3b 55%, #480e0e 100%) !important;
}

.cc-pill-btn.cc-pill--red:hover,
.cc-pill-btn.cc-pill--red:active,
.cc-pill-btn.cc-pill--red.is-loading {
  background: linear-gradient(180deg, #ffb6b6 0%, #c93a3a 55%, #7b1515 100%) !important;
}

.cc-pill-btn.cc-pill--yellow {
  background: linear-gradient(180deg, #ffe6a3 0%, #e5b22c 55%, #a87105 100%) !important;
}

.cc-pill-btn.cc-pill--yellow:hover,
.cc-pill-btn.cc-pill--yellow:active,
.cc-pill-btn.cc-pill--yellow.is-loading {
  background: linear-gradient(180deg, #ffecb9 0%, #d99f21 55%, #8f5f03 100%) !important;
}
.cc-pill-btn.cc-pill--silver {
  background: linear-gradient(180deg, #edf1f7 0%, #bec7d6 55%, #7c889c 100%) !important;
}

.cc-pill-btn.cc-pill--silver:hover,
.cc-pill-btn.cc-pill--silver:active,
.cc-pill-btn.cc-pill--silver.is-loading {
  background: linear-gradient(180deg, #f5f7fb 0%, #c9d1de 55%, #8792a5 100%) !important;
}
.cc-pill--red {
  --pill-bg-start: #ff9b9b;
  --pill-bg-mid: #d43b3b;
  --pill-bg-end: #8b1a1a;
  --pill-hover-bg-start: #ffb6b6;
  --pill-hover-bg-mid: #c93a3a;
  --pill-hover-bg-end: #7b1515;
  --pill-shadow: 0 12px 22px -14px rgba(180, 40, 40, 0.75), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(150, 30, 30, 0.85), inset 0 2px 6px rgba(255, 255, 255, 0.28);
  --pill-active-shadow: 0 10px 18px -12px rgba(150, 30, 30, 0.7), inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

.cc-pill--yellow {
  --pill-bg-start: #ffe6a3;
  --pill-bg-mid: #e5b22c;
  --pill-bg-end: #a87105;
  --pill-hover-bg-start: #ffecb9;
  --pill-hover-bg-mid: #d99f21;
  --pill-hover-bg-end: #8f5f03;
  --pill-shadow: 0 12px 22px -14px rgba(204, 142, 22, 0.7), inset 0 2px 4px rgba(255, 255, 255, 0.22);
  --pill-hover-shadow: 0 16px 26px -14px rgba(179, 120, 18, 0.75), inset 0 2px 6px rgba(255, 255, 255, 0.28);
  --pill-active-shadow: 0 10px 18px -12px rgba(179, 120, 18, 0.65), inset 0 2px 4px rgba(255, 255, 255, 0.2);
  --pill-color: #2a1a00;
  --pill-hover-color: #2a1a00;
}

.cc-pill--silver {
  --pill-bg-start: #edf1f7;
  --pill-bg-mid: #bec7d6;
  --pill-bg-end: #7c889c;
  --pill-hover-bg-start: #f5f7fb;
  --pill-hover-bg-mid: #c9d1de;
  --pill-hover-bg-end: #8792a5;
  --pill-shadow: 0 12px 22px -14px rgba(73, 86, 108, 0.62), inset 0 2px 4px rgba(255, 255, 255, 0.54);
  --pill-hover-shadow: 0 16px 26px -14px rgba(62, 74, 95, 0.72), inset 0 2px 6px rgba(255, 255, 255, 0.62);
  --pill-active-shadow: 0 10px 18px -12px rgba(62, 74, 95, 0.58), inset 0 2px 4px rgba(255, 255, 255, 0.48);
  --pill-color: #ffffff;
  --pill-hover-color: #ffffff;
}

.woocommerce-MyAccount-orders a.button.pay.cc-pill-btn {
  --pill-color: #ffffff;
  --pill-hover-color: #ffffff;
}

.cc-pill--uppercase {
  --pill-text-transform: uppercase;
  --pill-letter-spacing: 0.2em;
}

.cc-pill--capitalize {
  --pill-text-transform: capitalize;
}

/* End central pill system */

@media only screen and (max-width: 600px) {
  body .header-mobile .header-mobile-book {
    --pill-letter-spacing: 0.08em;
    --pill-padding: 10px 18px;
  }
  body .header-mobile .header-mobile-book .pill-label-full {
    display: none;
  }
  body .header-mobile .header-mobile-book .pill-label-short {
    display: inline;
  }
}

/* Align datepicker with input field left edge */
#ui-datepicker-div.ak-datepicker {
  margin-left: -1px !important;
  z-index: 110000 !important; /* keep picker above Magnific popup overlay */
}

/* Home “Google Maps Click Here” button: reuse pill blue gradient without changing shape */
body.home a[href*="google.com/maps"],
body.home a[href*="goo.gl/maps"],
body.home a[href*="maps.app.goo.gl"] {
  background: linear-gradient(140deg, #7fb3ff 0%, #2271b1 55%, #0a4b78 100%) !important;
  transition: transform 0.22s ease;
}

body.home a[href*="google.com/maps"]:hover,
body.home a[href*="goo.gl/maps"]:hover,
body.home a[href*="maps.app.goo.gl"]:hover {
  background: linear-gradient(140deg, #93c6ff 0%, #1f5f9f 50%, #063a67 100%) !important;
  transform: translateY(-3px);
}

/* Popup-only Air Datepicker adjustments */
body.mfp-ready .air-datepicker,
body.mfp-ready .air-datepicker-global-container {
  z-index: 110000 !important;
}

/* Ensure popup calendars sit above overlay and aren’t clipped */
.mfp-wrap .air-datepicker,
.mfp-wrap .air-datepicker-global-container {
  z-index: 110000 !important;
  overflow: visible !important;
}

/* Search results availability badge pulse */
.sts-room-wrapper.list .notification-single-room-bar.avaible {
  filter: drop-shadow(0 16px 24px rgba(24, 82, 36, 0.45));
  animation: cc-availability-badge-pulse 2.8s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, filter;
}

/* Search results desktop/tablet: align room heading row with availability badge */
@media only screen and (min-width: 992px) {
  .st-single-hotel-modern-page .sts-room-wrapper.list .item .content {
    padding-top: 0 !important;
  }

  .st-single-hotel-modern-page .sts-room-wrapper.list .item .content h2.title.with-price-title {
    margin-top: 15px !important;
  }
}

@keyframes cc-availability-badge-pulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 16px 24px rgba(24, 82, 36, 0.45));
  }
  50% {
    transform: scale(1.07);
    filter: drop-shadow(0 22px 32px rgba(19, 68, 30, 0.38));
  }
}

@keyframes cc-booknow-ripple {
  0% {
    transform: scale(0.85);
    opacity: 0.55;
  }
  40% {
    opacity: 0.12;
  }
  100% {
    transform: scale(1.28);
    opacity: 0;
  }
}

@keyframes cc-availability-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Home: suppress the Room 1 hover tooltip for logged-out visitors */
body.home:not(.logged-in) [title="Room 1 - Ensuite"],
body.home:not(.logged-in) [title="Room 1 - En Suite"] {
  pointer-events: none;
}

/* Home: apply 3D yellow pill styling to room carousel price (non-clickable) */
body.home .owl-item .thumb span.price,
body.home .owl-item span.price,
body.home .items .thumb span.price,
body.home .items span.price {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe6a3 0%, #e5b22c 55%, #a87105 100%) !important;
  box-shadow: 0 10px 18px -10px rgba(138, 101, 20, 0.55), inset 0 2px 4px rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}

body.home .owl-item .thumb span.price::after,
body.home .owl-item span.price::after,
body.home .items .thumb span.price::after,
body.home .items span.price::after {
  content: "";
  position: absolute;
  inset: 2px 6px 55% 6px;
  border-radius: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
  opacity: 0.85;
  pointer-events: none;
}

body.home .owl-item .thumb span.price .text,
body.home .owl-item span.price .text,
body.home .items .thumb span.price .text,
body.home .items span.price .text {
  color: inherit;
  opacity: 0.9;
  font-weight: 700;
}

/* Center the Book Your Stay popup within the available viewport space */
.mfp-wrap.mfp-zoom-in {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 100vh;
}

.mfp-wrap.mfp-zoom-in .mfp-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100vh;
  padding: calc(32px + var(--cc-adminbar-offset, 0px) + var(--cc-topbar-offset, 0px) + var(--cc-header-offset, 65px)) 16px 32px;
  box-sizing: border-box;
}

.mfp-wrap.mfp-zoom-in .mfp-container:before {
  display: none;
}

/* Keep top toolbar fixed and always visible */
#top_toolbar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
 
  top: var(--cc-adminbar-offset, 0px);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11001 !important;
}





#top_toolbar-sticky-wrapper {
  height: var(--cc-topbar-offset, 38px) !important;
  display: block !important;
}



#st_header_wrap,
#st_header_wrap_inner {
  overflow: visible !important;
}

/* Remove extra gap above the mobile header when logged in */
@media only screen and (max-width: 1199px) {
  body.logged-in.admin-bar .header-mobile {
    margin-top: 0px !important;
  }
  #top_toolbar
{
	position:relative !important;
}
}

header#header.header-desktop {
  margin-top: 0 !important;
}

/* Hold reservation date styling */
.cc-hold-date {
  font-weight: 700;
  color: #000;
  white-space: nowrap;
}
body.woocommerce-cart header#header, body.woocommerce-checkout header#header {
    position: fixed;
}
body.woocommerce-cart:not(.woocommerce-cart-empty) .row.st-woo-cartpage {
  /* Trim excess gap below the banner on non-empty carts */
  padding-top: 135px;
}
body.woocommerce-cart .st-cart-header {
  margin-bottom: 12px !important;
}
body.woocommerce-cart .st-cart-header h2 {
  margin-bottom: 0 !important;
}
body.woocommerce-cart .wc-store-credit-cart-coupons {
    display: flex;
    gap: 20px !important;
    align-items: flex-start !important;
}
.st-woo-cartpage .col-left .shop_table {
    border-top: 0px !important;
}
table.shop_table.cart {
    margin-top: 8px !important;
}
/* Left column: coupon table */
.wc-store-credit-cart-coupons > table.shop_table.cart {
    flex: 0 0 50%;
    max-width: 50%;
}

/* Right column: smart coupons */
.wc-store-credit-cart-coupons > .cc-smart-coupons-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
}
.st-checkout-page .cart-info .total-section {
  position: relative;
}
.st-checkout-page .cart-info .total-section .cc-total-overlay {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.65);
  z-index: 5;
}
.st-checkout-page .cart-info .total-section .cc-total-overlay .cc-total-spinner {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 4px solid #7b8ba1;
  border-top-color: #cad5e5;
  animation: cc-spin 0.9s linear infinite;
  box-shadow: inset 0 0 0 2px #f5f7fb;
}
.st-checkout-page .cart-info .total-section .cc-total-overlay.is-active {
  display: flex;
}
.st-checkout-page .cart-info .total-section.cc-total-is-blocked .totals-content {
  opacity: 0.35;
  pointer-events: none;
}
@keyframes cc-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.st-woo-cartpage .col-left .booking-list .cart_item .booking-item .booking-item-title {
    margin-bottom: 2px;
}
body.woocommerce-cart p.booking-item-address {
    font-size: 14px;
}
body.woocommerce-cart p.booking-item-description {
    font-size: 14px;
}
body.woocommerce-cart .cart_item_group {
    font-size: 14px;
}
.sc-no-coupon {
    margin-top: 20px;
}
div#sc-cc {
    padding: 0px 1rem;
}
a.cc-pill-btn.cc-pill--blue.cc-pill--capitalize.custom-avcheck-trigger .pill-label {
    padding: 2.5px 0px;
}
body.woocommerce-cart .st-woo-cartpage .booking-list .cart_item {
  position: relative;
}
body.woocommerce-cart .st-woo-cartpage .price-col {
  position: relative;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick {
  position: absolute;
  top: 8px;
  right: 26px;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  z-index: 6;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-cog-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #c2cde2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f4f8ff 0%, #d7e4f8 100%);
  color: #2d4f86;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px -12px rgba(42, 76, 132, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-cog-btn:hover,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-cog-btn:focus {
  border-color: #8da9d6;
  box-shadow: 0 12px 20px -12px rgba(42, 76, 132, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  outline: none;
  transform: translateY(-1px);
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-cog-btn i {
  font-size: 18px;
  line-height: 1;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: auto;
  max-width: calc(100vw - 32px);
  padding: 12px;
  border: 1px solid #c9d6ea;
  border-radius: 14px;
  background: #f8fbff;
  box-shadow: 0 20px 34px -20px rgba(30, 50, 89, 0.65);
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-menu[hidden] {
  display: none !important;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action {
  display: inline-flex;
  position: relative;
  top: 0 !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: var(--cc-cart-quick-pill-width, 220px) !important;
  min-width: var(--cc-cart-quick-pill-width, 220px) !important;
  min-height: 35px !important;
  height: 35px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  --pill-width: var(--cc-cart-quick-pill-width, 220px);
  --pill-padding: 0 18px;
  --pill-white-space: nowrap;
  background: linear-gradient(180deg, var(--pill-bg-start, #9bbdff) 0%, var(--pill-bg-mid, #5b8ef5) 55%, var(--pill-bg-end, #0b5394) 100%) !important;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action.st-cart-cancel-link.cc-empty-cart-action.cc-pill-btn.cc-pill--light-blue.cc-pill--capitalize,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action.booking-item-wishlist-remove.cc-pill-btn.cc-pill--blue.cc-pill--capitalize {
  min-height: 35px !important;
  height: 35px !important;
  padding: 0 18px !important;
  line-height: 35px !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action .pill-label {
  width: auto;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action .pill-progress {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action:hover,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action:focus,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action:focus-visible {
  background: linear-gradient(180deg, var(--pill-hover-bg-start, #8fb6ff) 0%, var(--pill-hover-bg-mid, #3d72d6) 55%, var(--pill-hover-bg-end, #084578) 100%) !important;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action.booking-item-wishlist-remove.cc-pill-btn.cc-pill--blue.cc-pill--capitalize:hover,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action.booking-item-wishlist-remove.cc-pill-btn.cc-pill--blue.cc-pill--capitalize:focus,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action.booking-item-wishlist-remove.cc-pill-btn.cc-pill--blue.cc-pill--capitalize:focus-visible {
  background: linear-gradient(180deg, var(--pill-hover-bg-start, #8fb6ff) 0%, var(--pill-hover-bg-mid, #3d72d6) 55%, var(--pill-hover-bg-end, #084578) 100%) !important;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action .pill-icon,
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action .st-cart-cancel-icon {
  position: relative;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action .st-cart-cancel-icon .fa-shopping-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action .st-cart-cancel-cross {
  position: absolute;
  top: 40%;
  left: 58%;
  transform: translate(-50%, -50%);
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action + .cc-cart-item-quick-action {
  margin-top: 0;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action i {
  font-size: 14px;
}
body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-action.is-loading {
  opacity: 0.7;
  pointer-events: none;
}
@media (min-width: 992px) {
  body.woocommerce-cart .st-woo-cartpage .price-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  body.woocommerce-cart .st-woo-cartpage .price-col .price {
    margin-bottom: 5px;
  }

  body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
    align-self: flex-end;
  }
}
@media (max-width: 991px) {
  body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick {
    position: relative;
    top: auto;
    right: auto;
    margin: 10px 0 12px;
  }

  body.woocommerce-cart .st-woo-cartpage .price-col .cc-cart-item-quick-menu {
    right: 0;
    left: auto;
  }
}

/* Empty basket layout tweaks */
/* Keep the cart banner above the empty-cart hero */
body.woocommerce-cart .sts-banner {
  position: relative;
  z-index: 5;
}

body.woocommerce-cart:not(.woocommerce-cart-empty) .sts-banner {
  margin-bottom: 20px !important;
}

body.woocommerce-cart .cc-empty-cart--flight .cc-hero {
  position: relative;
  z-index: 1;
}

body.woocommerce-cart .cc-empty-cart--flight .cc-hero__title {
  margin-top: 100px;
}

body.woocommerce-cart .woocommerce .cart-empty,
body.woocommerce-cart .wc-empty-cart-message {
  margin-top: 1rem;
}

body.woocommerce-cart .cc-empty-cart-notice {
  margin-top: 1rem;
}

body.woocommerce-cart .cc-empty-cart-actions {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

/* Remove the large gap above the footer on the cart page */
body.woocommerce-cart #st-footer-hotel-activity {
  margin-top: 0;
}

body.woocommerce-cart .cc-empty-cart-actions .cc-pill-btn {
  --pill-letter-spacing: 0.025em;
}

body.woocommerce-cart .cc-empty-cart-headline {
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  text-align: center;
  line-height: 1.2;
  margin: 0 !important;
  color: #0B5394;
  font-weight: 700;
}

body.woocommerce-cart .cc-empty-cart-subtext {
  margin: 16px auto 24px;
  max-width: 1080px;
  text-align: center;
  color: #5E6D77;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

body.woocommerce-cart .cc-empty-cart-subtext p {
  margin: 0 0 10px;
}

body.woocommerce-cart .cc-empty-cart-subtext p:last-child {
  margin-bottom: 0;
}

/* Empty cart hero (flight theme) */
.cc-empty-cart--flight {
  --cc-bg1: #eaf3ff;
  --cc-bg2: #f7fbff;
  --cc-ink: #1f2a44;
  --cc-muted: rgba(31, 42, 68, 0.75);
  --cc-card: rgba(255, 255, 255, 0.86);
  --cc-card-border: rgba(255, 255, 255, 0.55);
  --cc-shadow: 0 20px 60px rgba(0, 0, 0, 0.16);
  --cc-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.12);
  --cc-radius-xl: 22px;
  --cc-radius-l: 18px;
  --cc-cta1: #6ea6ff;
  --cc-cta2: #3b6fda;
  --cc-cta-text: #ffffff;
  --cc-maxw: 1100px;
  color: var(--cc-ink);
}

.cc-empty-cart--flight * {
  box-sizing: border-box;
}

/* Allow the empty cart hero to span the full viewport width, even inside theme containers */
body.woocommerce-cart .cc-empty-cart--flight {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.cc-empty-cart--flight .cc-hero {
  position: relative;
  min-height: auto;
  padding: 56px 18px 90px;
  overflow: hidden;
  background: url('icons/empty-basket-background.png') center top / cover no-repeat;
}

.cc-empty-cart--flight .cc-hero__content {
  position: relative;
  max-width: var(--cc-maxw);
  margin: 0 auto;
  text-align: center;
}

.cc-empty-cart--flight .cc-hero__title {
  margin: 0 0 18px;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.3px;
  color: #0b5394;
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.55);
}

.cc-empty-cart--flight .cc-hero__art {
  position: relative;
  max-width: 980px;
  margin: 12px auto 18px;
  height: 220px;
}

.cc-empty-cart--flight .cc-art {
  position: absolute;
  pointer-events: none;
  user-select: none;
}

.cc-empty-cart--flight .cc-art img {
  width: 100%;
  height: 100%;
  display: block;
}

.cc-empty-cart--flight .cc-art--plane {
  right: 100px;
  top: -80px;
  width: min(213px, 25.4vw);
  opacity: 0.95;
  z-index: 4;
  animation: cc-empty-cart-plane-flight 9s linear infinite;
  transform-origin: center;
}

.cc-empty-cart--flight .cc-art--suitcase {
  left: 40px;
  width: min(460px, 59.9vw);
  z-index: 2;
}

.cc-empty-cart--flight .cc-card {
  margin: -60px auto 0;
  max-width: 920px;
  background: var(--cc-card);
  border: 1px solid var(--cc-card-border);
  border-radius: var(--cc-radius-xl);
  box-shadow: var(--cc-shadow);
  backdrop-filter: blur(10px);
  padding: 75px 26px 26px;
  text-align: left;
}

.cc-empty-cart--flight .cc-card__lead {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--cc-muted);
}

.cc-empty-cart--flight .cc-card__lead:first-child {
  margin-top: 1.6em;
}

.cc-empty-cart--flight .cc-card__lead + .cc-card__lead {
  margin-top: 8px;
}

.cc-empty-cart--flight .cc-card__note {
  margin-top: 18px;
  padding: 18px 18px;
  border-radius: var(--cc-radius-l);
  background: linear-gradient(180deg, rgba(246, 231, 192, 0.55), rgba(246, 231, 192, 0.22));
  border: 1px solid rgba(220, 198, 140, 0.35);
  color: var(--cc-muted);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.cc-empty-cart--flight .cc-card__actions {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.cc-empty-cart--flight .cc-card__actions .cc-pill-btn {
  --pill-padding: 11px 30px;
  --pill-radius: 26px;
  --pill-bg-start: #6fa8ff;
  --pill-bg-mid: #0b5394;
  --pill-bg-end: #093a6e;
  --pill-hover-bg-start: #7fb3ff;
  --pill-hover-bg-mid: #104c92;
  --pill-hover-bg-end: #0a3d76;
  --pill-shadow: 0 10px 18px -8px rgba(9, 58, 110, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.25);
  --pill-hover-shadow: 0 13px 21px -10px rgba(9, 58, 110, 0.65), inset 0 2px 3px rgba(255, 255, 255, 0.35);
  --pill-active-shadow: 0 8px 14px -8px rgba(9, 58, 110, 0.6), inset 0 2px 3px rgba(255, 255, 255, 0.2);
  --pill-letter-spacing: 0.064em;
  --pill-sheen-inset: 5px 13px 44% 13px;
  --pill-sheen-radius: 19px;
  --pill-white-space: nowrap;
}

.cc-empty-cart--flight .cc-help__text {
  font-weight: 700;
  white-space: nowrap;
}

.cc-empty-cart--flight .cc-help__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(107, 91, 214, 0.12);
}

.cc-empty-cart--flight .cc-help__icon img {
  width: 28px;
  height: 28px;
  display: block;
}

.cc-empty-cart--flight .cc-help__badge {
  position: absolute;
  right: 8px;
  top: -6px;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #ff4b4b;
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  display: grid;
  place-items: center;
  padding: 0 6px;
  border: 2px solid rgba(255, 255, 255, 0.95);
}

@keyframes cc-empty-cart-plane-flight {
  0% {
    transform: translate3d(-18vw, 18vh, 0) scale(0.7);
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  100% {
    transform: translate3d(60vw, -30vh, 0) scale(1.05);
    opacity: 0;
  }
}

@media (max-width: 920px) {
  .cc-empty-cart--flight .cc-hero {
    padding-top: 36px;
  }

  .cc-empty-cart--flight .cc-hero__art {
    height: 200px;
  }

  .cc-empty-cart--flight .cc-art--plane {
    right: -60px;
  }

  .cc-empty-cart--flight .cc-art--suitcase {
    left: -46px;
  }

  .cc-empty-cart--flight .cc-card {
    padding: 24px 18px 22px;
  }
}

@media (max-width: 640px) {
  .cc-empty-cart--flight .cc-hero__art {
    height: 190px;
  }

  .cc-empty-cart--flight .cc-art--plane {
    right: -80px;
    top: -26px;
    opacity: 0.9;
  }

  .cc-empty-cart--flight .cc-art--suitcase {
    left: -70px;
    top: 22px;
  }

  .cc-empty-cart--flight .cc-card__lead,
  .cc-empty-cart--flight .cc-card__note {
    font-size: 16px;
  }

  .cc-empty-cart--flight .cc-button {
    min-width: 220px;
    padding: 15px 26px;
  }
    .wopb-cart-reserved-content {
    display: block !important;
}
.wopb-cart-reserved {
    margin-bottom: 31px;
}
.st-single-hotel-modern-page .container .woocommerce .st-woo-cartpage .col-left form .booking-list-wishlist .cart_item .booking-item .row .price-col p {
        top: -32px !important;
    }
    .st-woo-cartpage .booking-item {
    margin-top: 63px;
}
.wopb-cart-reserved-timer {
    font-size: 14px;
}
.st-single-hotel-modern-page .st .sts-toolbar a {

        margin-top: 0 !important;

        top: 0px !important;

    }
}
@media (max-width: 1199px) {
.sts-room-wrapper.list .item .content .action {
        position: relative !important;
        bottom: 0px !important;
    }
    }

/* Ensure My Account orders search input text is visible */
.woocommerce-account #cc-orders-search,
.woocommerce-account .cc-orders-search-input {
  color: #1d2d50 !important;
  -webkit-text-fill-color: #1d2d50 !important;
  caret-color: #1d2d50 !important;
  background: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.woocommerce-account #cc-orders-search::placeholder,
.woocommerce-account .cc-orders-search-input::placeholder,
.woocommerce-account #cc-orders-search::-webkit-input-placeholder,
.woocommerce-account .cc-orders-search-input::-webkit-input-placeholder,
.woocommerce-account #cc-orders-search::-moz-placeholder,
.woocommerce-account .cc-orders-search-input::-moz-placeholder,
.woocommerce-account #cc-orders-search:-ms-input-placeholder,
.woocommerce-account .cc-orders-search-input:-ms-input-placeholder,
.woocommerce-account #cc-orders-search::-ms-input-placeholder,
.woocommerce-account .cc-orders-search-input::-ms-input-placeholder {
  color: #b3b3b3 !important;
  font-style: italic !important;
  -webkit-text-fill-color: #b3b3b3 !important;
  opacity: 1 !important;
}

/* Orders table header: Actions left, search right */
.woocommerce-account .cc-orders-actions-header .cc-orders-actions-header-inner{
  display:flex !important;
  align-items:center;
  justify-content:space-between !important;
  gap:20px !important;
  width:360px !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.woocommerce-account .cc-orders-actions-header .cc-orders-actions-header-inner > span{
  margin-right:auto !important;
}

.woocommerce-account .cc-orders-actions-header .cc-orders-search-input{
  margin-left:auto !important;
}

body.woocommerce-checkout .check-out-form .woocommerce-info
{
	display:none;
	
}
.woocommerce-form-coupon-toggle .woocommerce-info {
    display: none;
}

/* Waitlist modal rebuild (modalcode.php template port) */
.room-notification {
  --cc-blue-900: #0f2f63;
  --cc-blue-800: #163b76;
  --cc-blue-700: #1e4a91;
  --cc-blue-600: #2a5aa8;
  --cc-ink: #0b1220;
  --cc-text: #233044;
  --cc-muted: #5b6b84;
  --cc-line: rgba(16, 24, 40, 0.12);
  --cc-white: #ffffff;
  --cc-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
  position: fixed;
  inset: 0;
  z-index: 88888;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(8, 12, 20, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.room-notification.is-open {
  display: flex !important;
}

.room-notification .cc-wl-modal {
  width: min(760px, 100%);
  max-height: calc(100vh - 48px);
  overflow: hidden;
  background: var(--cc-white);
  border-radius: 24px;
  box-shadow: var(--cc-shadow);
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transform: scale(0.75);
  transform-origin: center center;
}

.room-notification .cc-wl-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--cc-line);
  background: rgba(255, 255, 255, 0.86);
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 28px !important;
  line-height: 1;
  color: var(--cc-blue-900);
  margin: 0;
}

.room-notification .cc-wl-close:hover {
  background: #fff;
}

.room-notification .cc-wl-header {
  display: flex;
  gap: 16px;
  padding: 18px 22px 16px;
  background: radial-gradient(1200px 140px at 20% 0%, rgba(46, 93, 170, 0.18), transparent 55%), linear-gradient(180deg, rgba(15, 47, 99, 0.08), rgba(255, 255, 255, 1));
  border-bottom: 1px solid var(--cc-line);
}

.room-notification .cc-wl-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(180deg, var(--cc-blue-700), var(--cc-blue-900));
  box-shadow: 0 10px 24px rgba(15, 47, 99, 0.25);
  flex: 0 0 auto;
}

.room-notification .cc-wl-title-wrap {
  min-width: 0;
}

.room-notification .cc-wl-title {
  margin: 4px 0 2px;
  font-size: 34px;
  letter-spacing: -0.02em;
  color: var(--cc-blue-900);
  font-weight: 800;
  font-family: 'Playfair Display', serif !important;
}

.room-notification .cc-wl-subtitle {
  color: var(--cc-muted);
  font-size: 14px;
}

.room-notification .cc-wl-body {
  padding: 18px 22px 20px;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

.room-notification .cc-wl-dates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 6px 0 14px;
}

.room-notification .cc-wl-date {
  display: flex;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--cc-line);
  border-radius: 16px;
  padding: 12px;
  background: linear-gradient(180deg, rgba(15, 47, 99, 0.03), rgba(255, 255, 255, 1));
}

.room-notification .cc-wl-date-ico {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: var(--cc-blue-900);
  background: rgba(15, 47, 99, 0.08);
}

.room-notification .cc-wl-date-label {
  font-size: 12px;
  color: var(--cc-muted);
  margin-bottom: 2px;
}

.room-notification .cc-wl-date-value {
  font-size: 20px;
  font-weight: 800;
  color: var(--cc-ink);
  letter-spacing: -0.01em;
}

.room-notification .cc-wl-help {
  margin: 0 0 14px;
  color: var(--cc-text);
  font-size: 15px;
  line-height: 1.45;
}

.room-notification p.rg {
  display: none;
}

.room-notification .cc-wl-form > label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--cc-muted);
  margin: 0 0 6px;
}

.room-notification .cc-wl-input {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(16, 24, 40, 0.18);
  border-radius: 14px;
  padding: 8px 12px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.room-notification .cc-wl-input-ico {
  color: var(--cc-blue-900);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(15, 47, 99, 0.08);
  flex: 0 0 auto;
}

.room-notification .cc-wl-form input.subscribe-email,
.room-notification input.subscribe-email {
  width: 100%;
  height: 38px;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 28px !important;
  font-weight: 500;
  color: var(--cc-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.room-notification .cc-wl-input:focus-within {
  outline: none;
  border-color: rgba(30, 74, 145, 0.55);
  box-shadow: 0 10px 26px rgba(30, 74, 145, 0.16);
}

.room-notification .cc-wl-form input.subscribe-email:focus,
.room-notification input.subscribe-email:focus {
  outline: none;
  box-shadow: none !important;
}

.room-notification .cc-wl-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.room-notification .cc-wl-form button.notificationsubmit,
.room-notification .cc-wl-form button.notificationsubmitall,
.room-notification button.notificationsubmit,
.room-notification button.notificationsubmitall {
  width: 100%;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  min-height: 56px;
  font-size: 18px !important;
  font-weight: 800 !important;
  cursor: pointer;
  letter-spacing: -0.1px;
  transition: transform 0.06s ease, filter 0.12s ease, box-shadow 0.12s ease;
  margin-top: 10px !important;
  color: #fff !important;
  background: linear-gradient(180deg, var(--cc-blue-600), var(--cc-blue-900)) !important;
  box-shadow: 0 14px 32px rgba(15, 47, 99, 0.28) !important;
  -webkit-appearance: none;
  appearance: none;
}

.room-notification .cc-wl-form button.cc-wl-btn-loading,
.room-notification .cc-wl-actions .cc-wl-remove-waitlist.cc-wl-btn-loading {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-indent: 0;
}

.room-notification .cc-wl-form button.cc-wl-btn-loading .pill-spinner,
.room-notification .cc-wl-actions .cc-wl-remove-waitlist.cc-wl-btn-loading .pill-spinner {
  width: 16px;
  height: 16px;
  margin: 0 !important;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-top-color: #2271b1;
  border-radius: 50%;
  animation: cc-pill-spinner-spin 0.7s linear infinite;
  box-sizing: border-box;
  flex-shrink: 0;
}

.room-notification .cc-wl-form button.notificationsubmitall,
.room-notification button.notificationsubmitall {
  background: linear-gradient(180deg, #3a4e95, #26386f) !important;
}

.room-notification .cc-wl-form button.notificationsubmit:hover,
.room-notification .cc-wl-form button.notificationsubmitall:hover {
  filter: brightness(1.04);
}

.room-notification .cc-wl-form button.notificationsubmit.confirmed,
.room-notification .cc-wl-form button.notificationsubmitall.confirmed,
.room-notification button.notificationsubmit.confirmed,
.room-notification button.notificationsubmitall.confirmed {
  background: linear-gradient(180deg, #30a56e, #268158) !important;
  box-shadow: 0 10px 24px rgba(27, 116, 78, 0.25) !important;
}

.room-notification .cc-wl-actions .cc-wl-remove-waitlist {
  width: 100%;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  min-height: 56px;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.1px;
  color: #fff !important;
  cursor: pointer;
  background: linear-gradient(180deg, #e35b5b 0%, #be2a2a 55%, #8f1c1c 100%) !important;
  box-shadow: 0 14px 32px rgba(131, 30, 30, 0.26) !important;
  transition: filter 0.12s ease, transform 0.06s ease;
}

.room-notification .cc-wl-actions .cc-wl-remove-waitlist:hover {
  filter: brightness(1.05);
}

.room-notification .cc-wl-footnote {
  margin-top: 14px;
  color: #647392;
  font-size: 14px;
  text-align: center;
}

.room-notification .cc-wl-form .msg {
  margin-top: 10px;
}

.room-notification .cc-wl-form .msg .error {
  color: #c73434;
  font-size: 14px;
}

.room-notification .cc-wl-form .msg .subscribed {
  color: #1e7f56;
  font-size: 14px;
}

@media (max-width: 991px) {
  .room-notification {
    padding: 14px;
  }

  .room-notification .cc-wl-modal {
    border-radius: 18px;
    max-height: calc(100vh - 28px);
  }

  .room-notification .cc-wl-title {
    font-size: 28px;
  }

  .room-notification .cc-wl-dates {
    grid-template-columns: 1fr;
  }

  .room-notification .cc-wl-date-value {
    font-size: 18px;
  }

  .room-notification .cc-wl-form input.subscribe-email,
  .room-notification input.subscribe-email {
    font-size: 22px !important;
  }

  .room-notification .cc-wl-form button.notificationsubmit,
  .room-notification .cc-wl-form button.notificationsubmitall,
  .room-notification button.notificationsubmit,
  .room-notification button.notificationsubmitall {
    font-size: 17px !important;
    padding: 13px 14px !important;
  }
}

@media (max-width: 640px) {
  .room-notification .cc-wl-header {
    padding: 16px 14px 14px;
    gap: 10px;
  }

  .room-notification .cc-wl-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .room-notification .cc-wl-title {
    font-size: 23px;
  }

  .room-notification .cc-wl-body {
    padding: 14px;
  }

  .room-notification .cc-wl-form input.subscribe-email,
  .room-notification input.subscribe-email {
    height: 34px;
    font-size: 18px !important;
  }
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab > a.active,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab.tab-active > a {
  background: linear-gradient(180deg, #9bbdff 0%, #5b8ef5 56%, #0b5394 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab > a.active:hover,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab.tab-active > a:hover {
  background: linear-gradient(180deg, #8fb6ff 0%, #3d72d6 56%, #084578 100%) !important;
  color: #ffffff !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab > a.active:before,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab.tab-active > a:before {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab > a.active:after,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab.tab-active > a:after {
  border-left-color: transparent !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab > a.active > .thwmsc-tab-label,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab.tab-active > a > .thwmsc-tab-label {
  position: relative;
  overflow: visible;
  z-index: 2;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmscp-new-layout-styles.thwmsc-closed-arrow-layout ul.thwmsc-tabs li.thwmsc-tab.tab-active:before,
body.woocommerce-checkout #thwmsc_wrapper.thwmscp-new-layout-styles.thwmscp-harrow ul.thwmsc-tabs li.thwmsc-tab.tab-active:before {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmscp-new-layout-styles.thwmsc-closed-arrow-layout ul.thwmsc-tabs li.thwmsc-tab.tab-active:after,
body.woocommerce-checkout #thwmsc_wrapper.thwmscp-new-layout-styles.thwmscp-harrow ul.thwmsc-tabs li.thwmsc-tab.tab-active:after {
  border-left-color: transparent !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab > a.active > .thwmsc-tab-label:after,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab.tab-active > a > .thwmsc-tab-label:after {
  content: none !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active > a:before,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active > a:after {
  border: 0 !important;
  width: 26px;
  height: 52px;
  top: 50%;
  margin-top: -26px;
  background: linear-gradient(180deg, #9bbdff 0%, #5b8ef5 56%, #0b5394 100%) !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active {
  background: linear-gradient(180deg, #9bbdff 0%, #5b8ef5 56%, #0b5394 100%) !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:not(:first-child) > a:before {
  content: none !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:first-child > a:before {
  content: none;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:not(:last-child) > a:after {
  content: "";
  left: 100%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* Seam filler: keep original geometry, only paint the 1px join with the same gradient */
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:not(:last-child) > a:before {
  content: "" !important;
  position: absolute;
  left: auto !important;
  right: 0 !important;
  width: 1px;
  height: 52px;
  top: 50%;
  margin: -26px 0 0 0;
  border: 0 !important;
  clip-path: none !important;
  background: linear-gradient(180deg, #9bbdff 0%, #5b8ef5 56%, #0b5394 100%) !important;
  pointer-events: none;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:last-child > a:after {
  content: none;
}

/* Hover overlay must apply to both front head and rear tail pieces */
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:hover:not(:last-child) > a:after,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:not(:last-child) > a:hover:after {
  background: linear-gradient(180deg, #8fb6ff 0%, #3d72d6 56%, #084578 100%) !important;
}

body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:hover:not(:last-child) > a:before,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows.thwmscp-new-layout-styles ul.thwmsc-tabs li.thwmsc-tab.tab-active:not(:last-child) > a:hover:before {
  background: linear-gradient(180deg, #8fb6ff 0%, #3d72d6 56%, #084578 100%) !important;
}

/* Also tint the previous step's ::after connector when hovering the active step */
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab:has(+ li.thwmsc-tab.tab-active:hover) > a:after,
body.woocommerce-checkout #thwmsc_wrapper.thwmsc-arrows ul.thwmsc-tabs li.thwmsc-tab:has(+ li.thwmsc-tab.tab-active > a:hover) > a:after {
  background: linear-gradient(180deg, #8fb6ff 0%, #3d72d6 56%, #084578 100%) !important;
}

/* My Reservations (view order): match basket room image size */
body.woocommerce-view-order ul.entire-items .item-thumbnail,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc .item-thumbnail,
body.woocommerce-view-order ul.entire-items .mobile-item-thumbnail,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc .mobile-item-thumbnail {
  padding-right: 15px !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list {
  padding-left: 35px !important;
  box-sizing: border-box;
}

body.woocommerce-view-order ul.entire-items h5 a,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc h5 a {
  font-size: 24px !important;
  margin-left: 15px !important;
}

body.woocommerce-view-order ul.entire-items p.booking-item-address,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc p.booking-item-address {
  font-size: 14px !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list li,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list li {
  margin: 0 0 10px 0 !important;
  line-height: 1.55 !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list li:last-child,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list li:last-child {
  margin-bottom: 0 !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list li + li,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list li + li {
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list li:first-of-type,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list li:first-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list li .meta-label,
body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list li .meta-data,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list li .meta-label,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc ul.wc-order-item-meta-list li .meta-data {
  line-height: inherit !important;
  letter-spacing: normal !important;
}

body.woocommerce-view-order ul.entire-items .item-thumbnail img,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc .item-thumbnail img,
body.woocommerce-view-order ul.entire-items .mobile-item-thumbnail img,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc .mobile-item-thumbnail img {
  width: 175px !important;
  height: 175px !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: cover;
  display: block;
}

body.woocommerce-view-order ul.entire-items p.text-right.multidate {
  position: relative;
}

.cc-right-additional-details {
  position: relative;
  float: right;
  clear: right;
  margin-left: 24px;
  padding-right: 5px;
}

.cc-right-additional-details table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields.additinals {
  width: auto !important;
  margin-left: auto;
  margin-right: 0;
}

.cc-right-additional-details table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields.additinals td {
  font-size: 14px;
}

.cc-right-additional-details table.woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields.additinals td:last-child {
  width: 1%;
  white-space: nowrap;
}

.cc-right-additional-details .cc-order-item-quick {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 0;
  width: 100%;
  z-index: 6;
}

/* Right-side moved Additional Details: match Booking Fee exact style */
.cc-right-additional-details td:first-child {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400 !important;
  color: #5E6D78;
  padding-right: 18px;
}

.cc-right-additional-details tr.cc-booking-fee-row td,
.cc-right-additional-details tr.cc-total-row td {
  padding-top: 10px;
}

.cc-right-additional-details tr.cc-booking-fee-row td:last-child,
.cc-right-additional-details tr.cc-total-row td:last-child {
  text-align: left;
}

.cc-right-additional-details tr.cc-booking-fee-row td:last-child .woocommerce-Price-amount,
.cc-right-additional-details tr.cc-booking-fee-row td:last-child .woocommerce-Price-amount bdi,
.cc-right-additional-details tr.cc-booking-fee-row td:last-child .woocommerce-Price-currencySymbol,
.cc-right-additional-details tr.cc-total-row td:last-child .woocommerce-Price-amount,
.cc-right-additional-details tr.cc-total-row td:last-child .woocommerce-Price-amount bdi,
.cc-right-additional-details tr.cc-total-row td:last-child .woocommerce-Price-currencySymbol {
  color: #5191FA !important;
  font-size: 20px !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.cc-right-additional-details .cc-order-item-cog-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #c2cde2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f4f8ff 0%, #d7e4f8 100%);
  color: #2d4f86;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 16px -12px rgba(42, 76, 132, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.cc-right-additional-details .cc-order-item-cog-btn:hover,
.cc-right-additional-details .cc-order-item-cog-btn:focus {
  border-color: #8da9d6;
  box-shadow: 0 12px 20px -12px rgba(42, 76, 132, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  outline: none;
  transform: translateY(-1px);
}

.cc-right-additional-details .cc-order-item-cog-btn i {
  font-size: 18px;
  line-height: 1;
}

.cc-right-additional-details .cc-order-item-quick-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: auto;
  max-width: calc(100vw - 32px);
  padding: 12px;
  border: 1px solid #c9d6ea;
  border-radius: 14px;
  background: #f8fbff;
  box-shadow: 0 20px 34px -20px rgba(30, 50, 89, 0.65);
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.cc-right-additional-details .cc-order-item-quick-menu[hidden] {
  display: none !important;
}

.cc-right-additional-details .cc-order-item-quick-action {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: var(--cc-cart-quick-pill-width, 220px) !important;
  min-width: var(--cc-cart-quick-pill-width, 220px) !important;
  min-height: 35px !important;
  height: 35px !important;
  padding: 0 18px !important;
  text-decoration: none !important;
  --pill-width: var(--cc-cart-quick-pill-width, 220px);
  --pill-padding: 0 18px;
  --pill-white-space: nowrap;
  margin-top: 0 !important;
}

.cc-right-additional-details .cc-order-item-quick-action .pill-label {
  width: auto;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .cc-right-additional-details .cc-order-item-quick {
    top: calc(100% + 10px);
  }

  .cc-right-additional-details .cc-order-item-quick-menu {
    right: auto;
    left: 0;
  }
}

/* View order: place Woo additional details in right column 2 only */
body.woocommerce-view-order ul.entire-items > li.order_item:first-child > .row {
  position: relative;
  padding-right: 444px;
}

body.woocommerce-view-order ul.entire-items > li.order_item:first-child > .row > .cc-right-additional-details {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
  max-width: 420px;
  float: none;
  clear: none;
  margin: 0;
  padding-right: 0;
}

/* Restore left content block to its normal lower position */
body.woocommerce-view-order ul.entire-items > li.order_item:first-child .item-thumbnail {
  margin-top: 0 !important;
}

body.woocommerce-view-order ul.entire-items > li.order_item:first-child .order-item-meta-box > ul.wc-order-item-meta-list,
body.woocommerce-view-order ul.entire-items > li.order_item:first-child ul.wc-order-item-meta-list {
  top: auto !important;
  position: static !important;
  padding-top: 0 !important;
}

body.woocommerce-view-order ul.entire-items ul.wc-order-item-meta-list {
  top: auto !important;
  position: static !important;
  padding-top: 0 !important;
}

body.woocommerce-view-order ul.entire-items .item-thumbnail {
  margin-top: 0 !important;
}

body.woocommerce-view-order ul.entire-items h5,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc h5,
body.woocommerce-view-order ul.entire-items h5 a,
body.woocommerce-view-order ul.order-payment-list.list.mb30.abc h5 a {
  margin-left: 0 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content ul.order-payment-list.list.mb30,
body.woocommerce-view-order .woocommerce-MyAccount-content ul.order-payment-list.list.mb30.abc {
  display: none !important;
}

body.woocommerce-view-order .cc-reservation-timer-wrap {
  clear: both;
  position: relative;
  z-index: 1;
  display: block !important;
}

/* View order contract: keep room/meta/data flow stable and always show status card */
body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items .item-thumbnail,
body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items ul.wc-order-item-meta-list,
body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items h5,
body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items h5 a {
  position: static !important;
  top: auto !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items > li.order_item:first-child .cc-right-additional-details {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items > li.order_item:first-child .cc-reservation-timer-wrap {
  display: block !important;
  clear: both !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancel,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-timer-wrap .cc-deadline-card.cc-state-hold,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-timer-wrap .cc-deadline-card.cc-state-resale {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 1199px) {
  body.woocommerce-view-order ul.entire-items > li.order_item:first-child > .row {
    padding-right: 0;
  }

  body.woocommerce-view-order ul.entire-items > li.order_item:first-child > .row > .cc-right-additional-details {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
  }
}

/* Reservation details: replace legacy timer/button with orders-style card */
body.woocommerce-view-order .order-item-meta-box .singleitemtimer,
body.woocommerce-view-order .order-item-meta-box .buttonsouter,
body.woocommerce-view-order .order-item-meta-box p.item-time {
  display: none !important;
}

.woocommerce-MyAccount-content .order-item-meta-box .singleitemtimer,
.woocommerce-MyAccount-content .order-item-meta-box .buttonsouter,
.woocommerce-MyAccount-content .order-item-meta-box p.item-time,
.woocommerce-MyAccount-content .cancel_timer_modelVersion,
.woocommerce-MyAccount-content p.time-left {
  display: none !important;
}

body.woocommerce-view-order .trigger_manageBooking,
body.woocommerce-view-order .trigger_manageBookingdisable,
body.woocommerce-view-order .trigger_manageBookingrelease,
body.woocommerce-view-order .trigger_manageBookingreleasefull,
body.woocommerce-view-order .trigger_manageBookingrefresh,
body.woocommerce-view-order .whole-order-custom-refund,
body.woocommerce-view-order .ywcars_button_refund_container {
  display: none !important;
}

.cc-reservation-timer-wrap {
  margin-top: 12px;
  max-width: 380px;
}

.cc-reservation-timer-wrap.cc-reservation-timer-wrap--main {
  width: 100%;
  max-width: 380px;
}

.cc-reservation-timer-wrap .cc-deadline-card{
  display:flex;
  align-items:stretch;
  gap:5px;
  column-gap:10px;
  width:100%;
  max-width:380px;
  padding:6px 0;
  padding-right:60px;
  border-radius:7px;
  border:1px solid rgba(0,0,0,.08);
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(246,246,246,.92) 100%);
  box-shadow:0 10px 26px rgba(0,0,0,.12);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:#222;
  text-align:left;
  --cc-timer-width:auto;
}

.cc-reservation-timer-wrap .cc-state-completed .cc-deadline-text,
.cc-reservation-timer-wrap .cc-state-refunded .cc-deadline-text{
  min-width:var(--cc-completed-left-width, 111px);
}

.cc-reservation-timer-wrap .cc-state-cancel .cc-deadline-text,
.cc-reservation-timer-wrap .cc-state-cancelled .cc-deadline-text{
  max-width:none;
}

.cc-reservation-timer-wrap .cc-state-cancel .cc-deadline-title,
.cc-reservation-timer-wrap .cc-state-cancelled .cc-deadline-title{
  white-space:nowrap;
}

.cc-reservation-timer-wrap .cc-state-hold .cc-deadline-text{
  max-width:var(--cc-hold-left-width, 150px);
}

.cc-reservation-timer-wrap .cc-state-hold .cc-deadline-title{
  white-space:nowrap;
}

.cc-reservation-timer-wrap .cc-state-resale .cc-progress-fill{
  background:linear-gradient(90deg, #6fbfb7 0%, #9db66b 40%, #c8ad61 70%, #c79b70 100%);
}

body.woocommerce-view-order .cc-order-item-quick,
body.woocommerce-view-order .cc-order-item-quick-menu,
body.woocommerce-view-order .cc-order-manage-booking-action,
body.woocommerce-view-order .cc-order-view-nights-action {
  display: none !important;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed{
  border-color:#2a9440;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancel,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled{
  border-color:#e84545;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-resale{
  border-color:#5b8ef5;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-hold{
  border-color:#d6a537;
}

.cc-reservation-timer-wrap .cc-deadline-left{
  display:flex;
  align-items:flex-start;
  align-self:center;
  gap:5px;
  flex:0 1 auto;
  min-width:0;
  max-width:none;
  padding:6px 0 6px 9px;
}

.cc-reservation-timer-wrap .cc-state-cancelled .cc-deadline-left{
  flex:0 0 146px;
  max-width:146px;
}

.cc-reservation-timer-wrap .cc-deadline-icon{
  width:18px;
  height:18px;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  line-height:18px;
  text-align:center;
  position:relative;
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;
  letter-spacing:0;
  text-indent:0;
  overflow:hidden;
  background:linear-gradient(140deg, #8be28c 0%, #2a9440 55%, #0e4620 100%);
  color:#fff;
  box-shadow:0 6px 12px -6px rgba(14, 70, 32, 0.6), inset 0 2px 3px rgba(255, 255, 255, 0.22);
  user-select:none;
}

.cc-reservation-timer-wrap .cc-state-cancel .cc-deadline-icon,
.cc-reservation-timer-wrap .cc-state-cancelled .cc-deadline-icon{
  background:linear-gradient(140deg, #f9a3a3 0%, #e84545 55%, #9d1b1b 100%);
  box-shadow:0 6px 12px -6px rgba(157, 27, 27, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-reservation-timer-wrap .cc-deadline-icon::after{
  content:"";
  position:absolute;
  inset:2px 3px 58% 3px;
  border-radius:6px;
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,0));
  opacity:.8;
  pointer-events:none;
}

.cc-reservation-timer-wrap .cc-resale-icon{
  background:linear-gradient(140deg, #9bbdff 0%, #5b8ef5 55%, #0b5394 100%);
  box-shadow:0 6px 12px -6px rgba(11, 64, 148, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-reservation-timer-wrap .cc-hold-icon{
  background:linear-gradient(140deg, #f7d779 0%, #d6a537 55%, #8a6514 100%);
  box-shadow:0 6px 12px -6px rgba(138, 101, 20, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.22);
}

.cc-reservation-timer-wrap .cc-resale-svg,
.cc-reservation-timer-wrap .cc-hold-svg{
  width:14px;
  height:14px;
  display:block;
}

.cc-reservation-timer-wrap .cc-icon-padlock,
.cc-reservation-timer-wrap .cc-icon-padlock-locked{
  width:16px;
  height:16px;
}

.cc-reservation-timer-wrap .cc-deadline-title{
  font-size:14px;
  font-weight:800;
  letter-spacing:-.2px;
  line-height:1.05;
  margin-top:2px;
  margin-bottom:2px;
}

.cc-reservation-timer-wrap .cc-deadline-sub{
  font-size:11px;
  color:rgba(0,0,0,.42);
  line-height:1.15;
  margin-top:2px;
}

.cc-reservation-timer-wrap .cc-deadline-text{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  flex:0 1 auto;
  max-width:150px;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.cc-reservation-timer-wrap .cc-deadline-mid{
  flex:0 1 auto;
  align-self:center;
  min-width:0;
  padding:6px 0;
  display:flex;
  justify-content:flex-start;
}

.cc-reservation-timer-wrap .cc-deadline-stack{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  width:max-content;
  max-width:100%;
  min-width:0;
}

.cc-reservation-timer-wrap .cc-deadline-topline{
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:4px;
  margin-bottom:6px;
  width:max-content;
  max-width:100%;
}

.cc-reservation-timer-wrap .cc-time{
  display:flex;
  align-items:baseline;
  gap:4px;
  white-space:nowrap;
}

.cc-reservation-timer-wrap .cc-time-strong{
  font-size:16px;
  font-weight:900;
  letter-spacing:-.6px;
}

.cc-reservation-timer-wrap .cc-time-seconds{
  font-size:12px;
  font-weight:700;
  opacity:.78;
  font-variant-numeric:tabular-nums;
  margin:0;
}

.cc-reservation-timer-wrap .cc-time-left{
  font-size:11px;
  font-weight:600;
  opacity:.55;
}

.cc-reservation-timer-wrap .cc-progress{
  position:relative;
  height:5px;
  width:var(--cc-timer-width, 100%);
  border-radius:999px;
  background:rgba(0,0,0,.18);
  overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.2);
}

.cc-reservation-timer-wrap .cc-progress-fill{
  height:100%;
  min-width:6px;
  width:50%;
  border-radius:999px;
  background:linear-gradient(90deg, #6fbfb7 0%, #9db66b 40%, #c8ad61 70%, #c79b70 100%);
  box-shadow:0 4px 8px rgba(0,0,0,.16);
}

.cc-reservation-timer-wrap .cc-cancelled-pill,
.cc-reservation-timer-wrap .cc-departed-pill{
  width:var(--cc-timer-width, 100%);
  max-width:100%;
  min-width:0;
  padding:3px 10px 4px;
  border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 10px rgba(0,0,0,.10);
  align-self:center;
}

.cc-reservation-timer-wrap .cc-departed-pill{
  background:linear-gradient(180deg, #f9fbf8 0%, #f2f6f1 100%);
}

.cc-reservation-timer-wrap .cc-cancelled-pill{
  background:linear-gradient(180deg, #fdf5f5 0%, #f8e7e7 100%);
}

.cc-reservation-timer-wrap .cc-departed-label,
.cc-reservation-timer-wrap .cc-cancelled-label{
  font-weight:800;
  font-size:12px;
  margin-bottom:2px;
}

.cc-reservation-timer-wrap .cc-departed-label{ color:#2f3b2f; }
.cc-reservation-timer-wrap .cc-cancelled-label{ color:#6a1b1b; }

.cc-reservation-timer-wrap .cc-cancelled-track,
.cc-reservation-timer-wrap .cc-departed-track{
  position:relative;
  height:16px;
  border-radius:999px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.05);
  overflow:hidden;
}

.cc-reservation-timer-wrap .cc-cancelled-track{ background:linear-gradient(180deg, #ffffff 0%, #f6d8d8 100%); }
.cc-reservation-timer-wrap .cc-departed-track{ background:linear-gradient(180deg, #ffffff 0%, #f0f4ef 100%); }

.cc-reservation-timer-wrap .cc-cancelled-track::before,
.cc-reservation-timer-wrap .cc-departed-track::before{
  content:"";
  position:absolute;
  left:16px;
  right:34px;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  opacity:.7;
}

.cc-reservation-timer-wrap .cc-cancelled-track::before{ background:#c27d7d; }
.cc-reservation-timer-wrap .cc-departed-track::before{ background:#9aa7b3; }

.cc-reservation-timer-wrap .cc-cancelled-plane,
.cc-reservation-timer-wrap .cc-departed-plane{
  position:absolute;
  top:50%;
  left:16px;
  transform:translate(-50%, -50%);
  width:16px;
  height:16px;
  border-radius:50%;
  box-shadow:0 3px 6px rgba(0,0,0,.1), inset 0 1px 2px rgba(255,255,255,.7);
  display:flex;
  align-items:center;
  justify-content:center;
}

.cc-reservation-timer-wrap .cc-cancelled-plane{
  background:url('icons/plane.png') center/10px 10px no-repeat, linear-gradient(140deg, #fdeeee 0%, #f5c5c5 100%);
  animation:cc-plane-fly 6s ease-in-out infinite;
}

.cc-reservation-timer-wrap .cc-departed-plane{
  background:url('icons/plane.png') center/10px 10px no-repeat, linear-gradient(140deg, #f7fbff 0%, #d8e6ff 100%);
  animation:cc-plane-fly 6s ease-in-out infinite;
}

.cc-reservation-timer-wrap .cc-cancelled-plane svg{ display:none; }
.cc-reservation-timer-wrap .cc-departed-plane svg{ display:none; }

.cc-reservation-timer-wrap .cc-cancelled-tick,
.cc-reservation-timer-wrap .cc-departed-tick{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:12px;
  height:12px;
  border-radius:50%;
  font-size:10px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.7);
}

.cc-reservation-timer-wrap .cc-cancelled-tick{ background:#f6d8d8; color:#a94442; border:1px solid #a94442; animation:cc-tick-flash-cancelled 6s ease-in-out infinite; }
.cc-reservation-timer-wrap .cc-departed-tick{ background:#eaf3e6; color:#6aa66f; border:1px solid #6aa66f; animation:cc-tick-flash 6s ease-in-out infinite; }

.cc-reservation-timer-wrap .cc-state-cancelled .cc-cancelled-pill{
  width:140px;
  margin-right:0;
}

.cc-reservation-timer-wrap .cc-state-cancelled .cc-deadline-mid{
  flex:0 0 auto;
  width:auto;
  padding:6px 0;
  margin-right:0;
}

.cc-reservation-timer-wrap .cc-deadline-right{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:56px;
  display:flex;
  align-items:stretch;
}

.cc-reservation-timer-wrap .cc-endcap-btn{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  height:100% !important;
  text-decoration:none;
  border-radius:0 7px 7px 0;
  padding:0 !important;
  --pill-radius: 0 7px 7px 0;
  --pill-sheen-radius: 0 7px 7px 0;
  --pill-sheen-inset: 2px 6px 58% 6px;
  --pill-letter-spacing: 0.22em;
  --pill-width: 56px;
  text-align:center;
  line-height:1;
}

.cc-reservation-timer-wrap .cc-endcap-btn::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -75%);
  width:27.88px;
  height:27.88px;
  background:url('icons/manage-booking.svg') center/contain no-repeat;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));
}

.cc-reservation-timer-wrap .cc-endcap-text{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(70%);
  margin-top:5px;
  text-align:center;
  font-size:9px;
  font-weight:700;
  letter-spacing:0.02em;
  color:#ffffff;
  text-transform:none;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-deadline-right{
  pointer-events:none;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-btn{
  pointer-events:none !important;
  cursor:default !important;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-btn::before,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-text,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-btn .pill-spinner,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-btn .pill-label,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-btn .pill-progress,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-cancelled .cc-endcap-btn .pill-progress-text{
  display:none !important;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-deadline-right{
  pointer-events:none;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-btn{
  pointer-events:none !important;
  cursor:default !important;
}

.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-btn::before,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-text,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-btn .pill-spinner,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-btn .pill-label,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-btn .pill-progress,
.cc-reservation-timer-wrap .cc-deadline-card.cc-state-completed .cc-endcap-btn .pill-progress-text{
  display:none !important;
}

@keyframes cc-plane-fly{
  0%{left:16px;}
  70%{left:calc(100% - 34px);} 
  100%{left:calc(100% - 34px);} 
}

@keyframes cc-tick-flash{
  0%,74%{background:#eaf3e6; color:#6aa66f; box-shadow:inset 0 1px 2px rgba(255,255,255,.7);}
  84%{background:#eaf3e6; color:#6aa66f; box-shadow:0 0 0 0 rgba(106,166,111,0.0);}
  90%{background:#6aa66f; color:#fff; box-shadow:0 0 0 10px rgba(106,166,111,0.18);}
  100%{background:#6aa66f; color:#fff; box-shadow:0 0 0 0 rgba(106,166,111,0.0);}
}

@keyframes cc-tick-flash-cancelled{
  0%,74%{background:#f6d8d8; color:#a94442; box-shadow:inset 0 1px 2px rgba(255,255,255,.7);}
  84%{background:#f6d8d8; color:#a94442; box-shadow:0 0 0 0 rgba(169,68,66,0.0);}
  90%{background:#c84f4d; color:#fff; box-shadow:0 0 0 10px rgba(169,68,66,0.18);}
  100%{background:#c84f4d; color:#fff; box-shadow:0 0 0 0 rgba(169,68,66,0.0);}
}

@media (max-width: 860px) {
  .cc-reservation-timer-wrap {
    max-width: 100%;
  }
  .cc-reservation-timer-wrap.cc-reservation-timer-wrap--main {
    width: 100%;
    max-width: 100%;
  }
  .cc-reservation-timer-wrap .cc-deadline-card {
    max-width: 100%;
    padding-right: 0;
    display: block;
    --cc-timer-width:100%;
  }
  .cc-reservation-timer-wrap .cc-deadline-right {
    position: relative;
    width: 100%;
    height: 38px;
  }
  .cc-reservation-timer-wrap .cc-endcap-btn {
    border-radius: 0 0 7px 7px;
  }
}

/* View-order reservation shell modernization */
body.woocommerce-view-order .woocommerce-MyAccount-navigation {
  margin-bottom: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-view-order-heading {
  margin: 0 0 14px !important;
  color: #223f77;
  font-size: clamp(30px, 3.4vw, 46px);
  letter-spacing: -0.03em;
}

body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content ul.entire-items > li.order_item {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell {
  --cc-shell-border: #d7dfef;
  --cc-shell-ink: #2d4274;
  --cc-shell-muted: #5e6d78;
  --cc-shell-surface: #ffffff;
  background: var(--cc-shell-surface);
  border: 1px solid var(--cc-shell-border);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 30px 50px -42px rgba(28, 45, 89, 0.75);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 26px;
  border-bottom: 1px solid #e2e8f5;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__heading {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  gap: 12px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__heading-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(140deg, #edf2ff 0%, #d7e4ff 100%);
  border: 1px solid #c8d7f1;
  color: #2f4f8f;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__heading-icon i {
  font-size: 20px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__title {
  margin: 0;
  display: inline-flex;
  align-items: center;
  color: var(--cc-shell-ink);
  font-size: 34px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content a.cc-reservation-shell__back.backtoorders {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  --pill-padding: 10px 28px;
  --pill-radius: 24px;
  border: 0 !important;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-weight: 600;
}

body.woocommerce-view-order .woocommerce-MyAccount-content a.cc-reservation-shell__back.backtoorders:hover {
  color: #fff !important;
  text-decoration: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__body {
  position: relative;
  padding: 22px 22px 24px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 22px 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-item {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border: 1px solid #d9e2f2;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  box-shadow: 0 12px 24px -24px rgba(39, 58, 104, 0.9);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-item--status {
  margin-left: auto;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-label {
  color: #6b7c98;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-value {
  color: #29467f;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f1625e 0%, #8c1f1c 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 10px 18px -14px rgba(140, 31, 28, 0.9);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__main {
  min-width: 0;
  padding-right: 446px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .row {
  position: static;
  margin: 0;
  padding: 0 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell h5,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell h5 a {
  margin: 0 !important;
  color: #5d78df;
  font-size: 14px !important;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell > .cc-reservation-shell__body > .cc-reservation-shell__main > .row > h5 {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-summary-panel .wc-order-item-meta-list .cc-room-panel-title {
  margin: 0 0 8px 0 !important;
  list-style: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-summary-panel .wc-order-item-meta-list .cc-room-panel-title a,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-summary-panel .wc-order-item-meta-list .cc-room-panel-title .cc-room-panel-title-text {
  color: #5d78df;
  font-size: 26px !important;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "room"
    "nights";
  gap: 16px 22px;
  margin-top: 12px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel {
  grid-area: room;
  display: grid;
  grid-template-columns: 175px minmax(0, 1fr) 230px;
  grid-template-areas:
    "thumb header header"
    "thumb meta times"
    "timer timer timer";
  gap: 10px 14px;
  border: 1px solid #d9e2f2;
  border-radius: 16px;
  background: #fcfdff;
  padding: 14px;
  box-shadow: 0 12px 24px -24px rgba(39, 58, 104, 0.9);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel > .item-thumbnail {
  grid-area: thumb;
  margin: 0 !important;
  padding-right: 0 !important;
  align-self: start;
  margin-top: 14px !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel > .item-thumbnail img {
  width: 175px !important;
  height: 175px !important;
  min-height: 0 !important;
  max-width: none !important;
  border-radius: 14px;
  object-fit: cover;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel > ul.wc-order-item-meta-list {
  grid-area: meta;
  margin: 0;
  padding: 0 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-summary-panel > .cc-room-panel-header {
  grid-area: header;
  margin: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-panel-header-title {
  color: #5d78df;
  font-size: 26px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-panel-header .booking-item-address {
  margin: 8px 0 0;
  font-size: 14px;
  color: #33578f;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-panel-header .item-cart-seprator {
  margin: 10px 0 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-summary-panel > .cc-stay-times-panel {
  grid-area: times;
  grid-row: 2 / 4;
  border: 1px solid #dfe8f6;
  border-radius: 16px;
  background: linear-gradient(180deg, #f7faff 0%, #eef4ff 100%);
  overflow: hidden;
  align-self: stretch;
  max-width: 230px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 8px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-times-panel__heading {
  margin: 0;
  padding: 2px 4px 6px;
  background: transparent;
  color: #2f3f78;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-times-panel__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-content: start;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #e5ebf7;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 16px -14px rgba(41, 64, 110, 0.5);
  overflow: hidden;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card:first-child {
  border-top: 1px solid #e5ebf7;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4d5f78;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
  flex: 1 1 auto;
  min-width: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card__icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #d7e0f0;
  color: #8f97c8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  font-size: 11px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card__text {
  color: inherit;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card__chevron {
  color: #b3bfd9;
  font-size: 18px;
  line-height: 1;
  margin-left: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card__value {
  color: #1f3f79;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  flex: 0 0 auto;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-times-note {
  margin: 0;
  color: #5a6989;
  font-size: 11px;
  line-height: 1.35;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #e2e9f6;
  border-radius: 12px;
  padding: 8px 9px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel > ul.wc-order-item-meta-list li {
  margin-bottom: 0 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-room-summary-panel > .cc-reservation-timer-wrap {
  grid-area: timer;
  margin-top: 0;
}

@media (max-width: 1420px) {
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel {
    grid-template-columns: 175px minmax(0, 1fr) 215px;
  }
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details {
  position: absolute !important;
  top: 24px;
  right: 24px;
  width: 400px;
  max-width: 400px;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  padding: 0 !important;
  z-index: 2;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #d9e2f2;
  border-radius: 16px;
  overflow: hidden;
  background: #fcfdff;
  box-shadow: 0 12px 24px -24px rgba(39, 58, 104, 0.9);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals td {
  border-top: 1px solid #e6edf8;
  font-size: 15px;
  color: #556579;
  padding: 12px 14px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-inline--reg {
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic #car_no {
  width: 140px;
  text-transform: uppercase;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-reg-save-trigger {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-quick {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  justify-content: flex-end;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-additional-quick {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  justify-content: flex-end;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-edit-trigger {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-quick .cc-order-item-quick-menu {
  display: flex !important;
  right: 0;
  top: calc(100% + 6px);
  min-width: 86px;
  padding: 8px;
  gap: 6px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-additional-quick .cc-order-item-quick-menu {
  display: flex !important;
  right: 0;
  top: calc(100% + 6px);
  bottom: auto;
  min-width: 86px;
  padding: 8px;
  gap: 6px;
  z-index: 160;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-additional-quick.is-open {
  z-index: 150 !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-quick .cc-order-item-quick-action {
  width: 110px !important;
  min-width: 110px !important;
  height: 33px !important;
  min-height: 33px !important;
  padding: 0 12px !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-additional-quick .cc-order-item-quick-action {
  width: 110px !important;
  min-width: 110px !important;
  height: 33px !important;
  min-height: 33px !important;
  padding: 0 12px !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-edit-action.is-saving {
  pointer-events: none;
  opacity: 0.95;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-quick .cc-order-item-quick-menu[hidden] {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-additional-quick .cc-order-item-quick-menu[hidden] {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-save-toast {
  display: inline-flex;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 12;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #e7f8ea;
  border: 1px solid #9dd5a6;
  color: #1f7a34;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking-dynamic .cc-parking-save-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr td:first-child {
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals #change_check_in,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals #change_check_out {
  width: 79px !important;
  min-width: 79px !important;
  height: 33px !important;
  min-height: 33px !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-select-wrap.is-saving select {
  opacity: 1;
  color: transparent !important;
  text-shadow: none;
  pointer-events: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-save-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #3d5f9d;
  font-size: 14px;
  pointer-events: none;
  z-index: 2;
  transform: translate(-50%, -50%);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-save-spinner[hidden] {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-save-spinner .pill-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(61, 95, 157, 0.35);
  border-top-color: #3d5f9d;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-save-pill {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 14;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #e7f8ea;
  border: 1px solid #9dd5a6;
  color: #1f7a34;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-save-pill[hidden] {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals .cc-time-save-pill.is-visible {
  opacity: 1;
  transform: translateY(0);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-arrival td:first-child::before,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-exit td:first-child::before,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking td:first-child::before,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-guest-fee td:first-child::before,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-fee td:first-child::before,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-total td:first-child::before {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  margin-right: 8px;
  text-align: center;
  font-family: FontAwesome, "Font Awesome 5 Free", sans-serif;
  font-weight: 400;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-arrival td:first-child::before {
  content: "\f017";
  color: #6f7f95;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-exit td:first-child::before {
  content: "\f08b";
  color: #6f7f95;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-parking td:first-child::before {
  content: "\f1b9";
  color: #6f7f95;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-guest-fee td:first-child::before {
  content: "\f0c0";
  color: #7ea1c7;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-fee td:first-child::before {
  content: "£";
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  color: #7ea1c7;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr.cc-row-total td:first-child::before {
  content: "£";
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  color: #caa32a;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details .additinals tr:first-child td {
  border-top: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-booking-fee-row td:last-child,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-guest-fee-row td:last-child,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-total-row td:last-child {
  text-align: right;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-booking-fee-row td:last-child .text-lg,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-guest-fee-row td:last-child .text-lg,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-total-row td:last-child .text-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86.4px;
  padding: 3.2px 9.6px;
  border-radius: 999px;
  border: 1px solid #c7d1e4;
  background: linear-gradient(180deg, #ffffff 0%, #e8eef8 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 1px 2px rgba(54, 71, 103, 0.18);
  color: #3f506f !important;
  font-size: 11.2px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-booking-fee-row td:last-child .text-lg .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-booking-fee-row td:last-child .text-lg .woocommerce-Price-amount bdi,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-booking-fee-row td:last-child .text-lg .woocommerce-Price-currencySymbol,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-guest-fee-row td:last-child .text-lg .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-guest-fee-row td:last-child .text-lg .woocommerce-Price-amount bdi,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-guest-fee-row td:last-child .text-lg .woocommerce-Price-currencySymbol,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-total-row td:last-child .text-lg .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-total-row td:last-child .text-lg .woocommerce-Price-amount bdi,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details tr.cc-total-row td:last-child .text-lg .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* Multi-night accordion */
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-breakdown {
  grid-area: nights;
  margin-top: 2px;
  width: calc(100% + 446px);
  max-width: none;
  margin-right: -446px;
  border: 1px solid #d9e2f2;
  border-radius: 16px;
  background: #f5f6f8;
  padding: 18px;
  box-shadow: 0 12px 24px -24px rgba(39, 58, 104, 0.9);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-breakdown__title {
  margin: 0 0 14px;
  color: #2e4478;
  font-size: 24px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  letter-spacing: -0.015em;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-list {
  display: grid;
  gap: 12px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 22px;
  cursor: pointer;
  border: 1px solid #d8e0ef;
  border-radius: 20px;
  background: #eef2f8;
  position: relative;
  padding-right: 64px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary.cc-night-summary--with-guest {
  padding-top: 7px;
  padding-bottom: 7px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary::-webkit-details-marker {
  display: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #c3cee5;
  background: #f9fbff;
  color: #2f4f8f;
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item[open] .cc-night-summary::after {
  content: "−";
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary__left {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary__right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-cutoff-countdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 158px;
  width: 158px;
  min-height: 20px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #000000;
  box-sizing: border-box;
  line-height: 1;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-cutoff-label {
  font-size: 10px;
  font-weight: 700;
  color: #f1f4fa;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-cutoff-time {
  font-size: 12px;
  font-weight: 800;
  color: #ff3b30;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-summary {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 44px;
  border-radius: 16px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total {
  width: 100%;
  max-width: 360px;
  margin-left: auto;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-summary,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-body {
  width: 100%;
  max-width: 360px;
  margin-left: auto;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-summary__left {
  display: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-summary__right {
  margin-left: auto;
  gap: 10px;
  padding-right: 10px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-label {
  color: #2a3e6f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-price {
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-body {
  margin-top: -1px;
  padding: 0;
  border: 0;
  border-radius: 0 0 16px 16px;
  background: transparent;
  box-sizing: border-box;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown {
  display: grid;
  grid-template-columns: 1fr;
  width: calc(100% - 20px);
  margin-inline: auto;
  background: #f7f9fd;
  border-left: 1px solid #dbe3f1;
  border-right: 1px solid #dbe3f1;
  border-bottom: 1px solid #dbe3f1;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__row {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  align-items: center;
  min-height: 38px;
  border-top: 1px solid #dbe3f1;
  background: #f7f9fd;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 1px solid #dbe3f1;
  font-size: 20px;
  font-weight: 700;
  color: #7d94b7;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__icon .fa {
  font-size: 20px;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__icon--guest {
  color: #7ea1c7;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__icon--fee {
  color: #8da4c6;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__icon--subtotal,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__icon--total {
  color: #caa32a;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__label {
  padding: 0 10px;
  color: #4c5f83;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__value {
  padding: 0 10px 0 0;
  color: #3f506f;
  font-size: 11.2px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__value .woocommerce-Price-amount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86.4px;
  padding: 3.2px 9.6px;
  border-radius: 999px;
  border: 1px solid #c7d1e4;
  background: linear-gradient(180deg, #ffffff 0%, #e8eef8 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 1px 2px rgba(54, 71, 103, 0.18);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__value .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__value .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__row--total {
  background: #f1f5fc;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__row--total .cc-night-total-breakdown__label,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__row--total .cc-night-total-breakdown__value {
  font-weight: 700;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-total-breakdown__row--total .cc-night-total-breakdown__value .woocommerce-Price-amount {
  border-color: #b9c7df;
  background: linear-gradient(180deg, #fefefe 0%, #dfe8f6 100%);
}

@media (max-width: 991px) {
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total,
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-summary,
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item--total .cc-night-body {
    max-width: 100%;
    width: 100%;
  }
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary__title {
  color: #2a3e6f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-index {
  position: relative;
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5b74ad;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-index__icon {
  width: 100%;
  height: 100%;
  display: block;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-index__num {
  position: absolute;
  top: 63%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-date-range {
  display: inline-block;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-meta {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  max-width: 320px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-meta__room {
  font-size: 14px;
  font-weight: 700;
  color: #2a3e6f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-meta__date {
  font-size: 13px;
  font-weight: 600;
  color: #6f7f9d;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer-wrap {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px 8px;
  border: 1px solid #cfd9ee;
  border-radius: 10px;
  background: linear-gradient(180deg, #f6f9ff 0%, #eaf0fb 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer-wrap.is-night-completed {
  width: var(--cc-night-lock-wrap-width, 252px);
  min-width: var(--cc-night-lock-wrap-width, 252px);
  max-width: var(--cc-night-lock-wrap-width, 252px);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-active-day-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #1e5f9f;
  background: linear-gradient(180deg, #7fb3ff 0%, #2271b1 58%, #0a4b78 100%);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  box-shadow: 0 10px 18px -12px rgba(10, 59, 120, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  margin-left: auto;
  margin-right: auto;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-active-day-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7ff0a9;
  box-shadow: 0 0 0 3px rgba(127, 240, 169, 0.35);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer {
  display: inline-flex;
  flex: 0 0 auto;
  width: max-content;
  min-width: 0;
  max-width: 100%;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed {
  width: var(--cc-night-lock-timer-width, 232px);
  min-width: var(--cc-night-lock-timer-width, 232px);
  max-width: var(--cc-night-lock-timer-width, 232px);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-deadline-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  min-width: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-deadline-stack {
  width: var(--cc-night-lock-stack-width, 232px);
  min-width: var(--cc-night-lock-stack-width, 232px);
  max-width: var(--cc-night-lock-stack-width, 232px);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-deadline-topline {
  width: 100%;
  justify-content: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-time {
  width: auto;
  justify-content: center;
  margin: 0 auto;
  gap: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-time-seconds,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-time-left {
  display: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-time-strong {
  text-align: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-deadline-topline {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 6px;
  width: max-content;
  max-width: 100%;
  font-size: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time {
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time-strong {
  font-size: 16px;
  font-weight: 900;
  color: #1f2430;
  letter-spacing: -.6px;
  font-variant-numeric: tabular-nums;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time-seconds {
  font-size: 12px;
  font-weight: 700;
  color: #595f68;
  opacity: .78;
  margin: 0;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time-left {
  font-size: 11px;
  font-weight: 600;
  color: #7b7f85;
  opacity: .55;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-progress {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0,0,0,.18);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-progress {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer-wrap.is-night-completed,
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed,
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer.is-night-completed .cc-deadline-stack {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-progress-fill {
  height: 100%;
  min-width: 6px;
  width: 50%;
  border-radius: 999px;
  background: linear-gradient(90deg, #6fbfb7 0%, #9db66b 40%, #c8ad61 70%, #c79b70 100%);
  box-shadow: 0 4px 8px rgba(0,0,0,.16);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-chevron {
  display: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-item[open] .cc-night-chevron {
  display: none;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price {
  color: #2a3e6f;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.015em;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price .woocommerce-Price-amount bdi {
  font-size: inherit !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag .woocommerce-Price-amount bdi {
  font-size: 15px !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag .woocommerce-Price-currencySymbol {
  font-size: 0.78em !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: max-content;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price .woocommerce-Price-currencySymbol {
  font-size: 0.7em;
  margin-right: 2px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag {
  display: inline-flex;
  align-items: baseline;
  color: #6f7893;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag .woocommerce-Price-amount,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag .woocommerce-Price-currencySymbol {
  font-size: 0.78em !important;
  margin-right: 2px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-action:not(.cc-pill-btn) {
  border: 0;
  border-radius: 10px;
  padding: 8px 14px;
  line-height: 1;
  color: #fff;
  background: linear-gradient(180deg, #b46860 0%, #8a4a44 100%);
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-action.cc-pill-btn {
  --pill-padding: 6px 18px;
  --pill-radius: 16px;
  --pill-text-transform: none;
  --pill-letter-spacing: 0;
  min-height: 34px;
  line-height: 1;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn {
  min-width: 158px;
  width: 158px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--closed,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--closed:hover,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--closed:active,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--closed:focus-visible,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--completed,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--completed:hover,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--completed:active,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn.cc-night-manage-btn--completed:focus-visible {
  color: #5f6d82 !important;
  border-color: #bfc8d8 !important;
  background: linear-gradient(180deg, #d6dce7 0%, #bcc5d5 58%, #a4afc2 100%) !important;
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.42), inset 0 -2px 4px rgba(64, 77, 103, 0.2) !important;
  transform: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-guest-action.cc-pill-btn {
  --pill-padding: 4px 14px;
  --pill-radius: 14px;
  min-height: 26px;
  min-width: 158px;
  width: 158px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack .cc-night-guest-action.guest_frontend_cancel {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 158px !important;
  margin: 0;
  align-self: flex-end;
  border: 0 !important;
  outline: 0 !important;
  --pill-text-transform: capitalize;
  text-transform: capitalize !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-guest-action.cc-pill-btn .pill-label {
  font-size: 12px;
  line-height: 1;
  text-transform: capitalize !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-guest-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  min-width: 158px;
  width: 158px;
  padding: 4px 12px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-guest-state--pending {
  background: linear-gradient(180deg, #edf1f7 0%, #bec7d6 55%, #7c889c 100%);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-guest-state--refunded {
  background: linear-gradient(180deg, #9ae794 0%, #2f7f3b 55%, #092912 100%);
}

/* Guest-booking rows: keep reduced height but restore full button width */
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest {
  gap: 4px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest button.cc-night-manage-btn.cc-pill-btn,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest button.cc-night-guest-action.cc-pill-btn,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest .cc-night-guest-state {
  min-width: 158px;
  width: 158px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest button.cc-night-manage-btn.cc-pill-btn {
  min-height: 27px;
  --pill-padding: 5px 14px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest button.cc-night-guest-action.cc-pill-btn,
body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest .cc-night-guest-state {
  min-height: 21px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest button.cc-night-guest-action.cc-pill-btn {
  --pill-padding: 3px 11px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest .cc-night-guest-action.guest_frontend_cancel {
  width: 158px !important;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack.cc-night-actions-stack--with-guest .cc-night-guest-state {
  padding: 3px 10px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-stack.cc-night-price-stack--with-guest {
  display: inline-grid;
  grid-auto-flow: row;
  justify-items: end;
  align-content: center;
  row-gap: 4px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-stack.cc-night-price-stack--with-guest .cc-night-price {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 27px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-stack.cc-night-price-stack--with-guest .cc-night-price-guest-tag {
  align-items: center;
  justify-content: flex-end;
  min-height: 21px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn:hover,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn:active,
body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-manage-btn.cc-pill-btn:focus-visible {
  transform: translateY(-1px);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body {
  border: 1px solid #d8e0ef;
  border-top: 0;
  border-radius: 0 0 20px 20px;
  background: #fff;
  width: calc(100% - 20px);
  margin: -1px auto 0;
  padding: 14px 22px 16px;
  color: #57677d;
  box-sizing: border-box;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__inner {
  display: grid;
  grid-template-columns: 75px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__thumb {
  width: 75px;
  height: 53px;
  border-radius: 12px;
  overflow: hidden;
  background: #e7e9ef;
  border: 1px solid #cfd6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta {
  min-width: 0;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.25;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-dates {
  min-width: 0;
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-date-line {
  display: block;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-stats {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 12px;
  white-space: nowrap;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #2a3e6f;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #eef2fb;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-stat:nth-child(1) {
  color: #2f5faa;
  background: #e8efff;
  border-color: #c8d8ff;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-stat:nth-child(2) {
  color: #5a4bb8;
  background: #ede9ff;
  border-color: #d4cbff;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-stat:nth-child(3) {
  color: #167564;
  background: #e4f7f2;
  border-color: #bde6dc;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
}

body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-value {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}

@media (max-width: 1199px) {
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__main {
    padding-right: 0;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-breakdown {
    width: 100%;
    margin-right: 0;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-right-additional-details {
    position: static !important;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    margin: 0 0 14px !important;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box {
    margin-top: 0;
  }
}

@media (max-width: 860px) {
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__header {
    padding: 15px;
    flex-wrap: wrap;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta {
    padding: 14px 14px 0;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-item,
  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-item--status {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__meta-value {
    font-size: 20px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell__body {
    padding: 14px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box {
    grid-template-areas:
      "room"
      "nights";
    gap: 12px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "thumb"
      "header"
      "meta"
      "times"
      "timer";
    gap: 12px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .order-item-meta-box .cc-room-summary-panel > .item-thumbnail {
    margin-top: 0 !important;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-times-panel__heading {
    font-size: 15px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card {
    padding: 9px 10px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-time-card__value {
    font-size: 30px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-reservation-shell .cc-stay-times-note {
    font-size: 10px;
    padding: 7px 8px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 22px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary__right {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-active-day-pill {
    margin-left: 0;
    margin-right: 0;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-stack.cc-night-price-stack--with-guest {
    row-gap: 4px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary__right--with-guest .cc-night-price-guest-tag {
    min-height: 24px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-actions-stack {
    align-items: flex-end;
    gap: 4px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content button.cc-night-guest-action.cc-pill-btn {
    min-width: 158px;
    width: 158px;
    min-height: 24px;
    --pill-padding: 3px 12px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-guest-state {
    min-width: 158px;
    width: 158px;
    min-height: 22px;
    padding: 3px 10px;
    font-size: 11px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary::after {
    top: 18px;
    right: 14px;
    transform: none;
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 24px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__inner {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-summary__title {
    gap: 8px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-index {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-index__num {
    font-size: 11px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer {
    width: max-content;
    min-width: 0;
    max-width: 100%;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-meta {
    max-width: 210px;
    gap: 6px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer-wrap {
    padding: 6px 8px 7px;
    border-radius: 9px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-meta__room {
    font-size: 13px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-meta__date {
    font-size: 12px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time-strong {
    font-size: 16px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time-seconds {
    font-size: 12px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-time-left {
    font-size: 11px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-release-inline-timer .cc-progress {
    height: 5px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-price-guest-tag {
    font-size: 13px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__thumb {
    width: 48px;
    height: 36px;
    border-radius: 10px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-inline {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  body.woocommerce-view-order .woocommerce-MyAccount-content .cc-night-body__meta-stats {
    gap: 8px;
    margin-left: 0;
    flex-wrap: wrap;
  }
}

/* Safety net: never show view-order modal artifacts on non view-order account endpoints. */
body.woocommerce-account:not(.woocommerce-view-order) #cancel-popup-overlay,
body.woocommerce-account:not(.woocommerce-view-order) #ccbm-change-overlay,
body.woocommerce-account:not(.woocommerce-view-order) #ccbm-pay-overlay,
body.woocommerce-account:not(.woocommerce-view-order) #ccbm-final-change-confirm,
body.woocommerce-account:not(.woocommerce-view-order) #ui-datepicker-div,
body.woocommerce-account:not(.woocommerce-view-order) #ui-datepicker-div.ak-datepicker,
body.woocommerce-account:not(.woocommerce-view-order) .flatpickr-calendar.ccbm-meta-box,
body.woocommerce-account:not(.woocommerce-view-order) .flatpickr-calendar.ccbm-with-side,
body.woocommerce-account:not(.woocommerce-view-order) .ccbm-cal-loading-overlay,
body.woocommerce-account:not(.woocommerce-view-order) .ccbm-side-spinner,
body.woocommerce-account:not(.woocommerce-view-order) .ccbm-steps-wrapper,
body.woocommerce-account:not(.woocommerce-view-order) .ccbm-steps,
body.woocommerce-account:not(.woocommerce-view-order) #action-selection {
  display: none !important;
}

/* Keep scrollbar visible when modal scripts toggle body overflow. */
html {
  overflow-y: scroll;
}

body[style*="overflow: hidden"] {
  overflow-y: scroll !important;
}

body.woocommerce-view-order #open-cancel-popup.open-booking {
  display: none !important;
}

/* Cancel Guest confirm modal (jquery-confirm): reservation-details visual language */
body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-bg {
  background: rgba(25, 38, 68, 0.52);
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-scrollpane {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-box-container {
  width: 100%;
  max-width: 520px;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-box {
  border: 1px solid #d4deef;
  border-radius: 20px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%);
  box-shadow:
    0 24px 44px -30px rgba(32, 49, 86, 0.85),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  padding: 0;
  overflow: hidden;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-title-c {
  padding: 18px 22px 6px;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-title-c .jconfirm-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2d4478;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-title-c .jconfirm-title::before {
  content: "\f0c0";
  font-family: FontAwesome, "Font Awesome 5 Free", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #6f86b4;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-content-pane {
  margin-bottom: 0;
  padding: 2px 22px 16px;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-content {
  color: #4f6185;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.35;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #dbe4f3;
  padding: 12px 18px 14px;
  float: none;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons button {
  margin: 0;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons .btn.cc-jc-btn {
  min-width: 144px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 19px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  box-shadow:
    0 8px 14px -10px rgba(32, 48, 82, 0.72),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform 0.15s ease, filter 0.15s ease;
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons .btn.cc-jc-btn:hover,
body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons .btn.cc-jc-btn:focus {
  transform: translateY(-1px);
  filter: brightness(1.02);
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons .btn.cc-jc-btn--danger {
  color: #fff;
  border-color: #6f1c1d;
  background: linear-gradient(180deg, #e98888 0%, #b63d3b 53%, #5a0e10 100%);
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons .btn.cc-jc-btn--neutral {
  color: #324b7b;
  border-color: #b8c5dc;
  background: linear-gradient(180deg, #f7f9fe 0%, #cfd8e9 54%, #9ba8c0 100%);
}

body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-closeIcon {
  color: #5a6f99;
  font-size: 28px !important;
  right: 14px;
  top: 8px;
}

@media (max-width: 640px) {
  body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-title-c .jconfirm-title {
    font-size: 24px;
  }

  body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-content {
    font-size: 16px;
  }

  body.woocommerce-view-order .jconfirm.cc-guest-cancel-confirm .jconfirm-buttons .btn.cc-jc-btn {
    min-width: 128px;
    font-size: 16px;
    height: 34px;
  }
}

/* Same-day release restriction step card (outside modal) */
body.woocommerce-view-order #cc-release-restrict-step {
  display: none;
  position: fixed;
  z-index: 2147483648;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100% - 34px));
  max-height: calc(100vh - 28px);
  overflow: auto;
}

body.woocommerce-view-order .cc-release-restrict-card {
  border: 1px solid #ced8ec;
  border-radius: 18px;
  background: linear-gradient(180deg, #f9fbff 0%, #eef3fb 100%);
  box-shadow: 0 26px 48px -34px rgba(32, 49, 86, 0.92);
  padding: 16px 18px 18px;
}

body.woocommerce-view-order .cc-release-restrict-head {
  margin-bottom: 14px;
}

body.woocommerce-view-order .cc-release-restrict-title {
  margin: 0;
  color: #2f477c;
  font-size: 28px;
  line-height: 1.08;
  font-weight: 700;
}

body.woocommerce-view-order .cc-release-restrict-subtitle {
  margin: 6px 0 0;
  color: #5a6f99;
  font-size: 16px;
  line-height: 1.35;
}

body.woocommerce-view-order .cc-release-restrict-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 991px) {
  body.woocommerce-view-order .cc-release-restrict-options {
    grid-template-columns: 1fr;
  }
}

body.woocommerce-view-order .cc-release-restrict-option-row {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 8px;
  row-gap: 8px;
  align-items: center;
  margin: 0;
  padding: 10px 10px;
  border: 1px solid #d8e1f0;
  border-radius: 12px;
  background: #f7f9fe;
  cursor: pointer;
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

body.woocommerce-view-order .cc-release-restrict-option-row:hover {
  border-color: #b3c4e6;
  background: #f1f6ff;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px -14px rgba(41, 70, 118, 0.9);
}

body.woocommerce-view-order .cc-release-restrict-option-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

body.woocommerce-view-order .cc-release-restrict-option-row:has(.cc-release-restrict-option-input:checked) {
  border-color: #6f8fc5;
  background: #eaf1ff;
  box-shadow: 0 9px 18px -14px rgba(41, 70, 118, 0.95);
}

body.woocommerce-view-order .cc-release-restrict-option-indicator {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #a7b9da;
  background: #fff;
  margin-top: 2px;
}

body.woocommerce-view-order .cc-release-restrict-option-row:has(.cc-release-restrict-option-input:checked) .cc-release-restrict-option-indicator {
  border-color: #4a6fb0;
  box-shadow: inset 0 0 0 3px #fff;
  background: #4a6fb0;
}

body.woocommerce-view-order .cc-release-restrict-option-media {
  grid-column: 2;
  grid-row: 1;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #d7e0f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body.woocommerce-view-order .cc-release-restrict-option-icon {
  display: block;
  width: 36px;
  height: 36px;
}

body.woocommerce-view-order .cc-release-restrict-option-copy {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  gap: 3px;
}

body.woocommerce-view-order .cc-release-restrict-check-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d8e1f0;
  border-radius: 14px;
  background: #f4f7fd;
}

body.woocommerce-view-order .cc-release-restrict-check-row + .cc-release-restrict-check-row {
  margin-top: 10px;
}

body.woocommerce-view-order .cc-release-restrict-check {
  width: 18px;
  height: 18px;
  margin-top: 4px;
  accent-color: #2f5ba3;
}

body.woocommerce-view-order .cc-release-restrict-check-copy {
  display: grid;
  gap: 4px;
}

body.woocommerce-view-order .cc-release-restrict-question {
  color: #2f477c;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

body.woocommerce-view-order .cc-release-restrict-confirm {
  color: #5f739a;
  font-size: 12px;
  line-height: 1.32;
}

body.woocommerce-view-order .cc-release-restrict-status {
  display: none;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e3b6b6;
  background: #fff2f2;
  color: #7b2f37;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

body.woocommerce-view-order #cc-release-restrict-step.is-blocked .cc-release-restrict-status {
  display: block;
}

body.woocommerce-view-order #cc-release-restrict-step.is-release-closed .cc-release-restrict-option-row {
  opacity: 0.55;
  pointer-events: none;
}

body.woocommerce-view-order #cc-release-restrict-step.is-blocked .cc-release-restrict-option-row:has(.cc-release-restrict-option-input[value="already_checked_in"]:checked) {
  border-color: #d6a5aa;
  background: #fff2f3;
}

body.woocommerce-view-order #cc-release-restrict-step.is-release-closed .cc-release-restrict-btn--continue {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}

body.woocommerce-view-order .cc-release-restrict-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

body.woocommerce-view-order .cc-release-restrict-btn {
  min-width: 158px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 0 16px;
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  box-shadow: 0 9px 14px -12px rgba(33, 51, 88, 0.82), inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.woocommerce-view-order .cc-release-restrict-btn--continue {
  color: #fff;
  border-color: #234474;
  background: linear-gradient(180deg, #6d92d5 0%, #4266a8 54%, #294676 100%);
}

body.woocommerce-view-order .cc-release-restrict-btn--continue:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  box-shadow: none;
}

body.woocommerce-view-order .cc-release-restrict-btn--cancel {
  color: #374f7c;
  border-color: #b9c6dc;
  background: linear-gradient(180deg, #f8fafe 0%, #d0d9ea 55%, #9ca9c1 100%);
}

@media (max-width: 640px) {
  body.woocommerce-view-order #cc-release-restrict-step {
    width: calc(100% - 20px);
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100vh - 18px);
  }

  body.woocommerce-view-order .cc-release-restrict-card {
    padding: 14px 12px 14px;
  }

  body.woocommerce-view-order .cc-release-restrict-title {
    font-size: 23px;
  }

  body.woocommerce-view-order .cc-release-restrict-subtitle {
    font-size: 14px;
  }

  body.woocommerce-view-order .cc-release-restrict-question {
    font-size: 17px;
  }

  body.woocommerce-view-order .cc-release-restrict-confirm {
    font-size: 13px;
  }

  body.woocommerce-view-order .cc-release-restrict-actions {
    flex-direction: column;
  }

  body.woocommerce-view-order .cc-release-restrict-btn {
    width: 100%;
    min-width: 0;
    height: 36px;
    font-size: 15px;
  }
}

/* Single hotel room list: render total as a centered pill and sync dimensions with availability CTA */
.sts-room-wrapper.list .item .content .action .price.cc-total-pill-wrap {
  position: relative !important;
  top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0 !important;
  text-align: right;
}

.sts-room-wrapper.list .item .content .action .price.cc-total-pill-wrap > .cc-total-pill-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 30px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, rgba(221, 230, 249, 0.35) 38%, rgba(197, 214, 244, 0.76) 100%),
    linear-gradient(180deg, #eef4ff 0%, #c9daf8 100%);
  border: 2px solid rgba(174, 198, 238, 0.85);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.88),
    inset 0 -3px 8px rgba(86, 123, 189, 0.18),
    0 10px 16px -12px rgba(32, 65, 124, 0.42);
  color: #35539d;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
}

.sts-room-wrapper.list .item .content .action .price.cc-total-pill-wrap > .cc-total-pill-value::before {
  content: attr(data-total-label) " ";
  color: #35539d;
  font-weight: 700;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 991px) {
  .sts-room-wrapper.list .item .content .action .price.cc-total-pill-wrap {
    justify-content: flex-start;
    margin-top: 12px !important;
  }
}