/* MAPSA certificates readability patch v2. Limited to certificate gallery and overlay. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #mapsa-certificates-after-projects .mapsa-certificate-card:hover {
    transform: translateY(-6px) scale(1.11);
    position:relative;
    z-index:5;
    box-shadow:0 18px 40px rgba(0,17,43,.24);
  }
}
#mapsa-certificates-after-projects .mapsa-certificate-card:focus-visible {
  transform: translateY(-4px) scale(1.06);
  position:relative;z-index:5;
}
#mapsa-certificate-readable-zoom[hidden] { display:none !important; }
#mapsa-certificate-readable-zoom, #mapsa-certificate-readable-zoom * {box-sizing:border-box;}
#mapsa-certificate-readable-zoom {
  position:fixed; inset:0; z-index:2147483600;
  background:rgba(0,10,28,.87);
  padding:clamp(8px,2vw,22px);
  display:none; color:#00112b; direction:rtl;
}
#mapsa-certificate-readable-zoom.is-open {display:flex;align-items:center;justify-content:center;}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-frame {
  display:flex;flex-direction:column;
  width:min(1550px,100%);height:min(94vh,1100px);height:min(94dvh,1100px);
  min-height:0;overflow:hidden;
  border:1px solid #cad8e2;border-radius:14px;
  background:#f2f7fa;box-shadow:0 22px 65px rgba(0,0,0,.5);
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-bar {
  background:#00112b;color:#fff;display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;padding:10px 14px;min-height:58px;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-title {
  color:#fff;font-size:clamp(13px,1.4vw,17px);font-weight:750;
  line-height:1.6;min-width:0;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-controls {
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-button,
#mapsa-certificate-readable-zoom .mapsa-cert-reader-original {
  appearance:none;border:1px solid #59ced8 !important;border-radius:7px;
  background:#15304d !important;color:#fff !important;
  min-width:34px;min-height:34px;padding:4px 9px;
  font:inherit;font-size:13px;font-weight:600;line-height:1.4;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:none !important;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-button:hover,
#mapsa-certificate-readable-zoom .mapsa-cert-reader-original:hover {
  background:#236476 !important;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-button:focus-visible,
#mapsa-certificate-readable-zoom .mapsa-cert-reader-original:focus-visible {
  outline:3px solid #59ced8;outline-offset:2px;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-counter {
  min-width:56px;color:#fff;font:700 13px/1.4 inherit;text-align:center;direction:ltr;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-viewport {
  flex:1;min-height:0;min-width:0;width:100%;overflow:auto;
  direction:ltr;overscroll-behavior:contain;
  touch-action:pan-x pan-y;scrollbar-color:#91aebe #e7eff4;
  background:repeating-conic-gradient(#e4eaf0 0 25%,#eef3f7 0 50%) 50%/28px 28px;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-viewport.can-pan {cursor:grab;}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-viewport.is-dragging {cursor:grabbing;user-select:none;}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-stage {
  min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-image {
  display:block;flex:none;width:auto;height:auto;max-width:none !important;max-height:none !important;
  margin:0;object-fit:fill;box-shadow:0 2px 16px rgba(0,17,43,.16);
  user-select:none;-webkit-user-drag:none;
}
#mapsa-certificate-readable-zoom .mapsa-cert-reader-hint {
  padding:6px 12px;background:#fff;color:#31485f;font-size:12px;text-align:center;
}
@media(max-width:680px) {
  #mapsa-certificate-readable-zoom .mapsa-cert-reader-bar {align-items:stretch;justify-content:center;padding:7px 9px;}
  #mapsa-certificate-readable-zoom .mapsa-cert-reader-title {text-align:center;}
  #mapsa-certificate-readable-zoom .mapsa-cert-reader-controls {justify-content:center;}
  #mapsa-certificate-readable-zoom .mapsa-cert-reader-button,
  #mapsa-certificate-readable-zoom .mapsa-cert-reader-original {min-height:32px;padding:3px 6px;font-size:12px;}
  #mapsa-certificate-readable-zoom .mapsa-cert-reader-hint {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
  #mapsa-certificates-after-projects .mapsa-certificate-card:hover,
  #mapsa-certificates-after-projects .mapsa-certificate-card:focus-visible {transform:none;}
}