/* ===== SWIFT SCOOP FINAL DESIGN ===== */
/* Base font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');
html, body{
  font-family:'Poppins',sans-serif!important;
  background:#ffffff!important;
  color:#000!important;
}

/* ---------- GLOBAL TEXT ---------- */
h1,h2,h3,h4,p,span,label,div,a{
  color:#000!important;
}

/* ---------- HERO SECTION ---------- */
.company-info,
.welcome,
.page-cover{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 20px;
}

/* HERO TITLE (“THE POOP STOPS HERE”) */
.company-info h1,
.welcome h1,
.page-cover .title{
  color:#ffffff!important;                /* white text */
  text-stroke:2px 
  font-weight:900!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  margin-bottom:25px!important;
}

/* ---------- HERO BUTTONS ---------- */
/* reset any theme defaults */
.page-cover .btn, .page-cover .button, .page-cover .sb-btn,
.company-info .btn, .company-info .button, .company-info .sb-btn {
  border-radius:10px!important;
  padding:14px 28px!important;
  font-weight:800!important;
  font-size:16px!important;
  text-transform:uppercase!important;
  transition:all .2s ease!important;
  box-shadow:none!important;
}

/* FIRST button (“Show on map”) */
.page-cover .btn:nth-of-type(1),
.company-info .btn:nth-of-type(1),
.page-cover .button:nth-of-type(1),
.company-info .button:nth-of-type(1){
  background:#ffffff!important;
  color:#000000!important;
  border:2px solid #000000!important;
}
.page-cover .btn:nth-of-type(1):hover,
.company-info .btn:nth-of-type(1):hover{
  background:#000!important;
  color:#fff!important;
}

/* SECOND button (“Book Now”) */
.page-cover .btn:nth-of-type(2),
.company-info .btn:nth-of-type(2),
.page-cover .button:nth-of-type(2),
.company-info .button:nth-of-type(2){
  background:#00A532!important;  /* bright green */
  color:#ffffff!important;
  border:none!important;
  box-shadow:0 6px 16px rgba(0,165,50,.35)!important;
}
.page-cover .btn:nth-of-type(2):hover,
.company-info .btn:nth-of-type(2):hover{
  background:#00962D!important;
}

/* ---------- CALENDAR ---------- */
.ui-datepicker, .ui-widget.ui-widget-content{
  background:#fff!important;
  border:1px solid #dcdcdc!important;
}
.ui-datepicker .ui-state-default{
  background:#fff!important;
  color:#000!important;
  border:1px solid #dcdcdc!important;
  border-radius:6px!important;
}
.ui-datepicker .ui-state-active,
.ui-datepicker td.ui-datepicker-current-day a{
  background:#fff!important;
  color:#000!important;
  border:2px solid #000!important;
}
.ui-datepicker .ui-state-hover{
  background:#f2f2f2!important;
  color:#000!important;
}

/* ---------- TIME DISPLAY / “OUR TIME” LABEL ---------- */
[class*="time"], [class*="timezone"], [class*="tz"], [class*="our-time"], .company-time, .sb-time-label {
  color:#000!important;
  background:#fff!important;
  border:none!important;
}

/* ---------- TIME SLOTS ---------- */
.time-slot, .slot, [class*="time-slot"], [class*="slot-item"]{
  background:#fff!important;
  color:#000!important;
  border:1px solid #000!important;
  border-radius:6px!important;
}
.time-slot:hover, .slot:hover{
  background:#000!important;
  color:#fff!important;
}
.time-slot.selected, .slot.selected{
  background:#000!important;
  color:#fff!important;
}

/* ---------- HOURS / WORKING TIMES ---------- */
[class*="hours"], .working-hours, .schedule, .service-time, .business-hours{
  background:#fff!important;
  color:#000!important;
  border:1px solid #000!important;
  border-radius:6px!important;
}

/* ---------- INPUTS ---------- */
input, select, textarea{
  background:#fff!important;
  color:#000!important;
  border:1px solid #000!important;
  border-radius:6px!important;
}
input:focus, select:focus, textarea:focus{
  outline:2px solid #000!important;
}

/* ---------- POPUPS / MODALS ---------- */
.modal, .popup, .dialog, .sb-modal, .overlay{
  background:#fff!important;
  color:#000!important;
  border-radius:10px!important;
  box-shadow:0 4px 20px rgba(0,0,0,.15)!important;
}

/* ---------- FOOTER ---------- */
.footer, .sb-footer{
  background:#fff!important;
  color:#000!important;
  border-top:1px solid #000!important;
}

/* ---------- REMOVE BLUE OR GREEN OVERRIDES ---------- */
.btn-primary, .button-primary, .sb-btn--primary,
[class*="blue"], [style*="#009"], [style*="rgb(0, 123, 255)"],
[class*="green"], [style*="#9bd460"], [style*="rgb(155, 212, 96)"]{
  background:inherit!important;
  color:inherit!important;
  border-color:inherit!important;
}

/* Keep ONLY the rightmost hero button (Book Now); hide the rest */
.company-info .btn,
.company-info .button,
.company-info .sb-btn,
.page-cover .btn,
.page-cover .button,
.page-cover .sb-btn{
  display: none !important;
}

.company-info .btn:last-of-type,
.company-info .button:last-of-type,
.company-info .sb-btn:last-of-type,
.page-cover .btn:last-of-type,
.page-cover .button:last-of-type,
.page-cover .sb-btn:last-of-type{
  display: inline-flex !important;  /* re-show Book Now */
}

/* Optional: if buttons are wrapped in a list/container */
.company-info .buttons > *:not(:last-child),
.page-cover .buttons > *:not(:last-child){
  display: none !important;
}
