/* v787GM — Emergency Visa page unified button system
   Fixed long-term rule for this page:
   - WhatsApp = green, white text
   - Telegram = blue, white text
   - Apply / Apply Now / Apply online = red, white text
   - Consistent rounded CTA styling across the full page */

/* WhatsApp buttons */
body .emergency-article-v787FR .hero-actions .emergency-contact-whatsapp-v787GE,
body .page-hero.urgent-hero .hero-actions .emergency-contact-whatsapp-v787GE,
body .emergency-final-cta-v787FR .hero-actions .emergency-contact-whatsapp-v787GE{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
}
body .emergency-article-v787FR .hero-actions .emergency-contact-whatsapp-v787GE:hover,
body .page-hero.urgent-hero .hero-actions .emergency-contact-whatsapp-v787GE:hover,
body .emergency-final-cta-v787FR .hero-actions .emergency-contact-whatsapp-v787GE:hover{
  background:#1ebe5d !important;
  border-color:#1ebe5d !important;
  color:#fff !important;
}

/* Telegram buttons */
body .emergency-article-v787FR .hero-actions .emergency-contact-telegram-v787GE,
body .page-hero.urgent-hero .hero-actions .emergency-contact-telegram-v787GE,
body .emergency-final-cta-v787FR .hero-actions .emergency-contact-telegram-v787GE{
  background:#229ED9 !important;
  border-color:#229ED9 !important;
  color:#fff !important;
}
body .emergency-article-v787FR .hero-actions .emergency-contact-telegram-v787GE:hover,
body .page-hero.urgent-hero .hero-actions .emergency-contact-telegram-v787GE:hover,
body .emergency-final-cta-v787FR .hero-actions .emergency-contact-telegram-v787GE:hover{
  background:#198cc4 !important;
  border-color:#198cc4 !important;
  color:#fff !important;
}

/* All apply/apply now/apply online CTAs on this page */
body .page-hero.urgent-hero .hero-actions .emergency-apply-red-v787GM,
body .emergency-article-v787FR .hero-actions .emergency-apply-red-v787GM,
body .emergency-article-v787FR .emergency-side-btn-v787FR.emergency-apply-red-v787GM,
body .topbar .nav .emergency-apply-red-v787GM,
body .topbar .emergency-apply-red-v787GM.mobile-only{
  background:#ef3b3b !important;
  border:1px solid #ef3b3b !important;
  color:#fff !important;
  text-shadow:none !important;
}
body .page-hero.urgent-hero .hero-actions .emergency-apply-red-v787GM:hover,
body .emergency-article-v787FR .hero-actions .emergency-apply-red-v787GM:hover,
body .emergency-article-v787FR .emergency-side-btn-v787FR.emergency-apply-red-v787GM:hover,
body .topbar .nav .emergency-apply-red-v787GM:hover,
body .topbar .emergency-apply-red-v787GM.mobile-only:hover{
  background:#df2d2d !important;
  border-color:#df2d2d !important;
  color:#fff !important;
}

/* Keep neutral support/info actions white */
body .page-hero.urgent-hero .hero-actions .emergency-apply-secondary-v787GM{
  background:#fff !important;
  border-color:#d7dde6 !important;
  color:#061425 !important;
}

/* Consistent CTA polish */
body .page-hero.urgent-hero .hero-actions .emergency-contact-whatsapp-v787GE,
body .page-hero.urgent-hero .hero-actions .emergency-contact-telegram-v787GE,
body .page-hero.urgent-hero .hero-actions .emergency-apply-red-v787GM,
body .emergency-article-v787FR .hero-actions .emergency-contact-whatsapp-v787GE,
body .emergency-article-v787FR .hero-actions .emergency-contact-telegram-v787GE,
body .emergency-article-v787FR .hero-actions .emergency-apply-red-v787GM,
body .emergency-article-v787FR .emergency-side-btn-v787FR,
body .topbar .nav .nav-apply-btn.emergency-apply-red-v787GM{
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

/* Shorten and redesign the long sidebar CTA so it clearly looks clickable */
body .emergency-article-v787FR .emergency-request-short-v787GM{
  width:auto !important;
  min-width:220px !important;
  max-width:320px !important;
  min-height:50px !important;
  padding:0 24px !important;
  margin:14px auto 0 !important;
  border-radius:12px !important;
  text-transform:none !important;
  font-size:17px !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(239,59,59,.18) !important;
}

/* Ensure article CTA rows keep button colors readable */
body .emergency-article-v787FR .hero-actions .btn{
  box-shadow:none !important;
}


/* v788 — Emergency Visa header menu adjustment
   Request:
   - Emergency page header Apply Now returns to the same white style as other pages.
   - Desktop menu text is one step larger.
   - Desktop menu cluster leans slightly right and the last menu item sits closer to Apply Now.
   Scope: Emergency Visa public page only. Main page CTAs inside the emergency content remain red. */
@media(min-width:1121px){
  body.vge-emergency-page-v788 .topbar .brand.brand-logo,
  body.vge-emergency-page-v788 .topbar .brand-logo{
    flex-basis:330px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
  }
  body.vge-emergency-page-v788 .topbar .navlinks{
    column-gap:24px!important;
  }
  body.vge-emergency-page-v788 .topbar .navlinks>a:not(.btn),
  body.vge-emergency-page-v788 .topbar .navlinks>a.vge-desktop-dropdown-parent:not(.btn){
    font-size:20.2px!important;
  }
  body.vge-emergency-page-v788 .topbar .navlinks .nav-apply-btn,
  body.vge-emergency-page-v788 .topbar .navlinks>a.btn{
    margin-left:6px!important;
    font-size:20.2px!important;
    background:#fff!important;
    border:1px solid rgba(255,255,255,.92)!important;
    color:#061425!important;
    text-shadow:none!important;
  }
  body.vge-emergency-page-v788 .topbar .navlinks .nav-apply-btn:hover,
  body.vge-emergency-page-v788 .topbar .navlinks>a.btn:hover{
    background:#f8fafc!important;
    border-color:#f8fafc!important;
    color:#061425!important;
  }
}

@media(min-width:1321px) and (max-width:1680px){
  body.vge-emergency-page-v788 .topbar .brand.brand-logo,
  body.vge-emergency-page-v788 .topbar .brand-logo{
    flex-basis:250px!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
  }
  body.vge-emergency-page-v788 .topbar .navlinks{column-gap:12px!important}
  body.vge-emergency-page-v788 .topbar .navlinks>a:not(.btn),
  body.vge-emergency-page-v788 .topbar .navlinks>a.vge-desktop-dropdown-parent:not(.btn){font-size:17.2px!important}
  body.vge-emergency-page-v788 .topbar .navlinks .nav-apply-btn,
  body.vge-emergency-page-v788 .topbar .navlinks>a.btn{margin-left:4px!important;font-size:17.2px!important}
}

@media(min-width:1121px) and (max-width:1320px){
  body.vge-emergency-page-v788 .topbar .brand.brand-logo,
  body.vge-emergency-page-v788 .topbar .brand-logo{
    flex-basis:214px!important;
    width:214px!important;
    min-width:214px!important;
    max-width:214px!important;
  }
  body.vge-emergency-page-v788 .topbar .navlinks{column-gap:6px!important}
  body.vge-emergency-page-v788 .topbar .navlinks>a:not(.btn),
  body.vge-emergency-page-v788 .topbar .navlinks>a.vge-desktop-dropdown-parent:not(.btn){font-size:15.8px!important}
  body.vge-emergency-page-v788 .topbar .navlinks .nav-apply-btn,
  body.vge-emergency-page-v788 .topbar .navlinks>a.btn{margin-left:3px!important;font-size:15.8px!important}
}

@media(max-width:1120px){
  body.vge-emergency-page-v788 .topbar .mobile-only{
    background:#fff!important;
    border:1px solid rgba(255,255,255,.92)!important;
    color:#061425!important;
    text-shadow:none!important;
  }
}