/* Fix the first "Everything you need" card where compiled utility order makes bg-white override the green card. */
[data-testid="why-card-1"] {
  background-color: #687157 !important;
  border-color: #687157 !important;
  color: #FAF9F6 !important;
}

[data-testid="why-card-1"] h3 {
  color: #FAF9F6 !important;
}

[data-testid="why-card-1"] p {
  color: rgba(250, 249, 246, 0.88) !important;
}

[data-testid="why-card-1"] > div:first-child {
  background-color: rgba(250, 249, 246, 0.15) !important;
  color: #FAF9F6 !important;
}
/* Clean pricing card refinements. */
[data-testid="pricing-section"] {
  background: #faf9f6 !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] {
  min-height: auto !important;
  border: 1px solid #e5ded2 !important;
  border-radius: 16px !important;
  background: #fffdf8 !important;
  box-shadow: 0 12px 28px rgba(42, 38, 33, 0.07) !important;
  overflow: visible !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"]:hover {
  transform: translateY(-4px);
  border-color: rgba(104, 113, 87, 0.32) !important;
  box-shadow: 0 18px 36px rgba(42, 38, 33, 0.1) !important;
}

[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"] {
  border-color: rgba(104, 113, 87, 0.42) !important;
  box-shadow: 0 16px 34px rgba(104, 113, 87, 0.12) !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] > .font-heading.text-2xl {
  margin-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #efe7dc !important;
  color: #2a2621 !important;
  font-family: "DM Sans", "Outfit", Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] .font-heading.text-4xl {
  color: #8b5e34 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] .text-xs.text-\[\#5C564E\].mt-1 {
  color: #6b6258 !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] ul {
  margin-top: 22px !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] li {
  color: #3f3932 !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] li svg {
  color: #687157 !important;
}

[data-testid="pricing-section"] [data-testid^="pricing-card-"] a[data-testid^="pricing-cta-"] {
  min-height: 44px;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  [data-testid="pricing-section"] [data-testid^="pricing-card-"] {
    border-radius: 14px !important;
  }
}

/* Premium gold label for 3 Sharing Most Popular. */
[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"] > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(190, 138, 62, 0.38) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fff8df 0%, #f1d48d 48%, #b9822f 100%) !important;
  color: #5a3514 !important;
  font-family: "DM Sans", "Outfit", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 2px rgba(241, 212, 141, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  animation: sky-premium-border-glow 2.8s ease-in-out infinite;
}

[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"] > div:first-child::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 999px;
  background: #7a4a18;
  box-shadow: 0 0 0 4px rgba(122, 74, 24, 0.13);
}
@keyframes sky-premium-border-glow {
  0%, 100% {
    border-color: rgba(190, 138, 62, 0.38);
    box-shadow: 0 0 0 2px rgba(241, 212, 141, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  }
  50% {
    border-color: rgba(190, 138, 62, 0.82);
    box-shadow: 0 0 0 4px rgba(241, 212, 141, 0.34), 0 0 18px rgba(185, 130, 47, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  }
}
/* Extra premium treatment for the highlighted 3 Sharing card. */
[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"] {
  position: relative !important;
  background: linear-gradient(145deg, #fffdf8 0%, #fff8ea 58%, #f6ead1 100%) !important;
  border-color: rgba(190, 138, 62, 0.58) !important;
  box-shadow: 0 22px 46px rgba(135, 91, 31, 0.16), 0 0 0 1px rgba(241, 212, 141, 0.35) !important;
}

[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 22px 38px rgba(255, 247, 220, 0.58);
}

[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"]:hover {
  border-color: rgba(190, 138, 62, 0.84) !important;
  box-shadow: 0 28px 58px rgba(135, 91, 31, 0.22), 0 0 0 2px rgba(241, 212, 141, 0.42) !important;
}

[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"] > div:first-child {
  background-size: 180% 180% !important;
  transform-origin: left center;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
  animation: sky-premium-border-glow 2.8s ease-in-out infinite, sky-premium-badge-float 4.2s ease-in-out infinite;
}

[data-testid="pricing-section"] [data-testid="pricing-card-3-sharing"]:hover > div:first-child {
  transform: translateY(-1px);
}

@keyframes sky-premium-badge-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1px);
  }
}
/* Black text for pricing card content. */
[data-testid="pricing-section"] [data-testid^="pricing-card-"] > .font-heading.text-2xl,
[data-testid="pricing-section"] [data-testid^="pricing-card-"] .font-heading.text-4xl,
[data-testid="pricing-section"] [data-testid^="pricing-card-"] .font-heading.text-5xl,
[data-testid="pricing-section"] [data-testid^="pricing-card-"] .mt-4 span,
[data-testid="pricing-section"] [data-testid^="pricing-card-"] .text-xs.text-\[\#5C564E\].mt-1,
[data-testid="pricing-section"] [data-testid^="pricing-card-"] li span {
  color: #111111 !important;
}
/* Premium finish for the Check room availability section without changing layout size. */
[data-testid="final-cta-section"] {
  background:
    radial-gradient(circle at 18% 18%, rgba(210, 162, 123, 0.2), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(104, 113, 87, 0.18), transparent 30%),
    linear-gradient(145deg, #201c18 0%, #2a2621 48%, #181512 100%) !important;
}

[data-testid="final-cta-section"]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 28%, rgba(210, 162, 123, 0.07));
}

[data-testid="inquiry-form"] {
  background:
    linear-gradient(145deg, rgba(255, 253, 248, 0.98) 0%, rgba(248, 239, 222, 0.97) 100%) !important;
  border-color: rgba(210, 162, 123, 0.52) !important;
  box-shadow:
    0 34px 88px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.72) inset,
    0 0 0 6px rgba(210, 162, 123, 0.08) !important;
}

[data-testid="inquiry-form"] > div:first-child {
  background: linear-gradient(90deg, rgba(210, 162, 123, 0), rgba(183, 125, 62, 0.95), rgba(210, 162, 123, 0)) !important;
}

[data-testid="inquiry-form"] .inline-flex:first-of-type {
  background: linear-gradient(135deg, rgba(255, 248, 223, 0.96), rgba(232, 199, 125, 0.72)) !important;
  color: #6b4219 !important;
  border-color: rgba(185, 130, 47, 0.36) !important;
  box-shadow: 0 10px 24px rgba(185, 130, 47, 0.12) !important;
}

[data-testid="inquiry-form"] input,
[data-testid="inquiry-form"] select,
[data-testid="inquiry-form"] textarea {
  background: rgba(255, 253, 248, 0.9) !important;
  border-color: rgba(181, 141, 103, 0.32) !important;
  color: #171717 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

[data-testid="inquiry-form"] input:focus,
[data-testid="inquiry-form"] select:focus,
[data-testid="inquiry-form"] textarea:focus {
  border-color: rgba(139, 94, 52, 0.78) !important;
  box-shadow: 0 0 0 3px rgba(210, 162, 123, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

[data-testid="inquiry-submit-btn"] {
  background: linear-gradient(135deg, #0f7450 0%, #086340 48%, #043d29 100%) !important;
  box-shadow: 0 18px 34px rgba(8, 99, 64, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.18) inset !important;
}

[data-testid="inquiry-submit-btn"]:hover {
  filter: brightness(1.04);
}
/* Richer premium finish for the availability section, same layout size. */
[data-testid="final-cta-section"] {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.045) 0%, transparent 24%, rgba(210, 162, 123, 0.08) 52%, transparent 76%),
    linear-gradient(145deg, #17130f 0%, #252019 44%, #2d261d 68%, #15120f 100%) !important;
}

[data-testid="final-cta-section"]::before {
  background:
    linear-gradient(90deg, rgba(246, 221, 160, 0.12), transparent 18%, transparent 82%, rgba(246, 221, 160, 0.1)),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 12px) !important;
  opacity: 0.8;
}

[data-testid="inquiry-form"] {
  background:
    linear-gradient(145deg, rgba(255, 254, 250, 0.99) 0%, rgba(250, 242, 225, 0.98) 58%, rgba(239, 224, 195, 0.96) 100%) !important;
  border-color: rgba(202, 150, 72, 0.68) !important;
  backdrop-filter: blur(10px);
  box-shadow:
    0 38px 92px rgba(0, 0, 0, 0.36),
    0 0 0 1px rgba(255, 255, 255, 0.84) inset,
    0 0 0 7px rgba(210, 162, 123, 0.09),
    0 0 34px rgba(202, 150, 72, 0.16) !important;
  animation: sky-inquiry-card-border 3.8s ease-in-out infinite;
}

[data-testid="inquiry-form"] > div:first-child {
  height: 2px !important;
  background: linear-gradient(90deg, rgba(210, 162, 123, 0), #f6dda0, #b9822f, #f6dda0, rgba(210, 162, 123, 0)) !important;
  box-shadow: 0 0 18px rgba(246, 221, 160, 0.48) !important;
}

[data-testid="inquiry-form"] .inline-flex:first-of-type {
  background: linear-gradient(135deg, #fff9e8 0%, #edd08a 52%, #c08a36 100%) !important;
  color: #4f2f11 !important;
  border-color: rgba(126, 75, 22, 0.2) !important;
  box-shadow: 0 12px 28px rgba(185, 130, 47, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

[data-testid="inquiry-form"] label > span {
  color: #6b4219 !important;
  font-weight: 800 !important;
}

[data-testid="inquiry-form"] input,
[data-testid="inquiry-form"] select,
[data-testid="inquiry-form"] textarea {
  background: linear-gradient(180deg, #fffdf8 0%, #f9f2e6 100%) !important;
  border-color: rgba(181, 141, 103, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 18px rgba(42, 38, 33, 0.04) !important;
}

[data-testid="inquiry-form"] input:focus,
[data-testid="inquiry-form"] select:focus,
[data-testid="inquiry-form"] textarea:focus {
  border-color: rgba(126, 75, 22, 0.76) !important;
  box-shadow: 0 0 0 3px rgba(246, 221, 160, 0.38), 0 10px 22px rgba(185, 130, 47, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

[data-testid="inquiry-submit-btn"] {
  background: linear-gradient(135deg, #127a53 0%, #086340 42%, #042d21 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow:
    0 20px 38px rgba(8, 99, 64, 0.34),
    0 0 0 4px rgba(18, 122, 83, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

[data-testid="inquiry-submit-btn"]:hover {
  filter: brightness(1.08) saturate(1.04);
  box-shadow:
    0 24px 46px rgba(8, 99, 64, 0.42),
    0 0 0 5px rgba(18, 122, 83, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
}

@keyframes sky-inquiry-card-border {
  0%, 100% {
    border-color: rgba(202, 150, 72, 0.58);
  }
  50% {
    border-color: rgba(246, 221, 160, 0.92);
  }
}
/* Previous availability heading font override, softened by later hero-style rule. */
[data-testid="inquiry-form"] > div:nth-child(3) {
  font-family: "Outfit", "DM Sans", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  color: #171717 !important;
  text-shadow: none !important;
}

@media (max-width: 767px) {
  [data-testid="inquiry-form"] > div:nth-child(3) {
    font-size: 26px !important;
  }
}
/* Match availability form heading to the hero headline style. */
[data-testid="inquiry-form"] > div:nth-child(3) {
  font-family: "Outfit", "DM Sans", Arial, sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  color: #171717 !important;
  text-shadow: none !important;
}

[data-testid="inquiry-form"] > div:nth-child(3) .font-accent {
  font-family: "Caveat", cursive !important;
  color: #b58d67 !important;
  font-weight: 700 !important;
}
/* Boutique Stylish font theme for availability heading. */
[data-testid="inquiry-form"] > div:nth-child(3) {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  color: #171717 !important;
  text-shadow: none !important;
}

@media (max-width: 767px) {
  [data-testid="inquiry-form"] > div:nth-child(3) {
    font-size: 30px !important;
  }
}
/* Attractive premium WhatsApp button for availability form. */
[data-testid="inquiry-submit-btn"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: linear-gradient(115deg, #21d16f 0%, #0c8f58 28%, #075f3f 58%, #033522 100%) !important;
  background-size: 180% 180% !important;
  color: #fffdf8 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.16) !important;
  letter-spacing: 0.01em !important;
  box-shadow:
    0 22px 44px rgba(6, 95, 63, 0.34),
    0 0 0 5px rgba(33, 209, 111, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  animation: sky-whatsapp-premium-flow 4.8s ease-in-out infinite;
}

[data-testid="inquiry-submit-btn"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.06) saturate(1.08) !important;
  box-shadow:
    0 28px 58px rgba(6, 95, 63, 0.44),
    0 0 0 6px rgba(33, 209, 111, 0.14),
    0 0 26px rgba(37, 211, 102, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

[data-testid="inquiry-submit-btn"]:active {
  transform: translateY(0);
}

@keyframes sky-whatsapp-premium-flow {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}