/*
Theme Name: Soho Hotel Child - Inn by the Park
Template: soho-hotel
Version: 1.0.5
Description: Child theme for innbythepark.com. Custom palette, typography, nav button, price format.
*/

:root {
  --ibp-green: #1f3a2e;
  --ibp-green-dark: #17302a;
  --ibp-brass: #b99470;
  --ibp-brass-dark: #a07d5a;
  --ibp-cream: #faf7f2;
  --ibp-ink: #2b2a27;
  --ibp-muted: #5a5148;
}

/* ---- Typography ---- */
body { color: var(--ibp-ink); }
h1, h2, h3, h4, h5, h6,
.shb-accommodation-listing-description-wrapper h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--ibp-green);
}
.sohohotel-navigation a { letter-spacing: 0.04em; text-transform: uppercase; font-size: 13px; }

/* ---- "Book Now" as a solid button in the nav ---- */
.sohohotel-navigation li.menu-item-411 > a {
  background: var(--ibp-green);
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 3px;
  margin: 30px 0 0 12px !important;
  line-height: 1 !important;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .sohohotel-navigation li.menu-item-411 > a { margin: 0; padding: 12px 25px !important; border-radius: 0; display: block; }
}
.sohohotel-navigation li.menu-item-411 > a:hover {
  background: var(--ibp-brass);
  color: #fff !important;
}

/* ---- Price format on room listing: "$229 / night" ---- */
.shb-accommodation-listing-button1::before { content: "$"; }
.shb-accommodation-listing-button1::after  { content: " / night"; font-size: 0.8em; opacity: 0.85; }

/* ---- Buttons ---- */
.shb-accommodation-listing-button2,
.sohohotel-slider-button,
.shb-button, .shb-booking-form-button, .button, input[type="submit"] {
  background: var(--ibp-green);
  border-color: var(--ibp-green);
  color: #fff;
  border-radius: 3px;
}
.shb-accommodation-listing-button2:hover,
.sohohotel-slider-button:hover,
.shb-button:hover, .shb-booking-form-button:hover, .button:hover, input[type="submit"]:hover {
  background: var(--ibp-brass);
  border-color: var(--ibp-brass);
  color: #fff;
}

/* ---- Room card buttons ---- */
.shb-accommodation-listing-button2 { padding: 14px 22px !important; }
.shb-accommodation-listing-button2 i { margin-left: 8px; }

/* ---- Footer ---- */
.sohohotel-footer-bottom-wrapper,
.sohohotel-footer-bottom-wrapper .sohohotel-footer-message,
.sohohotel-footer-bottom-wrapper a { color: var(--ibp-green) !important; }
.sohohotel-footer-wrapper a { color: var(--ibp-brass); }
.sohohotel-footer-wrapper a:hover { color: #fff; }
.sohohotel-footer-wrapper .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; }
.sohohotel-footer-wrapper .widget_nav_menu li { padding: 3px 0; }
.sohohotel-footer-wrapper .widget_nav_menu li.menu-item-411 a { color: #fff; font-weight: 600; }
.sohohotel-footer-wrapper iframe { display: block; max-width: 100%; }

/* ---- Top bar ---- */
.sohohotel-topbar { border-bottom: 1px solid #e6dfd3; }
.sohohotel-topbar a:hover { color: var(--ibp-brass) !important; }

/* ---- Testimonials carousel: hide empty avatar placeholder ---- */
.sohohotel-testimonial-wrapper .sohohotel-testimonial-image,
.sohohotel-testimonial-wrapper img { display: none !important; }


/* ---- Gallery lightbox (prettyPhoto): parent theme makes the arrow overlay position:relative, which pushes the image below it ---- */
.pp_pic_holder .pp_hoverContainer { position: absolute !important; top: 0; left: 0; width: 100%; }

/* ---- FAQ page ---- */
.ibp-faq-item { border-bottom: 1px solid #e6dfd3; padding: 22px 0; }
.ibp-faq-item:last-child { border-bottom: 0; }
.ibp-faq .ibp-faq-q { font-size: 21px !important; line-height: 1.35; margin: 0 0 10px; }
.ibp-faq-a { margin: 0; line-height: 1.7; }