/* Latest Posts Popup — v3.4.6
   Google Discover style – light grey popup + inset white cards + inset image
   चारही कार्ड्स अगदी जवळ, पण हलका gap.
*/

/* Overlay */
#lpp-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.42);
  backdrop-filter:saturate(140%) blur(2px);
  z-index:2147483646;
}

/* Popup base */
#lpp-popup,
#lpp-popup *{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}

#lpp-popup{
  display:none;
  position:fixed;
  width:min(760px,96vw);
  max-height:86vh;
  overflow:auto;
  background:#f5f5f7;
  border-radius:24px;
  box-shadow:0 18px 46px rgba(0,0,0,.26);
  padding:16px 14px 18px;
  z-index:2147483647;
}

/* Positions */
#lpp-popup.pos-center{left:50%;top:50%;transform:translate(-50%,-50%);}
#lpp-popup.pos-tc{left:50%;top:24px;transform:translateX(-50%);}
#lpp-popup.pos-bc{left:50%;bottom:24px;transform:translateX(-50%);}
#lpp-popup.pos-tl{left:24px;top:24px;}
#lpp-popup.pos-tr{right:24px;top:24px;}
#lpp-popup.pos-bl{left:24px;bottom:24px;}
#lpp-popup.pos-br{right:24px;bottom:24px;}
#lpp-popup.pos-abs{transform:none !important;}

/* Header */
.lpp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 4px 12px;
  border-bottom:1px solid #e7e7e7;
  margin:0 0 10px 0;
}
.lpp-header h3{
  margin:0;
  font-size:19px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}
#lpp-popup.draggable .lpp-header{cursor:move;}

.lpp-close{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border:none;
  border-radius:16px;
  background:#111;
  color:#fff;
  cursor:pointer;
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}
.lpp-close:hover{filter:brightness(1.08);}
.lpp-close:focus{outline:3px solid #99c2ff;outline-offset:2px;}

/* Grid – इथे gap कमी */
.lpp-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;               /* आधीपेक्षा कमी gap */
  margin-top:4px;
}

/* Outer card */
.lpp-card{
  position:relative;
  border-radius:26px;
  padding:3px;           /* popup grey पासून छोटा gap */
  background:transparent;
}

/* Inner white block */
.lpp-card-inner{
  border-radius:22px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:8px 8px 10px;
}

/* Image area */
.lpp-media-wrap{margin-bottom:8px;}
.lpp-media{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#f1f1f3;
  border-radius:18px;
}
.lpp-media img,
.lpp-placeholder{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* Title */
.lpp-card-body{
  padding:0;
  background:transparent;
  color:#111;
  display:flex;
  align-items:flex-start;
}
.lpp-title{
  margin:0;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lpp-card.empty .lpp-card-inner{
  background:#f6f6f6;
  border:1px dashed #e0e0e0;
  box-shadow:none;
}

/* Full-card link */
.lpp-link{
  position:absolute;
  inset:3px;
  z-index:3;
  border-radius:22px;
  text-indent:-9999px;
  overflow:hidden;
}
.screen-reader-text{
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Footer */
.lpp-footer{
  margin-top:10px;
  text-align:center;
  font-size:12px;
  color:#6f6f6f;
  border-top:1px solid #e3e3e3;
  padding-top:8px;
}

/* Mobile */
@media (max-width:480px){
  #lpp-popup{
    width:min(640px,96vw);
    padding:14px 10px 16px;
  }
  .lpp-close{
    width:44px;
    height:44px;
    font-size:26px;
  }
  .lpp-header h3{font-size:18px !important;}
  .lpp-title{font-size:13px !important;}
}

/* Heading reset */
#lpp-popup h1,#lpp-popup h2,#lpp-popup h3,#lpp-popup h4,#lpp-popup h5,#lpp-popup h6{
  margin:0 !important;
  text-align:left !important;
}