/* DigiTrustly Certificate v4.1
   Exact fix based on original certificate-v2.css:
   restore the ribbon as an absolute full-height rail.
   Preserve v3.8 gold branding. */

.certificate{
  position:relative !important;
}

/* Restore ORIGINAL ribbon geometry from certificate-v2.css */
.certificate > .ribbon{
  position:absolute !important;
  z-index:2 !important;
  left:44px !important;
  top:0 !important;
  bottom:0 !important;
  width:170px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  align-self:auto !important;

  background:linear-gradient(180deg,var(--deep),#10386e) !important;
  border-left:2px solid var(--gold) !important;
  border-right:2px solid var(--gold) !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px 14px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Keep v3.8 branding centered in the full-height rail */
.certificate > .ribbon .dt-v38-brand{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  flex:0 0 auto !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* Original mobile behavior */
@media(max-width:900px){
  .certificate > .ribbon{
    display:none !important;
  }
}