/*
Theme Name: Redzhep Portfolio Replica
Theme URI: https://thefreewebsiteguys.com
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com
Description: WordPress theme replicating the provided Lovable frontend with full Customizer controls.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: redzhep-portfolio-replica
*/

/* Responsive: prevent horizontal overflow on mobile/tablet */
html, body {
	overflow-x: hidden;
	max-width: 100vw;
}


/* Navigation: constrain width and improve responsive behavior */
.rpt-main-nav {
	max-width: min(calc(100vw - 2rem), 640px);
}
@media screen and (max-width: 640px) {
	.rpt-main-nav {
		max-width: calc(100vw - 1rem);
	}
}

/* Admin bar: push fixed nav down when WordPress admin bar is visible (preview mode) */
.admin-bar .rpt-main-nav {
	top: calc(32px + 1rem);
}
@media screen and (max-width: 782px) {
	.admin-bar .rpt-main-nav {
		top: calc(46px + 1rem);
	}
}

/* Certification logos - invert colors for visibility in both light/dark modes */
/* Light mode: logos visible by default; invert on hover when background goes dark */
.rpt-cert-logo {
	filter: none;
}
.group:hover .rpt-cert-logo {
	filter: invert(1);
}

/* Dark mode: invert by default (dark logos on dark bg → light logos visible); no invert on hover (light bg) */
.dark .rpt-cert-logo {
	filter: invert(1);
}
.dark .group:hover .rpt-cert-logo {
	filter: none;
}