/* Local UX improvements for Pensiunea pages */
.room-sec { position: relative; }
.room-sec .text-detail h4 { text-transform: none; }
.ux-room-meta { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 12px; }
.ux-pill { background: #f6f6f6; border: 1px solid #e6e6e6; color: #333; border-radius: 999px; font-size: 12px; padding: 4px 10px; }
.room-sec .price-detail a { font-weight: 700; }

.ux-trust-strip { background: #faf7ef; border-top: 1px solid #eee4cc; border-bottom: 1px solid #eee4cc; padding: 18px 0; margin: 0 0 20px; }
.ux-trust-strip .container { display: flex; gap: 16px 24px; flex-wrap: wrap; justify-content: center; color: #3f3b2f; }
.ux-trust-strip span { font-size: 18px; font-weight: 700; line-height: 1.35; }

.ux-sticky-actions {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100001;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  box-shadow: 0 -4px 18px rgba(0,0,0,0.08);
  display: none;
}
.ux-sticky-actions .wrap { display: grid; grid-template-columns: repeat(3,1fr); max-width: 980px; margin: 0 auto; }
.ux-sticky-actions a { display: flex; align-items: center; justify-content: center; gap: 7px; text-align: center; padding: 11px 6px; font-size: 13px; font-weight: 700; color: #2c2c2c; border-right: 1px solid #efefef; }
.ux-sticky-actions a:last-child { border-right: 0; }
.ux-sticky-actions a.primary { background: #e9b947; color: #241a08; }
.ux-sticky-actions .ux-action-icon { display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; background: transparent; color: #d49a22; font-size: 22px; font-weight: 400; line-height: 1; }
.ux-sticky-actions a.primary .ux-action-icon { background: transparent; color: #241a08; }

.ux-error { color: #b42318; font-size: 12px; margin-top: 6px; display: none; }
.ux-input-invalid { border: 1px solid #d92d20 !important; }

@media (max-width: 768px) {
  .ux-sticky-actions { display: block; }
  body { padding-bottom: 58px; }
}

/* Compact spacing overrides for large template gaps */
.welcome-pearl-hotel,
.special-services,
.hotel-rooms,
.room-detail,
.contact-page .get-in-touch {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.special-services .owl-carousel,
.services-two .serv-main-sec,
.hotel-rooms .room-sec,
.room-detail .what-include,
.room-detail .room-descrip,
.room-detail .room-overview,
.contact-page .get-in-touch .get-touch-form {
  margin-top: 32px !important;
}

.footer-hotel .foot-detail,
.footer-hotel-dark .foot-detail {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.footer-hotel .copyrights,
.footer-hotel-dark .copyrights {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.ux-trust-strip {
  margin-bottom: 8px !important;
}

.ux-trust-strip span {
  font-size: 18px !important;
  font-weight: 700;
}

@media (max-width: 992px) {
  .welcome-pearl-hotel,
  .special-services,
  .hotel-rooms,
  .room-detail,
  .contact-page .get-in-touch {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .sub-banner {
    min-height: 380px !important;
    height: 380px !important;
  }

  .sub-banner .detail {
    top: 165px !important;
  }
}

@media (max-width: 767px) {
  .ux-trust-strip {
    padding: 16px 0;
  }

  .ux-trust-strip .container {
    justify-content: flex-start;
    gap: 10px;
  }

  .ux-trust-strip span {
    width: 100%;
    font-size: 17px !important;
  }
}