/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */

/* -------------------------------------------------------------------------- */
/*                          FreeTrime Overrides                              */
/* -------------------------------------------------------------------------- */

/* ===== SessionScribe Brand Theme — Dark Green ===== */

/* --- Base / Light Mode --- */
:root,
[data-bs-theme=light] {
  /* Primary: SessionScribe Green */
  --falcon-primary: #1B6B3A;
  --falcon-primary-rgb: 27, 107, 58;
  --falcon-primary-text-emphasis: #124A28;
  --falcon-primary-bg-subtle: #E0F2E7;
  --falcon-primary-border-subtle: #8FC5A0;

  /* Links — slightly deeper green for readability on white */
  --falcon-link-color: #176032;
  --falcon-link-color-rgb: 23, 96, 50;
  --falcon-link-hover-color: #0E4422;
  --falcon-link-hover-color-rgb: 14, 68, 34;

  /* Focus ring */
  --falcon-focus-ring-color: rgba(27, 107, 58, 0.25);

  /* Input focus border */
  --falcon-input-focus-border-color-global: #8FC5A0;

  /* Sidebar vibrant gradient — dark green to deeper green */
  --falcon-navbar-vertical-vibrant-bg-image: linear-gradient(-45deg, rgba(27, 107, 58, 0.92), #0A3318);

  /* Active nav links */
  --falcon-navbar-vertical-default-link-active-color: #1B6B3A;
  --falcon-navbar-vertical-card-link-active-color: #1B6B3A;

  /* Modal shape header — SessionScribe green instead of Falcon blue */
  --falcon-modal-shape-header: linear-gradient(-45deg, #0A3318, #1B6B3A);
  --falcon-modal-shape-header-bg: #1B6B3A;
  --falcon-bg-shape-bg: #1B6B3A;
  --falcon-bg-shape-bg-ltd: linear-gradient(-45deg, #1B6B3A, #0A3318);
}

/* --- Dark Mode — cool dark palette with green accents --- */
[data-bs-theme=dark] {
  /* Cool dark backgrounds */
  --falcon-body-bg: #101412;
  --falcon-body-bg-rgb: 16, 20, 18;

  /* Text — cool off-whites */
  --falcon-body-color: #ACB5B0;
  --falcon-body-color-rgb: 172, 181, 176;
  --falcon-emphasis-color: #E8F0EC;
  --falcon-emphasis-color-rgb: 232, 240, 236;
  --falcon-secondary-color: #DEE6E1;
  --falcon-secondary-color-rgb: 222, 230, 225;

  /* Surface layers — cool grays with green undertone */
  --falcon-tertiary-bg: #161A18;
  --falcon-tertiary-bg-rgb: 22, 26, 24;
  --falcon-quaternary-bg: #101412;
  --falcon-quaternary-bg-rgb: 16, 20, 18;
  --falcon-emphasis-bg: #1A1E1C;
  --falcon-emphasis-bg-rgb: 26, 30, 28;
  --falcon-secondary-bg: #252A28;
  --falcon-secondary-bg-rgb: 37, 42, 40;

  /* Borders — cool tint */
  --falcon-border-color: rgba(232, 240, 236, 0.08);

  /* Primary: SessionScribe Green — brighter for dark bg readability */
  --falcon-primary: #2D9E56;
  --falcon-primary-rgb: 45, 158, 86;
  --falcon-primary-text-emphasis: #5CC47E;
  --falcon-primary-bg-subtle: #0C2A16;
  --falcon-primary-border-subtle: #1B5A32;

  /* Links */
  --falcon-link-color: #2D9E56;
  --falcon-link-color-rgb: 45, 158, 86;
  --falcon-link-hover-color: #5CC47E;
  --falcon-link-hover-color-rgb: 92, 196, 126;

  /* Focus ring */
  --falcon-focus-ring-color: rgba(45, 158, 86, 0.25);

  /* Navbar glass — cool translucent */
  --falcon-bg-navbar-glass: rgba(16, 20, 18, 0.96);

  /* Sidebar */
  --falcon-navbar-vertical-default-link-active-color: #2D9E56;
  --falcon-navbar-vertical-card-bg-color: #1A1E1C;

  /* Buttons */
  --falcon-btn-falcon-primary-color: var(--falcon-primary);
  --falcon-btn-falcon-primary-hover-color: #5CC47E;
  --falcon-btn-falcon-primary-active-background: #0B0E0C;
  --falcon-btn-falcon-primary-active-color: #5CC47E;

  /* Input focus */
  --falcon-input-focus-border-color-global: #1B5A32;

  /* Box shadow — cooler */
  --falcon-box-shadow: 0 7px 14px 0 rgba(6, 10, 8, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}

/* ===== btn-primary — override Falcon's hardcoded blue ===== */

.btn-primary {
  --falcon-btn-bg: #1B6B3A;
  --falcon-btn-border-color: #1B6B3A;
  --falcon-btn-hover-bg: #145A2E;
  --falcon-btn-hover-border-color: #145A2E;
  --falcon-btn-active-bg: #0E4422;
  --falcon-btn-active-border-color: #0E4422;
}

.btn-info {
  --falcon-btn-bg: #5CC47E;
  --falcon-btn-border-color: #5CC47E;
  --falcon-btn-color: #0C2A16;
  --falcon-btn-hover-bg: #2D9E56;
  --falcon-btn-hover-border-color: #2D9E56;
  --falcon-btn-hover-color: #fff;
  --falcon-btn-active-bg: #1B6B3A;
  --falcon-btn-active-border-color: #1B6B3A;
}

/* ===== FreeTrime Logo ===== */

/* Show full logo in topbar, short "CDZ" mark in sidebar */
.navbar-vertical .freetrime-logo {
  display: none !important;
}
.navbar-vertical.navbar-expand-xl + .content .navbar-top .navbar-brand {
  display: flex !important;
}

/* Sidebar header — match topbar height so nav links align with main content */
@media (min-width: 1200px) {
  .navbar-vertical > .d-flex.align-items-center {
    min-height: calc(var(--falcon-top-nav-height) + 0.35rem);
  }
}

/* Sidebar compact brand mark */
.cdz-sidebar-mark {
  height: 36px;
  width: auto;
}

.freetrime-logo {
  height: 28px;
  width: auto;
}

/* Light mode — dark text */
[data-bs-theme=light] .freetrime-logo,
[data-bs-theme=light] .cdz-sidebar-mark {
  color: #344050;
}

/* Dark mode — light text on dark backgrounds */
[data-bs-theme=dark] .freetrime-logo,
[data-bs-theme=dark] .cdz-sidebar-mark {
  color: #F0EDE8;
}

/* ===== Landing Page — Navbar Logo ===== */

/* White logo on the dark transparent landing navbar */
.navbar-standard .freetrime-logo {
  color: #fff;
}

/* Stronger hero overlay for better text contrast */
#banner .bg-holder.overlay:before {
  background: rgba(0, 0, 0, 0.4);
}

/* ===== SessionScribe Accent Text ===== */

.text-freetrime-orange {
  color: #1B6B3A !important;
}

.text-freetrime-red {
  color: #0E4422 !important;
}

/* ===== SessionScribe Gradient Brand Text ===== */

.text-freetrime-brand {
  background: linear-gradient(135deg, #1B6B3A, #0A3318);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

/* ===== SessionScribe Branded Buttons ===== */

/* Outline variant — green border & text, deeper green on hover */
.btn-outline-freetrime {
  color: #1B6B3A;
  border-color: #1B6B3A;
  background-color: transparent;
}
.btn-outline-freetrime:hover,
.btn-outline-freetrime:focus {
  color: #fff;
  background-color: #1B6B3A;
  border-color: #1B6B3A;
}

/* Solid variant — green bg, deeper green on hover */
.btn-freetrime {
  color: #fff;
  background-color: #1B6B3A;
  border-color: #1B6B3A;
}
.btn-freetrime:hover,
.btn-freetrime:focus {
  color: #fff;
  background-color: #0E4422;
  border-color: #0E4422;
}

/* ===== Hero Video Thumbnail ===== */

.hero-video-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.175);
  transform: translateY(-3rem);
  transition: transform 0.4s ease;
  cursor: pointer;
}

.hero-video-wrapper:hover {
  transform: translateY(-5rem);
}

.hero-video-poster {
  display: block;
  width: 100%;
  height: auto;
}

/* Centered play button overlay */
.hero-video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(27, 107, 58, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  transition: background 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  animation: hero-btn-glow 3.6s ease-in-out infinite;
}

.hero-video-play-btn .fas {
  margin-left: 4px; /* optical centering for play triangle */
}

/* Pulse ring animation */
.hero-video-play-btn::before,
.hero-video-play-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid rgba(27, 107, 58, 0.6);
  animation: hero-play-pulse 3.6s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.hero-video-play-btn::after {
  animation-delay: 1.8s;
}

@keyframes hero-play-pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

@keyframes hero-btn-glow {
  0%, 100% {
    background: rgba(14, 68, 34, 0.9);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }
  50% {
    background: rgba(45, 158, 86, 0.95);
    box-shadow: 0 4px 24px rgba(45, 158, 86, 0.4);
  }
}

.hero-video-wrapper:hover .hero-video-play-btn {
  background: rgba(14, 68, 34, 0.95);
  transform: translate(-50%, -50%) scale(1.1);
  animation: none;
}

/* Stop pulsing on hover — the scale-up is enough */
.hero-video-wrapper:hover .hero-video-play-btn::before,
.hero-video-wrapper:hover .hero-video-play-btn::after {
  animation: none;
}

/* Negative margin pulls up the section below */
.hero-video-wrapper {
  margin-bottom: -12rem;
}

@media (max-width: 575.98px) {
  .hero-video-wrapper {
    margin-bottom: -8rem;
  }
  .hero-video-play-btn {
    width: 56px;
    height: 56px;
    font-size: 1.1rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero-video-wrapper {
    margin-bottom: -16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1539.98px) {
  .hero-video-wrapper {
    margin-bottom: -8rem;
  }
}

/* ===== Hero Video Modal ===== */

#heroVideoModal .modal-content {
  background: transparent;
  border: none;
}

#heroVideoModal .plyr--video {
  --plyr-color-main: #1B6B3A;
  border-radius: 1rem;
  overflow: hidden;
}

#heroVideoModal .plyr__control--overlaid {
  background: #1B6B3A;
}
#heroVideoModal .plyr__control--overlaid:hover,
#heroVideoModal .plyr__control--overlaid:focus {
  background: #0E4422;
}

/* ===== Layout Hides ===== */

/* The sidebar CTA card uses the Falcon .settings class so it inherits
   the collapsed-state opacity:0 rule from theme.css automatically. */

/* Hide topbar search box */
.navbar-top > .navbar-nav.d-lg-block {
  display: none !important;
}


/* ===== Safari FullCalendar Fix ===== */

/* Falcon's theme.css sets .fc-daygrid-day-frame to position:absolute in
   Safari as a workaround for an old table-layout bug. This removes the
   frame from normal flow, so the parent <td> collapses to zero height
   when FullCalendar uses height:'auto' — the month grid disappears and
   events pile up at the top of the card. Resetting to relative keeps the
   frame in flow while still acting as a positioning context. */
.safari .fc-dayGridMonth-view .fc-daygrid-day .fc-daygrid-day-frame {
  position: relative;
}

/*# sourceMappingURL=user.css.76550498e759.map */