/* إضافات صغيرة فوق CSS التصميم الأصلي — لا تغيّر أي مظهر موجود، فقط تدعم عناصر Laravel الديناميكية */

/* الإشعارات */
.hk-toast-host{position:fixed;inset-inline:0;top:5rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;padding-inline:1rem}
.hk-toast{pointer-events:auto;max-width:28rem;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;color:#fff;box-shadow:var(--shadow-lift);opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s}
.hk-toast.in{opacity:1;transform:none}
.hk-toast-ok{background:var(--success)}
.hk-toast-error{background:var(--destructive)}

/* محتوى المقالات والخدمات القادم من محرر لوحة التحكم */
.prose-hk h2{font-size:1.25rem;font-weight:800;color:var(--foreground);margin:1.75rem 0 .5rem}
.prose-hk h3{font-size:1.05rem;font-weight:800;color:var(--foreground);margin:1.4rem 0 .4rem}
.prose-hk p{margin:.75rem 0}
.prose-hk ul,.prose-hk ol{margin:.75rem 0;padding-inline-start:1.4rem}
.prose-hk ul{list-style:disc}.prose-hk ol{list-style:decimal}
.prose-hk li{margin:.25rem 0}
.prose-hk a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.prose-hk img{max-width:100%;height:auto;border-radius:.75rem;margin:1rem 0}
.prose-hk blockquote{border-inline-start:3px solid var(--primary);padding-inline-start:1rem;margin:1rem 0;font-style:normal}
.prose-hk table{width:100%;border-collapse:collapse;font-size:.875rem}
.prose-hk th,.prose-hk td{border:1px solid var(--border);padding:.5rem .75rem;text-align:start}
.prose-hk strong{color:var(--foreground)}

/* إتاحة: خط الجسم العربي */
html{scroll-behavior:smooth}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{header,footer,.fixed{display:none!important}}

/* أدوات مساعدة لم تكن مستخدمة في صفحات التصميم الأصلي (تتبع نفس مقياس Tailwind) */
.col-span-full{grid-column:1/-1}
.line-through{text-decoration-line:line-through}
.mb-4{margin-bottom:calc(var(--spacing)*4)}
.mb-8{margin-bottom:calc(var(--spacing)*8)}
.pt-5{padding-top:calc(var(--spacing)*5)}
.rounded{border-radius:.25rem}
.ms-auto{margin-inline-start:auto}
.space-y-1>:not(:last-child){margin-block-end:calc(var(--spacing)*1)}
.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}
.hk-ratio-169{aspect-ratio:16/9}
.hk-check{accent-color:var(--primary)}