/* Chaperone Academy – Course Brochure Leads v1.4 */

/* Product CTA */
.ca-brochure-button-wrap{margin:0 0 20px;clear:both}
.ca-brochure-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	border:0;
	padding:14px 28px;
	min-height:56px;
	border-radius:4px;
	font-size:15px;
	font-weight:600;
	line-height:1.2;
	text-decoration:none;
	background:#165DFF;
	color:#fff;
	transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;
	box-sizing:border-box
}
.ca-brochure-button:hover{
	opacity:.94;
	transform:translateY(-1px);
	color:#fff;
	box-shadow:0 5px 15px rgba(0,0,0,.12)
}
.ca-brochure-button:focus{outline:2px solid #165DFF;outline-offset:3px}

/* Modal */
.ca-brochure-modal[hidden]{display:none!important}
.ca-brochure-modal{
	position:fixed;
	inset:0;
	z-index:999999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	box-sizing:border-box
}
.ca-brochure-overlay{position:absolute;inset:0;background:rgba(9,20,45,.68)}
.ca-brochure-dialog{
	position:relative;
	z-index:2;
	width:min(100%,620px);
	max-width:620px;
	max-height:calc(100vh - 40px);
	overflow-y:auto;
	overflow-x:hidden;
	background:#fff;
	border-radius:12px;
	padding:32px;
	box-shadow:0 22px 70px rgba(0,0,0,.28);
	box-sizing:border-box
}
.ca-brochure-close{
	position:absolute;
	top:9px;
	right:12px;
	width:40px;
	height:40px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	font-size:31px;
	line-height:40px;
	color:#333;
	z-index:3
}
.ca-brochure-heading{padding-right:35px;margin-bottom:22px}
.ca-brochure-heading h2{
	margin:0 0 8px;
	font-size:27px;
	line-height:1.25;
	color:#17337A
}
.ca-brochure-course{
	margin:0 0 8px;
	font-weight:700;
	font-size:18px;
	line-height:1.4;
	color:#5B6573
}
.ca-brochure-intro{margin:0;color:#667085;font-size:16px;line-height:1.55}

/* Prevent duplicate title if the CF7 form itself contains an initial heading. */
.ca-brochure-form .wpcf7-form > h1:first-child,
.ca-brochure-form .wpcf7-form > h2:first-child,
.ca-brochure-form .wpcf7-form > h3:first-child{
	display:none
}

/* CF7 fields – including select/textarea used by the existing form */
.ca-brochure-form .wpcf7-form p{margin:0 0 16px}
.ca-brochure-form label{
	display:block;
	margin-bottom:0;
	font-weight:600;
	font-size:15px;
	line-height:1.4;
	color:#4B5563
}
.ca-brochure-form input[type=text],
.ca-brochure-form input[type=email],
.ca-brochure-form input[type=tel],
.ca-brochure-form input[type=url],
.ca-brochure-form input[type=number],
.ca-brochure-form select,
.ca-brochure-form textarea{
	display:block;
	width:100%;
	max-width:100%;
	min-width:0;
	box-sizing:border-box;
	margin-top:7px;
	padding:13px 14px;
	border:1px solid #D5D9E0;
	border-radius:6px;
	background:#fff;
	color:#17337A;
	font-size:16px;
	line-height:1.35;
	font-family:inherit;
	outline:none;
	-webkit-appearance:none;
	appearance:none
}
.ca-brochure-form select{
	background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);
	background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;
	background-size:5px 5px,5px 5px;
	background-repeat:no-repeat;
	padding-right:35px
}
.ca-brochure-form textarea{min-height:110px;resize:vertical}
.ca-brochure-form input:focus,
.ca-brochure-form select:focus,
.ca-brochure-form textarea:focus{
	border-color:#165DFF;
	box-shadow:0 0 0 3px rgba(22,93,255,.10)
}
.ca-brochure-form input[type=submit]{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:100% !important;
	min-height:52px !important;
	padding:13px 18px !important;
	border:0 !important;
	border-radius:6px !important;
	cursor:pointer !important;
	font-size:16px !important;
	font-weight:700 !important;
	font-family:inherit !important;
	background:#165DFF !important;
	color:#fff !important;
	text-shadow:none !important;
	-webkit-text-fill-color:#fff !important;
	opacity:1 !important;
	box-sizing:border-box !important;
	transition:opacity .2s ease,transform .2s ease,background-color .2s ease !important
}
.ca-brochure-form input[type=submit]:hover,
.ca-brochure-form input[type=submit]:focus,
.ca-brochure-form input[type=submit]:active{
	background:#1D4ED8 !important;
	color:#fff !important;
	text-shadow:none !important;
	-webkit-text-fill-color:#fff !important;
	opacity:1 !important;
	transform:translateY(-1px)
}
.ca-brochure-form input[type=submit]:disabled{
	background:#9DB8F7 !important;
	color:#fff !important;
	-webkit-text-fill-color:#fff !important;
	opacity:1 !important
}
.ca-brochure-form .wpcf7-not-valid-tip{margin-top:5px;font-size:13px}
.ca-brochure-form .wpcf7-response-output{margin:14px 0 0;padding:10px 12px;font-size:14px;line-height:1.45}
.ca-brochure-form .wpcf7-spinner{display:block;margin:10px auto}
.ca-brochure-admin-notice{padding:12px;background:#FFF3CD;border:1px solid #FFE69C;color:#664D03;border-radius:6px}

/* Success state */
.ca-brochure-success{text-align:center;padding:18px 10px 6px}
.ca-brochure-success-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:54px;
	height:54px;
	margin:0 auto 14px;
	border-radius:50%;
	background:#165DFF;
	color:#fff;
	font-size:28px;
	font-weight:700
}
.ca-brochure-success h3{margin:0 0 8px;font-size:25px;color:#17337A}
.ca-brochure-success p{margin:5px 0;color:#667085;line-height:1.5}
.ca-brochure-success-close{
	margin-top:18px;
	padding:11px 24px;
	border:0;
	border-radius:6px;
	background:#165DFF;
	color:#fff;
	cursor:pointer;
	font-weight:700
}

/* Mobile */
@media(max-width:600px){
	.ca-brochure-modal{padding:0;align-items:flex-end}
	.ca-brochure-dialog{
		width:100%;
		max-width:none;
		max-height:92vh;
		padding:25px 18px 20px;
		border-radius:14px 14px 0 0
	}
	.ca-brochure-heading{padding-right:30px;margin-bottom:18px}
	.ca-brochure-heading h2{font-size:23px}
	.ca-brochure-course{font-size:17px}
	.ca-brochure-intro{font-size:15px}
	.ca-brochure-close{top:5px;right:7px}
	.ca-brochure-form input[type=text],
	.ca-brochure-form input[type=email],
	.ca-brochure-form input[type=tel],
	.ca-brochure-form input[type=url],
	.ca-brochure-form input[type=number],
	.ca-brochure-form select,
	.ca-brochure-form textarea{font-size:16px}
}

/* Stop theme/plugin containers from introducing a horizontal scrollbar inside the modal */
.ca-brochure-modal *,
.ca-brochure-modal *::before,
.ca-brochure-modal *::after{box-sizing:border-box}


/* Logged-in direct brochure link: visually identical to the CTA button */
.ca-brochure-direct-button{
	display:inline-flex !important;
	text-decoration:none !important;
}
.ca-brochure-direct-button:hover,
.ca-brochure-direct-button:focus,
.ca-brochure-direct-button:active{
	text-decoration:none !important;
}

.ca-brochure-registration-button{display:inline-flex !important;text-decoration:none !important}
.ca-brochure-registration-button:hover,.ca-brochure-registration-button:focus,.ca-brochure-registration-button:active{text-decoration:none !important}

/* Post-verification brochure confirmation */
.ca-verified-brochure-notice{position:fixed;left:20px;right:20px;bottom:20px;z-index:1000000;display:flex;justify-content:center;pointer-events:none}
.ca-verified-brochure-notice-inner{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:760px;width:100%;padding:15px 17px;background:#fff;border:1px solid #d9e2f3;border-left:5px solid #2563EB;border-radius:8px;box-shadow:0 10px 35px rgba(0,0,0,.18)}
.ca-verified-brochure-check{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#2563EB;color:#fff;font-weight:700;flex:0 0 34px}
.ca-verified-brochure-copy{display:flex;flex-direction:column;gap:3px;line-height:1.4;color:#475467}
.ca-verified-brochure-copy strong{color:#17337A}
.ca-verified-brochure-close{margin-left:auto;border:0;background:transparent;font-size:25px;line-height:1;cursor:pointer;color:#667085;padding:5px}
@media(max-width:600px){
 .ca-verified-brochure-notice{left:10px;right:10px;bottom:10px}
 .ca-verified-brochure-notice-inner{align-items:flex-start}
}
