/*!
Theme Name: AWS Student Builder Group
Theme URI: https://airuni.edu.pk
Author: AWS Student Builder Group
Author URI: https://airuni.edu.pk
Description: A modern, high-performance custom WordPress theme for AWS Student Builder Group at Air University Islamabad.
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aws-sbg-theme
Domain Path: /languages
*/

/* 
 * IMPORTANT: This theme uses:
 * 1. Tailwind CSS v4 (loaded from CDN in functions.php)
 * 2. Alpine.js v3 (loaded from CDN in functions.php)
 * 3. Custom base styles below for enhanced compatibility
 */

/* ============================================================================
   BASE STYLES
   ============================================================================ */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

body {
	background-color: #0a0a0a;
	color: #ffffff;
	line-height: 1.6;
}

/* Ensure images are responsive */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Links */
a {
	color: #ad5cff;
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover {
	color: #00ef88;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin: 1rem 0 0.5rem 0;
	font-weight: 700;
	line-height: 1.2;
	color: #ffffff;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

/* Paragraphs */
p {
	margin-bottom: 1rem;
	color: #d0d0d0;
}

/* Lists */
ul, ol {
	margin: 1rem 0;
	padding-left: 2rem;
}

li {
	margin: 0.5rem 0;
	color: #d0d0d0;
}

/* Code blocks */
code, pre {
	background-color: #1a1a1a;
	border-radius: 0.375rem;
	font-family: 'Fira Code', 'Courier New', monospace;
	overflow-x: auto;
}

code {
	padding: 0.25rem 0.5rem;
	color: #00ef88;
}

pre {
	padding: 1rem;
	margin: 1rem 0;
	border: 1px solid #333;
}

pre code {
	background-color: transparent;
	color: inherit;
	padding: 0;
}

/* Tables */
table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
}

th, td {
	padding: 0.75rem;
	border: 1px solid #333;
	text-align: left;
}

th {
	background-color: #1a1a2e;
	font-weight: 600;
}

/* Forms */
input, textarea, select {
	width: 100%;
	padding: 0.75rem;
	margin: 0.5rem 0;
	background-color: #1a1a1a;
	border: 1px solid #333;
	border-radius: 0.375rem;
	color: #ffffff;
	font-family: inherit;
	font-size: 1rem;
	transition: all 0.3s ease;
}

input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: #ad5cff;
	box-shadow: 0 0 0 3px rgba(173, 92, 255, 0.1);
}

button {
	cursor: pointer;
	transition: all 0.3s ease;
}

/* Scrollbar styling */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
	background: #ad5cff;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background: #00ef88;
}

/* Selection color */
::selection {
	background-color: #ad5cff;
	color: #ffffff;
}

::-moz-selection {
	background-color: #ad5cff;
	color: #ffffff;
}

/* Utility classes for WordPress */
.wp-block-image img {
	border-radius: 0.5rem;
}

.wp-block-quote {
	border-left: 4px solid #ad5cff;
	padding-left: 1rem;
	margin: 1rem 0;
	font-style: italic;
	color: #d0d0d0;
}

.wp-block-separator {
	background-color: #333;
	border: none;
	height: 1px;
	margin: 2rem 0;
}

/* Responsive utilities */
@media (max-width: 768px) {
	h1 { font-size: 1.875rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.25rem; }
}