/*
Theme Name: ANSS Academy
Theme URI: https://www.anss.in
Author: ANSS Academy
Author URI: https://www.anss.in
Description: WordPress conversion of the ANSS Academy Blogger mock-test theme. Same layout, colours and features: logo header with menu, homepage hero with Login/Register buttons, clean post/test pages, login (phone) guard, test-result analytics and bookmarks saving, copy/devtools protection, pinch-zoom lock, app install notice, Android app popup and WebView scroll bar. Fully responsive. All settings are in Appearance > Customize > ANSS Academy.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anss
Tags: one-column, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* ===== Base (same as Blogger skin) ===== */
* {
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
	font-family: system-ui;
}

a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

img {
	max-width: 100%;
}

body {
	max-width: 600px;
	margin: auto;
}

div#main-area {
	padding: .5em;
	border-top: 7px solid #64017c;
}

div#Blog1 {
	padding: .5em;
	border-radius: 3px;
}

.hero-section {
	text-align: center;
	padding: 1em;
	position: relative;
}

.hero-section .Image .widget-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 1em;
}

.hero-section img {
	border-radius: 50%;
}

#LinkList1 > div {
	display: inline-grid;
	justify-content: center;
	background: #ea0001;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
	border: 1px solid #ea0001;
	grid-template-columns: 1fr 1fr;
	margin: 1em auto;
}

#LinkList1 a {
	padding: 10px;
	line-height: 1;
	font-size: large;
}

#LinkList1 a:last-child {
	background: #000;
	border-radius: 5px;
}

footer {
	text-align: center;
	position: relative;
	font-weight: 500;
	font-size: small;
	margin: 1em auto 0;
}

#header-section {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 1em;
	justify-content: space-between;
}

#header-section img {
	width: 180px;
}

#header-section h1 {
	font-size: 20px;
	color: #025bba;
	font-family: "Montserrat", sans-serif;
	white-space: nowrap;
}

nav a {
	padding: 5px 12px;
	line-height: 1.2;
	font-weight: 500;
	font-size: 14px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	background: #0044c2;
	color: #fff;
	background: linear-gradient(135deg, #00c6ff, #0072ff, #4facfe);
}

a.home-btn {
	padding: 5px 12px;
	line-height: 1;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid #ffffff;
	background: #e74c3c;
	color: #fff;
}

#add-widgets, #widget-section {
	position: relative;
	padding: 5px 12px;
}

#main-area ul, #main-area ol {
	margin-left: 2em;
}

@media only screen and (min-width: 601px) {
	body {
		zoom: unset;
		max-width: 100%;
	}
}

/* ===== Homepage green circle (Blogger: body:before on homepage) ===== */
body.anss-home:before {
	content: '';
	background: linear-gradient(163deg, #94f7a5, #f6fff8);
	width: 500px;
	height: 500px;
	display: block;
	border-radius: 50%;
	position: fixed;
	left: 35%;
	top: -12%;
}

/* ===== WordPress additions (keep the Blogger look, add responsiveness) ===== */
#header-section .widget { min-width: 0; }
#header-section nav.widget-content { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
#header-section .navbar-brand { display: inline-block; }
#header-section h1 { margin: .67em 0; }
#Blog1 img, #Blog1 video, #Blog1 iframe, #Blog1 embed, #Blog1 object { max-width: 100%; }
#Blog1 img { height: auto; }
#Blog1 iframe { border: 0; }
#Blog1 pre { white-space: pre-wrap; word-wrap: break-word; }
#Blog1 .wp-block-table, #Blog1 .table-responsive { overflow-x: auto; }
.entry-content { overflow-wrap: break-word; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption, .wp-block-image figcaption { max-width: 100%; font-size: small; text-align: center; }

/* Archive / search list (Blogger shows nothing here, WP shows a simple list) */
.anss-list { list-style: none; margin: 0 !important; padding: 0; }
.anss-list li { padding: 10px 4px; border-bottom: 1px solid #eee; }
.anss-list a { color: #025bba; font-weight: 500; }
.anss-list small { display: block; color: #777; margin-top: 3px; }
.anss-pagination { text-align: center; margin: 1em 0; }
.anss-pagination .page-numbers { display: inline-block; padding: 4px 10px; margin: 2px; border-radius: 5px; background: #f1f1f1; }
.anss-pagination .current { background: #0072ff; color: #fff; }
.anss-search-form { display: flex; gap: 6px; margin: 1em 0; }
.anss-search-form input[type=search] { flex: 1; padding: 8px; border: 1px solid #ccc; border-radius: 5px; min-width: 0; }
.anss-search-form button { padding: 8px 14px; border: 0; border-radius: 5px; color: #fff; background: linear-gradient(135deg, #00c6ff, #0072ff, #4facfe); }
#comments { margin-top: 2em; }

@media only screen and (max-width: 360px) {
	#header-section { padding: 7px .5em; }
	#header-section img { width: 150px; }
	#header-section h1 { font-size: 18px; }
	nav a { padding: 5px 9px; font-size: 13px; }
}

/* Keep the WP admin bar from covering the header for logged-in admins */
@media screen and (max-width: 600px) { html #wpadminbar { position: fixed; } }