/*
Theme Name: Harry Pattikawa Lite
Theme URI: https://harrypattikawa.com
Author: Fajar Siddik Sebastian / Antigravity Team
Author URI: https://harrypattikawa.com
Description: Premium Academic & Educational Business Valuation WordPress Block Theme for Harry Pattikawa, optimized for global regulatory compliance (including Australia ASIC & ESMA standards).
Version: 2.7.4
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
Text Domain: harry-pattikawa-lite
Tags: block-theme, full-site-editing, education, finance, dark-mode, custom-colors, custom-menu, template-editing

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Custom CSS Fallbacks & Core Base Styling */
:root {
	--hp-dark-teal: #0E3B43;
	--hp-dark-teal-deep: #0D333A;
	--hp-accent-red: #C81E1E;
	--hp-accent-gold: #E2C044;
	--hp-text-light: #E2E8F0;
	--hp-text-muted: #A0AEC0;
}

body {
	background-color: var(--hp-dark-teal-deep);
	color: var(--hp-text-light);
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-serif {
	font-family: 'Playfair Display', 'Source Serif 4', Georgia, serif;
}

/* Explicit Layout & Component Fallbacks */
#hero,
section#hero,
div#hero,
.wp-block-group#hero {
	position: relative;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background-color: #0D333A;
	background-image: none !important;
	background-repeat: no-repeat !important;
}

#hero + section,
#hero + .wp-block-group,
.wp-block-group + .wp-block-group {
	margin-top: 0 !important;
}

#hero img,
.hpl-hero-img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	min-width: 100% !important;
	min-height: 100% !important;
	object-fit: cover !important;
	object-position: right center !important;
	display: block !important;
}

section#hero .hero-overlay {
	opacity: 0.65 !important;
}



/* CTA Buttons Styling */
a.bg-\[\#E2C044\],
a.bg-secondary {
	display: inline-block;
	padding: 0.875rem 1.75rem !important;
	background-color: #E2C044 !important;
	color: #0D333A !important;
	font-weight: 700 !important;
	border-radius: 0.375rem !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}

a.bg-\[\#E2C044\]:hover {
	background-color: #cbb03a !important;
}

a.border-2.border-white\/80 {
	display: inline-block;
	padding: 0.875rem 1.75rem !important;
	border: 2px solid rgba(255, 255, 255, 0.8) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	border-radius: 0.375rem !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}

a.border-2.border-white\/80:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Grid Layout Fallbacks for Desktop Viewports */
@media (min-width: 1024px) {
	.lg\:grid-cols-2 {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.lg\:grid-cols-4 {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 768px) {
	.md\:grid-cols-2 {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.md\:grid-cols-3 {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* Custom Scrollbar for Sleek Dark Theme */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #0D333A;
}

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

::-webkit-scrollbar-thumb:hover {
	background: #C81E1E;
}