@media (orientation: landscape) and (max-height: 600px) and (pointer: coarse) {
	body::before {
		/* The Message & Styling */
		content: "Please rotate your device to portrait mode for the best experience.";
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		font-size: 1.2rem;
		color: #333;
		text-align: center;
		padding: 40px;
    
    		/* Overlay Properties */
		position: fixed;
		inset: 0; /* Modern shorthand for top:0; right:0; bottom:0; left:0; */
		z-index: 9999; /* Ensures it's on top of all other content */
		background-color: #f8f8f8;

		/* Centering the message */
		display: flex;
		justify-content: center;
		align-items: center;
	}
  
	/* Hide the actual content of the page */
	body > * {
		display: none;
	}
}

@media (max-width:1024px) {
	.page-content--clients-reg {
		min-height: 86vh;
	}
}

@media (max-width:767px) {
	.page-content--clients-reg {
		padding-bottom: 140px;
		min-height: 86vh;
	}
	.page-content--clients-reg .clients-reg__company-card--banner {
		height: 180px;
		margin: 0 -20px 15px;
	}
	.page-content--clients-reg .clients-reg__company-card {
		margin-bottom: 15px;
	}
	.input-container .one-row--checkbox {
		padding-top: 5px;
	}
	.page-content--clients-reg .detail-step__item {
		margin-bottom: 15px;
	}
	.page-content--clients-reg .client-login-bar {
		padding-top: 15px;
	}
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXp-p7K4KLjztg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
}

body.os-ios {
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	padding:
        env(safe-area-inset-top, 20px) 
        env(safe-area-inset-right, 20px) 
        env(safe-area-inset-bottom, 20px) 
        env(safe-area-inset-left, 20px);
}

 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

.invoice-payment-systems-info {
	display: none;
}

#sb-main-container #main #sb-timeline #steps #steps-content .paid-attribute-step .content-mode-list .item .tab .excerpt-info .preloader, #sb-main-container #main #sb-timeline #steps #steps-content .step-content .item .tab .excerpt-info .preloader {
	width: 150px;
	height: 150px;
	border-radius: 150px;
}

#sb-main-container #main #sb-timeline #steps #steps-content .step-content .item .tab .excerpt-info .preloader .default, .flexible-weekly-view .modal .modal-dialog .full-info .preloader .default, .step-content .modal .modal-dialog .full-info .preloader .default {
	width: 150px;
	height: 150px;
}

#sb-main-container #header .nav-wrapper .items-wrapper {
	justify-content: space-between;
}

#header .nav-wrapper {
	-ms-flex-align: initial;
	align-items: initial;
}

#sb-main-container #main #sb-timeline #steps #steps-content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col.js-end-time {
	min-width: 80px;
}

#sb-main-container #main #sb-timeline #steps #steps-content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell {
	min-width: 74px;
	padding: 6px;
	font-size: 12px;
}

#client-profile-preview .section-pd .bar-with-btn .btn.btn-edit {
	background: #ffdd28;
	color: #2e2e2e;
	padding: 12px 25px;
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .right-side .buttons-container #sb_multiple_booking_button_container #sb_multiple_booking_btn {
	background: #2e2e2e;
	color: #ffdd28;
	padding: 12px 25px;
	margin: 10px 0 0;
	font-size: 16px;
}

#sb-main-container #main #content-view .content-column #contacts .info ul li {
	max-width: 100%;
	width: 100%;
}

#content-view #contacts li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	-ms-flex-pack: start;
	justify-content: center;
	gap: 0px;
	margin-bottom: 15px;
}

#sb-main-container #main #content-view .content-column #contacts .info .web {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	word-break: break-word;
	margin-top: 14px;
}

#sb-main-container #main #content-view .content-column #contacts .info .web .icon {
	min-width: 18px;
}

#sb_google_translate {
	margin-right: auto;
	font-size: 14px;
	text-align: center;
	position: relative;
	top: -22px;
	left: 13px;
}

@media (max-width:1024px) {
	#sb_google_translate {
		position: relative;
		left:-webkit-calc(50% - 110px);
		left:-moz-calc(50% - 110px);
		left: calc(50% - 110px);
		top: -10px;
	}
}

.full-info--cart_item .full-info--cart_item-image {
	position: relative;
	width: 90px;
	min-width: 90px;
	height: 90px;
}

#sb_booking_content .form-group input::placeholder,  #sb_booking_content .form-group textarea::placeholder {
	color: transparent;
}

#sb_booking_content .form-group input::-webkit-input-placeholder,  #sb_booking_content .form-group textarea::-webkit-input-placeholder {
	color: transparent;
}

#sb_booking_content .form-group input::-moz-placeholder,  #sb_booking_content .form-group textarea::-moz-placeholder {
	color: transparent;
}

#sb_booking_content .form-group input::-ms-input-placeholder,  #sb_booking_content .form-group textarea::-ms-input-placeholder {
	color: transparent;
}

#main #main-buttons .wrapper .inner .company-name {
	max-width: 500px;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 60px;
	line-height: 50px;
	text-shadow: none;
	color: #ffdd28;
}

#main-buttons .wrapper .inner {
	background-color: rgba(46, 46, 46, 0.75);
	border-radius: 10px;
	padding: 40px 0;
}

#sb-main-container #main #main-buttons .wrapper {
	min-height: 400px;
	height: auto;
	padding: 40px 0;
}

.invoice-buttons-container > div .btn, .invoice-buttons-container > div .btn .txt {
	color: #2e2e2e;
}

.modal .modal-dialog .full-info .preloader.img-full, .modal .timezone-modal.modal-dialog .full-info .preloader.img-full {
	max-height: 70vh !important;
	height: 70vh;
}

.modal .modal-dialog .modal-content, .modal .timezone-modal.modal-dialog .modal-content {
	max-width: 100%;
	border-radius: 5px!important;
	box-shadow: 0 0 16px 5px rgba(0,0,0,.05)!important;
}

@media (min-width:550px) {
	.modal .modal-dialog, .modal .timezone-modal.modal-dialog {
		width: 95vw !important;
	}
}

@media (min-width:767px) {
	.modal .modal-dialog, .modal .timezone-modal.modal-dialog {
		width: 80vw !important;
	}
}

@media (min-width:1024px) {
	.modal .modal-dialog, .modal .timezone-modal.modal-dialog {
		width: 60vw !important;
	}
}

@media (max-width:1024px) {
	.modal .modal-dialog, .modal .timezone-modal.modal-dialog {
		max-height: 97vh;
	}
}


#sb_dialog {
	padding-right: 0px !important;
}

#footer .cookies .wrapper a.link {
	color: #ff7a93;
	padding: 12px 14px !important;
	display: inline-block;
	border: 1px solid #ff7a93;
	border-radius: 25px;
	margin-left: 10px;
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 19px;
}

#footer .cookies .wrapper .btn {
	background-color: #ffdd28;
	display: inline-block;
	color: #2e2e2e;
	margin-left: 10px;
	margin-right: 0px;
	font-size: 13px;
	padding: 12px 14px !important;
	line-height: 21px;
}

.sign_up_wrap:has(.alert-info) .form-group.password {
	display: none;
}

#sb_profile_form .form-group.password:has(input[type="password"][value=""]) {
	#display: none;
}

#client-profile-preview .section-pd .bar-with-btn .btn {
	margin: 5px 0;
	background-color: #ffdd28;
}

#client-profile-edit .bar-with-btn .btn.btn-danger {
	color: #ff7a93;
	padding: 11px 23px;
	border: 1px solid #ff7a93;
}

#header .nav-wrapper .items-wrapper .login-container .full-info #sb_login_form .is-logged .bar-with-btn .sb-client-info-popup {
	background: #ffdd28;
	color: #2e2e2e !important;
}

#header .nav-wrapper .items-wrapper .login-container .full-info #sb_login_form .is-logged .bar-with-btn #sb_sign_out_btn {
	color: #ff7a93 !important;
	padding: 11px 23px !important;
	border: 1px solid #ff7a93 !important;
}

.btn:hover {
	box-shadow: 0 4px 4px rgba(0, 0, 0, .04), 0 8px 8px rgba(0, 0, 0, .04), 0 16px 16px rgba(0, 0, 0, .04) !important;
	transform: translateY(-2px) !important;
}

#header .nav-wrapper .items-wrapper .login-container .full-info #sb_login_form .not-logged .bar .txt .btn {
	background: #ffdd28 !important;
	color: #2e2e2e !important;
}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row .btn--sign-up {
	border: 2px solid #2e2e2e !important;
	color: #2e2e2e;
	background-color: #fff !important;
}

#sb_main #sb-main-container .brand a:not(.btn--secondary), #sb_main #sb-main-container .btn--action, .btn-bar__social-links .brand a:not(.btn--secondary), .btn-bar__social-links .btn--action {
	width: 60px;
	height: 60px;
	min-width: 60px;
}

#sb_main #sb-main-container .brand a:not(.btn--secondary).gl:after, #sb_main #sb-main-container .btn--action.gl:after, .btn-bar__social-links .brand a:not(.btn--secondary).gl:after, .btn-bar__social-links .btn--action.gl:after {
	width: 60px;
	height: 60px;
	font-size: 40px;
	line-height: 60px;
}

#sb_main #sb-main-container .brand a:not(.btn--secondary).fb:after, #sb_main #sb-main-container .btn--action.fb:after, .btn-bar__social-links .brand a:not(.btn--secondary).fb:after, .btn-bar__social-links .btn--action.fb:after {
	width: 60px;
	height: 60px;
	font-size: 40px;
	line-height: 60px;
}

#sb-main-container #header .nav-wrapper .items-wrapper .nav-item .login-container .full-info #sb_login_form .not-logged .bar .txt .remind-pass {
	font-weight: bold;
	text-decoration: underline;
}

.invoice-notification--content .title--h5 {
	font-size: 18px;
	margin: 0 0 8px;
	font-weight: bold;
}

.invoice-notification--content .p {
	font-size: 14px;
	padding: 0;
	margin: 0 0 16px;
	line-height: 1.3;
	font-weight: bold;
}

:root {
	--mdc-theme-on-primary: #2e2e2e;
	--mdc-theme-primary: #2e2e2e;
}

.social .mdc-button__social {
	color: #2e2e2e !important;
}

.social .mdc-button__social.fb svg {
	display: block;
}

.social .mdc-button__social.gl svg {
	display: block;
}

.bottom-navigation__list {
	padding: 0 0 15px 0;
}

:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:after, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
	background-color: #ffdd28 !important;
}

.bottom-navigation .mdc-list-item .material-icons {
	display: none;
}

.pwa-app__bottom-nav {
	background-color: #ffdd28;
}

.pwa-app__float-button {
	bottom: 118px;
}

.mdc-tab__ripple {
	color: #2e2e2e !important;
}

.pwa-app__tabs .mdc-tab .mdc-tab__content, .pwa-app__tabs .mdc-tab .mdc-tab__content .mdc-tab__text-label {
	color: #2e2e2e !important;
}

.pwa-app__tabs .mdc-tab {
	color: #2e2e2e !important;
	border-bottom: 1ps solid #2e2e2e !important;
}

.mdc-top-app-bar {
	background-color: #ffffff !important;
	color: #2e2e2e !important;
}

.mdc-drawer .material-icons {
	display: none;
}

.dashboard__company-info__btn-bar {
	margin-left: 0;
}

.dashboard__booking-header--btn-bar .mdc-button {
	padding-left: 22px !important;
	padding-right: 22px !important;
	height: 45px !important;
}

.mdc-button {
	border-radius: 30px !important;
}

.mdc-button:not(:disabled) {
	background-color: #ffdd28 !important;
	color: #2e2e2e !important;
}

.pwa-app__sidebar .header__navigation-link--divider.with-text {
	height: 0px;
	overflow: hidden;
	padding: 0;
}

.modal.in .modal-dialog {
	background-color: #fff;
	border: 1px solid #2e2e2e;
}

.app-bar .container, .app-bar .container-fluid {
	background-color: #fff;
}

.pwa-app .header__menu-trigger {
	justify-content: center !important;
	height: 45px;
}

.pwa-app .header__client-panel .client-panel__item-cart .cart {
	justify-content: center !important;
	min-width: 45px;
	width: 45px;
	height: 45px;
}

.to-prev-step .mdc-button__cancel-booking, .to-prev-step .mdc-button__to-prev-step {
	justify-content: center !important;
	min-width: 45px;
	width: 45px;
	height: 45px;
	top: 15px;
}

.mdc-button__link {
	padding-left: 22px !important;
	padding-right: 22px !important;
	height: 45px !important;
	text-decoration: none;
}

.footer .scroll-top-button.show {
	left: auto !important;
	right: 15px;
	bottom: 100px;
}

.social .mdc-button__social.ig .mdc-button__ripple {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	cursor: pointer;
}

.pwa-app__booking-steps-nav .booking-steps-nav--item .title {
	color: #2e2e2e;
}

.step-content--dashboard .item__action-bar, .step-content .item__action-bar {
	position: relative;
	left: -3px;
}

#sb_time_slots_container .slot .sb-cell {
	color: #2e2e2e;
	border: 1px solid #ffdd28;
	background-color: #ffdd28;
}

.top-date-select__item .mdc-button {
	justify-content: center !important;
	min-width: 45px !important;
	width: 45px !important;
	height: 45px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.detail-step__item.right-side .detail-step__booking-info-list .mdc-button__read-more {
	justify-content: center !important;
	min-width: 45px !important;
	width: 45px !important;
	height: 45px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.top-date-select__calendar .weeks-date .date {
	margin: 1px;
}

.mdc-button--small {
	height: 45px !important;
}

.page-invoice-pay .to-invoices-list {
	justify-content: center !important;
	min-width: 45px;
	height: 45px;
	top: 15px;
}

.client-profile__form-btn--to-edit-profile {
	justify-content: center !important;
	min-width: 45px;
	width: 45px;
	height: 45px;
	top: 15px;
}

.page-content--company-terms .return-btn .btn--link {
	justify-content: center !important;
	min-width: 45px;
	width: 45px;
	height: 45px;
	top: 15px;
}

.pwa-app .header__content {
	height: 45px;
}

.pwa-app__header-title {
	top: 23px;
}

.page-content--clients-reg .clients-reg__company-card--title .title {
	font-family: 'Montserrat',sans-serif;
}

.mdc-button, .title, .step-content--dashboard .item__content .title, .step-content .item__content .title {
	font-family: 'Montserrat',sans-serif;
}

.mdc-text-field__input {
	font-family: 'Montserrat',sans-serif;
}

/*
================================================================================
Floating Liquid Glass Style for ".pwa-app__bottom-nav" Footer
VERSION 3.0 - WITH COMPANY BRANDING AND IMPROVED FONT SIZE
================================================================================
- Active item highlight color: #ffdd28
- Text/Icon color: #2e2e2e
- Increased font size for readability
*/

/* --- 1. Main Container: .pwa-app__bottom-nav ---
Resets all positioning, background, and box model properties before applying the glass effect.
*/
.pwa-app__bottom-nav {
	/* --- RESET --- */
	all: initial;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	transform: none !important;
	transition: none !important;
	
	/* --- APPLY NEW STYLES --- */
	position: fixed !important;
	bottom: calc(15px + env(safe-area-inset-bottom)) !important;
	left: 20px !important;
	right: 20px !important;
	height: 65px !important;
	
	background-color: rgba(255, 255, 255, 0.15) !important; /* Slightly more opaque white */
	-webkit-backdrop-filter: blur(18px) saturate(180%) !important;
	backdrop-filter: blur(18px) saturate(180%) !important;

	border-radius: 30px !important;
	border: 1px solid rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15) !important;
	
	display: block !important;
	z-index: 1000 !important;
}

/* --- 2. Inner Wrappers and List Containers ---
Ensures the inner layout elements are plain and fill the new container.
*/
.pwa-app__bottom-nav .bottom-navigation,
.pwa-app__bottom-nav .bottom-navigation__list-wrapper,
.pwa-app__bottom-nav .bottom-navigation__list-wrapper > div {
	all: initial;
	display: block !important;
	height: 100% !important;
	width: 100% !important;
}

.bottom-navigation__list {
	all: initial;
	list-style: none !important;
	display: flex !important;
	justify-content: space-around !important;
	align-items: center !important;
	height: 100% !important;
	width: 100% !important;
}

/* --- 3. Individual Menu Items (<li>) ---
Resets any specific list-item styles.
*/
.bottom-navigation__list .header__navigation-item {
	all: initial;
	display: flex !important;
	flex: 1 !important;
	justify-content: center !important;
	align-items: center !important;
	height: 100% !important;
}

/* --- 4. Clickable Links (<a>) - DEFAULT STATE ---
This is the default style for all non-active menu items.
*/
.bottom-navigation__list .header__navigation-item a.mdc-list-item {
	all: initial;
	text-decoration: none !important;
	text-transform: none !important;
	font-weight: normal !important;
	color: inherit !important;
	border-radius: 0 !important;

	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 3px !important; /* Slightly increased gap for new font size */
	height: 100% !important;
	width: 100% !important;
	padding: 5px 0 !important;
	transition: all 0.2s ease !important;
}

/* --- 5. Icon (<i>) and Text (<span>) - DEFAULT STATE ---
Sets the new text color and increased font size.
*/
.bottom-navigation__list .header__navigation-item .mdc-list-item__text {
	all: initial;
	/* UPDATED COLOR */
	color: #2e2e2e !important;
	font-family: 'Montserrat',sans-serif !important;
	display: block !important;
}

.bottom-navigation__list .header__navigation-item .mdc-list-item__text {
	/* UPDATED FONT SIZE */
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
}


/* --- 6. Active State Styling --- 
This creates the yellow "pill" highlight for the selected item.
*/
.bottom-navigation__list .header__navigation-item.active a.mdc-list-item {
	/* Shrink to fit content and apply pill style */
	height: auto !important;
	width: auto !important;
	
	/* UPDATED HIGHLIGHT COLOR */
	background-color: #ffdd28 !important;
	
	border-radius: 20px !important;
	padding: 14px 18px !important;
}

/* The text/icon inside the active pill remains dark for contrast */
.bottom-navigation__list .header__navigation-item.active .mdc-list-item__text {
	color: #2e2e2e !important;
	font-weight: 700 !important; /* Make it bold for extra emphasis */
}


/* --- 7. Hide Ripple Effect & Fallback --- */
.bottom-navigation__list .mdc-list-item__ripple {
	display: none !important;
}

.hidden {
	display: none !important;
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.pwa-app__bottom-nav {
		background-color: rgba(240, 240, 240, 0.95) !important;
	}
}

.modal.card--option-bar__cover {
	z-index: 9999;
	background-color: rgba(46,46,46,0.5);
}

.cookies {
	display: none;
	background-color: rgb(248, 248, 248, 40%);
	padding: 20px;
	border: 0.5px solid #2e2e2e;
}

.cookies .text {
	margin-top: 10px;
	margin-bottom: 20px;
}

.cookies .text a {
	color: #2e2e2e;
	text-decoration: underline;
}

#footer .cookies .wrapper .btn {
	border-radius: 25px;
}

.pwa-app__booking-steps-nav .booking-steps-nav--item .content {
	color: #2e2e2e;
}

#sb_cart_popup {
	z-index: 9999;
}

.full-info--cart {
	z-index: 9999;
}

.modal {
	z-index: 99999;
}

.full-info--cart_bookings .full-info--cart_list .full-info--cart_item-service .full-info--cart_item-included-products .accordion .title {
	color: #2e2e2e;
}

.sb-empty-block {
	display: none !important;
}

#sb_cart_multiple_bookings #sb_multiple_booking_list:empty::before {
	content: "Your Bark & Beauty booking cart is currently empty 🐾";
	display: block;
	padding: 107px 20px;
	/* background-color: #fdf7e2; */
	/* border: 2px dashed #ffdd28; */
	text-align: center;
	font-family: 'Montserrat',sans-serif !important;
	font-size: 18px;
	color: #2e2e2e;
	margin-bottom: 20px;
}

.header__navigation-item.menu-item.sign_out {
	display: none;
}

.client-profile-edit__form-btn--save {
	top: 15px !important;
	min-width: 65px;
	height: 45px;
	justify-content: center !important;
}

.client-profile-edit__form-btn--cancel {
	top: 15px !important;
	min-width: 45px;
	width: 45px;
	height: 45px;
	justify-content: center !important;
}

#sb_user_terms_link {
	color: #2e2e2e;
	text-decoration: underline;
}

#sb_privacy_policy_link {
	color: #2e2e2e;
	text-decoration: underline;
}

#sb_cancellation_terms_link {
	color: #2e2e2e;
	text-decoration: underline;
}

.input-container--checkbox .control-label {
	color: #2e2e2e;
}

.is_sms_unsubscribed {
	display: none !important;
}

.is_email_unsubscribed {
	display: none !important;
}

.mdc-text-field.phone .mdc-floating-label {
	
}

.index__item .mdc-card__actions--button__short .hidden {
	display: block !important;
}

.tab.tab-col .full-info .img-full img, .tab_provider-col .full-info .img-full img {
	width: 100%;
	border-radius: 3px 3px 0 0;
	max-height: 70vh;
	object-fit: cover;
}

.client-preview-dialog {
	max-width: 500px !important;
}

.invoice-buttons-container > div .btn, .invoice-buttons-container > div .btn .txt {
	color: #2e2e2e !important;
}

#sb-main-container #main #main-buttons {
	margin-bottom: 20px;
}

.dashboard__company-info__picture {
	display: inline-block;
	text-align: center;
	min-width: 80px;
	width: 80px;
	height: 80px;
	margin-right: 20px;
	background-color: #ffdd28;
	border-radius: 50%;
}

.dashboard__company-info__picture img {
	width: 65px;
	height: 65px;
	position: relative;
	top: 9px;
	border-radius: 30% !important;
}

.alert {
	background-color: #ffdd28;
}

.sb-layout .promotion-list .promotion-item__tag .promo-label.amount {
	background-color: #ffdd28 !important;
	color: #2e2e2e !important;
	padding: 6px 14px !important;
}

.promotion-list .promotion-item .promo-label.amount:before {
	background-color: #ffdd28 !important;
}