/*********************************************************************************
/*
/* scuba-o-rings header
/*
/********************************************************************************/

.woocommerce-active .site-header .site-branding {
	min-width: 210px;
	padding-left: 20px;
}

.search-panel-container {
	display: none;
}

.site-header-cart .cart-contents {
	cursor: pointer;
	min-width: 120px;
}

/* mobile menu */

.handheld-navigation ul.menu li {
	padding-left: 15px;
}

.handheld-navigation .dropdown-toggle {
	border: none;
	outline: none;
}

.main-navigation ul.menu li.menu-separator,
.handheld-navigation ul.menu li.menu-separator {
	height: 1px;
	overflow: hidden;
    border-bottom: 1px solid #aaa;		
//	margin: 0 10px;
}

/* tablet screen */

@media (min-width: 768px) {

	.site-header {
		padding-top: 0;
		border: none;
		margin: 0 0 1em 0;	
		position: relative;	
	}

	.header-container {
		border-bottom: 1px solid #f0f0f0;
		display: flex;
		flex-wrap: wrap;
	}

	.woocommerce-active .site-header .site-branding,
	.woocommerce-active .site-header .site-header-cart,
	.woocommerce-active .site-header .site-search {
		margin: 0;
		padding: 0;	
		display: flex;
		align-items: center;
		justify-content: center;	
		clear: both;
		width: unset;	
	}

	.woocommerce-active .site-header .site-branding {
		flex: 0 0 50%;	
		padding-left: 20px;
		order: 1;
		justify-content: flex-start;
	}

	.woocommerce-active .site-header .main-navigation {
		margin: 0;
		padding: 0;	
		display: block;
		align-items: center;
		justify-content: center;	
		clear: both;
		width: auto;	
		flex: 1 1 100%;		
		text-align: center;
		order: 3;
	}

	.woocommerce-active .site-header .main-navigation .site-navigation {
	
	}

    .main-navigation ul.menu>li>a,
	.main-navigation ul.nav-menu>li>a {
        padding: 1em 0.5em;
    }

    .main-navigation ul.menu>li>a,
	.main-navigation ul.nav-menu>li>a {
        padding: 1em 1em;
    }

	.main-navigation ul.menu ul.sub-menu,
	.main-navigation ul.nav-menu ul.children {
		box-shadow: 0px 0px 10px rgba(20, 20, 20, 0.85);
        background-color: white;		
	}

	.woocommerce-active .site-header .header-widget-wrapper {
		display: flex;
		padding-right: 10px;
		justify-content: flex-end;
		flex: 0 0 50%;	
		order: 2;
	}

	.woocommerce-active .site-header .site-header-cart {
		width: unset;
		min-width: 140px;
	}

	.site-header-cart .cart-contents {
		padding: 1em 1em;	
	}

	.woocommerce-active .site-header .site-search {
		display: none;
		flex: 1 1 5%;
	}

	/* cart icon, instead of basket icon */

	.site-header-cart .cart-contents::after {
		position: relative;		/* required for the cart count badge positioning */
		content: "\f07a";
		font-family: FontAwesome;
		margin-left: 10px;
		font-size: 20px;
	}

	.site-header-cart .cart-badge {
		position: absolute;
		top: 7px; 
		right: 3px;
		background-color: var(--primary); 
		color: var(--background); 
		font-size: 14px; 				/* font size of the count */
		border-radius: 50%; 			/* makes the badge circular */
		padding: 2px 6px; 				/* pdding inside the badge */
		min-width: 18px; 				/* esures a minimum width for single-digit counts */
		text-align: center;
		line-height: 1.2; 				/* adjust for vertical alignment of text */
	}

	/* user account icon */

	.user-account {
		display: flex;
		align-items: center;
		justify-content: center;	
		margin: 0 10px;
		color: var(--text);	
	}

	.user-account::after {
		content: "\f007";
		font-family: FontAwesome;
		cursor: pointer;
		font-size: 20px;		
	}

	.user-account:hover {
		color: #747474;
	}

	/* search toggle */

	.search-toggle {
		display: flex;
		align-items: center;
		justify-content: center;	
		margin: 0 10px;
		color: var(--text);	
	}

	.search-toggle::after {
		content: "\f002";
		font-family: FontAwesome;
		cursor: pointer;	
		font-size: 20px;		
	}

	/* search panel */

	.search-panel-container {
		position: absolute;
		top: 0;
		left: 0;		
		width: 100%;
		height: 100%;
		background-color: white;
		display: none;
		z-index: 1;
		border-bottom: 1px solid #f0f0f0;
	}

	.search-panel {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.widget_search form:not(.wp-block-search)::before,
	.widget_product_search form:not(.wp-block-search)::before {
		top: 11px;
	}

	.search-panel .widget{
		background-color: white;
		width: 100%;	
	}

	.search-panel .widget form {
		margin: 0 20px;
		displaY: flex;
	}

	.search-panel .widget form input[type=search] {
		background-color: #ffffff;
	}

	.search-panel .cancel-search {
		margin-right: 20px;
		font-size: 20px;
	}

	.search-panel .cancel-search::after {
		content: "\f00d";
		font-family: FontAwesome;
		cursor: pointer;	
	}
}

@media (min-width: 1024px) {
	
	.header-container {
		flex-wrap: nowrap;
	}	
	
	.woocommerce-active .site-header .site-branding {
		order: 1;
		flex: 0 0 200px;
	}

	.woocommerce-active .site-header .main-navigation {
		order: 2;
		flex: 1 1 auto;	
	}

	.woocommerce-active .site-header .header-widget-wrapper {
		order: 3;
		flex: 0 0 210px;	
	}	
	
	
}