.icon-payment {
	padding: 15px;
	background-color: #111111;
}
/*price check*/
  .price-check {
     position: fixed;
     left: 20px;
     bottom: 0;
     width: 350px;
     /*width: 100%;*/
     color: black;
     text-align: center;
     z-index: 998;
}
 .price-check .btn-link {
     color: #000 !important;
}
 .price-check .btn-link:hover {
     text-decoration: none
}
 .price-check .btn-link:focus {
     text-decoration: none
}
 .price-check .price-content {
     padding: 20px 0;
}
 .price-check .card-footer {
     text-align: left;
     line-height: 5px;
}
 .price-check .price-content .list-price {
     text-align: left;
     padding:10px 20px;
}
 /*.price-check .price-content .list-price h4,h6 {
 	color: #000000 !important;
}*/
 .price-check .price-content .list-price.active {
     background-color: #272121;
     color: #FFFFFF !important;
}
 /*.price-check .price-content .list-price.active h4,h6 {
     color: #FFFFFF !important;
}*/ 

 .price-check .price-content .list-price p {
     margin: 0 !important;
}
.price-check .card-footer p {
    text-align: left;
    line-height: 16px;
}
[data-toggle="collapse"] .fa:before {
     content: "\f13a";
}
 [data-toggle="collapse"].collapsed .fa:before {
     content: "\f139";
}

.details-content .custom ul li:not(:last-child) {
	margin-bottom: 10px;
}
.details-content .custom ul li {
    padding-left: 60px;
    position: relative;
    list-style: none
}
.details-content .custom ul li::before {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
.booking-form form .inputs-filed .icon {
	left: 10px;
}
.booking-form form .inputs-filed input, .booking-form form .inputs-filed .nice-select {
	padding:0 30px;
}
.ui-widget-header .ui-state-hover .ui-icon,
.ui-widget-header .ui-state-highlight .ui-icon,
.ui-widget-header .ui-state-focus .ui-icon {
    background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}
.modal-payment ol {
    padding-left: 30px;
    padding-bottom:15px;
    padding-top:15px;
}
.modal-payment ol li {
    list-style: lower-alpha;
}
.room-list-loop .room-box .room-desc button.book-btn {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    margin-top: 20px;
    padding: 5px 16px;
    background: none;
    border: 0;
    background-color: #28a745;
    border-radius: 4px;
}

.card .room-capacity {
     padding:15px;
}
 .card .room-capacity .room-list {
     display: flex;
     margin-top: 10px;
}
 .card .room-capacity .room-list .photo {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     height: 50px;
     margin-right: 2px;
}
 .card .room-capacity .room-ctext {
     padding-top: 25px;
}
.card .room-capacity .room-ctext p {
     line-height: 15px;
}
.card .room-capacity .room-ctext i {
     line-height: 15px;
     font-size: 17px;
}
 .card .card-footer .btn-sm{
     padding: .15rem .5rem;
     font-size: 13px;
}
 .card .card-footer p {
     color: #e12d2d;
}
 .crt p {
    font-size: 14px;
}
 .crt .price {
    font-size: 28px;
    color: #f96d01;
    font-weight: 600;
}
 .news-details-box ol {
    list-style: auto;
    padding:0 40px;
}

.entry-content {
  line-height: 2;
}
.entry-content ul {
  list-style-type: square !important;
  padding: 0 40px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-top: 1em;     /* jarak dari elemen sebelumnya */
  margin-bottom: 0.8em;  /* jarak ke elemen setelahnya */
  line-height: 1.8;
}

/* ===================================
          HERO
=================================== */

.hero-section{
  position:relative;
  background-size:cover;
  background-position:center;
  min-height:650px;
  top: 50px;
}

.hero-height{

  min-height:650px;

}

.overlay{

  position:absolute;

  left:0;

  top:0;

  right:0;

  bottom:0;

  background:rgba(0,0,0,.60);

}

.hero-section .container{

  position:relative;

  z-index:2;

}

.hero-section h1{

  font-size:58px;

  font-weight:700;

  margin-bottom:20px;

}

.hero-section h3{

  color:var(--gold);

  font-weight:500;

}

.hero-section p{

  font-size:18px;

  max-width:650px;

}

/* ===================================
            SECTION
=================================== */

section{
    position:relative;
}

section h2{
    font-size:38px;
    font-weight:700;
}

section p{

    color:#777;

}

/* ===================================
        CATEGORY BUTTON
=================================== */

.category-wrapper{

    overflow-x:auto;

    white-space:nowrap;

}

.category-wrapper::-webkit-scrollbar{

    display:none;

}

.category-btn{

    border-radius:30px;

    padding:10px 25px;

    transition:.3s;

    font-weight:500;

}

.category-btn:hover{

    transform:translateY(-2px);

}

.category-btn.active{

    background:var(--primary);

    color:#FFF;

    border-color:var(--primary);

}

/* ===================================
            CARD
=================================== */

.menu-card{

    border:none;

    border-radius:15px;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.menu-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.18);

}

.menu-card img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.4s;

}

.menu-card:hover img{

    transform:scale(1.05);

}

.card-body{

    padding:25px;

}

.card-body h5{

    font-weight:600;

    margin-bottom:15px;

}

.card-body p{

    color:#777;

    font-size:14px;

}

/* ===================================
            BADGE
=================================== */

.badge{

    padding:8px 12px;

    font-size:12px;

    border-radius:30px;

    font-weight:500;

}

.badge-danger{

    background:#dc3545;

}

.badge-warning{

    color:#222;

}

/* ===================================
            PRICE
=================================== */

.text-success{

    color:var(--primary)!important;

    font-weight:700;

}

.modal-content .close {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 2rem;
    color: #fff;
    opacity: 1;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.modal-content .close:hover {
    color: #f8f9fa;
}

.modal-content .close {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0,0,0,.6);
    color: #fff;
    opacity: 1;
    text-shadow: none;
    text-align: center;
}

.modal-content .close:hover {
    background: rgba(0,0,0,.8);
    color: #fff;
}

.modal-header .close {
    margin: 0px !important;
    padding: 0px !important;
}

#menu .input-group input {
    padding-left: 10px !important;
}

/* Container Utama */
  .hotel-map-wrapper {
    position: relative;
    width: 100%;
    max-width: 1140px; /* Lebar maksimal di PC / Monitor Lebar */
    margin: 20px auto;
    border-radius: 16px;
    overflow: hidden;
    background-color: #f1f3f4;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 
                0 8px 10px -6px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.06);
  }

  /* Responsive Height: Tinggi fleksibel sesuai ukuran viewport layar */
  .hotel-map-frame {
    width: 100%;
    /* Mobile: ~320px, Tablet/Laptop: ~450px, PC: max 520px */
    height: clamp(300px, 45vh, 500px); 
    display: block;
  }

  .hotel-map-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }

  /* Floating Bar / Tombol Rute Mobile-Friendly */
  .hotel-map-action {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 10;
  }

  .btn-navigate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #ffffff;
    color: #1a73e8;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: transform 0.15s ease, background-color 0.15s ease;
  }

  .btn-navigate:hover {
    background-color: #f8f9fa;
    transform: translateY(-2px);
  }

  /* Optimasi Sentuhan untuk Layar HP */
  @media (max-width: 576px) {
    .hotel-map-wrapper {
      border-radius: 12px;
      margin: 12px auto;
    }

    .hotel-map-action {
      left: 16px;
      right: 16px;
      bottom: 12px;
    }

    .btn-navigate {
      width: 100%;
      justify-content: center;
      padding: 12px 16px;
      font-size: 14px;
    }
  }