body { background-color: #000000 !important; }



header { background-color: #ffffff !important; }



/* MAIN SECTION */




/* header text color change */

a.popup-hide { color: #000000 !important; }


a.popup-hide:hover { color: #e4cb70 !important; }


/* Button background */

.nav-trigger {
  background: #2a3352;
  border-radius: 6px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Icon color override */

.nav-trigger .fa.fa-bars,
.nav-trigger .fa.fa-bars::before {
  color: #f8fafc !important;      /* change to any color */
}

/* Hover (optional) */

.nav-trigger:hover .fa.fa-bars,
.nav-trigger:hover .fa.fa-bars::before {
  color: #dbeafe !important;
}


/* Hide the "show-on-map" button completely */

.btn.map.btn-with-image.custom {
	display: none !important;
}

/* Make the BOOK button wider and bigger */

/* Hide the default checkmark icon */
.btn.book.btn-with-icon.custom::after {
	content: none !important;
}

/* Add a calendar icon instead of checkmark */
.btn.book.btn-with-icon.custom a::before {
	content: "" !important;
	display: inline-block !important;
	width: 24px !important;
	height: 24px !important;
	margin-right: 8px !important;
	vertical-align: middle !important;
	background-image: url('https://i.imgur.com/4Ld8aVe.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.btn.book.btn-with-icon.custom {
	padding: 16px 32px !important;
	font-size: 20px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	min-width: 200px !important;
	width: auto !important;
	height: auto !important;
	min-height: 50px !important;
	transition: transform 0.3s ease !important;
	/* Positioning - Adjust these values to move the button */
	position: absolute !important;
	margin: 40px 0px 10px 0 !important;

	/* For absolute positioning, change position: relative to position: absolute */
	/* Then use top, bottom, left, right properties */
}

.btn.book.btn-with-icon.custom:hover {
	transform: scale(1.05) !important;
}

.btn.book.btn-with-icon.custom a {
	font-size: 20px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	padding: 12px 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
        font-size: 0 !important;
}

/* Replace the button text with custom text */
.btn.book.btn-with-icon.custom a::after {
	content: "Réservez votre table" !important;
	font-size: 20px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	display: inline !important;
}

/* Mobile-specific centering - only applies to screens 768px and below */


@media screen and (max-width: 768px) {
	.btn.book.btn-with-icon.custom {
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* Adjust hover effect to work with the centering transform */

	.btn.book.btn-with-icon.custom:hover {
		transform: translateX(-50%) scale(1.05) !important;
	}
}


/* Schedule Box Colors */

.title-main:contains("Fenris Workshop"),
.section-wrapper .title-main,
#sb_main .title-main {
  color: #000000 !important;
}


#schedule.section {
	background-color: #ffffff !important;
	color: #000000 !important;
}

#contacts.section {
	background-color: #ffffff !important;
	color: #000000  !important;
}

#about-us.section.with-sidebar {
	background-color: #ffffff !important;
	color: #000000  !important;
}


/* Hide the map section */


#sb_map,
#sb_map_view,
#sb_map iframe,
.title-section:has(+ #sb_map),
.title-section:has(+ div #sb_map),
#sb_map_view ~ iframe {
  display: none !important;
}

/* Top left logo */
.brand.company-logo-only .logo a img {
  content: url('https://i.imgur.com/2FAZQQB.png') !important;
  display: block !important;
  max-width: 80% !important;
  height: auto !important;
}

/* Logo hover effects */
.brand.company-logo-only .logo a:hover img {
  transform: scale(1.07) !important;
  opacity: 0.8 !important;
}




/* BOOK SECTION */




/* Time View Container - Background and Text Colors */
#sb_timeview_container {
  background-color: #2a3352 !important; /* Change to your desired background color */
  color: #ffffff !important; /* Change to your desired text color */
  padding: 20px !important;
  border-radius: 8px !important;
}

/* Available time slots */
#sb_timeview_container .cell.free {
  background-color: rgba(59, 130, 246, 0.3) !important; /* Blue tint for available */
  color: #ffffff !important;
  transition: background-color 0.2s ease !important;
}

/* Range highlighted cells (JavaScript adds 'hovered' class to valid end times) */
#sb_timeview_container .cell.free.hovered {
  background-color: rgba(228, 203, 112, 0.6) !important; /* Lighter gold for range */
  color: #000000 !important;
}

/* Direct mouse hover - brighter/different color than range */
#sb_timeview_container .cell.free:hover {
  background-color: rgba(228, 203, 112, 1) !important; /* Full gold for direct hover */
  color: #000000 !important;
  z-index: 10 !important;
  position: relative !important;
  transform: scale(1.10) !important;
}

.available .circle {
  background-color: #2f4b83 !important; /* Green for available */
  border-color: #2f4b83 !important;
}

/* Company time text color */
#sb_booking_company_time {
  color: #ffffff !important; /* Change to your desired text color */
}

#sb_booking_company_time .time {
  color: #ffffff !important;
}

#sb_booking_company_time .time div {
  color: #ffffff !important;
}

#sb_booking_company_time .time b {
  color: #ffffff !important; /* Bold text color */
}

/* Back button text color */
#sb_back_button {
  color: #ffffff !important; /* Change to your desired text color */
}

#sb_back_button a {
  color: #ffffff !important;
}

#sb_back_button a span {
  color: #ffffff !important;
}

#sb_back_button a .fa-angle-left {
  color: #ffffff !important; /* Arrow icon color */
}

#sb_back_button a:hover {
  color: #dbeafe !important; /* Hover color */
}

#sb_back_button a:hover span {
  color: #dbeafe !important;
}

/* Change text color for service caption */
.cap.mg {
  color: #000000 !important;
}

/* Change text color for back to services link */
#sb_back_to_bookings .back-to-services,
#sb_back_to_bookings .back-to-services span {
  color: #ffffff !important;
}

/* Change text color for alert message */
.alert.alert-info {
  color: #ffffff !important;
}




/* SECTION COMMENTAIRES */





/* Change text color of "Laisser un commentaire" title */


#sb_reviews_add_container .title-main {
  color: #e3d7c4 !important;
}

/* Change text color for "Commentaires" title */
#sb_reviews_list_container .title-main {
  color: #e3d7c4 !important;
}

/* Change text color of "Veuillez vous connecter pour laisser votre commentaire" */

.cap {
  color: #e3d7c4 !important; /* Change to your desired color */
}

/* Change text color of social login buttons */
.btn-bar__social-links .btn--txt {
  color: #e3d7c4 !important; /* Change to your desired color */
}