/*
Theme Name:   NezaGenesis
Theme URI:    https://bruneza.com
Description:  A powerful child theme for Hello Elementor with enhanced functionality and modern design utilities
Author:       Bruce Mugwaneza
Author URI:   https://bruneza.com
Template:     hello-elementor
Version:      1.0.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-logo, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain:  neza
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* Responsive spacing utilities only */
:root {
	--padding-xs: 5px;
	--padding-sm: 10px;
	--padding-md: 20px;
	--padding-lg: 30px;
	--padding-xl: 40px;
	--padding-xxl: 60px;
	--padding-xxxl: 80px;
	--bp-sm: 768px;
}

/* General padding helpers (renamed from .section-*)
   Format: .padding-[top/bottom]-[inline] where numbers map to the scale above. */
.padding-0-20    { padding: 0 var(--padding-md); }
.padding-20-20   { padding: var(--padding-md); }
.padding-40-20   { padding: var(--padding-xl); }
.padding-60-20   { padding: var(--padding-xxl); }
.padding-80-20   { padding: var(--padding-xxxl); }
.padding-100-20  { padding: 100px var(--padding-md); }
.padding-120-20  { padding: 120px var(--padding-md); }
.padding-140-20  { padding: 140px var(--padding-md); }
.padding-160-20  { padding: 160px var(--padding-md); }
.padding-180-20  { padding: 180px var(--padding-md); }

/* Bottom-only padding */
.padding-40b-20  { padding: 0 var(--padding-md) var(--padding-xl); }
.padding-60b-20  { padding: 0 var(--padding-md) var(--padding-xxl); }
.padding-80b-20  { padding: 0 var(--padding-md) var(--padding-xxxl); }
.padding-100b-20 { padding: 0 var(--padding-md) 100px; }

/* Top-only padding */
.padding-t40-20  { padding: var(--padding-xl) var(--padding-md) 0; }
.padding-t60-20  { padding: var(--padding-xxl) var(--padding-md) 0; }
.padding-t80-20  { padding: var(--padding-xxxl) var(--padding-md) 0; }

/* Visibility helpers */
.hide-mobile { display: inherit; }
.show-mobile { display: none; }

@media (max-width: var(--bp-sm)) {
	.padding-40-20,
	.padding-60-20,
	.padding-80-20,
	.padding-100-20,
	.padding-120-20,
	.padding-140-20,
	.padding-160-20,
	.padding-180-20 {
		padding: var(--padding-md);
	}

	.padding-40b-20,
	.padding-60b-20,
	.padding-80b-20,
	.padding-100b-20 {
		padding: 0 var(--padding-md) var(--padding-md);
	}

	.padding-t40-20,
	.padding-t60-20,
	.padding-t80-20 {
		padding: var(--padding-md) var(--padding-md) 0;
	}

	.hide-mobile { display: none !important; }
	.show-mobile { display: block !important; }

	br { display: none; }
}