/*
Theme Name: Woodmart Child
Theme URI: https://woodmart.xtemos.com/
Description: Woodmart child theme - custom mobile bottom navbar styling.
Author:
Template: woodmart
Version: 1.0.0
Text Domain: woodmart-child
*/

/* ==========================================================================
   Mobile bottom navbar (.wd-toolbar)
   - black, 50% transparent background
   - rounded corners
   - floating above the bottom edge
   - white icons
   ========================================================================== */

.wd-toolbar {
	inset-inline: 16px !important;
	left: 16px !important;
	right: 16px !important;
	bottom: 24px !important;
	width: auto !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	border-radius: 999px !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.wd-toolbar > a,
.wd-toolbar > div,
.wd-toolbar > div a,
.wd-toolbar .wd-tools-icon,
.wd-toolbar .wd-toolbar-label {
	color: #fff !important;
}

/* keep floating navbar clear of page content / other fixed elements */
@media (max-width: 1024px) {
	.sticky-toolbar-on {
		padding-bottom: 90px;
	}

	.sticky-toolbar-on .wd-sticky-btn {
		bottom: 90px;
	}

	.sticky-toolbar-on .scrollToTop {
		bottom: 102px;
	}
}