/*
 * UniLaw 10.9 — final integration pass
 * 2026-08-29
 * Loaded after all prior UniLaw CSS. This layer intentionally stays narrow:
 * it integrates the approved shortcodes, refines the mobile menu, and avoids
 * redesigning sections the user has already approved.
 */

/* --------------------------------------------------------------------------
   1. Certificate shortcode: never crop image, text, verification code or CTA.
   The old stable wrapper used a 176/190px fixed height; the new certificate
   component is a complete image + content card and needs natural height.
   -------------------------------------------------------------------------- */
.unilaw-trust-certificate.unilaw-shortcode-stable{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  contain:none!important;
  margin-bottom:28px!important;
  padding:0!important;
}
.unilaw-trust-certificate.unilaw-shortcode-stable>*{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.unilaw-trust-certificate .unilaw-certificates-premium,
.unilaw-trust-certificate .unilaw-cert-shell,
.unilaw-trust-certificate .unilaw-cert-stage{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
}
.unilaw-trust-certificate .unilaw-cert-shell{
  min-height:430px!important;
  overflow:hidden!important;
}
.unilaw-trust-certificate .unilaw-cert-stage{
  min-height:365px!important;
  overflow:visible!important;
}
.unilaw-trust-certificate .unilaw-cert-slide{
  max-height:none!important;
  overflow:visible!important;
}

/* Do not let older generic shortcode rules override the new certificate
   component's internal image/text layout. */
.unilaw-trust-certificate .unilaw-certificates-premium :where(
  .unilaw-cert-image-link,.unilaw-cert-image-placeholder,.unilaw-cert-image,
  .unilaw-cert-content,.unilaw-cert-code,.unilaw-cert-link,.unilaw-cert-controls
){
  max-height:none!important;
}

/* --------------------------------------------------------------------------
   2. Approved trust modules: keep their current look, only prevent accidental
   content clipping from legacy max-height rules.
   -------------------------------------------------------------------------- */
.unilaw-trust-window.unilaw-shortcode-stable{
  max-height:none!important;
}
.unilaw-trust-window.unilaw-shortcode-stable>*{
  max-height:none!important;
}

/* --------------------------------------------------------------------------
   3. Mobile menu: lighter, better proportioned, higher contrast.
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  .unilaw-menu-toggle{
    width:42px!important;
    height:42px!important;
    right:17px!important;
    padding:8px!important;
    border:1px solid rgba(185,133,60,.34)!important;
    border-radius:13px!important;
    background:rgba(255,253,249,.96)!important;
    box-shadow:0 5px 16px rgba(8,35,63,.055)!important;
  }
  .unilaw-menu-toggle span{
    width:21px!important;
    height:1.75px!important;
    margin:2.7px 0!important;
    border-radius:999px!important;
    background:#08233f!important;
  }
  .unilaw-nav,
  .unilaw-menu,
  .unilaw-menu .sub-menu{
    background:#fffdf9!important;
  }
  .unilaw-menu>li>a,
  .unilaw-menu .sub-menu a{
    color:#08233f!important;
    opacity:1!important;
  }

  /* Certificate becomes a natural vertical card on phones. */
  .unilaw-trust-certificate.unilaw-shortcode-stable{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .unilaw-trust-certificate .unilaw-cert-shell,
  .unilaw-trust-certificate .unilaw-cert-stage{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }

  /* Keep floating chat secondary and away from core actions. */
  #zalo-vr,.zalo-container,.zalo-chat-widget,.zalo-chat-widget-container,[class*="zalo-chat"]{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    right:10px!important;
    bottom:12px!important;
  }
  #zalo-vr img,.zalo-container img,.zalo-chat-widget img,.zalo-chat-widget-container img,[class*="zalo-chat"] img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
}

/* Narrow phones: preserve readable article/bullet typography without forcing
   awkward justification inside tiny UI controls or metadata rows. */
@media(max-width:430px){
  .unilaw-site :where(
    .unilaw-reading-content p,.unilaw-reading-content li,
    .unilaw-entry-content p,.unilaw-entry-content li,
    .unilaw-service-content p,.unilaw-service-content li,
    .unilaw-standard-page .middle-content p,.unilaw-standard-page .middle-content li,
    .unilaw-hero-proof li
  ){
    text-align:justify!important;
    text-justify:inter-word!important;
  }
}