/* v54d: featured job_posts — rich animated golden frame + tiny hanging «مميز» tag (never covers ad text) */
@property --fa{syntax:'<angle>';initial-value:0deg;inherits:false}
.card.feat{position:relative;border-color:transparent!important;animation:featGlow 2.6s ease-in-out infinite}
.card.feat::before{content:"";display:block;flex:none;height:17px}
@keyframes featGlow{0%,100%{box-shadow:0 0 0 1px rgba(212,160,23,.45),0 0 12px rgba(255,200,40,.30),0 6px 22px rgba(212,160,23,.22)}
 50%{box-shadow:0 0 0 1px rgba(255,215,0,.75),0 0 26px rgba(255,215,64,.55),0 8px 30px rgba(212,160,23,.40)}}
.card.feat>.feat-ring{position:absolute;inset:0;border-radius:inherit;padding:3px;pointer-events:none;z-index:3;
 background:conic-gradient(from var(--fa),#8a5a00,#ffd700 12%,#fff8c8 20%,#f5c542 32%,#b8860b 45%,#ffe27a 58%,#fffbe0 66%,#d4a017 80%,#8a5a00);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
 animation:featSpin 3.2s linear infinite}
@keyframes featSpin{to{--fa:360deg}}
.card.feat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
 background:linear-gradient(115deg,transparent 35%,rgba(255,243,170,.20) 47%,rgba(255,255,255,.34) 50%,rgba(255,243,170,.20) 53%,transparent 65%);
 background-size:300% 100%;background-position:130% 0;animation:featSheen 3.6s ease-in-out infinite}
@keyframes featSheen{0%{background-position:130% 0}55%,100%{background-position:-30% 0}}
.card.feat>.feat-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:4;font:800 10px/1 inherit;height:16px;display:flex;align-items:center;gap:3px;padding:0 11px;
 border-radius:0 0 10px 10px;color:#4a3200;letter-spacing:.2px;background:linear-gradient(135deg,#fff7c2,#f5c542 55%,#d4a017);box-shadow:0 2px 6px rgba(180,130,0,.35)}
html[data-theme=dark] .card.feat,html.dark .card.feat{animation-name:featGlowDark}
@keyframes featGlowDark{0%,100%{box-shadow:0 0 0 1px rgba(255,215,0,.35),0 0 14px rgba(255,200,40,.28)}50%{box-shadow:0 0 0 1px rgba(255,230,120,.7),0 0 30px rgba(255,210,60,.55)}}
@media (max-width:600px){.card.feat>.feat-ring{padding:2.5px}.card.feat::before{height:16px}.card.feat>.feat-badge{height:15px;font-size:9.5px;padding:0 9px}}
@media (prefers-reduced-motion:reduce){.card.feat,.card.feat::after{animation:none}.card.feat>.feat-ring{animation:none;background:linear-gradient(135deg,#b8860b,#ffd700,#fff4b0,#d4a017)}.card.feat::after{display:none}}