/* ===== Poppins site font (body + headings) ===== */
:root{
  --main-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --heading-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Global body */
html, body {
  font-family: var(--main-font) !important;
  font-size: 14px;
  line-height: 1.7; /* ~24px */
  color: #515151 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font) !important;
  font-weight: 600; /* Poppins looks good at 500-700 for headings */
  margin-top: 0;
}

/* Make common bootstrap components inherit the font */
.btn, .navbar, .nav-link, .form-control, .card, .dropdown-item, .table, .list-group-item {
  font-family: inherit !important;
}

/* Your existing selectors */
.main-section p, .mce-content-body p {
  font-family: inherit !important;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0;
  text-transform: none;
  color: #515151 !important;
}



@keyframes show-toast{
    0%{bottom: -100%;}
    20%{bottom: 100px;}
    80%{bottom: 100px;}
    100%{bottom: -100%;}
}

.show-notification{
    position: fixed;
    bottom: 100%;
    right: 20px;
    animation-name: show-toast;
    animation-duration: 6s;
}

.main-search.fancy .field-holder input[type="text"] {
   color: black !important;
}

table > tbody > tr > td {
    border: none !important;
}

#opening_hours select{
    padding: 5px 10px !important;
}

.btn-success.add_hour{
    padding: 7px, 15px, 7px, 15px;
}

@media only screen and (max-width: 480px) {
    a.get-start-btn {
        display: block;
        margin-top: 15px !important;
        margin-left: 0 !important;
    }

    .main-search-bar {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        background-position: left !important;
}

    .user-dashboard {
        width: 100% !important;
    }
}

table td, table th{
    line-height: 1rem !important;
}


  /* Keep header above content */
  #header { position: sticky; top: 0; z-index: 1040; }

  /* Actual shadow */
  #header .main-header{
    background:#fff;                          /* ensure shadow is visible */
    box-shadow: 0 8px 16px -12px rgba(0,0,0,.35) !important;
  }

  /* If a past tweak killed it by clipping */
  .wrapper { overflow: visible !important; }  /* only if you previously set hidden */

  /* Optional: subtle blur on modern browsers */
  @supports (backdrop-filter: blur(4px)) {
    #header .main-header { backdrop-filter: blur(4px); background: rgba(255,255,255,.9); }
  }