/*
Theme Name: VMPS Heritage
Theme URI: https://vidyamandirpublicschool.com/
Author: Verixo Media
Author URI: https://www.verixomediaa.com/
Description: Pixel-faithful WordPress theme for Vidya Mandir Public School, Faridabad. Converted from the VMPS Heritage web app: identical layout, typography, colour system, media and page structure, with editable pages, News & Events stories and working enquiry forms.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: vmps-heritage
Tags: education, school, custom-menu, custom-logo, full-width-template
*/

/* The visual design lives in assets/css/site.css (compiled Tailwind build of the
   original site). This file only carries the theme header plus small additions. */

/* Mobile navigation (the original drawer was React-driven). The visual styling
   comes from the same Tailwind classes the original drawer used; this only
   handles the open/closed state and the fade-in. */
.vmps-mobile-nav {
	position: fixed;
	inset: 0;
	z-index: 120;
	display: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.vmps-mobile-nav.is-open { display: block; animation: vmps-fade 0.2s ease-out; }
@keyframes vmps-fade { from { opacity: 0; } to { opacity: 1; } }

@media (min-width: 1024px) {
	.vmps-mobile-nav { display: none !important; }
}

/* Enquiry form feedback. */
.vmps-form-notice {
	margin: 0 auto 24px;
	border-left: 3px solid #9a7b3f;
	background: #faf6ee;
	padding: 14px 18px;
	font-size: 14px;
	color: #1c1c1c;
}
.vmps-form-notice--error {
	border-left-color: #9b1c1c;
	background: #fdf1f1;
	color: #7a1414;
}

/* Honeypot: off-screen but never display:none, so bots still fill it. */
.vmps-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Touch reliability: nothing decorative may swallow taps on mobile. */
.vmps-form button[type="submit"],
.vmps-form button[type="reset"] { position: relative; z-index: 1; }
.vmps-form button[type="submit"]:disabled { opacity: 0.65; cursor: progress; }
@media (max-width: 1023px) {
	header nav, header .hidden { pointer-events: none; }
	.vmps-mobile-nav, .vmps-mobile-nav * { pointer-events: auto; }
	header a[aria-label], header button[aria-label] { pointer-events: auto; }
}