/* ==========================================================
   SEA LICENSING
   SERVICE REQUEST SUPPORT IMAGES — FINAL

   Explicit support-card classes.
   Applies on desktop, tablet and mobile.
   ========================================================== */


/* ----------------------------------------------------------
   BASE SUPPORT CARDS
   ---------------------------------------------------------- */

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-facebook,

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-whatsapp{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;

  opacity:1 !important;
  filter:none !important;

  background-color:#eef7fb !important;

  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;

  background-blend-mode:normal !important;
}


/* ----------------------------------------------------------
   FACEBOOK
   ---------------------------------------------------------- */

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-facebook{
  background-image:
    url("/assets/images/service-request/support-facebook-bg-cropped.webp")
    !important;
}


/* ----------------------------------------------------------
   WHATSAPP
   ---------------------------------------------------------- */

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-whatsapp{
  background-image:
    url("/assets/images/service-request/support-whatsapp-bg-cropped.webp")
    !important;
}


/* ----------------------------------------------------------
   REMOVE ALL OLD WATERMARK / OVERLAY PSEUDO ELEMENTS
   ---------------------------------------------------------- */

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-facebook::before,

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-facebook::after,

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-whatsapp::before,

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-whatsapp::after{
  content:none !important;
  display:none !important;

  background:none !important;
  background-image:none !important;

  opacity:0 !important;
}


/* ----------------------------------------------------------
   CONTENT
   ---------------------------------------------------------- */

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-facebook
> *,

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-whatsapp
> *{
  position:relative !important;
  z-index:5 !important;
}


/* Keep text readable over artwork */

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-facebook
.sr1-contact-label,

html body .sr1-main
.sr1-contact-support-grid
> .sr1-support-whatsapp
.sr1-contact-label{
  text-shadow:
    0 1px 2px rgba(255,255,255,.8) !important;
}