/* Tajawal (SIL Open Font License, see ../fonts/OFL.txt) */
@font-face { font-family: "Tajawal"; src: url("../fonts/Tajawal-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Tajawal"; src: url("../fonts/Tajawal-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Tajawal"; src: url("../fonts/Tajawal-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Tajawal"; src: url("../fonts/Tajawal-ExtraBold.ttf") format("truetype"); font-weight: 800; font-display: swap; }

/* Brand colours follow Elementor's global colours (set on body by the active kit). */
body {
	--moad-red: var(--e-global-color-primary, #A3161A);
	--moad-red-dark: var(--e-global-color-accent, #7D0F12);
	--moad-gold: var(--e-global-color-secondary, #C9A13B);
	--moad-gold-light: var(--e-global-color-goldlight, #F3E6C4);
	--moad-cream: var(--e-global-color-cream, #FBF7EE);
	--moad-ink: var(--e-global-color-text, #2B2118);
}

/* Announcement bar (Customizer → خيارات مدرسة معاذ → شريط الإعلانات) */
.moad-announcement {
	background: var(--moad-gold);
	color: var(--moad-ink);
	text-align: center;
	padding: 10px 16px;
	font-weight: 700;
	font-size: 15px;
}
.moad-announcement p { margin: 0; }
.moad-announcement a {
	display: inline-block;
	margin-inline-start: 10px;
	padding: 4px 16px;
	border-radius: 999px;
	background: var(--moad-red);
	color: #fff;
	text-decoration: none;
}
.moad-announcement a:hover { background: var(--moad-red-dark); color: #fff; }

body,
button,
input,
select,
textarea {
	font-family: "Tajawal", Tahoma, Arial, sans-serif;
	color: var(--moad-ink);
}

/* Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #E2D7BE;
	border-radius: 10px;
	background: #fff;
	font-size: 16px;
}
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	outline: 2px solid var(--moad-gold);
	border-color: var(--moad-gold);
}
.wpcf7 label { display: block; font-weight: 500; margin-bottom: 14px; }
.wpcf7 input[type="submit"] {
	background: var(--moad-red);
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 12px 36px;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--moad-red-dark); }
.moad-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 600px) { .moad-form-row { grid-template-columns: 1fr; } }