/* Ensure click cursor appears for click trigger */
.cpp-trigger-click {
	cursor: pointer;
}

/* All Popups */
.cpp-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;

    /* NEW */
    overflow-y: auto;
    padding: 20px;
}
.cpp-popup.active {
    display: flex;               /* 👈 important */
    align-items: flex-start;     /* 👈 prevents vertical cutoff */
    justify-content: center;
}
.cpp-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
}
.cpp-close-icon {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
}
.cpp-content {
    position: relative;
    background: #fff;
    max-width: 500px;
    padding: 40px 30px;
    border-radius: 8px;
    z-index: 2;
	
	/* NEW */
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}



/* Scroll Popup */
#cpp-popup-scroll .cpp-buttons {
    padding-top: 25px;
    display: flex;
    gap: 10px;
    justify-content: center;
}
#cpp-popup-scroll .cpp-cta {
    background: #037000;
    color: #fff;
    padding: 10px 18px;
    text-decoration: none;
    border-radius: 10px;
	font-weight: bold;
	font-size: 1em;
}
#cpp-popup-scroll .cpp-close {
    background: #07767a;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 10px;
    cursor: pointer;
	font-size: 0.8em;
}
#cpp-popup-scroll .cpp-content {
    text-align: center;
	margin: 10% auto;
}
#cpp-popup-scroll .pre-heading {
	color: #037000;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
}
#cpp-popup-scroll h3 {
	color: #07767a;
	padding: 0;
	margin: 0 0 25px 0;
	font-weight: bold;
	font-size: 1em;
}


/* Click Popup */
#cpp-popup-click .cpp-content {
	margin: 40px 0 0 0;
}
#cpp-popup-click .cpp-content-head {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
#cpp-popup-click .cpp-content-head h3 {
	color: #037000;
	padding: 0 0 5px 0;
	margin: 0;
}
#cpp-popup-click .cpp-content-head p {
	padding: 0;
	margin: 0;
}
#cpp-popup-click .cpp-content-body {
	padding-top: 20px;
}


/*---- WPforms Basic ----*/
#cpp-popup-click .wpforms-container {padding: 0 !important; margin: 0 !important;}
#cpp-popup-click .wpforms-submit-container {padding: 20px 0 !important;}
#cpp-popup-click .wpforms-submit {background: #037000 !important; font-weight: bold !important; border-radius: 10px !important; padding: 15px 40px !important; height: auto !important; line-height: 1 !important;}
#cpp-popup-click .wpforms-field-label {font-weight: bold !important; color: #07767a !important;}
#cpp-popup-click .wpforms-field-description {padding-top: 5px !important; color: #07767a !important;}
#cpp-popup-click .wpforms-field-medium {border-radius: 10px !important; background: #f2f7f7 !important; border: 1px solid #07767a !important;}

/*---- WPforms Checkboxes Coluns ----*/
#cpp-popup-click .wpforms-field-checkbox ul {display: flex !important; justify-content: space-between !important; flex-wrap: wrap !important;}
#cpp-popup-click .wpforms-field-checkbox ul li {flex-basis: 40% !important; padding: 0 !important; margin: 0 !important;}


/*---- WPforms Checkboxes Overlays ----*/

/* Scope ONLY to popup */
#cpp-popup-click .wpforms-container .wpforms-field-checkbox li {
    margin-bottom: 10px;
}

/* Hide native checkbox completely */
#cpp-popup-click .wpforms-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

/* Label becomes layout container */
#cpp-popup-click .wpforms-container .wpforms-field-checkbox li label {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding-left: 28px; /* 👈 THIS is the key change */
    line-height: 1.4;
}

/* Checkbox box */
#cpp-popup-click .wpforms-container .wpforms-field-checkbox li label::before {
    content: "";
    position: absolute;
    left: 0; /* 👈 clean alignment */
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: #f2f7f7;
    border: 2px solid #07767a;
    border-radius: 3px;
    box-sizing: border-box;
}

/* Checkmark */
#cpp-popup-click .wpforms-container input[type="checkbox"]:checked + label::after {
    content: "✔";
    position: absolute;
    left: 4px; /* 👈 now relative to left:0 */
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #07767a;
}

/* Optional hover */
#cpp-popup-click .wpforms-container .wpforms-field-checkbox li label:hover::before {
    background: #e6f2f2;
}