/*
Theme Name:   Astra Child
Template:     astra
*/

:root{
	/* Elementor globals */
	--e-global-color-primary:   #686C6E;
	--e-global-color-secondary: #0E542F;
	--e-global-color-text:      #222222;
	--e-global-color-accent:    #686C6E;

	/* مساعدة */
	--surface-2:   #e9eef0;
	--border:      #757575;
	--placeholder: #757575;
	--color-primary-hover: #06373C;
}

/* ========== 1) Fonts ========== */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

.cairo-<uniquifier> {
	font-family: "Cairo", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings:
		"slnt" 0;
}

@font-face {
    font-family: 'Hacen Saudi Arabia';
    src: url('fonts/HacenSaudiArabia.woff2') format('woff2');
    font-display: swap;
}

.hacen {
	font-family: "Hacen Saudi Arabia", -apple-system, "Segoe UI", Tahoma, sans-serif;
}

/* ========== 2) Typography ========== */
body, button, input, select, textarea{
	/*font-family: "Cairo", -apple-system, "Segoe UI", Tahoma, sans-serif;*/
	font-family: "Cairo", sans-serif;
}
body.rtl, .rtl button, .rtl input, .rtl textarea{
	/*font-family: "Cairo", -apple-system, "Segoe UI", Tahoma, sans-serif;*/
	font-family: "Cairo", sans-serif;
}

/* ========== 3) Links & Focus ========== */
a, a:visited{ text-decoration: none; }
a:hover{ text-decoration: none; }
/* نستخدم focus-visible بدون إلغاء focus العام */
:focus-visible{
	outline: 3px solid var(--e-global-color-accent);
	outline-offset: 2px;
}

/* ========== 4) Scrollbar (WebKit + Firefox) ========== */
*{
	scrollbar-width: thin; /* Firefox */
	scrollbar-color: var(--e-global-color-primary) var(--surface-2);
}
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{
	background: var(--surface-2);
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb{
	background: var(--e-global-color-primary);
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{ background: var(--color-primary-hover); }

/* ========== 5) Contact Form 7 ========== */
.wpcf7 input.wpcf7-form-control:not([type=submit]),
.wpcf7 textarea.wpcf7-form-control{
	padding: 20px 17px;
	background: transparent;
	color: #757575;
	border: 1px solid var(--border);
	border-radius: 0;
	font-size: 12px;
}
.wpcf7 textarea.wpcf7-form-control {
	height: 110px !important;
	resize: vertical;
}
.wpcf7 form p{ margin-bottom: 10px; }
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder{ color: var(--placeholder); opacity: 1; }

.wpcf7 input.wpcf7-form-control:not([type=submit]):focus,
.wpcf7 textarea.wpcf7-form-control:focus{
	border-color: var(--border);
	outline: none;
}
.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 0;
}
.rtl input.wpcf7-form-control.wpcf7-tel {
    text-align: right;
}
.wpcf7 form input[type="submit"] {
	appearance: none;
	border: 1px solid var(--e-global-color-primary) !important;
	background: #0D0D0D !important;
	/* color: var(--e-global-color-secondary) !important; */
	padding: 14px 48px;
	border-radius: 0;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .2s ease, transform .05s ease, box-shadow .2s ease;
}

.wpcf7 form input[type="submit"]:hover{
	background: var(--e-global-color-secondary) !important;
	color: #fff !important;
}

.wpcf7 form input[type="submit"]:focus-visible{
	outline: none;
	box-shadow: 0 0 0 3px rgba(60,181,86,.25);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--e-global-color-secondary) 25%, transparent);
}

.wpcf7 form input[type="submit"]:active{ transform: translateY(1px); }

.wpcf7 form input[type="submit"][disabled]{
	opacity: .6;
	cursor: not-allowed;
}

span.wpcf7-spinner {
	position: absolute;
	right: 50%;
}

/* ========== 6) عامة ========== */
input#submit{ color: #fff; }

/* ========== 7) تدوينات ========== */
article .entry-meta{ display: none; }

/* ========== 8) عناوين/أرشيف ========== */
h1.page-title.ast-archive-title{ text-align: center; }

/* ========== 9) قوائم (Elementor/HFE) ========== */
.elementor-widget-navigation-menu
.hfe-nav-menu-layout:not(.hfe-pointer__framed)
.menu-item.parent a.hfe-menu-item:before,
.elementor-widget-navigation-menu
.hfe-nav-menu-layout:not(.hfe-pointer__framed)
.menu-item.parent a.hfe-menu-item:after{
	height: 1px;
	width: 50% !important;
	margin: 0 25%;
	background-color: var(--e-global-color-secondary);
}

/* ========== 10) Astra Container Spacing ========== */
.ast-separate-container #primary,
.ast-separate-container.ast-left-sidebar #primary,
.ast-separate-container.ast-right-sidebar #primary{
	margin: 1em 0;
	padding: 1em 0;
}

.gsb-buttons.left-side {
	left: 10px;
	bottom: 80px;
}