/*
 * تنسيق الصفحة الرئيسية والأقسام (barq) — خصائص منطقية RTL، بلا نداءات خارجية.
 */

/* مسافات الأقسام */
.barq-section { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.barq-section > .wp-block-heading { margin-block-end: 1.75rem; }

/* ===== البطل ===== */
.barq-hero-split {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}
@media (max-width: 860px) { .barq-hero-split { grid-template-columns: 1fr; } }

.barq-hero-split h1 { line-height: 1.15; margin-block: 0 0.75rem; }
.barq-hero-split .wp-block-buttons { margin-block-start: 1.5rem; }

/* بطاقة البحث السريع */
.barq-hero-card {
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #e2e6ec);
	border-radius: 18px;
	padding: clamp(1.25rem, 3vw, 1.9rem);
	box-shadow: 0 12px 40px rgba(11, 125, 90, .10);
}
.barq-hero-card__title { font-weight: 700; font-size: 1.05rem; margin-block: 0 0.9rem; }

.barq-hero-search { display: flex; flex-direction: column; gap: 0.7rem; }
.barq-hero-search input[type="search"] {
	inline-size: 100%;
	padding: 0.8rem 1rem;
	border: 1px solid var(--wp--preset--color--border, #e2e6ec);
	border-radius: 12px;
	background: var(--wp--preset--color--surface, #f6f7f9);
	font: inherit; color: inherit;
}
.barq-hero-search input[type="search"]:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wp--preset--color--primary, #0b7d5a) 35%, transparent);
	outline-offset: 1px;
}
.barq-hero-search button {
	padding: 0.8rem 1rem;
	border: none; border-radius: 12px; cursor: pointer;
	background: var(--wp--preset--color--primary, #0b7d5a);
	color: #fff; font: inherit; font-weight: 700;
}
.barq-hero-search button:hover { background: var(--wp--preset--color--primary-hover, #075e44); }

/* رقائق المدن السريعة */
.barq-hero-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-block-start: 0.9rem; }
.barq-hero-chips a {
	text-decoration: none; font-size: 0.85rem;
	padding: 0.35rem 0.8rem; border-radius: 999px;
	border: 1px solid var(--wp--preset--color--border, #e2e6ec);
	color: var(--wp--preset--color--muted, #5b6472);
	background: var(--wp--preset--color--base, #fff);
}
.barq-hero-chips a:hover {
	border-color: var(--wp--preset--color--primary, #0b7d5a);
	color: var(--wp--preset--color--primary, #0b7d5a);
}

/* شريط ثقة صغير تحت الأزرار */
.barq-hero-trust { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-block-start: 1.5rem; color: var(--wp--preset--color--muted, #5b6472); font-size: 0.9rem; }
.barq-hero-trust span { display: inline-flex; align-items: center; gap: 0.4rem; }
.barq-hero-trust strong { color: var(--wp--preset--color--primary, #0b7d5a); }

/* شبكة بطاقات الوظائف — تحسينات بصرية */
.barq-card { transition: transform .15s ease, box-shadow .15s ease; }
.barq-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.barq-card__meta { gap: 0.6rem; color: var(--wp--preset--color--muted, #5b6472); font-size: 0.85rem; padding-inline: 1rem; }
.barq-card__meta .wp-block-post-terms { margin: 0; }
.barq-card__meta .wp-block-post-terms a { text-decoration: none; }
.barq-card__foot { padding: 0.4rem 1rem 1rem; color: var(--wp--preset--color--muted, #5b6472); }

/* رقائق الفئات في القسم */
.barq-cats { display: flex; flex-wrap: wrap; gap: 0.7rem; justify-content: center; }
.barq-cats .wp-block-button__link { border-radius: 999px; }

/* ===== فوتر عصري مدمج ===== */
.barq-footer {
	background: #0f1720;
	color: #cbd3dd;
	border-block-start: 3px solid var(--wp--preset--color--primary, #0b7d5a);
}
.barq-footer a { color: #cbd3dd; text-decoration: none; }
.barq-footer a:hover { color: #fff; }
.barq-footer__grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1.3fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	max-inline-size: 1200px;
	margin-inline: auto;
	padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem) 1.5rem;
}
@media (max-width: 860px) { .barq-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .barq-footer__grid { grid-template-columns: 1fr; } }

.barq-footer__brand { font-size: 1.35rem; font-weight: 800; color: #fff; margin-block: 0 0.6rem; }
.barq-footer p { margin: 0; line-height: 1.9; font-size: 0.92rem; color: #94a0ad; }
.barq-footer h3 { color: #fff; font-size: 0.95rem; font-weight: 700; margin-block: 0 0.9rem; }
.barq-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; font-size: 0.9rem; }

.barq-footer__cta {
	display: inline-block; margin-block-start: 0.9rem;
	background: var(--wp--preset--color--primary, #0b7d5a); color: #fff !important;
	padding: 0.6rem 1.2rem; border-radius: 10px; font-weight: 700; font-size: 0.9rem;
}
.barq-footer__cta:hover { background: var(--wp--preset--color--primary-hover, #075e44); color: #fff !important; }

.barq-footer__bar {
	border-block-start: 1px solid rgba(255,255,255,.08);
	padding: 1rem; text-align: center; font-size: 0.82rem; color: #7d8894;
}

/* ===== إنعاش الهيدر ===== */
.barq-header--solid { position: sticky; inset-block-start: 0; box-shadow: 0 1px 0 rgba(0,0,0,.02); }
.barq-header--solid { backdrop-filter: none; }
.barq-menu--underline .wp-block-navigation-item__content:hover,
.barq-menu--underline .current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary, #0b7d5a);
	border-block-end-color: var(--wp--preset--color--primary, #0b7d5a);
}
