/* ============================
   FONT IMPORTS
   ============================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');


/* ============================
   GLOBAL FONT (Poppins)
   ============================ */
body, h2, h3, h4, h5, h6, p, a, span, button, input, label {
  font-family: 'Poppins', sans-serif !important;
  color: #06253e;
}


/* ============================
   PAGE TITLE (Oswald + Glow)
   ============================ */
.page-title,
.company-name,
.header-title,
#company_name,
h1 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 56px !important;
  letter-spacing: 1px;
  color: #06253e;
  text-transform: uppercase;
  margin-bottom: 12px;

  /* Subtle glow for readability over bubble background */
  text-shadow: 0px 0px 10px rgba(255,255,255,0.55);
}


/* ============================
   BUTTON STYLING
   ============================ */
button,
input[type="submit"],
input.reserve_time_btn,
input.select_another_btn {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  background-color: #04b5d3 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  border: none !important;
  transition: all 0.2s ease-in-out;
}

button:hover,
input[type="submit"]:hover,
input.reserve_time_btn:hover,
input.select_another_btn:hover {
  background-color: #06253e !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}


/* ============================
   SERVICE CARD STYLING
   ============================ */
#events .event {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 20px !important;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.08) !important;
  margin-bottom: 20px !important;
}

#events h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  color: #06253e !important;
}


/* ============================
   CALENDAR TEXT CLEANUP
   ============================ */
#timeline-container table.timeline td {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
}


/* ============================
   SPACING IMPROVEMENTS
   ============================ */
.container, .content, .main-content {
  padding-top: 20px !important;
}


/* ============================
   OPTIONAL: ROUND MAIN CONTENT
   ============================ */
.main-content, .content {
  border-radius: 12px !important;
}