/**
 * Theme Name: Puluongecoluxe
 * Author: Thiết kế web Findme
 * Template:   thecappa
 */

@media only screen and (max-width: 767px) {
  .tabs-icon {
    position: relative;
    overflow: hidden; /* nếu muốn che bớt phần carousel tràn ra */
  }

  .tabs-icon::before,
  .tabs-icon::after {
    content: '';
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: 32px;    /* kích thước icon */
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 10;
  }

  /* Mũi tên trái */
  .tabs-icon::before {
    left: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
  }

  /* Mũi tên phải */
  .tabs-icon::after {
    right: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3C/svg%3E");
  }
}
.rooms-page .container .col-md-3{
    padding: 0 30px;
}
.icon-svg svg {
  height: auto;
  display: block;
  color: currentColor;
  display: block;
}
.facilties .icon-svg svg {
  width: 45px;
  height: auto;
  display: block;
  color: currentColor;
}
.facilties .single-facility .icon-svg {
  color: #aa8453;
  fill: #aa8453;
}
.facilties .single-facility .facility-shape .icon-svg svg {
  width: 140px;
}
.reservations .icon .icon-svg svg {
  width: 35px;
}
.section-padding.rooms-page {
  padding-bottom: 0;
}

.guests-dropdown {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 10px;
    position: absolute;
    z-index: 99;
    min-width: 285px;
    display: none;
    left: 0;
    right: 0;
}
.form1 .col1 {
  border-bottom: 0;
}

.guests-dropdown.show {
    display: flex !important;
    
}

.guests-dropdown .select1_wrapper {
  flex: 1;
}
.guests-dropdown .select2.select2-container {
  margin: 0;
}

.guests-summary {
    cursor: pointer;
    background: #fff;
}
.input1_wrapper {
  position: relative;
}
.input1_inner textarea {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #222;
    padding: 20px 40px 20px 20px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.input1_inner textarea::placeholder {
  color: #222;
}
.input1_inner.input-message:after {
  content: "\e645";
  top: 20px;
}
.input1_inner.input-message .form-control:focus {
  box-shadow: none;
  color: #222;
}
.input1_inner.guests-dropdown-toggle:after {
  content: "\e602";
}
.input1_inner.input-email:after {
content: "\e75a";
}
.input1_inner.input-phone:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xOS4zMDgsMTIuNDY3Yy0uNDIzNC0xLjQxMTUtLjcyMTUtMi44NzczLS44ODEzLTQuMzg0My0uMTU3MS0xLjQ4MTItMS40NDktMi41ODI2LTIuOTM4NS0yLjU4MjZoLTYuOTA5MmMtMS43NzY3LDAtMy4xNDU0LDEuNTM0NS0yLjk4OSwzLjMwNDMsMS41NzU0LDE3LjgyODUsMTUuNzc3MSwzMi4wMzAyLDMzLjYwNTYsMzMuNjA1NiwxLjc2OTguMTU2NCwzLjMwNDMtMS4yMDczLDMuMzA0My0yLjk4Mzl2LTYuMTU5NWMwLTIuMjQ4OC0xLjEwMTUtMy41MzYyLTIuNTgyNi0zLjY5MzItMS41MDctLjE1OTgtMi45NzI4LS40NTc5LTQuMzg0My0uODgxMy0xLjcyNjYtLjUxNzktMy41OTU3LS4wMzA0LTQuODcwNCwxLjI0NDJsLTIuOTU2NiwyLjk1NjZjLTUuMzI2LTIuODgyNS05LjcxNjQtNy4yNzI5LTEyLjU5ODktMTIuNTk4OWwyLjk1NjYtMi45NTY3YzEuMjc0Ni0xLjI3NDYsMS43NjIxLTMuMTQzOCwxLjI0NDItNC44NzAzWiIgc3Ryb2tlLXdpZHRoPSI0cHgiIHN0cm9rZT0iI2FhODQ1MyIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==)
}
.input1_inner.input-room:after {
content: "\e64d";
}
.input1_inner input {
  max-height: 62px;
}
.hidden {
  display: none !important;
}
.input1_inner input:read-only {
  background-color: #fff;
}
.guests-dropdown .select2-selection__rendered {
  padding-block: 10px !important;
}
.guests-dropdown .select1_inner:after {
  top: 16px;
}
.ajax-booking-form input[type="password"], .ajax-booking-form input[type="email"], .ajax-booking-form input[type="text"], .ajax-booking-form input[type="file"], .ajax-booking-form textarea {
  margin: 0;
}
.ajax-booking-form.layout-vertical .row {
  row-gap: 15px;
}

.spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid transparent;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 0.6s linear infinite;
  display: inline-block;
  margin-right: 6px;
  margin-top: -5px;
  vertical-align: middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.navbar {
  z-index: 97 !important;
}
.mf-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 98;
}

.mf-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f8f5f0;
    max-width: 445px;
    width: calc(100% - 30px);
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
}

.mf-popup .select2 {
  margin-bottom: 0;
}

.mf-popup-inner {
    position: relative;
}

.mf-popup-close {
position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
    border: none;
    outline: none;
    background: #aa8453;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mf-popup-close svg {
  display: block;
  color: currentColor;
  width: 20px;
  height: 20px;
}

.swal2-popup {
  border-radius: 0 !important;
}
.swal2-title {
  font-size: 24px !important;
  font-weight: 400;
  color: #222;
}
.swal2-html-container {
  font-size: 16px !important;
}
div:where(.swal2-icon).swal2-success {
  border-color: #aa8453 !important;
  color: #aa8453 !important;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  background-color: #aa8453 !important;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  border: .25em solid #aa845379 !important;
}
.mf-popup-content .head-box h4 {
  font-size: 27px;
  font-weight: 400;
  color: #222;
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;
}

.navbar {
  padding-top: 0 !important;
  height: auto !important;
}
.admin-bar .navbar {
  padding-top: 32px !important;
}
.admin-bar .navbar.nav-scroll {
  padding-top: 0 !important;
}
.logo-wrapper {
  padding: 10px 0 !important;
}

.ajax-booking-form .selection {
  display: flex;
}
.ajax-booking-form .selection .select2-selection {
  width: 100%;
}
.ajax-booking-form .select1_wrapper .select1_inner .select2 {
  max-height: 62px !important;
}
.ajax-booking-form .guests-dropdown .select1_wrapper .select1_inner .select2 {
  max-height: 48px !important;
}

.form1 .col1, .form1 .col2, .form1 .col3 {
  height: 62px;
}
.booking-box {
  margin-bottom: 0;
}
.form-small .input1_inner input {
  padding-block: 12px;
}
.form-small .input1_inner textarea {
  padding-block: 12px;
}
.form-small .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-block: 12px;
  line-height: 22px;
}
.ajax-booking-form.form-small .select1_wrapper .select1_inner .select2 {
  max-height: 46px !important;
}
.form-small .select1_inner:after {
  top: 17px;
}
.form-small .input1_inner:after {
  top: 16px;
}
.form-small .guests-dropdown {
  padding: 0;
}
.form-small .btn-form1-submit {
  line-height: 46px;
}
.btn-form1-submit {
  line-height: 62px;
}
.news .item .date {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news .item .date.custom {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  padding: 10px 5px;
}
.owl-carousel {
  touch-action: manipulation;
}

.navbar .logo-img {
  max-height: 60px !important;
  width: auto !important;
}
.aboutus-page .reservations .text {
  margin-left: 10px;
}
.aboutus-page .reservations .icon svg g {
  fill: #666;
}
.mf-icon-logo {
	background-image: url('https://puluongecoluxe.com/wp-content/uploads/2025/08/puluong-logo.svg');
	width: 35px;
	height: 45px;
	background-size: 35px;
	background-repeat: no-repeat;
}


@media (min-width: 768px) {
  .ajax-booking-form:not(.layout-vertical) .form-col {
    width: calc(100% / 6);
  }
}
@media (min-width: 992px) {
  .form1 .col1, .form1 .col2, .form1 .col3 {
    width: 20%;
  }
}
@media (max-width: 991.98px) {
  .form1 .col1 {
      width: 25%;
      border-bottom: none;
  }
  .logo-wrapper {
    padding: 10px 15px !important;
  }
}
@media (max-width: 782px) {
  .admin-bar .navbar {
    padding-top: 46px !important;
  }
  .logged-in .nav-scroll {
    top: -55px !important;
  }
}
@media (max-width: 767px) {
  .navbar {
    padding-bottom: 0 !important;
  }
  .header .arrow {
    display: none;
  }
  .single-room .navbar .logo-default {
    display: none;
  }
  .single-room .navbar .logo-sticky {
    display: block !important;
  }
  .single-room .header {
    margin-top: 80px;
  }
  .header,
  .slider .owl-item {
    height: auto !important;
    min-height: unset !important;
    position: relative;
  }

  .mf-popup {
    padding: 30px 20px;
  }
  .logo-wrapper {
    padding: 10px 15px;
  }
  .booking-wrapper {
    background-color: #fff;
  }
  .ajax-booking-form:not(.layout-vertical) {
    padding: 15px;
    background-color: #f8f5f0;
  }
  .form1 .col1 {
    width: 100%;
  }
  .logged-in nav.navbar {
    padding: 0 !important;
    top: 46px !important;
  }
  .home .logged-in nav.navbar {
    top: 0 !important;
  }
  .logged-in nav.navbar.nav-scroll {
    top: -55px !important;
  }
}
@media (max-width: 600px) {
  .logged-in nav.navbar.nav-scroll {
    top: -100px !important;
  }
}