/*
Theme Name: The Hangout Functional Fixes
Theme URI: https://thehangoutbar.ca/
Author: Codex
Description: Child theme for The Hangout Bar & Lounge. Keeps the original design and adds functional fixes for forms, SEO, favicon, and Clover ordering polish.
Template: hangout-theme
Version: 1.1.8
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hangout-functional-fixes
*/

/* Keep visual changes minimal. Parent theme controls the full design. */

.logo-img-link img,
.nav-logo-img {
  width: auto !important;
  height: 58px !important;
  max-height: 66px !important;
  object-fit: contain !important;
}

.hangout-form-message {
  margin: 1rem 0;
  padding: .95rem 1rem;
  border: 1px solid rgba(224, 104, 48, .45);
  background: rgba(224, 104, 48, .12);
  color: #fff;
  font-weight: 700;
  letter-spacing: .02em;
}

.hangout-form-message.is-error {
  border-color: rgba(255, 255, 255, .35);
  background: rgba(255, 255, 255, .1);
}

body .moo-choose-category {
  max-width: 280px;
  line-height: 1;
  overflow-wrap: normal;
}

@media (max-width: 980px) {
  body .moo-choose-category {
    max-width: none;
  }
}

/* Smart Online Order polish: light-touch only, preserve the plugin layout. */
body.page-id-21 .page-content {
  width: min(1360px, calc(100vw - 40px));
}

body.page-id-21 .moo-panel {
  border-radius: 4px !important;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.2);
}

body.page-id-21 .moo-panel-heading {
  background: linear-gradient(180deg, #fff, #f3f0ec) !important;
  border-bottom: 1px solid #ddd3c9 !important;
}

body.page-id-21 .moo-panel-title {
  color: #242424 !important;
  line-height: 1.05 !important;
}

body.page-id-21 .moo-panel-heading a,
body.page-id-21 .moo-panel-heading span,
body.page-id-21 .moo-panel-heading i {
  color: #252525 !important;
}

body.page-id-21 .moo-panel-body {
  background: #fbfaf8;
}

body.page-id-21 .moo-panel-body .moo-row,
body.page-id-21 .moo-panel-body [class*="item"] {
  border-color: #e7dfd6 !important;
}

body.page-id-21 input[type="number"],
body.page-id-21 input[type="text"],
body.page-id-21 input[type="tel"],
body.page-id-21 input[type="email"],
body.page-id-21 select {
  border: 1px solid #d8d0c7 !important;
  border-radius: 4px !important;
  min-height: 42px;
}

body.page-id-21 button,
body.page-id-21 .moo-btn,
body.page-id-21 .moo-btn-sm,
body.page-id-21 .moo-hvr-sweep-to-top,
body.page-id-21 input[type="button"] {
  border-radius: 4px !important;
  border: 0 !important;
  background: #e26b2c !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .02em;
}

body.page-id-21 button:hover,
body.page-id-21 .moo-btn:hover,
body.page-id-21 .moo-btn-sm:hover,
body.page-id-21 .moo-hvr-sweep-to-top:hover {
  background: #f28a45 !important;
}

body.page-id-21 #moo-onlineStore-cart input[type="button"],
body.page-id-21 #moo-onlineStore-cart button,
body.page-id-21 #moo-onlineStore-cart .moo-btn,
body.page-id-21 #moo-onlineStore-cart .moo-checkout,
body.page-id-21 #moo-onlineStore-cart [class*="checkout"] {
  background: #e26b2c !important;
  color: #fff !important;
}

body.page-id-21 #moo-onlineStore-cart input[type="button"]:hover,
body.page-id-21 #moo-onlineStore-cart button:hover,
body.page-id-21 #moo-onlineStore-cart .moo-btn:hover,
body.page-id-21 #moo-onlineStore-cart .moo-checkout:hover,
body.page-id-21 #moo-onlineStore-cart [class*="checkout"]:hover {
  background: #f28a45 !important;
}

body.page-id-21 .swal2-container,
body.page-id-21 .moo-modal,
body.page-id-21 [class*="modal"] {
  z-index: 999999 !important;
}

body.page-id-21 .swal2-popup,
body.page-id-21 .moo-modal-content,
body.page-id-21 [class*="modal-content"] {
  border-radius: 6px !important;
  overflow: hidden;
}

body.page-id-21 .swal2-title,
body.page-id-21 .moo-modal-header,
body.page-id-21 [class*="modal-header"],
body.page-id-21 [class*="ModalHeader"],
body.page-id-21 [class*="popup-header"],
body.page-id-21 [class*="PopupHeader"] {
  background: #e26b2c !important;
  background-color: #e26b2c !important;
  color: #fff !important;
}

body.page-id-21 div[style*="background-color: rgb(52, 152, 219)"],
body.page-id-21 div[style*="background: rgb(52, 152, 219)"],
body.page-id-21 div[style*="background-color:rgb(52,152,219)"],
body.page-id-21 div[style*="background:rgb(52,152,219)"],
body.page-id-21 div[style*="background-color:#3498db"],
body.page-id-21 div[style*="background:#3498db"],
body.page-id-21 div[style*="background-color: #3498db"],
body.page-id-21 div[style*="background: #3498db"],
body.page-id-21 .mooModifierHeader,
body.page-id-21 .moo-modifier-header,
body.page-id-21 .mooModifiersHeader,
body.page-id-21 .moo-modal-title,
body.page-id-21 .modal-title,
body.page-id-21 .soo-modal-header,
body.page-id-21 .sooModifiersHeader {
  background: #e26b2c !important;
  background-color: #e26b2c !important;
  color: #fff !important;
}

body.page-id-21 div[style*="background-color: rgb(52, 152, 219)"] *,
body.page-id-21 div[style*="background: rgb(52, 152, 219)"] *,
body.page-id-21 div[style*="#3498db"] *,
body.page-id-21 .mooModifierHeader *,
body.page-id-21 .moo-modifier-header *,
body.page-id-21 .mooModifiersHeader *,
body.page-id-21 .moo-modal-title *,
body.page-id-21 .modal-title *,
body.page-id-21 .soo-modal-header *,
body.page-id-21 .sooModifiersHeader * {
  color: #fff !important;
}

body.page-id-21 .swal2-confirm,
body.page-id-21 .swal2-styled,
body.page-id-21 [class*="modal"] button {
  background: #e26b2c !important;
  color: #fff !important;
}

body.page-id-21 .swal2-close,
body.page-id-21 [class*="modal"] .close {
  color: #fff !important;
}

body.page-id-21 .mooModifiersGroup,
body.page-id-21 [class*="modifier"] {
  color: #191919;
}

body.page-id-21 input[type="checkbox"],
body.page-id-21 input[type="radio"],
body.page-id-21 .hangout-option-control {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 8px 0 0 !important;
  border: 2px solid #e26b2c !important;
  border-radius: 3px !important;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
  accent-color: #e26b2c;
  transform: scale(.58) !important;
  transform-origin: center left !important;
  vertical-align: middle !important;
}

body.page-id-21 input[type="radio"],
body.page-id-21 input[type="radio"].hangout-option-control {
  border-radius: 50% !important;
}

body.page-id-21 input[type="checkbox"]:checked,
body.page-id-21 input[type="radio"]:checked,
body.page-id-21 .hangout-option-control:checked {
  background: #e26b2c !important;
  background-color: #e26b2c !important;
  border-color: #e26b2c !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

body.page-id-21 .hangout-option-row {
  transition: background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
}

body.page-id-21 .hangout-option-row.hangout-option-selected {
  background: rgba(226, 107, 44, .14) !important;
  border-color: rgba(226, 107, 44, .55) !important;
  box-shadow: inset 4px 0 0 #e26b2c !important;
}

body.page-id-21 .hangout-option-row.hangout-option-selected,
body.page-id-21 .hangout-option-row.hangout-option-selected * {
  color: #111 !important;
}

@media (max-width: 640px) {
  .logo-img-link img,
  .nav-logo-img {
    height: 48px !important;
    max-height: 54px !important;
  }

  body.page-id-21 .page-content {
    width: calc(100vw - 24px);
  }
}