/*
Theme Name: ForexReviewZone
Theme URI: https://forexreviewzone.com
Author: ForexReviewZone
Author URI: https://forexreviewzone.com
Description: A custom dark-mode FSE block theme for prop firm, broker, and trading tool reviews. Built for performance, SEO, and affiliate conversion.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: forexreviewzone
Tags: full-site-editing, block-themes, dark-mode, custom-colors, custom-logo, wide-blocks
*/

/* ================================================
   GLOBAL RESETS & BASE
   ================================================ */
*, *::before, *::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(72px + var(--wp-admin--admin-bar--height, 0px));
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-height: 100vh;
}

/* ================================================
   STICKY HEADER
   ================================================ */
.wp-block-template-part[data-slug="header"] {
	position: sticky;
	top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
	z-index: 100;
}

@media (max-width: 600px) {
	.wp-block-template-part[data-slug="header"] {
		top: 0;
	}
}

/* ================================================
   SELECTION
   ================================================ */
::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--white);
}

/* ================================================
   SCROLLBAR (dark theme)
   ================================================ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--wp--preset--color--background); }
::-webkit-scrollbar-thumb { background: var(--wp--preset--color--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--wp--preset--color--surface-alt); }

/* ================================================
   GLOBAL TRANSITIONS
   ================================================ */
a,
.wp-block-button__link,
.frz-entity-card,
.frz-post-card {
	transition: all var(--wp--custom--transition--base);
}

/* ================================================
   CARD HOVER LIFT
   ================================================ */
.frz-entity-card:hover,
.frz-post-card:hover {
	border-color: var(--wp--preset--color--accent) !important;
	box-shadow: var(--wp--preset--shadow--card-hover) !important;
	transform: translateY(-2px);
}

/* ================================================
   IMAGES
   ================================================ */
img {
	max-width: 100%;
	height: auto;
}

/* ================================================
   FOCUS STYLES (accessibility)
   ================================================ */
:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
	border-radius: 3px;
}

/* ================================================
   PROSE CONTENT (editor area)
   ================================================ */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	scroll-margin-top: calc(80px + var(--wp-admin--admin-bar--height, 0px));
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.5rem;
}

.entry-content li {
	margin-bottom: 0.375rem;
}

.entry-content blockquote {
	border-left: 3px solid var(--wp--preset--color--accent);
	padding-left: 1.25rem;
	margin-left: 0;
	color: var(--wp--preset--color--text-muted);
	font-style: italic;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	overflow-x: auto;
	display: block;
}

.entry-content th,
.entry-content td {
	padding: 0.75rem 1rem;
	text-align: left;
	border-bottom: 1px solid var(--wp--preset--color--border-subtle);
}

.entry-content th {
	background: var(--wp--preset--color--surface-alt);
	color: var(--wp--preset--color--text-primary);
	font-weight: 600;
}

.entry-content tr:nth-child(even) td {
	background: rgba(255,255,255,0.02);
}

/* ================================================
   RESPONSIVE BASE
   ================================================ */
@media (max-width: 781px) {
	.hide-on-mobile { display: none !important; }
}

@media (min-width: 782px) {
	.hide-on-desktop { display: none !important; }
}