/* =========================================================
   KASEB GLOBAL HEADER + CATALOG
   Clean version
   ========================================================= */


/* =========================================================
   HIDE ASTRA HEADER
   ========================================================= */

#masthead,
.site-header,
.ast-mobile-header-wrap,
.ast-primary-header-bar {
	display: none !important;
}


/* =========================================================
   KASEB PREMIUM HEADER
   ========================================================= */

#kaseb-premium-header {
	position: sticky;
	top: 0;
	z-index: 99999;

	width: 100%;
	box-sizing: border-box;

	background: #fffaf6;
	border-bottom: 1px solid rgba(116, 57, 29, .12);
	box-shadow: 0 8px 24px rgba(80, 45, 28, .08);
}

body.admin-bar #kaseb-premium-header {
	top: 32px;
}


/* =========================================================
   LOGO
   ========================================================= */

.kaseb-sticky-logo {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	padding: 2px 10px 1px;
	box-sizing: border-box;

	background: #fffaf6;
	overflow: hidden;
}

.kaseb-sticky-logo img {
	display: block;

	width: 165px;
	max-width: 60vw;
	height: auto;

	object-fit: contain;
	margin: 0 auto;

	transform: scale(1.10);
	transform-origin: center center;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.kaseb-nav-scroll {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;

	width: 100%;
	max-width: 700px;

	margin: 0 auto;
	padding: 6px 8px 10px;

	box-sizing: border-box;
	direction: rtl;
}

.kaseb-product-tab {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;

	width: 100%;
	min-height: 48px;

	padding: 10px 8px;
	box-sizing: border-box;

	border: 1px solid rgba(116, 57, 29, .18);
	border-radius: 999px;

	background: #fff;
	color: #69381f !important;

	font-size: 15px;
	font-weight: 700;
	line-height: 1;

	white-space: nowrap;
	text-decoration: none !important;

	transition:
		background .25s ease,
		color .25s ease,
		border-color .25s ease,
		box-shadow .25s ease,
		transform .25s ease;
}

.kaseb-product-tab:hover {
	color: #69381f !important;
	border-color: rgba(116, 57, 29, .32);
}

.kaseb-product-tab.is-active {
	background: linear-gradient(135deg, #633019, #7b4124);
	color: #fff !important;
	border-color: #69381f;
	box-shadow: 0 6px 16px rgba(105, 56, 31, .22);
	transform: translateY(-1px);
}


/* =========================================================
   COUNTERS
   ========================================================= */

.kaseb-section-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 22px;
	height: 22px;
	padding: 0 6px;

	border: 1px solid rgba(183, 135, 39, .35);
	border-radius: 999px;

	background: #f4eadf;
	color: #8b5b2d;

	font-size: 12px;
	font-weight: 800;
	line-height: 1;

	box-sizing: border-box;
}

.kaseb-product-tab.is-active .kaseb-section-count {
	background: #c79a4b;
	color: #fff;
	border-color: #c79a4b;
}


/* =========================================================
   CART TAB
   ========================================================= */

.kaseb-cart-tab {
	position: relative;
	color: #69381f !important;
	border-color: rgba(183, 135, 39, .58);
	background: #fffdf9;
}

.kaseb-cart-tab svg {
	width: 22px;
	height: 22px;
	stroke: currentColor;
}

.kaseb-cart-count {
	position: absolute;
	top: -6px;
	left: -4px;

	display: flex;
	align-items: center;
	justify-content: center;

	min-width: 20px;
	height: 20px;
	padding: 0 5px;

	border: 2px solid #fff;
	border-radius: 999px;

	background: #b78727;
	color: #fff;

	font-size: 11px;
	font-weight: 800;
	line-height: 1;

	box-sizing: border-box;
}


/* =========================================================
   PRODUCT GROUPS
   ========================================================= */

.kaseb-group-product {
	transition:
		box-shadow .28s ease,
		outline-color .28s ease,
		transform .28s ease;
}

.kaseb-group-product.kaseb-group-active {
	outline: 2px solid rgba(183, 135, 39, .42);
	outline-offset: -2px;
	box-shadow: 0 10px 30px rgba(105, 56, 31, .10);
	border-radius: 18px;
}

.kaseb-product-section-start {
	scroll-margin-top: 205px;
}


/* =========================================================
   KASEB PRODUCT TITLE
   ========================================================= */

.woocommerce ul.products li.product
h2.woocommerce-loop-product__title {
	display: block !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 18px 0 0 !important;
	padding: 0 16px !important;

	box-sizing: border-box !important;

	text-align: center !important;
	white-space: normal !important;
	overflow: visible !important;
}


/* =========================================================
   ARABIC TITLE
   ========================================================= */

.woocommerce ul.products li.product
h2.woocommerce-loop-product__title
.kaseb-title-ar {
	display: block !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 0 7px !important;
	padding: 0 !important;

	box-sizing: border-box !important;

	direction: rtl !important;
	text-align: center !important;

	color: #4b2414 !important;

	font-size: 30px !important;
	font-weight: 800 !important;
	line-height: 1.30 !important;

	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}


/* =========================================================
   ENGLISH TITLE
   ========================================================= */

.woocommerce ul.products li.product
h2.woocommerce-loop-product__title
.kaseb-title-en {
	display: block !important;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	box-sizing: border-box !important;

	direction: ltr !important;
	text-align: center !important;

	color: #b38b61 !important;

	font-size: 19px !important;
	font-weight: 600 !important;
	line-height: 1.30 !important;

	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}


/* =========================================================
   REMOVE ASTRA DUPLICATE TITLE
   ========================================================= */

.woocommerce ul.products li.product
.astra-shop-summary-wrap
h2.woocommerce-loop-product__title {
	display: none !important;
}


/* =========================================================
   HIDE ASTRA CATEGORY
   ========================================================= */

html body .woocommerce ul.products li.product
.astra-shop-summary-wrap
.ast-woo-product-category {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   THUMBNAIL WRAP
   Do not reserve extra space
   ========================================================= */

html body .woocommerce ul.products li.product
.astra-shop-thumbnail-wrap {
	height: auto !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding-bottom: 0 !important;

	flex: 0 0 auto !important;
	width: 100% !important;
}


/* =========================================================
   PRODUCT LINK
   ========================================================= */

html body .woocommerce ul.products li.product
.astra-shop-thumbnail-wrap
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	display: block !important;

	height: auto !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   ASTRA SUMMARY
   One single source of spacing
   ========================================================= */

html body .woocommerce ul.products li.product
div.astra-shop-summary-wrap {
	height: auto !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 18px 18px !important;

	box-sizing: border-box !important;
}


/* =========================================================
   PRICE
   ========================================================= */

html body .woocommerce ul.products li.product
div.astra-shop-summary-wrap
span.price {
	display: block !important;

	margin: 0 0 12px !important;
	padding: 0 !important;

	text-align: center !important;
}


/* Kaseb custom prices */

html body .woocommerce ul.products li.product
.kaseb-starting-price,
html body .woocommerce ul.products li.product
.kaseb-signature-price {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 782px) {

	body.admin-bar #kaseb-premium-header {
		top: 46px;
	}
}


@media (max-width: 767px) {

	.kaseb-sticky-logo {
		padding-top: 6px;
		padding-bottom: 2px;
	}

	.kaseb-sticky-logo img {
		width: 200px;
		max-width: 76vw;
		transform: scale(1.12);
	}

	.kaseb-nav-scroll {
		grid-template-columns: repeat(3, 1fr);
		gap: 7px;
		padding: 6px 6px 9px;
	}

	.kaseb-product-tab {
		min-height: 47px;
		padding: 9px 6px;
		font-size: 14px;
	}

	.kaseb-section-count {
		min-width: 20px;
		height: 20px;
		padding: 0 5px;
		font-size: 11px;
	}


	/* =====================================================
	   PRODUCT TITLE — MOBILE
	   ===================================================== */

	.woocommerce ul.products li.product
	h2.woocommerce-loop-product__title {
		margin: 14px 0 0 !important;
		padding: 0 12px !important;
	}

	.woocommerce ul.products li.product
	h2.woocommerce-loop-product__title
	.kaseb-title-ar {
		font-size: 34px !important;
		line-height: 1.28 !important;
	}

	.woocommerce ul.products li.product
	h2.woocommerce-loop-product__title
	.kaseb-title-en {
		font-size: 21px !important;
		line-height: 1.28 !important;

		margin: 0 !important;
		padding: 0 !important;
	}


	/* =====================================================
	   MOBILE — TITLE DIRECTLY TO SUMMARY
	   ===================================================== */

	html body .woocommerce ul.products li.product
	.astra-shop-thumbnail-wrap {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	html body .woocommerce ul.products li.product
	.astra-shop-thumbnail-wrap
	a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	html body .woocommerce ul.products li.product
	div.astra-shop-summary-wrap {
		margin-top: 0 !important;
		padding: 0 18px 18px !important;
	}


	/* =====================================================
	   MOBILE PRICE
	   ===================================================== */

	html body .woocommerce ul.products li.product
	div.astra-shop-summary-wrap
	span.price {
		margin: 0 0 12px !important;
		padding: 0 !important;
	}
}


/* =========================================================
   VERY SMALL MOBILE
   Header only — DO NOT override product title sizes
   ========================================================= */

@media (max-width: 390px) {

	.kaseb-sticky-logo img {
		width: 185px;
		max-width: 78vw;
	}

	.kaseb-product-tab {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 13px;
	}
}


/* =========================================================
   BUNDLE PLATE COUNT
   (3 أطباق) / (4 أطباق)
   ========================================================= */

.woocommerce ul.products li.product
.kaseb-title-count {
	display: block !important;

	width: 100% !important;

	margin-top: 2px !important;

	font-size: 0.82em !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;

	text-align: center !important;
	direction: rtl !important;

	white-space: nowrap !important;
}