.top-bar {
  background:#f3f3f3;
  font-size:14px;
  padding:6px 0;
}

.count-number {
  font-size: 2.5rem;
  font-weight: 700;
}


.vertical {
  position:absolute;
  top:50%;
  background:#ffc107;
  padding:8px 20px;
  font-weight:bold;
  transform:rotate(-90deg);
}

.vertical.left { left:-70px; }
.vertical.right { right:-70px; transform:rotate(90deg); }

.hero-text {
  position:absolute;
  bottom:80px;
  left:50%;
  transform:translateX(-50%);
}

.hero {
  height: 90vh;
  position: relative;
  overflow: hidden;
}

.hero-slide {
  height: 90vh;
  background-size: cover;
  background-position: center;
  position: relative;
}

.hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
}

.hero-text {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  z-index: 5;
}

/* Floating Admissions Form */
.admission-box {
  position: absolute;
  top: 90px;
  left: 40px;
  width: 320px;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  z-index: 20;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}

/* Admission box default hidden */
#admissionBox {
  transform: translateX(-120%);
  transition: transform 0.4s ease;
}

/* Visible state */
#admissionBox.active {
  transform: translateX(0);
}

/* Close button */
.close-admission {
  font-size: 22px;
  cursor: pointer;
  font-weight: bold;
}

/* Clickable floater */
.vertical.left {
  cursor: pointer;
}


/* Vertical Ribbons */
.vertical {
  position: absolute;
  top: 50%;
  background: #ffc107;
  padding: 8px 20px;
  font-weight: bold;
  transform: rotate(-90deg);
  cursor: pointer;
  z-index: 9;
}

.vertical.left { left: -70px; }
.vertical.right {
  right: -70px;
  transform: rotate(90deg);
}

.announcements-panel {
  position: fixed;
  top: 0;
  right: -350px;
  width: 350px;
  height: 100vh;
  background: #fff;
  box-shadow: -4px 0 20px rgba(0,0,0,0.2);
  transition: right 0.4s ease;
  z-index: 9999;
}

.announcements-panel.active {
  right: 0;
}

.panel-header {
  background: #1e3a8a;
  color: #fff;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.panel-header span {
  cursor: pointer;
  font-size: 24px;
}

.panel-body {
  padding: 15px;
  overflow-y: auto;
}

/* Sticky header */
.main-header {
  position: sticky;
  top: 0;
  z-index: 999;
}

/* Dropdown hover (desktop) */
@media (max-width: 992px) {
  #admissionBox {
    transform: none;
    display: none;
  }

  #admissionBox.active {
    display: block;
  }
}

/* Floating Action Buttons */
/* Floating Action Buttons – Bottom Right */
.floating-actions {
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 9998; /* LOWER than announcements */
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.float-btn {
  position: relative;
}

/* Tooltip */
.float-btn::after {
  content: attr(aria-label);
  position: absolute;
  right: 58px;
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.float-btn:hover::after {
  opacity: 1;
}
td strong {
  padding: 4px 8px;
  border-radius: 4px;
}

td strong:contains("Approved") {
  background: #d1fae5;
  color: #065f46;
}

td strong:contains("Rejected") {
  background: #fee2e2;
  color: #991b1b;
}


.float-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  transition: transform 0.2s ease;
  text-decoration: none;
}

.float-btn:hover {
  transform: scale(1.1);
}

/* Individual Colors */
.float-btn.call {
  background: #0d6efd;
}

.float-btn.whatsapp {
  background: #25d366;
}

.float-btn.enquiry {
  background: #ffc107;
  color: #000;
}

/* Mobile adjustment */
@media (max-width: 576px) {
  .floating-actions {
    right: 10px;
  }
}


/* Submenu positioning */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* Smooth dropdown */
.dropdown-menu {
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Call tooltip container */
.call-tooltip {
  position: relative;
}

/* Tooltip box */
.call-tooltip-box {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 10002;
}

/* Links inside tooltip */
.call-tooltip-box a {
  color: #ffd966;
  text-decoration: none;
}

/* Show on hover (desktop only) */
@media (hover: hover) {
  .call-tooltip:hover .call-tooltip-box {
    opacity: 1;
    visibility: visible;
  }
}