html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* puna visina viewporta */
}


.footer-container {
  width: 100%;
  border-top: 1px solid #e5e7eb; /* ili border-gray-200 Tailwind */
  background-color: #f9fafb; /* ili odgovarajuća Tailwind klasa */
  padding: 2rem; /* p-8 */
  color: #374151; /* text-gray-800 */
}

/* Fade‑in animacija modala */
#contact-modal {
  transition: opacity .25s ease;
}
#contact-modal.hidden { opacity: 0; pointer-events: none; }
#contact-modal:not(.hidden) { opacity: 1; }
#editModal {
  background-color: #1f2937; /* tamna pozadina kao u Vue verziji */
  color: #d1d5db;
  border: 1px solid #4b5563;
  box-shadow: 0 0 10px #00000088;
}

#editModal input[readonly] {
  background-color: #374151;
  border: 1px solid #6b7280;
  color: #f9fafb;
}
.input-style {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0.375rem;
}
.video-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}


/* Logo */
.video-logo{
    width:180px;
    max-width:70%;
    margin-bottom:16px;
}
ul, ol, menu {
  list-style: initial !important;
  padding-left: 40px !important;
}
/* Text */
.video-text{
    font-size:18px;
    font-weight:600;
    color:#0f2a44;
}

.overlay-box{
    background:#dbeafe;
    padding:40px 50px;
    border-radius:16px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);

    max-width: 520px;
    max-height: 260px;

    width:90%;
    height:auto;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}