:root {
    --swiper-theme-color: #0c5ea4;
}

.text-primary, .um-link, .current .um-account-icon, .um-icon-android-radio-button-on, .um-icon-help-circled:hover, .um-cover-add-i:hover, .um-dropdown-b a:hover, .um-profile-headericon a:hover {
    color: #0c5ea4 !important;
}

.bg-primary, .btn-primary, .um-button, .um-request-button, .um-profile-nav .active a, .um-modal-header, .ajax-upload-dragdrop input, .um-modal-btn {
    background-color: #0c5ea4 !important;
}

.um-modal-btn, .um-button {
    color: #fff !important;
}

.border-primary, .btn-primary, .btn-outline-primary {
    border-color: #0c5ea4 !important;
}

.btn:hover {
    background-color: #e7e6e6 !important;
    border-color: #0c5ea4 !important;
    color: #0c5ea4 !important;
}

.btn-outline-primary {
    color: #0c5ea4 !important;
}

.btn-outline-primary:hover {
    color: #000 !important;
    background-color: #e7e6e6 !important;
    border-color: #0c5ea4 !important;
}

.hover-expand {
  transform: translateX(80%);
  transition: transform 0.3s ease;
}

/* Wrapper spacing from edge */
.floating-wrapper {
z-index: 1030;
margin-right: 4px;
}

/* Menu container */
.floating-menu {
border-radius: 18px 0 0 18px;
background: rgba(255,255,255,0.96);
backdrop-filter: blur(6px);
overflow: hidden;
width: 80px; /* collapsed shows only tab */
transition: width 0.3s ease;
}

/* Expand on hover */
.hover-expand:hover {
transform: translateX(0);
width: 300px;
}

/* Vertical tab */
.menu-tab {
width: 42px;
background: #0c5ea4;
color: #fff;
border-radius: 18px 0 0 18px;
}

.vertical-text {
writing-mode: vertical-rl;
transform: rotate(180deg);
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
}

/* Hidden menu */
.menu-links {
opacity: 0;
transition: opacity 0.15s ease;
white-space: nowrap;
}

.hover-expand:hover .menu-links {
opacity: 1;
}

/* Link styles */
#sideMenu .nav-link {
color: #4D4D4D;
transition: all 0.2s ease;
}

#sideMenu .nav-link:hover {
background-color: rgba(10, 116, 218, 0.1);
color: #0c5ea4;
}

#sideMenu .nav-link.active {
background-color: #0c5ea4;
color: #fff;
box-shadow: 0 0 10px rgba(10, 116, 218, 0.4);
font-weight: 600;
}

#scroll-top.raised {
  bottom: 58px;   /* above bottom nav */
}

.btm-nav .btm-nav-item {
    color: #0c5ea4 !important;
    font-weight: 500;
}

.btm-nav .btm-nav-item.active {
    color: #000 !important;
    font-weight: bold !important;
}

.bookly-appointments-table {
    width: 100% !important;
}

.bookly-customer-appointment-list h2 {
    display: none;
}

/* .wp-block-bookly-form {
    padding-bottom: 120px;
}

@media (max-width: 768px) {
  .wp-block-bookly-form {
    padding-bottom: 180px; /* mobile needs more room *
  }
} */

section.bookly-schedule-form {
  overflow: visible !important;
}

.alert-info {
    color: #000;
    background-color: #c0d4e7;
    border: #5397d6;
}

.checkmark-list {
  list-style: none; /* Removes the default bullet points */
  padding-left: 0; /* Adjusts the padding as needed */
}

.checkmark-list li:before {
  content: '\2713'; /* Unicode for a check mark (✓) */
  color: #0c5ea4;     /* Styles the check mark color */
  display: inline-block;
  width: 1em;       /* Provides some space between the check mark and the text */
  margin-right: 0.5em;
}