/*
Theme Name: التاج FSE
Theme URI: https://eltedj.com/
Author: التاج
Description: قالب متجر عربي بنظام Full Site Editing ومتوافق مع WooCommerce Blocks.
Version: 1.0.4
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: eltedj-fse
Tags: block-patterns, block-styles, e-commerce, full-site-editing, rtl-language-support, wide-blocks
*/

html,
body {
	direction: rtl;
	text-align: right;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.wp-site-blocks {
	overflow: clip;
}

.wp-block-navigation,
.wp-block-search,
.woocommerce,
.wc-block-components-form {
	font-family: var(--wp--preset--font-family--primary);
}

.wp-block-search__inside-wrapper,
.wp-block-search__input,
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
	border-radius: var(--wp--custom--radius--medium);
}

.wp-element-button,
.wp-block-button__link,
.wc-block-components-button,
.wc-block-components-product-button__button,
.single_add_to_cart_button {
	border-radius: var(--wp--custom--radius--pill);
}

.wp-block-woocommerce-product-template .wp-block-group.has-surface-background-color {
	height: 100%;
}

.wp-block-woocommerce-product-template .wc-block-components-product-image img {
	border-radius: var(--wp--custom--radius--medium);
}

@media (max-width: 781px) {
	.eltedj-header-row {
		flex-wrap: wrap !important;
	}

	.eltedj-header-actions {
		width: 100%;
	}

	.eltedj-header-actions .wp-block-search {
		flex: 1;
	}
}

@media (max-width: 599px) {
	.wc-block-product-template__responsive.columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--small);
	}

	.wp-block-woocommerce-product-template .wp-block-group.has-surface-background-color {
		padding: var(--wp--preset--spacing--small) !important;
	}

	.wp-block-woocommerce-product-template .wp-block-post-title {
		font-size: var(--wp--preset--font-size--small) !important;
	}
}