/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       -
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* ==========================================================================
   MalerPind compatibility styles (added during migration, see inc/mp-compat.php)
   ========================================================================== */

/* Font Awesome Pro font names used by old custom CSS → mapped to the bundled Font Awesome Free files */
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: swap; src: url(assets/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"); }
@font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300 400; font-display: swap; src: url(assets/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"); }
@font-face { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 900; font-display: swap; src: url(assets/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"); }
@font-face { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 100 400; font-display: swap; src: url(assets/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"); }
@font-face { font-family: "Font Awesome 6 Sharp"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(assets/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"); }
@font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: swap; src: url(assets/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"); }

/* Gallery fallback (Elementor Pro gallery widget) */
.mp-gallery { display: grid; grid-template-columns: repeat(var(--mp-cols, 4), minmax(0, 1fr)); gap: var(--mp-gap, 10px); }
.mp-gallery__item { display: block; overflow: hidden; aspect-ratio: var(--mp-ratio, 3 / 2); }
.mp-gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.mp-gallery__item:hover img { transform: scale(1.05); }
@media (max-width: 1024px) { .mp-gallery { grid-template-columns: repeat(var(--mp-cols-t, 2), minmax(0, 1fr)); } }
@media (max-width: 767px) { .mp-gallery { grid-template-columns: repeat(var(--mp-cols-m, 1), minmax(0, 1fr)); } }

/* Mobile menu (GeneratePress free) on top of the dark hero, matching the "naked header" look */
@media (max-width: 1024px) {
	#masthead .menu-toggle,
	#masthead .menu-toggle:hover,
	#masthead .menu-toggle:focus { color: var(--white, #fff); background: transparent; }
	#masthead.on-scroll .menu-toggle { color: var(--black, #000); }
	#masthead .main-navigation.toggled .main-nav > ul { background-color: var(--white, #fff); box-shadow: 0 10px 30px rgba(0,0,0,.15); }
	#masthead .main-navigation.toggled .main-nav > ul li a { color: var(--black, #000) !important; }
	#masthead .main-navigation.toggled .main-nav > ul li.current-menu-item > a,
	#masthead .main-navigation.toggled .main-nav > ul li:hover > a { color: var(--accent) !important; }
	#masthead .main-navigation.toggled .main-nav ul ul { background-color: var(--light, #f5f5f5); }
}