/* Hide site header on all pages */
header {
    display: none !important;
}


/* Ensure QR action buttons are the same size */
#download-qr-btn,
#download-qr-btn-no-text,
#download-handout-btn {
    width: 300px !important;
    height: 46px !important;
}


/* Mode badge - visible testing indicator (P1 + P2 only) */
.qr-folder-mode-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  line-height:1;
  margin:0 auto 12px auto;
  border:2px solid transparent;
}

.qr-folder-mode-badge .qr-folder-mode-tick{
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:50%;
  font-size:14px;
  line-height:20px;
  text-align:center;
  font-weight:900;
}

.qr-folder-mode-badge.mode-drive{
  background:#e9f8ef;
  border-color:#1e7a3a;
  color:#1e7a3a;
}

.qr-folder-mode-badge.mode-drive .qr-folder-mode-tick{
  background:#1e7a3a;
  color:#ffffff;
}

.qr-folder-mode-badge.mode-local{
  background:#e8f1ff;
  border-color:#005eb8;
  color:#005eb8;
}

.qr-folder-mode-badge.mode-local .qr-folder-mode-tick{
  background:#005eb8;
  color:#ffffff;
}

.qr-folder-mode-badge-wrap{ text-align:center; margin:0 0 12px 0; }


/* Button alignment fix - P2 download buttons */
.qrfolders-download-buttons{
    margin-top:20px;
    display:flex;
    justify-content:center;
    align-items:stretch;
    flex-wrap:wrap;
    /* gap is not reliable in some theme CSS stacks - use margins on children as a fallback */
}

.qrfolders-download-buttons a,
.qrfolders-download-buttons button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 18px;
    line-height:1.1;
    white-space:nowrap;
    box-sizing:border-box;
    margin:0 6px 12px 6px; /* horizontal spacing + tidy wrap spacing */
}


/* P2 display fixes - force QR square and force file links to a single centred column (Divi-safe) */
#qr-code-container img#qr-code-img,
#qr-code-and-text-container img#qr-code-img,
body img#qr-code-img{
    width: 288px !important;
    height: 288px !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.qrfolders-file-buttons{
    margin-top: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.qrfolders-file-buttons a{
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 0 12px 0 !important;
}


/* P2 QR - hard centre the QR block without affecting the button rows (Divi-safe) */
.qrfolders-qr-centre{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.qrfolders-qr-centre img#qr-code-img{
    display: block !important;
    margin: 0 auto !important;
    width: 288px !important;
    height: 288px !important;
    max-width: none !important;
    max-height: none !important;
}


/* P2 only - hard-centre the QR block without affecting Page 1, Page 3, or the PDF handout */
.qrfolders-p2-qr-centre{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.qrfolders-p2-qr-centre #qr-code-img,
.qrfolders-p2-qr-centre img#qr-code-img{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}