/**
 * Optimized CSS for public-specific functionality with overlay for modal.
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --ck-items-primary-color: #14375d;
}

.sqwire_money_box form.sqwire-money-container-box label {display: flex; cursor: pointer;     align-items: center;     margin: 5px 0px;}
.sqwire_money_box form.sqwire-money-container-box input[type='checkbox'] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 30px ; min-width: 30px; height: 30px ; border-radius: 50% ; display: inline-block ; position: relative ; cursor: pointer ; margin-right: 10px ; }
.sqwire_money_box form.sqwire-money-container-box input[type='checkbox']:checked::after { content: '\e876' ; font-size: 21px ; position: absolute ; top: 50% ; left: 50% ; transform: translate(-50%, -50%) ; font-family: bb-icons; font-style: normal; font-weight: 400; }
.sqwire_money_box .gamplify-checklist-item-title-unique { display: flex; align-items: center; font-size: clamp(16px, 4vw, 20px); font-weight: 600; color: #111827; margin-bottom: clamp(4px, 1vw, 6px); }
.sqwire_money_box .gamplify-checklist-progress-info-unique { display: flex; justify-content: space-between; align-items: center; margin-bottom: clamp(8px, 2vw, 12px); color: #6b7280; font-size: clamp(11px, 2.5vw, 13px); }
.sqwire_money_box .gamplify-checklist-progress-bar-unique { width: 100%; height: clamp(4px, 1vw, 6px); background: #f3f4f6; border-radius: clamp(2px, 0.5vw, 3px); overflow: hidden; margin-bottom: clamp(12px, 3vw, 20px); }
.sqwire_money_box .gamplify-checklist-progress-fill-unique { height: 100%; background: #0f172a; width: 25%; transition: width 0.3s ease; border-radius: inherit; }
.sqwire_money_box .gamplify-checklist-progress-bar-unique-msg { display: flex; gap:10px; align-items: center; justify-content: center; font-size: clamp(10px, 2.5vw, 12px); color: #0f172a; }
.gamplify_error_box { background: #ffffff; padding: 20px; border-radius: 10px; }
.gamplify_error_box .gamplify-checklist-item-error { padding: 10px; background-color: #ffe0e0; border: 1px solid #e00; color: #900; border-radius: 4px; }
.sqwire_money_box .gamplify-checklist-user-limit-box{text-align: right;}
.sqwire_money_box .gamplify-checklist-item-main-box { display: flex; gap: 10px; align-items: center; }
.gamplify-checklist-item-main-box.hide-item { display: none; }
.gamplify-checklist-item-main-box.show-item { display: flex; }
.sqwire_money_box .gamplify-checklist-item-main-box span.dashicons.dashicons-no-alt { font-size: 20px; width: 25px; height: 25px; background: #000000; color: #fff; border-radius: 50%; padding-top: 3px; cursor: pointer; min-width: 25px; }
.sqwire_money_box .checklist-popup-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 9999; display: flex; align-items: center; justify-content: center; overflow-y: auto; padding: 20px; }
.sqwire_money_box .checklist-popup-box { background: #fff; padding: 30px 25px; border-radius: 12px; width: 600px; max-width: 90%; position: relative; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); }
.sqwire_money_box .popup-close { top: 12px; right: 15px; font-size: 22px; color: #888; cursor: pointer; transition: color 0.2s; }
.sqwire_money_box .popup-close:hover { color: #333; }
.remove-checklist-field-btn { border: 1px solid; height: 30px; width: 35px; line-height: 1; padding: 4px 0px; }
.checklist-title-row { display: flex; gap: 15px; align-items: center; margin-bottom: 10px; }
.gamplify-checklist-repeater-button { display: flex; justify-content: flex-end; }
.sqwire_money_box .checklist-popup-box h2 { margin-top: 0; margin-bottom: 0px; font-size: 22px; color: #333; text-align: center; }
.sqwire_money_box .checklist-popup-box label { display: block; margin-bottom: 8px; font-weight: 600; color: #444; }
.sqwire_money_box .checklist-title { width: 100%; padding: 10px 14px; font-size: 16px; border: 1px solid #ccc; border-radius: 6px; outline: none; transition: border-color 0.2s; }
.sqwire_money_box .checklist-title:focus { border-color: #0073aa; }
.gamplify-checklist-popup-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0px; }
.gamplify-checklist-progress-indicator { display: flex; justify-content: space-between; align-items: center; margin-bottom: clamp(8px, 2vw, 12px); color: #6b7280; font-size: clamp(11px, 2.5vw, 13px); }
.sqwire_money_box a.user_limit_anchor { font-family: inherit; font-size: 15px; background-color: var(--bb-primary-button-background-regular); color: var(--bb-primary-button-text-regular); border: 1px solid var(--bb-primary-button-border-regular); border-radius: var(--bb-button-radius); padding: 10px 20px; font-weight: 500; font-style: normal; text-decoration: none; text-align: center; cursor: pointer; display: inline-block; line-height: 1.3; border-width: 1px; border-style: solid; outline: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all linear .2s; transition: all linear .2s; }

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}