/* =====================
   CARD LAYOUT
   ===================== */
/*   .nlpg-ad-banner{*/
/*   margin:15px 0;*/
/*   width:100%;*/
/*}*/

/*.nlpg-ad-banner img{*/
/*   width:100%;*/
/*   object-fit:cover;*/
/*   border-radius:10px;*/
/*}*/


.nlpg-card {
   display:flex;
   align-items:stretch;   /* IMPORTANT */
   background:#fff;
   border-radius:14px;
   border:1px solid #fefefe;
   box-shadow:0 8px 30px rgba(0,0,0,0.08);
   overflow:hidden;
   margin-bottom:24px;
   font-family:Raleway;
}
   /* =====================
   IMAGE / SLIDER
   ===================== */
   /* DESKTOP IMAGE SIZE FIX */
.nlpg-image-wrap {
   width:35%;
   min-height:100%;
   position:relative;
   overflow:hidden;

}
.nlpg-image-wrap{
   position:relative;
}
   /* slider */

/* slider */
   .slider-wrapper-nl {
   width: 100%;
   height: 100%;
   display: flex;
   flex:1;
   transition: transform 0.4s ease;
   }
.slider-wrapper-nl img {
   width:100%;
   height:100%;
   object-fit:cover;
}

   /* arrows */
   .slider-arrow-nl {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 20;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   border: none;
   background: rgba(0,0,0,0.55);
   color: #fff;
   cursor: pointer;
   }
   .slider-arrow-nl.left-nl { left: 10px; }
   .slider-arrow-nl.right-nl { right: 10px; }
   .slider-arrow-nl:hover {
   background: rgba(0,0,0,0.8);
   }

   .slider-arrow-nl.left-nl { left: 10px; }
   .slider-arrow-nl.right-nl { right: 10px; }
   .slider-arrow-nl:hover {
   background: rgba(0,0,0,0.8);
   }
   /* mobile */
   @media (max-width: 768px) {
   .slider-arrow-nl {
   width: 28px;
   height: 28px;
   }
   }
   /* Gallery images */
   .slider-wrapper-nl img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   }
   /* =====================
   SLIDER ARROWS
   ===================== */
.slider-arrow-nl i{
    font-size: 24px;
    color: red !important;
}

   .slider-arrow-nl.left-nl {
   left: 10px;
   }
   .slider-arrow-nl.right-nl {
   right: 10px;
   }
   /* =====================
   BADGES
   ===================== */
   .nlpg-badge-top,
   .nlpg-badge-bottom {
   position: absolute;
   z-index: 15;
   font-size: 10px;
   padding: 3px 5px;
   border-radius: 6px;
   }
   .nlpg-gender-tag {
   display: inline-flex;          /* Keep tags inline with others */
   align-items: center;           /* Vertically center icon and text */
   gap: 8px;                      /* Space between icon and label */
   padding: 5px 12px;             /* Comfortable padding */
   border-radius: 25px;           /* Smooth pill shape */
   background: #fce8e6;           /* Softer background color */
   color: #0f172a;                /* Text color */
   font-weight: 500;              /* Slightly bold text */
   font-size: 14px;               /* Easy-to-read size */
   transition: background 0.3s ease, transform 0.2s ease;
   }
   .nlpg-gender-tag:hover {
   background: #f5c6c3;           /* Slightly darker on hover */
   transform: translateY(-2px);   /* Subtle lift effect */
   cursor: default;
   }
   .nlpg-gender-tag .gender-name {
   margin: 0;                     /* Remove default paragraph margin */
   line-height: 1;                /* Align with icon vertically */
   }
   .nlpg-badge-top {
   top: 12px;
   left: 12px;
   background: #e6f7ff;
   color: #0077b6;
   }
   .nlpg-badge-bottom {
   bottom: 12px;
   left: 12px;
   background: rgba(0,0,0,0.65);
   color: #fff;
   }
   /* =====================
   CONTENT
   ===================== */
.nlpg-content {
   width:65%;
   padding:12px;
   display:flex;
   flex-direction:column;
   justify-content:space-between;
}

   .nlpg-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 10px;
   }
   .nlpg-title {
   margin: 0;
   font-size: 18px;
   font-family: Raleway;
   font-weight:700;
   }
   .nlpg-location {
   font-family: Raleway;
   margin-top: 4px;
   font-size: 13px;
   color: #777;
   }
   /* =====================
   AMENITIES & ROOMS
   ===================== */
   .nlpg-amenities,
   .nlpg-rooms {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 12px;
   }
   .nlpg-amenity,
   .nlpg-room {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-size: 12px;
   font-weight:600;
   background: #f5f7fa;
   padding: 3px 5px;
   border-radius: 20px;
   }
   span.nlpg-amenity-text {
   color: black;
   }
   .nlpg-room img {
   width: 16px;
   height: 16px;
   }
   /* =====================
   FOOTER
   ===================== */
.nlpg-footer {
   display:flex;
   justify-content:space-between;
   align-items:center;
   gap:14px;
   margin-top:18px;
   flex-wrap:wrap;
}

@media(max-width:575px){
   .nlpg-footer{
      flex-direction:column;
      align-items:stretch;
   }
}

   .nlpg-actions {
   display: flex;
   width:100%;
   gap: 10px;
   justify-content: space-between;
   flex-wrap: wrap;
   }
.nlpg-btn-primary,
.nlpg-btn-outline {
   font-size:12px;
   padding:6px 10px;      /* Height control */
   line-height:1;         /* Extra vertical space remove */
   height:auto;
   min-height:32px;       /* Consistent height */
   display:inline-flex;   /* Perfect vertical center */
   align-items:center;
   justify-content:center;
   border-radius:8px;
   cursor:pointer;
}
.nlpg-btn-primary {
   background:#0f172a;
   border:none;
   color:#fff;
}

.nlpg-btn-outline {
   background:#001c54;
   border:1px solid #0f172a;
   color:#fff;
}

   
   /* PRICE + DIRECTION ROW */
.nlpg-price-wrap {
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:15px;
   width:100%;
}

.nlpg-direction {
   display:flex;
   align-items:center;
   gap:6px;
   font-size:13px;
   font-weight:600;
   margin-top:18px;
}

.nlpg-direction a {
   color:#0f172a;
   text-decoration:none;
}

   /* =====================
   RESPONSIVE
   ===================== */
   /* TABLET */
@media (max-width:991px){

   .nlpg-card{
      flex-direction:column;
   }

   .nlpg-image-wrap{
      width:100%;
      height:240px;   /* mobile ke liye fixed */
   }

   .nlpg-content{
      width:100%;
   }

}

   /* MOBILE */
   @media (max-width: 575px) {
   .nlpg-image-wrap {
   height: 220px;
   }
   /* hide arrows on mobile (touch swipe) */
   .slider-arrow-nl {
   display: none;
   }
   .nlpg-title {
   font-size: 16px;
   }
   }
   @media (max-width:575px){

   .nlpg-actions{
      width:100%;
      display:flex;
      justify-content:space-between;
      gap:10px;
   }

   .nlpg-actions button{
      width:48%;
      font-size:13px;
      padding:10px 8px;
   }

}
.nlpg-room-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    width:100%;
}

.nlpg-verified{
    display:flex;
    align-items:center;
}

.nlpg-verified img{
    display:block;
}

   /* Modal Overlay */
   .pg-modal {
   display: none;
   position: fixed;
   z-index: 9999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);
   }
   /* Modal Box */
   .pg-modal-content {
   background: #fff;
   width: 90%;
   max-width: 500px;
   margin: 8% auto;
   padding: 20px;
   border-radius: 10px;
   position: relative;
   }
   /* Close Button */
   .pg-modal-close {
   position: absolute;
   right: 15px;
   top: 10px;
   font-size: 24px;
   cursor: pointer;
   }
   /* Modal open hote hi map hide */
   body.pg-modal-open #map {
   display: none !important;
   }
   /* Extra safety: map interaction disable */
   body.pg-modal-open #map * {
   pointer-events: none;
   }