/*
Theme Name: Metro Gulf 2025
Theme URI: https://metro-gulf.com
Author: Metro Electromechanical LLC
Author URI: https://metro-gulf.com
Description: Block-based child theme for Metro Electromechanical LLC — UAE MEP, ELV, Telecom Infrastructure and Underground Utility contractor. Built on Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metro-gulf-2025
Tags: full-site-editing, block-theme, rtl-language-support, translation-ready, business, construction
*/

/* ponytail: parent theme.json handles 99% of styling. Only small overrides here. */

.site-header-sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* ----- Logo ----- */
.mg-site-logo {
    margin: 0 !important;
    line-height: 0;
    flex: 0 0 auto !important;
    max-width: 220px;
}
.mg-site-logo img {
    height: 44px !important;
    width: auto !important;
    max-width: 220px !important;
    max-height: 44px !important;
    display: block;
    object-fit: contain;
}
@media (max-width: 600px) {
    .mg-site-logo img,
    .mg-site-logo { max-width: 160px; }
    .mg-site-logo img { height: 36px !important; max-height: 36px !important; }
}

/* ----- Prevent horizontal overflow from alignfull / 100vw bleed ----- */
html,
body {
    overflow-x: hidden;
}
.wp-site-blocks {
    overflow-x: clip;
}

/* ----- Kill gap between sticky header and hero / page content ----- */
.site-header-sticky,
.site-header-sticky > .wp-block-group,
.site-header-sticky .wp-block-group.alignfull {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Front page hero butts directly under header */
main.wp-block-group {
    margin: 0 !important;
}
.mg-hero {
    margin-top: 0 !important;
}

.cta-pill {
    border-radius: 999px;
}

/* ----- Header nav visibility on dark header ----- */
.site-header-sticky .wp-block-navigation,
.site-header-sticky .wp-block-navigation .wp-block-navigation-item__content,
.site-header-sticky .wp-block-navigation a,
.site-header-sticky .wp-block-navigation__toggle,
.site-header-sticky .wp-block-navigation__responsive-container-open,
.site-header-sticky .wp-block-navigation .wp-block-navigation__submenu-icon {
	color: #ffffff !important;
}

.site-header-sticky .wp-block-navigation-item__content:hover,
.site-header-sticky .wp-block-navigation-item__content:focus {
	color: #0bb4aa !important;
}

.site-header-sticky .wp-block-navigation .has-child:hover > .wp-block-navigation-item__content {
	color: #0bb4aa !important;
}

/* Submenu panel on dark header */
.site-header-sticky .wp-block-navigation__submenu-container {
	background: #101010;
	border: 1px solid rgba(11, 180, 170, 0.25);
}
.site-header-sticky .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: #ffffff !important;
}

/* Mobile responsive menu panel */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
.wp-block-navigation__responsive-container.is-menu-open {
	background: #101010;
	color: #ffffff;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__toggle {
	color: #ffffff !important;
}

/* Site title always white on dark header */
.site-header-sticky .wp-block-site-title a,
.site-header-sticky .wp-block-site-title {
	color: #ffffff !important;
}