/* File: public/css/public-style.css */ /* Public styles for the plugin */ /* Note: Most styling is handled by the theme, but we include this for any future frontend features */ .pc-hfap-public-notice { display: none !important; } /* Hidden by default, can be used for future features */ /* Print styles for snippets */ @media print { .pc-hfap-no-print { display: none !important; } } /* Accessibility improvements */ .pc-hfap-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Responsive design helpers */ .pc-hfap-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Clearfix */ .pc-hfap-clearfix::after { content: ""; clear: both; display: table; } /* Loading animation for any future AJAX features */ .pc-hfap-loader { border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: pc-hfap-spin 2s linear infinite; margin: 20px auto; } @keyframes pc-hfap-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { .pc-hfap-public-element { transition: none; animation: none; } } /* High contrast mode support */ @media (prefers-contrast: high) { .pc-hfap-public-element { border: 2px solid currentColor; } }