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

:root{
	/* Elementor globals */
	--e-global-color-primary:   #08454B;
	--e-global-color-secondary: #3CB556;
	--e-global-color-text:      #242424;
	--e-global-color-accent:    #08454B;

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

/* ========== 1) Fonts ========== */
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-UltraLight.woff2') format('woff2');
	font-weight: 200; font-style: normal; font-display: swap;
}
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Light.woff2') format('woff2');
	font-weight: 300; font-style: normal; font-display: swap;
}
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Regular.woff2') format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Medium.woff2') format('woff2');
	font-weight: 500; font-style: normal; font-display: swap;
}
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Bold.woff2') format('woff2');
	font-weight: 700; font-style: normal; font-display: swap;
}
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Heavy.woff2') format('woff2');
	font-weight: 800; font-style: normal; font-display: swap;
}
@font-face{
	font-family: 'DIN Next LT Arabic';
	src: url('fonts/DINNextLTArabic-Black.woff2') format('woff2');
	font-weight: 900; font-style: normal; font-display: swap;
}

/* ========== 2) Typography ========== */
body, button, input, select, textarea{
	font-family: "DIN Next LT Arabic", -apple-system, "Segoe UI", Tahoma, sans-serif;
	font-weight: 400;
	color: var(--e-global-color-text);
}
body.rtl, .rtl button, .rtl input, .rtl textarea{
	font-family: "DIN Next LT Arabic", -apple-system, "Segoe UI", Tahoma, 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: 16px 18px;
	background: #fff;
	color: var(--e-global-color-text);
	border: 1px solid var(--border);
	border-radius: 8px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.wpcf7 textarea.wpcf7-form-control{
	min-height: 180px; resize: vertical;
}
.wpcf7 form p{ margin-bottom: 12px; }
.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(--e-global-color-primary);
	box-shadow: 0 0 0 3px rgba(8,69,75,.15);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--e-global-color-primary) 15%, transparent);
	outline: none;
}

.wpcf7 form input[type="submit"]{
	appearance: none;
	border: 0 !important;
	background: var(--e-global-color-primary) !important;
	color: #fff !important;
	padding: 14px 48px;
	border-radius: 8px;
	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;
}