/*
Theme Name:     Hello Child
Theme URI:      
Description:    Hello-elementor child theme.
Author:         SCS-Kevin
Author URI:     
Template:       hello-elementor
Version:        0.1.0
 */

/* Hanya form dalam popup/container yang berkelas scs-modal */
.scs-modal form.elementor-form.resource-dl-loading {
	position: relative;
}
.scs-modal form.elementor-form.resource-dl-loading::after{
	content:"";
	position:absolute; inset:0;
	background:rgba(255,255,255,.6);
}
.scs-modal form.elementor-form.resource-dl-loading::before{
	content:"Preparing download…";
	position:absolute; inset:0;
	display:grid; place-items:center;
	font-weight:600; color:#111827;
}
.scs-modal form.elementor-form.resource-dl-loading .spinner{
	position:absolute; left:50%; top:calc(50% + 1.75rem);
	width:28px; height:28px; margin-left:-14px;
	border:3px solid #e5e7eb; border-top-color:#8B1E1E; border-radius:50%;
	animation:scs-spin .8s linear infinite;
}
@keyframes scs-spin{to{transform:rotate(360deg)}}


/* Center & sizing modal */
body .elementor-popup-modal.scs-modal{
	display:flex !important;
	align-items:center;
	justify-content:center;
	padding:2rem;
}
.scs-modal .dialog-widget-content{
	margin:0 !important;
	width:min(92vw, 720px);
	max-height:90vh;
	overflow:auto;
	border-radius:12px;
}

/* Grid 2 kolom untuk form */
.scs-modal .elementor-form .elementor-form-fields-wrapper{
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap:12px 16px;
}
.scs-modal .elementor-form .elementor-field-group{
	margin:0;               /* hilangkan margin tak rata */
	width:auto;             /* samakan lebar */
}
.scs-modal .elementor-form .elementor-field,
.scs-modal .elementor-form .elementor-field-textual,
.scs-modal .elementor-form .elementor-select-wrapper{
	width:100%;
}

/* Field full-width jika perlu → beri class "full" pada field tsb */
.scs-modal .elementor-form .elementor-field-group.full{
	grid-column: 1 / -1;
}

/* Submit full-width */
.scs-modal .elementor-form .elementor-field-group.elementor-field-type-submit{
	grid-column: 1 / -1;
}

/* Mobile: 1 kolom */
@media (max-width: 768px){
	.scs-modal .elementor-form .elementor-form-fields-wrapper{
		grid-template-columns: 1fr;
	}
}