/* ========== MODERN HEADER & FOOTER v1.0 ========== */
:root{--primary:#b60101;--primary-dark:#8b0000;--header-bg:rgba(26,26,26,.95);--header-blur:20px;--footer-bg:#0f1419}

/* === TOP HEADER === */
.topheader{background:linear-gradient(90deg,#1a1a1a 0%,#252525 100%)!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.06)}
.topheader .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.topsocail ul{display:flex!important;align-items:center;gap:6px!important;margin:0}
.topsocail ul li{float:none!important;margin:0!important}
.topsocail ul li a{width:36px!important;height:36px!important;line-height:36px!important;border-radius:10px!important;font-size:13px!important;border:none!important;background:rgba(255,255,255,.08)!important;transition:all .3s}
.topsocail ul li a:hover{background:var(--primary)!important;transform:translateY(-2px);color:#fff!important}
.information{display:flex!important;align-items:center;gap:1.5rem;flex-wrap:wrap}
.information .enquiry a{font-size:.95rem!important;padding-left:28px!important;opacity:.95;transition:opacity .3s}
.information .enquiry a:hover{opacity:1}
.information .enquiry a::before{width:20px;height:20px;top:50%;transform:translateY(-50%);background-size:contain;opacity:.9}
.languagebg .btn-danger{background:transparent!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:10px!important;padding:8px 14px!important;font-size:.9rem!important;transition:all .3s}
.languagebg .btn-danger:hover{background:var(--primary)!important;border-color:var(--primary)!important}

/* === MAIN NAV - Glassmorphism sticky === */
header{position:relative;z-index:100}
.mainmenu{background:var(--header-bg)!important;backdrop-filter:blur(var(--header-blur));-webkit-backdrop-filter:blur(var(--header-blur));border-bottom:1px solid rgba(255,255,255,.06)!important;padding:0!important;position:sticky!important;top:0;transition:box-shadow .3s}
.mainmenu.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.2)}
.mainmenu .container{display:flex!important;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:0}
.mainmenu .logo{width:120px!important;float:none!important;margin:14px 0!important}
.mainmenu .logo img{max-height:44px!important;width:auto!important;object-fit:contain}
.navigationbg{float:none!important;max-width:none!important}
#cssmenu>ul>li>a{padding:24px 18px!important;font-size:.9rem!important;font-weight:500!important;letter-spacing:.03em!important;transition:all .25s}
#cssmenu>ul>li>a:hover{background:rgba(182,1,1,.15)!important;color:#fff!important}
#cssmenu ul ul{border-radius:0 0 12px 12px!important;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15)!important;border:1px solid rgba(0,0,0,.06)!important;border-top:2px solid var(--primary)!important}
#cssmenu ul ul li a{padding:12px 20px!important;font-size:.9rem!important;transition:all .2s}
#cssmenu ul ul li a:hover{background:#f8f9fa!important;color:var(--primary)!important;padding-left:24px!important}

/* Mobile nav */
@media(max-width:991px){.mainmenu{position:fixed!important;top:0;left:0;right:0}.navigationbg{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px)}#cssmenu ul ul li a{color:#1a1a1a!important}#cssmenu ul ul li a:hover{color:var(--primary)!important}}

/* === FOOTER - Compact & attractive === */
footer .footer{background:linear-gradient(180deg,#1a1f26 0%,#0f1419 100%)!important;padding:28px 0 0!important}
.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-logo{display:block}
.footer-logo img{height:38px;width:auto;object-fit:contain;opacity:.95}
.footer-tagline{font-size:.85rem;color:rgba(255,255,255,.6);letter-spacing:.02em}
.footer .row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding-bottom:1.25rem}
.footer .title{font-size:.75rem!important;font-weight:600!important;color:#fff!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem!important;padding-bottom:0!important;border:none!important}
.footermenu ul li{margin:.15rem 0!important}
.footermenu ul li a{font-size:.8rem!important;color:rgba(255,255,255,.65)!important;transition:all .2s}
.footermenu ul li a:hover{color:#fff!important;padding-left:2px}
.footermenu p{font-size:.8rem!important;color:rgba(255,255,255,.65)!important;line-height:1.5!important;margin-bottom:.2rem!important}
.footermenu p a{color:rgba(255,255,255,.8)!important;transition:color .2s}
.footermenu p a:hover{color:var(--primary)!important}
.socialfooter{margin-top:.75rem!important}
.socialfooter ul{display:flex!important;gap:6px!important}
.socialfooter ul li{float:none!important;margin:0!important}
.socialfooter ul li a{width:30px!important;height:30px!important;line-height:30px!important;border-radius:6px!important;background:rgba(255,255,255,.08)!important;font-size:.75rem!important;transition:all .25s}
.socialfooter ul li a:hover{background:var(--primary)!important;transform:translateY(-2px)}
.copyright{background:rgba(0,0,0,.2)!important;border-top:1px solid rgba(255,255,255,.05)!important;padding:.6rem 1rem!important;font-size:.75rem!important;color:rgba(255,255,255,.45)!important;margin-top:0!important}
.copyright .copyright-brand{color:rgba(255,255,255,.9);font-weight:600}
.copyright a{color:rgba(255,255,255,.6)!important;transition:color .2s}
.copyright a:hover{color:#fff!important}
@media(max-width:991px){.footer .row{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding-bottom:1rem}.footer-brand{margin-bottom:1.25rem;padding-bottom:.85rem}}
@media(max-width:575px){.footer .row{grid-template-columns:1fr;gap:1rem;text-align:center;padding-bottom:.85rem}.footer .container{padding:0 1.25rem}.footer{padding-top:22px!important}.footer-brand{flex-direction:column;text-align:center;margin-bottom:1rem}}