/* ===========================================================
   GLOBAL RESET + BODY SETTINGS
   =========================================================== */

/* Remove default margin/padding from html + body */
html, body {
    margin: 0;
    padding: 0;
}

/* Apply border-box sizing everywhere 
   (padding + border included in element width/height) */
*, *::before, *::after {
    box-sizing: border-box;
}

/* ===========================================================
   MAIN CONTAINER
   =========================================================== */
.container {
    /* Ensure container fills viewport height minus header/footer */
    min-height: calc(100vh - 120px - 100px);

    /* Vertical spacing around container */
    margin: 5px 0;
    width: 100%;

}

.web_version {
    color:rgb(224, 220, 214);
    width: 100%;
    padding: 3px;
    text-align: left;
    justify-content:center;
    padding-left: 15px;
}


.hidden {
    display: none;
}

/* ===========================================================
   FIXED SCROLL TOP BUTTON
   =========================================================== */
/* Scroll-to-top button inherits banner-btn styles */
.scroll-top {
    width: 40px;
    height: 40px;
    margin: 0 10px; 
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 99;
    background: #000000;   /* darker color */
    color: #d3d600;
    border: 1px solid #645f5f;
    border-radius: 50%;       /* round shape */
    font-size: 20px;
    font-weight: 600;
    display: none;            /* hidden by default */
    transition: background 0.3s, transform 0.2s;
}

.scroll-top:hover {
    background: #a86e2b;
    transform: translateY(-2px); /* subtle lift effect */
}


/* ===========================================================
   TOAST FRIENDLY POPUP
   =========================================================== */
.toast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #4CAF50; /* green */
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 12px;
  position: fixed;
  z-index: 9999;
  left: 50%;
  bottom: 30px;
  font-size: 16px;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  opacity: 0;
}
.toast.show {
  visibility: visible;
  opacity: 1;
}



.footer_end {
    height: 1rem;
    background-color: rgba(255, 255, 255, 0.616);
}