/* ---------------------------------------------------------------
   Restoration refinements.
   The original Parabola design is preserved; the rules below only
   fix responsive overflow, image scaling and focus visibility.
   --------------------------------------------------------------- */

/* Never let content push the page sideways on small screens. */
html,
body { overflow-x: hidden; }

#content img,
.entry-content img,
.column-image img,
#slider img {
	max-width: 100%;
	height: auto;
}

/* Wide tables and code blocks scroll inside their own box. */
.entry-content table,
.entry-content pre {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

/* Galleries and floated figures stack cleanly on phones. */
@media (max-width: 650px) {
	.entry-content .alignleft,
	.entry-content .alignright,
	.entry-content .wp-block-image.alignleft,
	.entry-content .wp-block-image.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.entry-content .wp-block-columns { display: block; }

	#front-columns > div.ppcolumn {
		width: 100%;
		margin-right: 0;
	}
}

/* Visible keyboard focus, which the original theme leaves to the browser. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
#access ul li a:focus-visible {
	outline: 2px solid #E6AC27;
	outline-offset: 2px;
}

/* Contact form fields behave on narrow screens. */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	max-width: 100%;
	box-sizing: border-box;
}

/* Right-to-left reading for the Arabic page. */
.page-id-203 .entry-content,
.page-id-203 .entry-title {
	direction: rtl;
	text-align: right;
}