/* Gradient Deep Navy Background */
body {
  background: linear-gradient(to bottom, #0b1c22 0%, #122b35 100%) !important;
  color: #ffffff !important;
  min-height: 100vh;
  margin: 0;
}

/* Body text */
body p, body span, body li, body div {
  color: #ffffff !important;
}

/* Header */
.prague-header {
  background-color: #0b1c22 !important;
}
.prague-header a,
.prague-header .main-menu > li > a {
  color: #ffffff !important;
}
.prague-header .main-menu > li > a:hover {
  color: #d4af37 !important; /* gold accent */
}

/* Footer */
.prague-footer {
  background-color: #0b1c22 !important;
  color: #ffffff !important;
}
.prague-footer a {
  color: #d4af37 !important;
}
.prague-footer a:hover {
  color: #ffffff !important;
}

/* Buttons */
.btn, .button {
  background-color: #d4af37 !important;
  color: #0b1c22 !important;
  border: none !important;
}
.btn:hover, .button:hover {
  background-color: #ffffff !important;
  color: #0b1c22 !important;
}

/* Loader bar */
.prague-loader-bar {
  background-color: #d4af37 !important;
  color: #0b1c22 !important;
}

/* Fix heading colors */
.title,
.subtitle,
.project-detail-block-title,
.project-detail-block-descr,
.project-detail-block-item p,
.project-detail-block-item span {
    color: #ffffff !important; /* white text */
}

/* Main page titles */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Section description paragraphs */
.description p,
.project-detail-picture-descr p {
    color: #cccccc !important; /* softer white for readability */
}

/* Footer & header already handled */

/* --- Project Detail "box" overrides --- */
/* make the big light-grey panels match the navy theme */
.project-detail-block-outer,
.project-detail-block-wrapper,
.project-detail-block-item{
  background: transparent !important;        /* or use rgba(255,255,255,.05) for a faint card */
  
  box-shadow: none !important;
}

/* the thin decorative line on the left of the box */
.project-detail-block-item:before{
  content: "";
  background: #d4af37 !important;  /* gold accent; use transparent if you want to hide it */
}

/* text inside the box */
.project-detail-block-title{ color:#ffffff !important; opacity:.9; }
.project-detail-block-descr, 
.project-detail-block-descr p{ color:#ffffff !important; opacity:.85; }

/* if any inner <p>/<span> inherits a hard color, force it */
.project-detail-block-item p,
.project-detail-block-item span{ color:oklch(100% 0.00011 271.152) !important; }
/* Header solid navy */
.prague-header {
  background-color: #001f3f !important; /* navy */
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Header text & links */
.prague-header a,
.prague-header .main-menu > li > a {
  color: #ffffff !important;   /* white text */
}

.prague-header .main-menu > li > a:hover {
  color: #d4af37 !important;   /* gold hover */
}

/* Background video for top banner */
.top-banner {
  position: relative;
  overflow: hidden;                /* hide overflow for mobile crop */
  min-height: 70vh;                /* adjust height as needed */
}

.top-banner .content {
  position: relative;
  z-index: 2;                      /* keep text above video */
}

.hero-video {
  position: absolute;
  inset: 0;                        /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover;               /* fill container like a background-image */
  z-index: 1;
  filter: brightness(0.6);         /* darken for readability; tweak/remove */
  pointer-events: none;            /* video won’t block clicks on links */
}