<?php
/**
 * Plugin Name: RESPILON Clarity + Consent
 * Description: Cookie-consent banner that gates Microsoft Clarity (analytics) until
 *              the visitor accepts. Front-end only. WooCommerce cart/session cookies
 *              are strictly necessary and are not gated.
 */

defined( 'ABSPATH' ) || exit;

add_action( 'wp_footer', function () {
    if ( is_admin() ) {
        return;
    }
    ?>
<!-- Cookie consent + Microsoft Clarity (loads only after consent) -->
<style>
.rc-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:540px;margin:0 auto;background:#1C1B17;color:#E8E1D2;border:1px solid #C49A35;border-radius:6px;padding:18px 20px;font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-size:13.5px;line-height:1.55;box-shadow:0 22px 54px -20px rgba(0,0,0,.6)}
.rc-consent p{margin:0 0 13px}
.rc-consent .rc-btns{display:flex;gap:10px;flex-wrap:wrap}
.rc-consent button{font-family:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer;border-radius:3px;padding:10px 20px;border:1px solid #C49A35;transition:opacity .2s}
.rc-consent button:hover{opacity:.85}
.rc-consent .rc-yes{background:#C49A35;color:#1C1B17;font-weight:600}
.rc-consent .rc-no{background:transparent;color:#E8E1D2;border-color:#5A554A}
</style>
<script>
(function(){var KEY='respilon-consent';
function loadClarity(){(function(c,l,a,r,i,t,y){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);})(window,document,"clarity","script","x9sd0kbhn4");}
var v;try{v=localStorage.getItem(KEY);}catch(e){}
if(v==='granted'){loadClarity();return;}
if(v==='denied'){return;}
function show(){var b=document.createElement('div');b.className='rc-consent';b.setAttribute('role','dialog');b.setAttribute('aria-label','Informasjonskapsler');
b.innerHTML='<p>Vi bruker informasjonskapsler for å se hvordan siden brukes, slik at vi kan gjøre den bedre. Du velger selv. <a href="https://antiakne.no/personvern.html" style="color:#C49A35;text-decoration:underline">Les mer</a></p><div class="rc-btns"><button class="rc-yes">Godta</button><button class="rc-no">Avslå</button></div>';
document.body.appendChild(b);
b.querySelector('.rc-yes').addEventListener('click',function(){try{localStorage.setItem(KEY,'granted');}catch(e){}b.remove();loadClarity();});
b.querySelector('.rc-no').addEventListener('click',function(){try{localStorage.setItem(KEY,'denied');}catch(e){}b.remove();});}
if(document.body){show();}else{document.addEventListener('DOMContentLoaded',show);}
})();
</script>
<?php
}, 99 );