/*
Theme Name:   Store Child
Theme URI:    https://example.com
Description:  Arabic-first (RTL), mobile-first child theme of Kadence for the KSA dropshipping store.
Author:       Store
Template:     kadence
Version:      0.1.0
Text Domain:  store-child
*/

/*
 * Use logical properties (margin-inline-start, padding-inline-end, inset-inline-start…)
 * instead of left/right, so the same CSS works in RTL (Arabic) and LTR.
 */

:root {
	--store-accent: #0f766e;
	--store-accent-contrast: #ffffff;
	--store-radius: 10px;
	--store-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

body {
	font-family: var(--store-font);
}

/* ---------- Trust badges (product page + checkout) ---------- */
.store-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block: 1rem;
	padding: 0;
	list-style: none;
}

.store-trust li {
	flex: 1 1 45%;
	padding: 0.6rem 0.75rem;
	border: 1px solid #e5e7eb;
	border-radius: var(--store-radius);
	font-size: 0.9rem;
	background: #f9fafb;
}

/* ---------- Sticky add-to-cart on mobile ---------- */
@media (max-width: 768px) {
	.single-product form.cart .single_add_to_cart_button {
		position: sticky;
		inset-block-end: 0.75rem;
		width: 100%;
		z-index: 20;
	}
}

/* ---------- WhatsApp floating button ---------- */
.store-whatsapp {
	position: fixed;
	inset-block-end: 1rem;
	inset-inline-start: 1rem;
	z-index: 50;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.7rem 1rem;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.store-whatsapp:hover,
.store-whatsapp:focus {
	color: #fff;
	filter: brightness(0.95);
}