/* ==========================================================
   SITE360 V28.2
   Remove only the backing panel behind the five result cards.
   ========================================================== */


/*
  This is the container holding:
  DNS / TLS / HTTP / SEO / SECURITY

  It must not look like another card.
*/

html.ein-clock-v28
body[data-ein-tool="site-360"]
.ein-sem95-signal{
  background:
    transparent !important;

  background-color:
    transparent !important;

  background-image:
    none !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  padding:
    0 !important;

  margin:
    0 !important;

  overflow:
    visible !important;
}


html.ein-clock-v28
body[data-ein-tool="site-360"]
.ein-sem95-signal::before,

html.ein-clock-v28
body[data-ein-tool="site-360"]
.ein-sem95-signal::after{
  content:
    none !important;

  display:
    none !important;

  background:
    none !important;

  border:
    0 !important;

  box-shadow:
    none !important;
}


/*
  Keep the five actual cards clearly independent.
*/

html.ein-clock-v28
body[data-ein-tool="site-360"]
.ein-sem95-sig{
  background:
    #ffffff !important;

  background-image:
    none !important;

  border:
    1px solid #dde5df !important;

  border-radius:
    14px !important;

  box-shadow:
    none !important;
}


/*
  Keep spacing between the five cards.
*/

html.ein-clock-v28
body[data-ein-tool="site-360"]
.ein-sem95-signal{
  gap:
    10px !important;
}


/* ==========================================================
   SITE360 V28.3
   Remove backing plate behind:
   DNS / MAIL / WEB-TLS / SITE SCORE
   ========================================================== */

html.ein-clock-v28
body[data-ein-tool="site-360"]
:where(
  #metrics,
  .metrics
){
  background:
    transparent !important;

  background-color:
    transparent !important;

  background-image:
    none !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  outline:
    0 !important;

  box-shadow:
    none !important;

  padding:
    0 !important;

  gap:
    10px !important;

  overflow:
    visible !important;
}


html.ein-clock-v28
body[data-ein-tool="site-360"]
:where(
  #metrics,
  .metrics
)::before,

html.ein-clock-v28
body[data-ein-tool="site-360"]
:where(
  #metrics,
  .metrics
)::after{
  content:
    none !important;

  display:
    none !important;
}


/* the four real cards remain white independent cards */

html.ein-clock-v28
body[data-ein-tool="site-360"]
:where(
  #metrics,
  .metrics
) > *{
  background:
    #ffffff !important;

  background-image:
    none !important;

  border:
    1px solid #dde5df !important;

  border-radius:
    14px !important;

  box-shadow:
    none !important;
}