/* FreelanceHub — public/css/app.css
   ─────────────────────────────────────────────────────────────────────
   This file contains global resets and enhancements only.

   ALL Tailwind-compatible utility classes (270+ rules) are embedded
   directly in the <style> block inside resources/views/layouts/app.blade.php.
   They are served inline on every page with zero build step required.

   The Tailwind CDN is NOT used. There is no CDN dependency.

   If you want a standalone compiled CSS file (e.g. for caching or CDN
   delivery), go to Admin > Settings > Appearance > CSS Manager and
   click Compile Now using the Pre-built, Standalone CLI, or npm option.
   ─────────────────────────────────────────────────────────────────── */

/* Focus ring — accessible, brand-coloured */
:focus-visible {
    outline: 2px solid var(--brand, #14b8a6);
    outline-offset: 2px;
}

/* Prevent layout shift from scrollbar appearing */
html { scrollbar-gutter: stable; }

/* Images never overflow */
img { max-width: 100%; display: block; }

/* Custom scrollbar */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(148,163,184,.25); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(148,163,184,.45); }

/* Remove default list styles in nav */
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

/* Print */
@media print {
    nav, footer, .fn-sidebar, .fn-mobile-nav, #fh-cookie-banner { display: none !important; }
    body { background: #fff !important; color: #000 !important; }
    a::after { content: " (" attr(href) ")"; font-size: 11px; color: #666; }
}