/*
Theme Name: I Quest Classes
Theme URI: https://iquestclasses.in/
Author: I Quest Classes
Author URI: https://iquestclasses.in/
Description: The I Quest Classes website as a WordPress theme — Classes VI to XII, JEE and NEET in Sector 92, Noida. The design, the copy and the photography are the institute's own; this theme renders them with WordPress templates, so the header menu, the page bodies and the assets all come from the theme rather than from a page builder.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iquest
Tags: education, one-column, custom-menu, featured-images, full-width-template, translation-ready
*/

/*
 * This file is the second stylesheet the theme loads, after the design's own
 * compiled CSS in assets/_astro/iquest.css. It carries the header WordPress
 * requires and a small compatibility layer, and it is deliberately thin: the
 * design is not overridden here, only adjusted in the handful of places where
 * WordPress adds something the static site never had.
 *
 * Nothing in here restyles a component. Each rule says what it is for.
 */

/* ---------------------------------------------------------------------------
 * The admin bar.
 *
 * WordPress fixes the admin bar to the top of the viewport for signed-in
 * users and offsets the document by its height. The site header is sticky at
 * the top of the viewport, so without this it would slide under the admin bar
 * and hide the menu.
 * ------------------------------------------------------------------------- */
body.admin-bar .site-header {
	inset-block-start: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .site-header {
		inset-block-start: 46px;
	}
}

/* ---------------------------------------------------------------------------
 * The screen-reader utility WordPress itself looks for, mapped onto the
 * design's own .visually-hidden so the two never disagree.
 * ------------------------------------------------------------------------- */
.screen-reader-text,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.screen-reader-text:focus {
	position: absolute;
	z-index: 100000;
}

/* ---------------------------------------------------------------------------
 * Classic editor and block output.
 *
 * The page templates that render the_content() have to cope with whatever a
 * block editor or Elementor leaves behind: floated images, captions, tables,
 * galleries and the alignment classes. These rules only keep that content
 * inside the page width and readable — they do not touch the site's own
 * components, which never carry these classes.
 * ------------------------------------------------------------------------- */
.entry-content {
	max-width: 68ch;
}

.entry-content::after {
	content: "";
	display: table;
	clear: both;
}

.entry-content > * + * {
	margin-block-start: 1.25em;
}

.entry-content img {
	height: auto;
	max-width: 100%;
}

.entry-content .alignleft {
	float: left;
	margin: 0 1.5rem 1rem 0;
}

.entry-content .alignright {
	float: right;
	margin: 0 0 1rem 1.5rem;
}

.entry-content .aligncenter {
	display: block;
	margin-inline: auto;
}

.entry-content .wp-caption,
.entry-content figure {
	max-width: 100%;
}

.entry-content .wp-caption-text,
.entry-content figcaption {
	font-size: 0.875rem;
	opacity: 0.75;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
}

.entry-content th,
.entry-content td {
	padding: 0.5rem 0.75rem;
	border: 1px solid currentColor;
	text-align: start;
}

.entry-content blockquote {
	margin-inline: 0;
	padding-inline-start: 1.25rem;
	border-inline-start: 3px solid currentColor;
}

/* ---------------------------------------------------------------------------
 * The testimonial card's figure.
 *
 * WordPress's global styles reset every <figure> with
 * `:where(figure){margin:0 0 1em}`. Zero specificity still beats nothing, and
 * this is the one figure in the design that sets no margin of its own — every
 * other one does, and those rules win. Without this the testimonial card is
 * 16px taller on WordPress than in the static build, and the whole voices grid
 * grows with it. Scoped to the design's own class, so content written in the
 * editor keeps WordPress's own spacing.
 * ------------------------------------------------------------------------- */
.card--testimonial {
	margin: 0;
}

/* ---------------------------------------------------------------------------
 * The fallback templates.
 *
 * index.php, page.php, 404.php and search results render inside the site's own
 * section shell, which is a light background with the dark ink colour. These
 * two rules give that shell the vertical rhythm the design's sections have,
 * because there is no section component to carry it here.
 * ------------------------------------------------------------------------- */
.iquest-entry {
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

.iquest-entry__header {
	margin-block-end: 2rem;
}

.iquest-entry__meta {
	font-size: 0.875rem;
	opacity: 0.75;
}