/* UP GAS - SHARED SITE UI
   Consistent navigation, mobile drawer and footer across every page. */

#header{position:fixed;top:0;left:0;width:100%;z-index:1000;}
#header > .container{width:min(1280px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;}

.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.35s ease;z-index:998;}
.menu-overlay.active{opacity:1;visibility:visible;}

@media (max-width:992px){
  #menu-btn{display:flex!important;align-items:center;justify-content:center;width:50px;height:50px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer;z-index:1201;}
  #navbar{position:fixed!important;top:0;right:-320px;width:280px!important;max-width:78vw!important;height:100vh;padding:110px 24px 40px!important;background:rgba(17,24,39,.98)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-15px 0 40px rgba(0,0,0,.28);transition:right .4s ease!important;z-index:1200;display:block!important;overflow-y:auto;}
  #navbar.active{right:0!important;}
  #navbar ul{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;margin:0!important;align-items:stretch!important;}
  #navbar ul li{width:100%!important;}
  #navbar ul li a{display:flex!important;align-items:center;width:100%!important;padding:16px 20px!important;border-radius:14px;color:#fff!important;font-size:17px!important;font-weight:600;line-height:1.3;}
  #navbar ul li a:hover,#navbar ul li a.active{background:rgba(249,115,22,.12)!important;color:#f97316!important;}
  #navbar ul li a::after{display:none!important;}
  .nav-btn{display:none!important;}
  body.menu-open{overflow:hidden;}
}

@media (max-width:576px){
  #navbar{width:260px!important;max-width:72vw!important;}
}

/* Home footer appearance, shared on every page */
footer{padding:75px 8% 25px;background:#111827;color:#fff;}
.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;}
.footer-box h3{margin-bottom:20px;color:#f97316;font-size:21px;}
.footer-box p{margin-bottom:14px;color:#d1d5db;line-height:1.7;}
.footer-box a{display:block;margin-bottom:12px;color:#d1d5db;text-decoration:none;transition:.3s ease;}
.footer-box a:hover{padding-left:6px;color:#f97316;}
.social-icons{display:flex;gap:12px;}
.social-icons a{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#1f2937;color:#fff;font-size:18px;transition:.3s ease;}
.social-icons a:hover{transform:translateY(-5px);background:#f97316;}
.footer-bottom{margin-top:55px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);color:#9ca3af;text-align:center;}
@media(max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center;}.social-icons{justify-content:center;}}


/* FINAL SHARED MOBILE MENU: compact right-side drawer like Home */
@media (max-width: 992px){
  #navbar{
    right:-320px !important;
    width:280px !important;
    max-width:72vw !important;
    height:100vh !important;
    padding:110px 24px 40px !important;
  }
  #navbar.active{right:0 !important;}
}
@media (max-width:576px){
  #navbar{
    width:260px !important;
    max-width:72vw !important;
  }
}

/* Images must remain visible even if a page is opened before its
   optional reveal script runs. */
img{
  opacity:1 !important;
}