/**
 * Gravity Forms Content Gating - Theme-Compatible Styles
 * Minimal styling that works with any theme
 */

/* Essential Content Hiding - Keep this for functionality */
.gf-gated-content {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	left: -9999px !important;
}

.gf-gated-content.gf-content-accessible {
	display: block !important;
	visibility: visible !important;
	position: relative !important;
	left: auto !important;
}


/* Basic container styling - minimal but necessary */
.gf-content-gate,
.gf-form-gate {
	margin: 1rem 0;
}

.gf-content-gate-message,
.gf-form-gate-message {
	margin-bottom: 1rem;
}

.gf-content-gate-form,
.gf-form-gate-form {
	margin-top: 1rem;
}

/* Success message styling - minimal */
.gf-form-gate-success {
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 4px;
}

/* Form field borders - minimal but visible */
.gf-content-gate input[type="text"],
.gf-content-gate input[type="email"],
.gf-content-gate input[type="tel"],
.gf-content-gate input[type="url"],
.gf-content-gate textarea,
.gf-form-gate input[type="text"],
.gf-form-gate input[type="email"],
.gf-form-gate input[type="tel"],
.gf-form-gate input[type="url"],
.gf-form-gate textarea {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 12px;
}

.gf-content-gate input:focus,
.gf-content-gate textarea:focus,
.gf-form-gate input:focus,
.gf-form-gate textarea:focus {
	border-color: #007cba;
	outline: none;
	box-shadow: 0 0 0 1px rgba(0, 124, 186, 0.2);
}


/* Remove all custom styling - Let theme handle appearance */
/* The plugin will now inherit your theme's colors, fonts, spacing, etc. */

/* Optional: If you want to add minimal theme-specific styling later,
   you can add it here, but the plugin will work without any custom CSS */