.elementor-2289 .elementor-element.elementor-element-dfd5ab1{--spacer-size:78px;}.elementor-2289 .elementor-element.elementor-element-1194416 > .elementor-widget-container{padding:0px 0px -11px 0px;}@media(max-width:767px){.elementor-2289 .elementor-element.elementor-element-dfd5ab1{--spacer-size:322px;}.elementor-2289 .elementor-element.elementor-element-1194416 > .elementor-widget-container{margin:0px 0px -117px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-1194416 */add_shortcode('aclean_qr_confirm', function($atts = []) {
  ob_start(); ?>
  <style>
    #aclean-qr .btn {
      display:inline-block; padding:22px 48px; font-size:22px; line-height:1;
      border-radius:18px; border:none; color:#fff; cursor:pointer;
      box-shadow: 0 6px 18px rgba(0,0,0,.08);
      transition: transform .04s ease, filter .15s ease;
    }
    #aclean-qr .btn:active { transform: translateY(1px) }
    #aclean-qr .btn-yes { background:#2ecc71; }      /* green */
    #aclean-qr .btn-yes:hover { filter:brightness(1.05) }
    #aclean-qr .btn-no  { background:#e74c3c; }      /* red */
    #aclean-qr .btn-no:hover { filter:brightness(1.05) }
  </style>

  <div id="aclean-qr" style="text-align:center">
    <h3>Would you like an out of hours Clean?</h3>
    <p id="aclean-ctx"></p>
    <div style="display:flex;gap:24px;justify-content:center;margin:12px 0;">
      <button id="aclean-yes" class="btn btn-yes">Yes</button>
      <button id="aclean-no"  class="btn btn-no">No</button>
    </div>
    <p id="aclean-status" style="margin-top:8px">You’ll be redirected to our homepage shortly.</p>
  </div>
  <script>
  (function(){
    const qs = new URLSearchParams(location.search);
    const building = qs.get('building') || 'Unknown';
    const room     = qs.get('room') || 'Unknown';
    document.getElementById('aclean-ctx').textContent =
      `Building: ${building} — Room: ${room}`;

    async function send(answer){
      const s = document.getElementById('aclean-status');
      s.textContent = 'Submitting…';
      try{
        const resp = await fetch('<?php echo esc_url_raw(rest_url('aclean/v1/submit')); ?>', {
          method: 'POST',
          headers: {'Content-Type':'application/json'},
          body: JSON.stringify({ building, room, answer })
        });
        if (!resp.ok) {
          const t = await resp.text();
          throw new Error(`HTTP ${resp.status}: ${t}`);
        }
        s.textContent = 'Recorded. Thank you!';
        setTimeout(()=>{ location.href='/' }, 3000);
      } catch (e) {
        console.error(e);
        s.textContent = 'Error sending response. Please try again.';
      }
    }
    document.getElementById('aclean-yes')?.addEventListener('click', ()=>send('Yes'));
    document.getElementById('aclean-no') ?.addEventListener('click', ()=>send('No'));
  })();
  </script>
  <?php return ob_get_clean();
});/* End custom CSS */