/*
Theme Name: Optin Page
Description: A custom child theme for Divi by Aron & Sharon
Author: Aron & Sharon
Author URI: https://aronandsharon.com
Template: Divi
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: optin-page-child
*/

/* Import parent theme styles */
@import url("../Divi/style.css");

/* Custom styles for Aron & Sharon theme */

/* You can add your custom CSS below this line */

/* Example: Custom header styling */
/*
#main-header {
	background-color: #your-color;
}
*/

/* Example: Custom typography */
/*
body {
	font-family: 'Your-Font', sans-serif;
}
*/

/* Example: Custom button styling */
/*
.et_pb_button {
	background-color: #your-brand-color;
	border-radius: 5px;
}
*/

/* gutenberg-editor-styles.css */
/* Add this file to your child theme directory */

/* Ensure the block editor shows proper spacing controls */
.block-editor-block-inspector .components-panel__body {
	border-bottom: 1px solid #e2e4e7;
}

/* Make sure spacing controls are visible */
.block-editor-block-inspector .components-base-control {
	margin-bottom: 16px;
}

/* Ensure typography controls are properly styled */
.block-editor-block-inspector .components-font-size-picker {
	margin-bottom: 16px;
}

/* Color picker styling */
.block-editor-block-inspector .components-color-picker {
	margin-bottom: 16px;
}

/* Border controls styling */
.block-editor-block-inspector .components-border-control {
	margin-bottom: 16px;
}

/* Spacing controls specific styling */
.block-editor-block-inspector .components-spacing-sizes-control {
	margin-bottom: 16px;
}

/* Dimension controls */
.block-editor-block-inspector .components-unit-control {
	margin-bottom: 16px;
}

/* Make sure the block editor canvas shows proper styling */
.block-editor-writing-flow {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Block spacing preview in editor */
.block-editor-block-list__block {
	margin-bottom: 28px;
}

/* Ensure proper block alignment preview */
.block-editor-block-list__block.has-text-align-center {
	text-align: center;
}

.block-editor-block-list__block.has-text-align-left {
	text-align: left;
}

.block-editor-block-list__block.has-text-align-right {
	text-align: right;
}

/* Wide and full alignment preview */
.block-editor-block-list__block[data-align="wide"] {
	width: 100%;
	max-width: 1200px;
}

.block-editor-block-list__block[data-align="full"] {
	width: 100%;
	max-width: none;
}

/* Typography preview in editor */
.block-editor-rich-text__editable {
	line-height: 1.6;
}

/* Color preview in editor */
.has-primary-color {
	color: #007cba;
}

.has-primary-background-color {
	background-color: #007cba;
}

.has-secondary-color {
	color: #006ba1;
}

.has-secondary-background-color {
	background-color: #006ba1;
}

.has-dark-gray-color {
	color: #333333;
}

.has-dark-gray-background-color {
	background-color: #333333;
}

.has-light-gray-color {
	color: #f4f4f4;
}

.has-light-gray-background-color {
	background-color: #f4f4f4;
}

.has-white-color {
	color: #ffffff;
}

.has-white-background-color {
	background-color: #ffffff;
}

/* Font size preview in editor */
.has-small-font-size {
	font-size: 14px;
}

.has-regular-font-size {
	font-size: 16px;
}

.has-medium-font-size {
	font-size: 20px;
}

.has-large-font-size {
	font-size: 24px;
}

.has-extra-large-font-size {
	font-size: 32px;
}

/* Ensure block controls are visible */
.block-editor-block-inspector .components-panel__body-title {
	font-weight: 600;
	margin-bottom: 12px;
}

/* Make sure all control panels are accessible */
.block-editor-block-inspector .components-panel__body-content {
	padding: 16px;
}

/* Responsive preview styling */
@media (max-width: 768px) {
	.block-editor-block-list__block {
		margin-bottom: 20px;
	}
}

/* Ensure proper preview of custom spacing */
.block-editor-block-list__block[style*="padding"] {
	box-sizing: border-box;
}

.block-editor-block-list__block[style*="margin"] {
	box-sizing: border-box;
}

/* Preview border styles in editor */
.block-editor-block-list__block[style*="border"] {
	box-sizing: border-box;
}