/* =========================
   CLIA Event Branding CSS
   Custom Bootstrap Overrides
   ========================= */

/* Dark background SVG treatment */
.is-bg-dark svg {
  background: linear-gradient(to bottom, white 0%, white 75%, transparent 75%, transparent 100%);
}

/* Main nav logo */
#mainnav ul.navbar-nav::before {
  background-image: url(https://airdrive.eventsair.com/eventsairsthcusprod/production-cruising-public/6fc0ef9c4907435bb73226d18df0c73d);
  content: "";
  display: inline-block;
  width: 55px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}

#mainnav ul.navbar-nav {
  padding: 24px 0;
}

#event-logo-container {
  min-height: 0;
}

/* Keep hover color consistent with design */
a:hover {
  color: inherit;
}

@media (min-width: 640px) {
  #event-logo-container img {
    max-width: 600px;
  }
}

/* Brand colors */
.is-bg-dark {
  background-color: #1d1d4c !important;
}

.is-wrapper .nav-link {
  color: white !important;
  opacity: 0.75;
}

.is-wrapper .nav-link.active,
.is-wrapper .nav-link:hover {
  color: white !important;
}

/* Global buttons */
.btn {
  border-radius: 50px;
}

.btn-primary,
.is-btn-ghost2 {
  background-color: var(--primary-brand-color, #3CB5B1);
  border-color: var(--primary-brand-color, #3CB5B1);
  color: white;
}

.is-bg-dark .btn-primary {
  background-color: var(--secondary-brand-color, #CCE1A3);
}

.btn-secondary,
.is-btn-ghost1 {
  background-color: transparent;
  border-color: var(--primary-brand-color, #3CB5B1);
  color: var(--primary-brand-color, #3CB5B1);
}

.btn-secondary:hover,
a.is-btn-ghost1:hover {
  background-color: transparent;
  border-color: var(--primary-brand-color, #3CB5B1);
  color: var(--primary-brand-color, #3CB5B1);
  opacity: 0.85;
}

.btn-primary:hover,
a.is-btn-ghost2:hover {
  background-color: var(--primary-brand-color, #3CB5B1);
  border-color: var(--primary-brand-color, #3CB5B1);
  opacity: 0.85;
  color: white;
}

.is-bg-dark .btn-primary:hover,
.is-bg-dark a.is-btn-ghost2:hover {
  background-color: var(--secondary-brand-color, #CCE1A3);
  filter: brightness(0.85);
  color: #1d1d4c;
}

/* Alerts (fixed invalid !important syntax) */
.alert {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alert-success {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%) !important;
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0);

  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #000000 !important;
}

/* Mobile navbar branding */
@media (max-width: 768px) {
  .navbar-brand {
    background-image: url(https://airdrive.eventsair.com/eventsairsthcusprod/production-cruising-public/6fc0ef9c4907435bb73226d18df0c73d);
    content: "";
    display: inline-block;
    width: 55px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
  }
}

/* ==========================================================
   HARD FIX: File upload "Upload Presentation / Browse" seam
   (covers multiple bootstrap-fileinput / EventsAir variants)
   Place this at the VERY END of the CSS file.
   ========================================================== */

/* Clip the whole combined control so nothing can "poke" out */
.file-input .input-group,
.fileinput .input-group,
.krajee-default .input-group,
.file-input .input-group.file-caption-main,
.fileinput .input-group.file-caption-main,
.input-group.file-caption-main {
  border-radius: 9999px !important;
  overflow: hidden !important;
}

/* Remove the seam border/shadow from the left caption/text piece */
.file-input .file-caption,
.fileinput .file-caption,
.file-input .form-control,
.fileinput .form-control,
.file-input .kv-fileinput-caption,
.krajee-default .kv-fileinput-caption,
.file-caption {
  box-shadow: none !important;
  border-right: 0 !important;
}

/* Ensure the right Browse button sits cleanly on top and has no seam */
.file-input .btn,
.fileinput .btn,
.file-input .btn-file,
.fileinput .btn-file,
.krajee-default .btn-file,
.krajee-default .btn,
.btn-file {
  position: relative !important;
  z-index: 10 !important;
  box-shadow: none !important;
  border-left: 0 !important;
  margin-left: 0 !important;

  /* round only the OUTER right edge */
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

/* Some themes wrap the button; keep wrapper above too */
.file-input .input-group-btn,
.fileinput .input-group-btn,
.krajee-default .input-group-btn,
.input-group-btn {
  position: relative !important;
  z-index: 10 !important;
}