/* ==========================================================================
   Ali v12.19 - No-Delete Contact Card Polish
   Fixes: quick contact cards clipping/cropping, number readability, responsive grid.
   Additive only.
   ========================================================================== */

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-grid,
body.b4883-v1219-contact-card-polish .contact-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px !important;
  align-items:stretch !important;
  margin:clamp(22px,3vw,36px) 0 clamp(26px,4vw,46px) !important;
  overflow:visible !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card,
body.b4883-v1219-contact-card-polish .contact-quick-card{
  position:relative !important;
  min-height:164px !important;
  height:auto !important;
  overflow:visible !important;
  isolation:isolate;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:16px !important;
  padding:26px 24px 24px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  border:1px solid rgba(27,64,123,.10) !important;
  border-top:4px solid #caa047 !important;
  box-shadow:0 20px 48px rgba(17,35,68,.10) !important;
  text-decoration:none !important;
  transform:none;
  contain:none !important;
  content-visibility:visible !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card::before,
body.b4883-v1219-contact-card-polish .contact-quick-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 18% 16%,rgba(30,91,158,.10),transparent 34%);
  opacity:.8;
  z-index:-1;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card:hover,
body.b4883-v1219-contact-card-polish .contact-quick-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 24px 56px rgba(17,35,68,.14) !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-icon,
body.b4883-v1219-contact-card-polish .contact-quick-card > span:first-child{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-end !important;
  border-radius:20px !important;
  background:#edf7ff !important;
  border:1px solid rgba(27,64,123,.10) !important;
  color:#123763 !important;
  font-size:27px !important;
  line-height:1 !important;
  box-shadow:0 8px 20px rgba(27,64,123,.08) !important;
  overflow:visible !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-text{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card strong,
body.b4883-v1219-contact-card-polish .contact-quick-card strong{
  display:block !important;
  color:#10233f !important;
  font-size:clamp(22px,2.2vw,29px) !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  margin:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-align:right !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card small,
body.b4883-v1219-contact-card-polish .contact-quick-card small{
  display:block !important;
  width:100% !important;
  color:#667895 !important;
  font-size:clamp(15px,1.25vw,18px) !important;
  line-height:1.9 !important;
  font-weight:800 !important;
  margin:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  direction:inherit;
  unicode-bidi:isolate;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card small[dir="ltr"]{
  text-align:right !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  letter-spacing:.2px;
  font-variant-numeric:tabular-nums;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-whatsapp{
  border-top-color:#18b874 !important;
}
body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-phone,
body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-mobile{
  border-top-color:#1c4f92 !important;
}
body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-map{
  border-top-color:#caa047 !important;
}

body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-whatsapp .b4883-v1219-contact-quick-icon{
  background:#eafaf3 !important;
  color:#128c5d !important;
}
body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-phone .b4883-v1219-contact-quick-icon,
body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-mobile .b4883-v1219-contact-quick-icon{
  background:#edf5ff !important;
  color:#174984 !important;
}
body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card.is-map .b4883-v1219-contact-quick-icon{
  background:#fff8e9 !important;
  color:#9b6f16 !important;
}

/* Prevent old performance layers from clipping the first row of cards */
body.b4883-v1219-contact-card-polish :where(.contact-quick-grid,.contact-quick-card,.contact-grid,.contact-grid-clean){
  contain:none !important;
  content-visibility:visible !important;
}

/* Better rhythm around the following contact panels */
body.b4883-v1219-contact-card-polish .b4883-v1215-contact-command{
  margin-top:0 !important;
}
body.b4883-v1219-contact-card-polish .contact-grid-clean{
  margin-top:clamp(28px,4vw,48px) !important;
}

@media (max-width: 1180px){
  body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-grid,
  body.b4883-v1219-contact-card-polish .contact-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 680px){
  body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-grid,
  body.b4883-v1219-contact-card-polish .contact-quick-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-block:18px 28px !important;
  }
  body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card,
  body.b4883-v1219-contact-card-polish .contact-quick-card{
    min-height:132px !important;
    border-radius:23px !important;
    padding:20px !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-icon,
  body.b4883-v1219-contact-card-polish .contact-quick-card > span:first-child{
    align-self:center !important;
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    order:2;
  }
  body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-text{
    order:1;
  }
  body.b4883-v1219-contact-card-polish .b4883-v1219-contact-quick-card strong,
  body.b4883-v1219-contact-card-polish .contact-quick-card strong{
    font-size:22px !important;
  }
}