/* Pop-up Ad Modal Styles */
/* Pura screen lai dhakne kalo background (overlay). 
  Yesle user lai background ma click garna didaina.
*/
.ad-modal-overlay {
  position: fixed; /* Screen ma ekaichauma sthir bascha */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Halko kalo background */
  z-index: 9998; /* Sabai kura vanda mathi dekhincha */
  display: flex; /* Content lai bich ma lyauna madat garcha */
  justify-content: center; /* Horizontally center */
  align-items: center; /* Vertically center */
  opacity: 0; /* Suru ma lukeko huncha */
  animation: adFadeIn 0.3s forwards; /* adFadeIn animation le yeslai dekhauncha */
}

/* Pop-up ko asıl box (jasma ad dekhincha).
*/
.ad-modal-content {
  background: white; /* Seto background */
  padding: 20px;
  border-radius: 8px; /* Halka golai corner */
  position: relative; /* Close button lai yesko relative ma rakhna milcha */
  min-width: 300px; /* Kamti ma 300px chaudai */
  max-width: 600px; /* Badhi ma 600px chaudai */
  width: 90%; /* Mobile ma 90% screen lincha */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Chhaya (shadow) */
  transform: scale(0.9); /* Suru ma halka sano huncha */
  animation: adScaleUp 0.3s forwards; /* adScaleUp animation le yeslai thulo parcha */
}

/* Pop-up band garne close button (×)
*/
.ad-modal-close {
  position: absolute; /* .ad-modal-content ko top-right ma bascha */
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  color: #888; /* Halka grey color */
  cursor: pointer; /* Mouse lagda haat ko icon dekhincha */
  line-height: 1;
}
.ad-modal-close:hover {
  color: #000; /* Mouse lagda kalo huncha */
}

/* Ad ko content (image, text, wa HTML) rakhne ठाउँ।
*/
.ad-modal-body {
  margin-top: 30px; /* Close button sanga najudhos vanera */
  margin-bottom: 20px;
}
.ad-modal-body img {
  max-width: 100%; /* Image lai box vanda bahira jana nadine */
  height: auto;
}

/* Skip button lai rakhne tala ko hissa (footer).
*/
.ad-modal-footer {
  text-align: right; /* Button lai right side ma rakhcha */
  font-size: 14px;
  color: #555;
}

/* Skip button ko style
*/
.ad-modal-skip {
  background: #eee;
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}

/* Countdown chalirakheko bela skip button lai disable garne style
*/
.ad-modal-skip:disabled {
  opacity: 0.6; /* Halka fikka dekhaune */
  cursor: not-allowed; /* Click garna namilne icon dekhaune */
}

/* Animation: Pop-up dekhauda ko lagi (Fade in)
*/
@keyframes adFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* Animation: Pop-up dekhauda ko lagi (Scale up)
*/
@keyframes adScaleUp {
  from { transform: scale(0.9); }
  to { transform: scale(1); }
}