/* ROYA Patch v3 (Feb 2026) - responsive + header fixes */
.header{z-index:9999;}
.nav-toggle{position:relative; z-index:10001;}
.nav-toggle span{display:block; background: var(--gold, #ffcc00) !important;}
/* Ensure header isn't covered by hero overlays */
.project-hero, .hero, .page-hero{position:relative; z-index:1;}
/* Improve mobile padding */
@media (max-width: 900px){
  .container{padding-left:16px; padding-right:16px;}
  .section{padding:48px 0;}
  .btn, .btn-lg{width:100%; justify-content:center;}
  .payment-grid, .kpi-grid, .project-kpis, .project-stats{grid-template-columns:1fr !important;}
  .gallery-grid, .project-gallery, .amenities-grid{grid-template-columns:1fr !important;}
  .form-row{grid-template-columns:1fr !important;}
  .project-layout, .project-grid, .details-grid{grid-template-columns:1fr !important;}
  .table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}
  table{width:100%; display:block; overflow-x:auto;}
}
/* Make embedded maps and iframes responsive */
iframe, .map, .leaflet-container{max-width:100%;}

select{width:100%;}