/*
Theme Name: Mythology Slots Pro
Theme URI: https://mythologyslots.com
Author: MythologySlots Team
Author URI: https://mythologyslots.com
Description: High-end iGaming affiliate theme for slot reviews. Optimized for SEO, conversions, and PageSpeed 95+. Mobile-first, Tailwind-styled, zero bloat.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mythology-slots-pro
Tags: casino, igaming, affiliate, slots, seo-optimized
*/

/* ============================================
   CSS RESET & BASE STYLES
   ============================================ */

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

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.6;
	color: #1a202c;
	background: #ffffff;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s ease;
}

a:hover {
	opacity: 0.85;
}

/* In-content links (posts, slots, pages): visible as links */
.myth-slot-content a,
#myth-page-content a,
.entry-content a {
	color: #2563eb;
	text-decoration: underline;
	font-weight: 500;
}
.myth-slot-content a:hover,
#myth-page-content a:hover,
.entry-content a:hover {
	color: #1d4ed8;
}

button {
	cursor: pointer;
	border: none;
	background: none;
	font-family: inherit;
}

/* ============================================
   UTILITY CLASSES (Minimal)
   ============================================ */

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ============================================
   WORDPRESS CORE ALIGNMENT
   ============================================ */

.alignleft {
	float: left;
	margin-right: 1.5rem;
}

.alignright {
	float: right;
	margin-left: 1.5rem;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ============================================
   RESPONSIVE MEDIA QUERIES
   ============================================ */

@media (max-width: 768px) {
	html {
		font-size: 14px;
	}
	
	.container {
		padding: 0 0.75rem;
	}
}