/* ------------------------------------------------------------------
   Changes made after the static conversion. Loaded last so it wins.

   Keep post-conversion tweaks here rather than editing the theme sheets,
   so style1.css / responsive1.css / dragonfruit.css stay diffable against
   the original build.
   ------------------------------------------------------------------ */

/* --- Pre-book CTA ---------------------------------------------------

   The offer cards' CTA is now a WhatsApp link rather than the button that
   started the WordPress order flow, so it has to be an <a>. It cannot reuse
   the `buynow` class: js/custom.js binds `$(".buynow").click()`, which fades
   in #overlay and posts check_if_user_is_logged_in to WordPress — on a link
   that would leave the spinner up and pop the login modal behind the new tab.

   So `.prebook-btn` restates exactly what `.shopingarea .buynow` gave the
   button, plus the four things an anchor needs that a button got for free:
   display, text-decoration, and a colour that survives :hover and :visited
   (bootstrap's reboot repaints anchors on both).
   -------------------------------------------------------------------- */

.shopingarea .prebook-btn {
  background-color: #6bcc53;
  color: #ffffff;
  border: none;
  width: 100%;
  box-shadow: 0px 5px 0 #006636;

  display: block;
  text-decoration: none;
}

.shopingarea .prebook-btn:hover,
.shopingarea .prebook-btn:focus,
.shopingarea .prebook-btn:active,
.shopingarea .prebook-btn:visited {
  color: #ffffff;
  text-decoration: none;
}

/* The theme kills every focus ring globally (`:focus { outline: none }` in
   style1.css). That was survivable on a <button>; on the page's primary
   call to action it leaves keyboard users with no idea where they are.
   :focus-visible shows a ring for keyboard focus only, so pointer users see
   no change at all. */
.shopingarea .prebook-btn:focus-visible {
  outline: 3px solid #006636;
  outline-offset: 3px;
}