/*
Theme Name: AboutGTA6 Insider
Theme URI: https://aboutgta6.com
Author: AboutGTA6 Insider Team
Author URI: https://aboutgta6.com
Description: Custom dark cyberpunk theme for AboutGTA6 Insider - A premium gaming news portal for GTA 6 coverage.
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
Tags: dark, gaming, cyberpunk, news, magazine, elementor, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Text Domain: aboutgta6-insider
*/

/* Theme base styles - Full design handled by Elementor */

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

:root {
  --pink: #FF2D6B;
  --cyan: #00D4FF;
  --bg: #0A0A0F;
  --surface: #111118;
  --card: #1A1A28;
  --border: #2A2A42;
  --text: #FFFFFF;
  --text-sec: #E2E2F0;
  --muted: #9898B8;
  --grad: linear-gradient(135deg, #FF2D6B, #00D4FF);
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #0A0A0F;
  color: #FFFFFF;
  font-family: 'Barlow', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #111118; }
::-webkit-scrollbar-thumb { background: #FF2D6B; border-radius: 3px; }

/* WordPress core classes */
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: #9898B8; text-align: center; }
.sticky { position: relative; }
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.bypostauthor { display: block; }
img { max-width: 100%; height: auto; }
a { color: #00D4FF; text-decoration: none; }
a:hover { color: #FF2D6B; }

/* Remove default WP margins from Elementor pages */
.elementor-page .entry-content,
.elementor-page .entry-header,
.elementor-page #comments {
  display: none;
}