.beds24dl .summary-line{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin:.5rem 0;
}

.beds24dl .starts-from{
    display:inline-block;
    
    font-weight:600; 
    color: black !important;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
}

.beds24dl .btn-check,.beds24dl .btn-refresh,.beds24dl .btn-book , button.btn-check , button.btn-room-book{
    background-color: #90BFC9 !important;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 8px 8px 8px 8px !important; 
    color: white !important;
    border: none !important;
    cursor:pointer !important;
    padding: 10px 25px !important;
}

.beds24dl .check-panel{
   
}

.beds24dl .row.dates{
    display:flex;
    flex-wrap:wrap;
    gap: 30px !important;
    align-items:end;
    margin-bottom:.75rem;
}

.beds24dl .field label{
    display: block !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
    color: black !important;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
    font-weight: bold !important;
}

.beds24dl .rooms-list .room{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:.5rem;
    padding:20px 0px;
    border-bottom:1px dashed #eee;
    align-items:center;
}

.beds24dl .rooms-list .room:last-child{
    border-bottom:none;
}

.beds24dl .room .r-name{
    font-weight:600;
    color: black !important;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
}

.beds24dl .ok{
    color:#0a8a0a;
    font-weight:600;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
}

.beds24dl .sold{
    color:#b00020;
    font-weight:600;
    font-family: "Plus Jakarta Sans", Sans-serif !important;
}

.beds24dl .bookbar{
    margin-top:30px;
    text-align:right;
}




.sub-line , span.prefix , span.suffix , span.total-label{
  
    font-family: 'Plus Jakarta Sans' !important;
    color: #374151 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}


span.price.strong.starts-from {
    font-size: 24px !important;
}





.beds24dl.price-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important; 
  gap: 8px !important;
  text-align: right !important;
}


.beds24dl.price-badge .price-line {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important; 
}





.rooms-list {
    font-family: 'Plus Jakarta Sans' !important; 
    color: #212121 !important; 
    font-size: 16px !important; 
    font-weight: 700 !important; 
   
}


.r-actions {
    justify-self: right !important;
}



.field.nights {
    margin-bottom: 16px !important;
   
}


.nights-count {
    text-align: center !important;
    margin-bottom: -9px !important;
    margin-top: 19px !important;
    font-family: 'Plus Jakarta Sans' !important;
}










/* --- Final Responsive Styles for Mobile (iOS & Android compatible) --- */
@media (max-width: 640px) {

    /* Dates/Guests/Nights grid */
    .beds24dl .row.dates {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "ci     co"
            "ad     nights"
            "btn    btn";
        gap: 1rem 0.75rem !important; /* Vertical and Horizontal Gap */
        align-items: end;
        margin-bottom: 1rem !important;
    }

    /* Remove conflicting width from the parent field */
    .beds24dl .row.dates .field {
        width: auto; /* Let the grid control the width */
    }

    /* Map fields by their order in markup */
    .beds24dl .row.dates .field:nth-child(1) { grid-area: ci; }
    .beds24dl .row.dates .field:nth-child(2) { grid-area: co; }
    .beds24dl .row.dates .field:nth-child(3) { grid-area: ad; }
    .beds24dl .row.dates .field.nights     { grid-area: nights; }
    .beds24dl .row.dates .field:nth-child(5) { grid-area: btn; }

    /* Style for all inputs to be full-width inside their grid area */
    .beds24dl .field input,
    .beds24dl .field select {
        width: 100%;
        padding: 0.75rem;
        background-color: #f3f4f6;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
    }

/* == iOS Icon Fix (Updated & More Forceful) == */
 /* --- Naya Code: Icon Left Per --- */
    .beds24dl.availability .check-panel .field input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        box-sizing: border-box; 
        text-align: left !important;

        /* === Tabdeeli Yahan Hai === */
        /* Padding Swap: Left padding barha di, right kam kar di */
        padding-left: 2.5rem !important;  /* Icon ke liye jagah */
        padding-right: 0.75rem !important;
        
        /* Background Icon */
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>') !important;
        background-repeat: no-repeat !important;
        /* Position Tabdeel: "right" se "left" kar di */
        background-position: left 0.75rem center !important; 
        background-size: 1.1rem !important;
    }

    /* Remove the default clear icon on WebKit browsers */
    .beds24dl .field input[type="date"]::-webkit-clear-button,
    .beds24dl .field input[type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    /* Full-width CTA button */
    .beds24dl .btn-refresh {
        width: 100% !important;
        padding: 12px 16px !important;
    }

    /* --- Room card layout fixes --- */
    .beds24dl .rooms-list .room {
        display: grid;
        grid-template-areas:
            "name   button"
            "price  button"
            "total  button";
        grid-template-columns: 1fr auto;
        
        
        
        
        
       
    }
    .beds24dl .room .r-name { grid-area: name; }
    .beds24dl .room .r-price { grid-area: price; }
    .beds24dl .room .r-total { grid-area: total; }
    .beds24dl .room .r-actions {
        grid-area: button;
        align-self: center;
    }

    /* --- Final Alignment Fixes for Mobile --- */
    .beds24dl .field input[type="date"] {
        text-align: left !important; 
    }

    .beds24dl .field.nights .nights-count {
        text-align: left !important; 
       
    }
}







@media (max-width: 640px){
  .beds24dl.price-badge{
    width: 100% !important;                /* container full row le */
    display: grid !important;
    grid-template-columns: 1fr min-content;/* right column as tight as button */
    grid-template-areas:
      "price btn"
      "meta  btn";
    gap: 6px 12px;
    text-align: left !important;
  }
  .beds24dl.price-badge .btn-check{
    grid-area: btn;
    justify-self: end !important;          /* push to far right */
    align-self: center;
    margin-left: 12px !important;
  }

  /* fallback in case some theme overrides grid */
  @supports not (display: grid){
    .beds24dl.price-badge{
      display: flex !important;
      align-items: center;
      justify-content: space-between;      /* push ends apart */
      width: 100% !important;
    }
    .beds24dl.price-badge .btn-check{ margin-left: auto !important; }
  }
}