/* ================= WYT Hotels - fixes (icons, mobile header, form messages) ================= */

/* 1) Icons: Font Awesome 6 fonts used by the theme's icon shims (envelope, facebook, instagram, whatsapp ...) */
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/fa/fa-brands-400.woff2) format("woff2"),url(/assets/fonts/fa/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/fa/fa-regular-400.woff2) format("woff2"),url(/assets/fonts/fa/fa-regular-400.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;
  src:url(/assets/fonts/fa/fa-solid-900.woff2) format("woff2"),url(/assets/fonts/fa/fa-solid-900.ttf) format("truetype")}
.fa.fa-envelope-o,.fa.fa-star-o,.fa.fa-trash-o{font-weight:400 !important}
.fa.fa-facebook,.fa.fa-instagram,.fa.fa-whatsapp,.fa.fa-twitter,.fa.fa-linkedin,.fa.fa-youtube{font-weight:400 !important}

/* 2) Mobile / tablet header: logo LEFT, hamburger RIGHT, same row */
@media (max-width: 991px){
  nav.navbar .menubar > .container{
    display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between;
    width:100%; max-width:100%; margin:0; padding:8px 16px; box-sizing:border-box;
  }
  nav.navbar #logo{
    float:none !important; display:flex !important; align-items:center;
    flex:0 1 auto; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
  }
  nav.navbar .menubar > .container::before,nav.navbar .menubar > .container::after{display:none !important; content:none !important}
  nav.navbar #logo a.logo{display:block !important; line-height:0; margin:0 !important; padding:0 !important; height:auto !important; top:auto !important; position:static !important}
  nav.navbar #logo img.fixed-logo{
    display:block !important; position:static !important;
    width:auto !important; height:auto !important; max-width:130px !important; max-height:70px !important;
    margin:0 !important; top:auto !important; left:auto !important; transform:none !important;
  }
  nav.navbar #logo img.nav-logo{display:none !important}
  nav.navbar .navbar-header{
    float:none !important; display:flex !important; align-items:center; justify-content:flex-end;
    flex:0 0 auto; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; order:2;
  }
  nav.navbar .navbar-toggle{
    float:none !important; position:static !important; display:block !important;
    margin:0 !important; padding:9px 10px; top:auto !important; right:auto !important;
  }
  nav.navbar .navbar-header .mobile-cart:empty{display:none}
  nav.navbar #logo{order:1}
  nav.navbar .header-bttn-wrapper{order:4; flex:0 0 100%; width:100% !important; margin:10px 0 4px !important; float:none !important; justify-content:flex-start}
  nav.navbar #main-menu{order:3; flex:0 0 100%; width:100% !important; margin:0; float:none}
  nav.navbar #main-menu.in,nav.navbar #main-menu.collapsing{margin-top:8px}
}


/* 3) Form result message: always clearly visible */
.wpcf7 .wpcf7-response-output{
  display:none; margin:14px 0 0 !important; padding:12px 14px !important; border:0 !important; border-left:4px solid #999 !important;
  font-size:14px; line-height:1.5; text-align:left; background:#f5f5f5; color:#333;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{display:block; background:#e8f6ec; border-left-color:#2e9e57 !important; color:#14532d}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors{display:block; background:#fdecea; border-left-color:#c0392b !important; color:#7f1d1d}
.wpcf7 .wpcf7-not-valid-tip{display:block; color:#c0392b; font-size:12px; margin-top:3px}
.wpcf7 .wpcf7-not-valid{outline:1px solid #c0392b}
form.wyt-form.submitting input[type=submit]{opacity:.6; cursor:wait}
#wyt-toast{
  position:fixed; left:50%; top:18px; transform:translateX(-50%); z-index:2147483647; max-width:min(92vw,460px);
  padding:14px 18px; border-radius:4px; font:600 14px/1.45 Arial,sans-serif; color:#fff; box-shadow:0 6px 24px rgba(0,0,0,.35);
  opacity:0; pointer-events:none; transition:opacity .25s;
}
#wyt-toast.show{opacity:1; pointer-events:auto}
#wyt-toast.ok{background:#2e9e57}
#wyt-toast.err{background:#c0392b}