/* =========================================================
   DITSS site fixes
   Upload to: public_html/css/ditss-fixes.css
   Linked from every page AFTER css/new_global.css
   ========================================================= */

/* ---------- 1. Trust bar: one line, scrolling continuously ---------- */
.ve-trust-bar {
   overflow: hidden !important;
   white-space: nowrap !important;
}
.ve-trust-bar .ve-trust-inner {
   display: inline-flex !important;
   flex-wrap: nowrap !important;
   justify-content: flex-start !important;
   align-items: center;
   gap: 0 !important;
   width: max-content !important;
   max-width: none !important;
   animation: ditss-trust-scroll 35s linear infinite !important;
}
.ve-trust-bar .ve-trust-inner span {
   flex: 0 0 auto !important;
   white-space: nowrap !important;
   padding: 0 1.75rem;
}
.ve-trust-bar:hover .ve-trust-inner {
   animation-play-state: paused !important;
}
@keyframes ditss-trust-scroll {
   from { transform: translateX(0); }
   to   { transform: translateX(-50%); }
}

/* ---------- 2. Desktop dropdowns stay open while moving into them ---------- */
.ve-nav .has-drop.ditss-open > .ve-mega-full,
.ve-nav .has-drop.ditss-open > .ve-dropdown {
   opacity: 1 !important;
   visibility: visible !important;
   pointer-events: auto !important;
}
.ve-nav .has-drop.ditss-open > .ve-dropdown {
   display: block !important;
}

/* ---------- 3. Team slider (Owl Carousel core layout) ---------- */
.team-slider.owl-carousel {
   width: 100%;
   position: relative;
   z-index: 1;
}
.team-slider .owl-stage-outer {
   position: relative;
   overflow: hidden;
   transform: translate3d(0, 0, 0);
}
.team-slider .owl-stage {
   position: relative;
   touch-action: manipulation;
}
.team-slider .owl-stage::after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
.team-slider .owl-item {
   position: relative;
   min-height: 1px;
   float: left;
   backface-visibility: hidden;
}
.team-slider .owl-nav {
   display: flex;
   justify-content: center;
   gap: 12px;
   margin-top: 24px;
}
.team-slider .owl-nav.disabled { display: none; }
.team-slider .owl-nav button.owl-prev,
.team-slider .owl-nav button.owl-next {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   border: 1px solid rgba(255, 255, 255, 0.4) !important;
   background: transparent !important;
   color: #fff !important;
   font-size: 26px !important;
   line-height: 1 !important;
   cursor: pointer;
}
.team-slider .owl-nav button.owl-prev:hover,
.team-slider .owl-nav button.owl-next:hover {
   background: #d9ff00 !important;
   color: #111 !important;
   border-color: #d9ff00 !important;
}

/* ---------- 3b. Team photos in a circle ---------- */
.team-slider .ve-team-img {
   width: 190px;
   max-width: 80%;
   height: auto !important;
   aspect-ratio: 1 / 1;
   margin: 24px auto 6px;
   border-radius: 50%;
   background-size: cover !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   border: 3px solid rgba(215, 254, 3, 0.85);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* ---------- 4. Partner logos: room for the 4th logo ---------- */
.ve-counter-logos {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 24px;
}
.ve-counter-logo img {
   max-width: 100%;
   max-height: 90px;
   object-fit: contain;
}

/* ---------- 5. Header logo stays inside the navbar when it shrinks ---------- */
.ve-header .ve-logo {
   width: auto !important;
   padding: 0 !important;
   display: flex;
   align-items: center;
}
.ve-header .ve-logo img {
   display: block;
   height: 90px;
   width: auto;
   transition: height 0.3s ease;
}
.ve-header.header-small .ve-logo img {
   height: 60px;
}
@media (max-width: 576px) {
   .ve-header .ve-logo img { height: 64px; }
   .ve-header.header-small .ve-logo img { height: 50px; }
}

/* ---------- 6. "Our Partners" heading readable on the dark band ---------- */
.ve-counter-section h2 {
   color: #fff;
   text-align: center;
   margin-bottom: 40px;
}

/* ---------- 7. Hero "Admission Form" card is a link ---------- */
a.ve-float-card,
a.ve-float-card:hover {
   text-decoration: none;
   color: inherit;
}
a.ve-float-card:hover {
   transform: translateY(-2px);
}

/* ---------- Accessibility: respect reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
   .ve-trust-bar .ve-trust-inner { animation: none !important; }
}