/* ==========================================================================
   Mock Guru - site chrome (header + footer) refresh.
   Loaded LAST, after style.css and the inline <style> blocks in
   site-header.php / site-head-common.php / site-footer.php, so it overrides
   them by source order. Nothing here changes markup or links - deleting the
   single <link> that loads this file restores the previous look exactly.
   ========================================================================== */

:root{
  --mg-navy:#050f2e;
  --mg-navy-2:#0a1f55;
  --mg-blue:#2563eb;
  --mg-blue-l:#60a5fa;
  --mg-gold:#ffc43d;
  --mg-gold-2:#ff9f1c;
  --mg-chrome-grad:linear-gradient(135deg,#2563eb 0%,#7c3aed 52%,#06b6d4 100%);
  --mg-gold-grad:linear-gradient(100deg,#ffd470 0%,#ffc43d 38%,#ff9f1c 62%,#ffd470 100%);
  --mg-font-d:'Sora','Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
}

@keyframes mg-shine{to{background-position:200% center}}

/* ==========================================================================
   TOP BAR
   ========================================================================== */
.bg-top{
  background:linear-gradient(135deg,var(--mg-navy) 0%,#081840 60%,#0c2660 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  padding:10px 0!important;
}
.site-logo{height:56px!important}
.site-logo img{height:56px!important;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}

/* premium pill */
.top-buttons .btn-danger{
  background:var(--mg-gold-grad)!important;
  background-size:200% auto!important;
  border:0!important;color:#17213d!important;
  font-weight:700!important;letter-spacing:.2px;
  box-shadow:0 6px 18px rgba(255,159,28,.34)!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease!important;
}
.top-buttons .btn-danger:hover{
  color:#17213d!important;transform:translateY(-2px);
  animation:mg-shine 1.6s linear infinite;
  box-shadow:0 10px 26px rgba(255,159,28,.46)!important;
}
/* login button */
.top-buttons .btn-outline-light{
  border:1.5px solid rgba(255,255,255,.4)!important;
  background:rgba(255,255,255,.06)!important;
  border-radius:30px!important;
  backdrop-filter:blur(8px);
  transition:background .25s ease,border-color .25s ease,transform .28s cubic-bezier(.22,1,.36,1)!important;
}
.top-buttons .btn-outline-light:hover{
  background:#fff!important;color:var(--mg-navy)!important;
  border-color:#fff!important;transform:translateY(-2px);
}

/* ==========================================================================
   NAVBAR - sticky, glassy, no icon clutter
   ========================================================================== */
.navbar{
  background:rgba(6,17,46,.88)!important;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(255,255,255,.07);
  position:sticky;top:0;z-index:1000;
  box-shadow:0 10px 30px rgba(2,8,28,.3);
}
/* the icon beside every top-level item is what dated this nav - the labels
   are clear on their own. Icons inside the Mocks dropdown are kept. */
.navbar-nav > .nav-item > .nav-link > i,
.navbar-nav > .nav-item > .mocks-toggle i{display:none!important}

.navbar-nav{gap:2px!important}
.nav-link{
  position:relative;
  font-size:14.5px!important;font-weight:500!important;
  padding:16px 15px!important;border-radius:0!important;
  letter-spacing:.1px;
}
.nav-link::after,.mocks-toggle::after{
  content:"";position:absolute;left:15px;right:15px;bottom:9px;height:2px;border-radius:2px;
  background:var(--mg-gold-grad);
  transform:scaleX(0);transform-origin:left;
  transition:transform .32s cubic-bezier(.22,1,.36,1);
}
.nav-link:hover::after,.mocks-toggle:hover::after{transform:scaleX(1)}
.nav-link:hover{background:transparent!important;color:var(--mg-gold)!important}

.mocks-toggle{
  position:relative;
  font-size:14.5px!important;font-weight:500!important;
  padding:16px 15px!important;border-radius:0!important;
}
.mocks-toggle:hover{background:transparent!important;color:var(--mg-gold)!important}
.arrow{opacity:.6;font-size:9px!important}

/* dropdown */
.mocks-menu{
  background:rgba(8,20,52,.97)!important;
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  box-shadow:0 24px 60px rgba(2,8,28,.6)!important;
  padding:10px!important;
}
.mocks-menu a{
  border-radius:10px!important;padding:11px 14px!important;
  font-size:13.5px!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
.mocks-menu a:hover{
  background:rgba(255,196,61,.12)!important;color:var(--mg-gold)!important;
  transform:translateX(3px);
}
.mocks-menu a i{width:18px;text-align:center;opacity:.75;margin-right:4px}

/* mobile toggler */
.navbar-toggler{
  border:1.5px solid rgba(255,255,255,.25)!important;
  border-radius:11px!important;padding:7px 11px!important;
}
.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(255,196,61,.3)!important}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.main-footer{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(170deg,#081840 0%,var(--mg-navy) 70%)!important;
  padding:62px 20px 0!important;
}
.main-footer::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:60vw;height:60vw;max-width:620px;max-height:620px;top:-36%;left:-12%;border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.2),transparent 68%);
}
.main-footer .footer-grid{gap:2.6rem!important}
.footer-logo{height:52px!important;margin-bottom:1.1rem!important}
.footer-desc{color:#a9b8d4!important;font-size:.92rem!important}

/* column headings */
.footer-col h4{
  position:relative;
  font-family:var(--mg-font-d)!important;
  font-size:1rem!important;letter-spacing:.3px;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  padding-bottom:.85rem!important;margin-bottom:1.2rem!important;
}
.footer-col h4::after{
  content:"";position:absolute;left:0;bottom:-1px;width:46px;height:2px;border-radius:2px;
  background:var(--mg-gold-grad);
}

/* links */
.footer-col ul li{margin-bottom:.55rem!important}
.footer-col ul li a{
  color:#a9b8d4!important;font-size:.88rem!important;text-decoration:none;
  display:inline-block;
  transition:color .22s ease, transform .22s cubic-bezier(.22,1,.36,1)!important;
}
.footer-col ul li a:hover{color:var(--mg-gold)!important;transform:translateX(4px)}

/* the long "Popular Mock Tests" list reads better in two columns */
.footer-col:nth-child(2) ul{columns:2;column-gap:1.4rem}
.footer-col:nth-child(2) ul li{break-inside:avoid}

/* trust points get a tick */
.trust-points li{
  position:relative;padding-left:24px!important;color:#a9b8d4!important;
  font-size:.87rem!important;
}
.trust-points li::before{
  content:""!important;display:block!important;position:absolute;left:1px;top:7px;
  width:12px;height:7px;transform:rotate(-45deg);
  border-left:2px solid var(--mg-gold);border-bottom:2px solid var(--mg-gold);
}

/* contact rows */
.contact-info .info-text,.contact-info li{color:#a9b8d4!important;font-size:.88rem!important}
.contact-info i{color:var(--mg-blue-l)!important}

/* social icons as rounded tiles */
.social-links a{
  display:inline-grid;place-items:center;width:40px;height:40px;
  border-radius:12px;margin-right:9px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  color:#cdd8ec!important;text-decoration:none;
  transition:transform .28s cubic-bezier(.22,1,.36,1), background .25s ease, color .25s ease, box-shadow .25s ease;
}
.social-links a:hover{
  background:var(--mg-chrome-grad);color:#fff!important;border-color:transparent;
  transform:translateY(-3px);box-shadow:0 10px 22px rgba(37,99,235,.36);
}

/* bottom bar */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.09)!important;
  background:rgba(0,0,0,.18);
}
.footer-bottom,.footer-bottom p,.footer-bottom span{color:#8c9ec0!important;font-size:.85rem!important}
.small-links a{
  color:#a9b8d4!important;text-decoration:none;
  transition:color .22s ease;
}
.small-links a:hover{color:var(--mg-gold)!important}
.footer-info{color:#8c9ec0!important;font-size:.84rem!important}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:991.98px){
  .navbar{position:static}
  .site-logo,.site-logo img{height:46px!important}
  .navbar-nav > .nav-item > .nav-link > i,
  .navbar-nav > .nav-item > .mocks-toggle i{display:inline-block!important;width:20px;opacity:.7}
  .nav-link::after,.mocks-toggle::after{display:none}
  .footer-col:nth-child(2) ul{columns:1}
}
@media (max-width:575.98px){
  .top-buttons{gap:7px!important}
  .top-buttons .btn{font-size:12.5px!important;padding:7px 11px!important}
  .site-logo,.site-logo img{height:40px!important}
}

@media (prefers-reduced-motion:reduce){
  .top-buttons .btn-danger,.top-buttons .btn-outline-light,
  .social-links a,.footer-col ul li a,.mocks-menu a,
  .nav-link::after,.mocks-toggle::after{
    animation:none!important;transition:none!important;transform:none!important;
  }
}