/* TAGHAT 4.4 — Digital Membership Card */
.taghat-membership-page{--card-blue:#0a347c;--card-blue-2:#1768c8;--card-blue-3:#09204f;--card-gold:#e9b84f;--card-ice:#edf7ff;color:#0b244d}
.taghat-membership-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.taghat-membership-kicker{display:inline-flex;align-items:center;gap:6px;color:#1768c8;font-weight:800;font-size:13px;margin-bottom:5px}
.taghat-membership-head h2{margin:0;font-weight:900;letter-spacing:-.4px}
.taghat-membership-head p{margin:6px 0 0;color:#64748b}
.taghat-membership-actions{display:flex;gap:10px;flex-wrap:wrap}
.taghat-card-status-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}
.taghat-status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-weight:800;font-size:13px}
.taghat-status-pill span{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.12)}
.taghat-status-pill.is-active{color:#166534;background:#ecfdf3}
.taghat-expiry-warning{color:#92400e;background:#fff7ed;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}
.taghat-membership-incomplete,.taghat-membership-expired,.taghat-membership-pending{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:18px;margin-bottom:18px}
.taghat-membership-incomplete{background:#fff8e7;border:1px solid #f6d98b;color:#713f12}
.taghat-membership-expired{display:block;background:#fff1f2;border:1px solid #fecdd3;color:#881337}
.taghat-membership-pending{display:block;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}
.taghat-incomplete-icon{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f59e0b;color:#fff;font-weight:900}
.taghat-membership-incomplete p{margin:6px 0 10px}
.taghat-card-print-stage{display:flex;flex-direction:column;gap:22px;align-items:center;padding:20px;border-radius:26px;background:linear-gradient(145deg,#f8fbff,#edf5ff);border:1px solid #dbeafe;box-shadow:0 18px 50px rgba(15,49,102,.08)}
.taghat-membership-card{position:relative;isolation:isolate;width:min(100%,720px);aspect-ratio:85.6/53.98;border-radius:24px;overflow:hidden;color:#fff;box-shadow:0 22px 55px rgba(5,31,75,.26);background:linear-gradient(135deg,var(--card-blue-3) 0%,var(--card-blue) 42%,var(--card-blue-2) 100%);font-family:inherit;direction:rtl;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.taghat-membership-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.22),transparent 26%),radial-gradient(circle at 5% 100%,rgba(46,171,255,.2),transparent 34%);z-index:-2}
.taghat-card-glow{position:absolute;width:45%;height:100%;left:-10%;top:0;background:linear-gradient(145deg,transparent,rgba(255,255,255,.08));transform:skewX(-18deg);z-index:-1}
.taghat-card-pattern{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 1.5px),linear-gradient(115deg,transparent 55%,rgba(255,255,255,.3) 55.5%,transparent 56%);background-size:18px 18px,100% 100%;z-index:-1}
.taghat-card-top{display:flex;align-items:center;gap:12px;padding:6% 7% 0}
.taghat-card-logo{width:34%;max-width:190px;max-height:58px;object-fit:contain;object-position:right center;filter:brightness(0) invert(1);flex:0 0 auto}
.taghat-card-org{display:flex;flex-direction:column;gap:3px;flex:1}
.taghat-card-org strong{font-size:clamp(13px,2vw,22px);font-weight:900;white-space:nowrap}
.taghat-card-org span{font-size:clamp(8px,1.15vw,12px);color:#cfe5ff}
.taghat-card-chip{width:48px;height:35px;border-radius:8px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);position:relative;flex:0 0 auto}
.taghat-card-chip:before,.taghat-card-chip:after{content:"";position:absolute;left:15%;right:15%;height:1px;background:rgba(255,255,255,.55)}
.taghat-card-chip:before{top:50%}.taghat-card-chip:after{top:33%}
.taghat-card-front-body{display:flex;align-items:center;gap:6%;padding:4% 7% 2%;height:62%}
.taghat-card-photo-wrap{position:relative;flex:0 0 31%;max-width:31%;aspect-ratio:1;border-radius:18px;padding:4px;background:linear-gradient(135deg,#fff,#86cfff,#e8b54c);box-shadow:0 14px 28px rgba(0,0,0,.25)}
.taghat-card-photo{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px;background:#dbeafe}
.taghat-card-photo-empty{display:grid;place-items:center;color:#1e3a8a;font-weight:800;background:#eaf4ff}
.taghat-photo-ring{position:absolute;inset:-6px;border:1px solid rgba(255,255,255,.35);border-radius:23px;pointer-events:none}
.taghat-card-identity{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.taghat-card-label{font-size:clamp(8px,1.2vw,12px);color:#b8dcff;display:block}
.taghat-card-name{font-size:clamp(18px,3.2vw,34px);line-height:1.15;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.taghat-card-type{display:inline-flex;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,#e9b84f,#ffd978);color:#17345f;font-weight:900;font-size:clamp(9px,1.4vw,13px);box-shadow:0 6px 14px rgba(0,0,0,.16)}
.taghat-card-number{margin-top:auto;display:flex;flex-direction:column;gap:2px}
.taghat-card-number span{font-size:clamp(8px,1.1vw,11px);color:#b8dcff}
.taghat-card-number strong{font-size:clamp(14px,2.2vw,21px);letter-spacing:1px;direction:ltr}
.taghat-card-footer{position:absolute;bottom:5%;right:7%;left:7%;display:flex;justify-content:space-between;align-items:center;font-size:clamp(7px,1vw,10px);color:#cfe5ff;border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
.taghat-card-back-top{display:flex;align-items:center;justify-content:space-between;padding:6% 7% 0}
.taghat-card-back-top>div{display:flex;flex-direction:column;gap:4px}
.taghat-card-back-top strong{font-size:clamp(12px,2vw,20px)}
.taghat-card-logo-back{width:24%;max-width:130px}
.taghat-card-back-body{display:grid;grid-template-columns:1fr 23%;gap:5%;align-items:center;padding:5% 7% 2%;height:59%}
.taghat-card-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.taghat-card-details div{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.16);min-width:0}
.taghat-card-details span{display:block;font-size:clamp(7px,1vw,10px);color:#b8dcff;margin-bottom:2px}
.taghat-card-details strong{font-size:clamp(10px,1.5vw,15px);white-space:nowrap}
.taghat-card-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}
.taghat-card-qr{width:min(100%,130px);aspect-ratio:1;background:#fff;border-radius:14px;padding:7px;object-fit:contain;display:block}
.taghat-card-qr-wrap span{font-size:clamp(7px,1vw,10px);color:#dbeafe;text-align:center}
.taghat-card-verification{position:absolute;bottom:5%;right:7%;left:7%;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
.taghat-card-verification>div{display:flex;flex-direction:column;gap:2px}
.taghat-card-verification span,.taghat-card-verification small{font-size:clamp(7px,1vw,10px);color:#b8dcff}
.taghat-card-verification strong{font-size:clamp(11px,1.5vw,15px);letter-spacing:1px;direction:ltr}
.taghat-card-verify-text{text-align:left;direction:rtl}
.taghat-renew-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;color:#64748b;font-size:12px}
.taghat-overview-membership-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#0b2e70,#1768c8);color:#fff;box-shadow:0 12px 30px rgba(23,104,200,.2)}
.taghat-overview-membership-card>div{display:flex;flex-direction:column;gap:3px}
.taghat-overview-membership-card .taghat-membership-kicker{color:#cfe5ff}
.taghat-overview-membership-card strong{font-size:18px}
.taghat-overview-membership-card small{color:#dbeafe}
.taghat-overview-membership-card .btn{background:#fff;border-color:#fff;color:#123d83}
.taghat-verification-page{min-height:70vh;padding:60px 0;background:linear-gradient(145deg,#edf7ff,#f8fbff)}
.taghat-verification-shell{width:min(100%,520px);margin:auto;background:rgba(255,255,255,.88);border:1px solid #dbeafe;border-radius:28px;padding:34px;text-align:center;box-shadow:0 25px 70px rgba(15,52,108,.14)}
.taghat-verification-logo{width:min(78%,280px);height:auto;margin:0 auto 22px;display:block}
.taghat-verification-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;font-weight:900;margin-bottom:16px}
.taghat-verification-badge span{width:9px;height:9px;border-radius:50%}
.taghat-verification-badge.is-active{background:#ecfdf3;color:#166534}.taghat-verification-badge.is-active span{background:#16a34a}
.taghat-verification-badge.is-expired{background:#fff1f2;color:#991b1b}.taghat-verification-badge.is-expired span{background:#dc2626}
.taghat-verification-photo{width:110px;height:110px;object-fit:cover;border-radius:26px;margin:4px auto 14px;border:4px solid #fff;box-shadow:0 10px 25px rgba(15,52,108,.18)}
.taghat-verification-shell h1{font-weight:900;margin:4px 0}
.taghat-verification-type{color:#1768c8;font-weight:800}
.taghat-verification-shell dl{display:grid;gap:10px;margin:22px 0;text-align:right}
.taghat-verification-shell dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e2e8f0}
.taghat-verification-shell dt{color:#64748b}.taghat-verification-shell dd{margin:0;font-weight:900}
.taghat-verification-note{font-size:12px;color:#64748b;margin:18px 0 0}
.taghat-verification-invalid{padding:20px 0}
.taghat-invalid-icon{width:64px;height:64px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#b91c1c;font-size:34px;font-weight:300}
.taghat-admin-card-box .widefat{margin-top:5px}
.taghat-admin-card-box hr{border:0;border-top:1px solid #e5e7eb;margin:15px 0}
@media (max-width:767.98px){
 .taghat-membership-head{align-items:stretch;flex-direction:column}
 .taghat-membership-actions{width:100%}.taghat-membership-actions .btn{flex:1}
 .taghat-card-print-stage{padding:10px;border-radius:20px}
 .taghat-membership-card{border-radius:18px}
 .taghat-card-top{padding-top:7%}.taghat-card-front-body{gap:5%}
 .taghat-card-photo-wrap{flex-basis:30%;max-width:30%}
 .taghat-card-back-body{grid-template-columns:1fr 25%;gap:3%}
 .taghat-card-details{gap:7px 10px}
 .taghat-card-qr{border-radius:9px;padding:5px}
 .taghat-overview-membership-card{align-items:flex-start;flex-direction:column}
}
@media print{
 @page{size:A4 portrait;margin:0}
 html,body{background:#fff!important}
 body *{visibility:hidden!important}
 .taghat-card-print-stage,.taghat-card-print-stage *{visibility:visible!important}
 .taghat-card-print-stage{position:absolute!important;left:0!important;top:0!important;width:100%!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;gap:0!important;display:block!important}
 .taghat-membership-card{width:85.6mm!important;height:53.98mm!important;aspect-ratio:auto!important;border-radius:3.5mm!important;box-shadow:none!important;margin:10mm auto 0!important;break-after:page;page-break-after:always;overflow:hidden!important}
 .taghat-membership-card:last-child{margin-top:10mm!important;break-after:auto;page-break-after:auto}
 .taghat-card-photo{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* PDF download temporarily disabled; printing remains available. */
.taghat-card-pdf:disabled { opacity: .48; cursor: not-allowed; filter: grayscale(.35); pointer-events: none; }