/*
 *
 *		PAGES-STYLE.CSS
 *
 *	+ PAGE WRAPPER
 *	+ HEADER TOP
 *	+ HEADER
 *	 - LOGO
 *	 - MENU
 *	 - MOBILE MENU
 *	 - STICKY
 *	+ PAGE CONTENT
 *	 - PAGE HEADER
 *	+ FOOTER
 *	 - FOOTER
 *	 - FOOTER BOTTOM
 *  + PAGES
 *	 - HOME
 *	 - ABOUT
 *	 - SERVICES
 *	 - PORTFOLIO
 *	 - BLOG
 *	 - CONTACT
 *	 - SHORTCODES
 */

/***********************************************************************************
 *	+ PAGE WRAPPER
 ***********************************************************************************/

 	#main-container {
		overflow: hidden;
		background-color: #fff;
	}

	.boxed {
		background: #fff repeat top left;
	}

	.boxed #main-container {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		box-shadow: 0 0 5px #737373;
	}

	.boxed #header-sticky {
		max-width: 1200px;
	}

	@media (min-width: 1400px) {

		.boxed #main-container,
		.boxed #header-sticky {
			max-width: 1350px;
		}

	}


	.overlay-banner {
		background-color: #009ade !important;
		height: 100%;
		opacity: .7;
		margin-top: 0;
		top: 0;
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 2;
		width: 100%;
		font-weight: 700;
		min-height: 260px;
		padding-top: 5px;
		color: #fff;
		font-family: Raleway, sans-serif;
	}

	.woocommerce-products-header{
		margin-top: 70px;
	}

	.shop-toolbar select {
		width: 100%;
		padding: 8px 12px;
		font-size: 1rem;
		border-radius: 6px;
		border: 1px solid #ccc;
		background-color: #f0f8fc;
		box-sizing: border-box;
		margin-bottom: 12px;
	}

	.shop-toolbar {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: flex-end;
	}

	.woocommerce ul.products li.product a img {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 0 1em;
		box-shadow: none;
	}

	ul.products li.product {
		width: 250px;
		height: 420px;
		border: 1px solid #ddd;
		padding: 15px !important;
		margin: 0;
		background: #fff;
		text-align: center;
		transition: box-shadow 0.3s ease;
		border-radius: 10px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
	}

	ul.products li.product a.button:hover {
		background-color: #005177;
	}

	ul.products li.product a.button {
		display: inline-block;
		margin-top: 10px;
		padding: 8px 15px;
		background-color: #0073aa;
		color: #fff !important;
		border: none;
		border-radius: 5px;
		text-decoration: none;
		transition: background-color 0.3s
		ease;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		color: #04142b;
		font-weight: 500;
	}

	.entry-content .product_meta a {
		padding: 5px 8px !important;
	}

	.woocommerce-product-gallery .flex-viewport {
		margin-top: 5px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
	}

	/* Hide add to cart button only on shop and archive pages */
	.woocommerce.archive .add_to_cart_button {
		display: none !important;
	}

	table tbody > tr:nth-child(odd) > td,
	table tbody > tr:nth-child(odd) > th {
		background-color: transparent !important;
	}

	.entry-content .product_meta a {
		padding: 5px 8px !important;
	}

	.product_meta a {
		background-color: #6ec1e4;
		padding: 10px 11px 11px 14px;
		color: #fff;
		border-radius: 5px;
		font-size: 18px;
	}

	.single_add_to_cart_button{
		display:none;
	}

	.stock.out-of-stock, .stock.in-stock {
		display: inline-block;
		background-color: #6ec1e4;
		color: #fff !important;
		padding: 5px 12px;
		border-radius: 6px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		border: none;
		cursor: default;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}

	.entry-content a {
		background-color: #6ec1e4;
		padding: 12px 27px 15px 27px;
		color: #fff;
		border-radius: 5px;
		font-size: 18px;
	}

	.woocommerce-product-gallery__wrapper{
		background-color: #6ec1e4;
		padding: 12px 27px 15px 27px;
		color: #fff;
		border-radius: 5px;
		font-size: 18px;
	}

	.product, .type-product {
		margin-top: 100px; /* adds space from the top (menu) */
	}

	.value a{
		background-color: #6ec1e4;
		padding: 10px 11px 11px 14px;
		color: #fff;
		border-radius: 5px;
		font-size: 18px;
	}

	.woocommerce div.product form.cart .reset_variations {
		visibility: hidden;
		font-size: .83em;
	}

	a.reset_variations {
		padding: 4px 6px !important;
	}

	.product_meta span {
		display: block;
		margin-top: 18px; /* optional spacing between lines */
	}

	.product_meta .meta_item {
		margin-bottom: 5px; /* space between lines */
		line-height: 1.5;
	}

	.product_meta .meta_item a {
		background-color: #82c7f5; /* match your image highlight */
		color: #fff;
		padding: 2px 4px;
		text-decoration: none;
		border-radius: 3px;
	}

	span.sku_wrapper {
		margin-bottom: 1em !important;
		text-transform: uppercase !important;
	}

	.product_meta .sku_wrapper {
		display: inline;       /* Keep label and value inline */
		white-space: nowrap;   /* Prevent wrapping to next line */
	}

	.product_meta .sku_wrapper .sku {
		display: inline;       /* Ensure the SKU value is inline */
		margin-left: 5px;      /* Optional spacing between label and value */
	}

	.related.products ul.products li.product {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}

	.related.products ul.products li.product .woocommerce-Price-amount,
	.related.products ul.products li.product .price {
		margin-bottom: 10px; /* Add spacing between price and button */
	}

	.related.products ul.products li.product .button {
		display: block;
		text-align: center;
		margin-top: auto; /* Ensure button is visible at bottom */
	}

	/* Common banner styles */
	.full-width-inner-banner {
		position: relative;
		width: 100%;
		margin-top: 110px;
		overflow: hidden;
	}

	.custom-fullwidth-banner img {
		width: 100%;
		height: 250px !important; /* Adjust height as needed */
		object-fit: cover; /* Ensures image scales nicely */
	}

	/* Banner container */
	.full-width-inner-banner {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.custom-fullwidth-banner img {
		width: 100%;
		height: 250px; /* Limit banner height */
		object-fit: cover;
	}

	.overlay-banner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4); /* dark overlay */
	}

	/* Search form styling inside banner */
	.form-container {
		position: absolute;
		top: 50%;
		left: 80%;
		transform: translate(-50%, -50%);
		z-index: 2;
		text-align: center;
	}

	.search-form {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fff;
		border-radius: 25px;
		padding: 5px 15px;
		max-width: 350px;
		margin: 0 auto;
	}

	.search-label {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.search-field {
		width: 500px;
		max-width: 90%;
		padding: 14px 20px;
		font-size: 18px;
		border-radius: 30px;
		border: 2px solid #ccc;
		outline: none;
		transition: all 0.3s ease;
	}

	.search-icon {
		margin-left: 8px;
	}

	.search-icon img {
		width: 20px;
		height: 20px;
	}

	input[type="search"] {
		border: 0px !important;
	}
	@media (max-width: 600px) {
		.custom-fullwidth-banner img {
			height: 180px;
		}
		.search-form {
			max-width: 280px;
		}
	}