/*
Theme Name: معاذ يوسف
Description: قالب فرعي لموقع moaazyousef.com مبني على Twenty Twenty-Five. يضم الهوية: خط Readex Pro، والألوان، والترويسة والتذييل، وأنماط الكتل الخاصة بالموقع.
Author: معاذ يوسف
Template: twentytwentyfive
Version: 1.0.3
Requires at least: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moaazyousef
*/

/* ========== عام ========== */

/* اسم بديل للون الحدود، لأكواد كُتبت قبل تغيير اسمه إلى line */
:root {
	--wp--preset--color--border: var(--wp--preset--color--line);
}

mark {
	background-color: var(--wp--preset--color--yellow);
	color: var(--wp--preset--color--black);
}

/* روابط التدوينات داخل النص تبقى مسطّرة لتُرى */
.single .wp-block-post-content :where(p, li) a {
	text-decoration: underline;
	text-underline-offset: .25em;
}

/* لا فراغ أبيض بين آخر قسم في الصفحة والتذييل الأسود */
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}

/* ========== الترويسة ========== */

.my-header {
	border-bottom: 1px solid #E6E6E6;
	padding-block: 20px;
}

.my-header .wp-block-site-logo img {
	display: block;
}

.my-header .wp-block-navigation-item__content {
	padding-block: 10px;
}

/* الصفحة الحالية: أزرق مع خط تحتها */
.my-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--blue);
	font-weight: 600;
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--blue);
}

/* ========== التذييل ========== */

.my-footer {
	background-color: var(--wp--preset--color--black);
	color: #BDBDBD;
	border-top: 1px solid #333333;
	padding-block: 28px;
	font-size: 14px;
	line-height: 1.8;
}

.my-footer p {
	margin: 0;
}

/* ========== أنماط الكتل ========== */

/* عنوان الصفحة: خط أصفر تحت العنوان */
.is-style-page-title {
	text-decoration-line: underline;
	text-decoration-color: var(--wp--preset--color--yellow);
	text-decoration-thickness: .38em;
	text-underline-offset: -.22em;
	text-decoration-skip-ink: none;
}

/* الجملة المرجعية فوق أقسام الرئيسية */
.is-style-kicker {
	font-size: 15px;
	line-height: 1.8;
	color: #767676;
}

.is-style-kicker mark {
	color: var(--wp--preset--color--black);
	padding: 0 4px;
}

/* اقتباس جانبي بخط أصفر (بوصلتي) */
.is-style-side-quote {
	border-inline-start: 4px solid var(--wp--preset--color--yellow);
	padding-inline-start: 16px;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	line-height: 1.9;
}

/* رابط انتقال: «… ← بوصلتي» */
.is-style-arrow-link a {
	display: inline;
	padding-bottom: 6px;
	line-height: 2.4;
	font-size: 17px;
	font-weight: 500;
	border-bottom: 2px solid currentColor;
}

/* بطاقة */
.is-style-card {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 4px;
	padding: 28px;
}

/* شريط شعارات موحّد بالرمادي */
.is-style-logo-strip img {
	filter: grayscale(1);
	opacity: .7;
}

/* أعمدة بفواصل: خط أسود أعلاها وفواصل رمادية بينها (أثر حقيقي) */
.wp-block-columns.is-style-dividers {
	border-top: 2px solid var(--wp--preset--color--black);
	gap: 0;
}

.is-style-dividers > .wp-block-column {
	padding: 32px;
}

.is-style-dividers > .wp-block-column:first-child {
	padding-inline-start: 0;
}

.is-style-dividers > .wp-block-column:last-child {
	padding-inline-end: 0;
}

.is-style-dividers > .wp-block-column:not(:last-child) {
	border-inline-end: 1px solid var(--wp--preset--color--line);
}

/* على الجوال: الأعمدة فوق بعضها، والفواصل أفقية */
@media (max-width: 781px) {
	.is-style-dividers > .wp-block-column {
		padding: 28px 0;
	}

	.is-style-dividers > .wp-block-column:not(:last-child) {
		border-inline-end: 0;
		border-bottom: 1px solid var(--wp--preset--color--line);
	}
}