/*
 Theme Name:   Previewerly Child
 Theme URI:    https://previewerly.com/
 Description:  Divi Child Theme for Previewerly
 Author:       Previewerly
 Author URI:   https://previewerly.com/
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  previewerly-child
*/

/* ============================================================
   Previewerly Child — Global Divi/WP Coder compatibility fixes
   CSS prefix: pvr-  (kept for custom theme CSS)
   ============================================================ */

:root {
	--pvr-navy: #0f172a;
	--pvr-ink: #1e293b;
	--pvr-muted: #64748b;
	--pvr-soft-bg: #f8fafc;
	--pvr-indigo: #6366f1;
	--pvr-cyan: #06b6d4;
	--pvr-pink: #ec4899;
	--pvr-border: rgba(15, 23, 42, 0.10);
}

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

/*
 * Divi default pages add a vertical sidebar divider using
 * #main-content .container::before. When WP Coder shortcodes render
 * full-width tools, that divider appears as an unwanted vertical line.
 * These rules remove the line and make shortcode pages clean/full width.
 */
body.page #main-content .container::before,
body.page #main-content .container:before,
body.page-template #main-content .container::before,
body.page-template #main-content .container:before,
.pvr-full-width #main-content .container::before,
.pvr-full-width #main-content .container:before,
.pvr-full-width-nt #main-content .container::before,
.pvr-full-width-nt #main-content .container:before {
	display: none !important;
	content: none !important;
	width: 0 !important;
	background: transparent !important;
}

body.page #main-content > .container,
body.page-template #main-content > .container {
	width: 100% !important;
	max-width: none !important;
	padding-top: 0 !important;
}

body.page #left-area,
body.page-template #left-area {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}

body.page #sidebar,
body.page-template #sidebar {
	display: none !important;
}

body.page .entry-content,
body.page-template .entry-content {
	margin: 0;
	padding: 0;
}

/* Keep embedded shortcode apps visually clean inside Divi modules. */
body.page .entry-content > :first-child,
body.page-template .entry-content > :first-child,
body.page .et_pb_module > :first-child,
body.page-template .et_pb_module > :first-child {
	margin-top: 0;
}

body.page .entry-content > :last-child,
body.page-template .entry-content > :last-child,
body.page .et_pb_module > :last-child,
body.page-template .et_pb_module > :last-child {
	margin-bottom: 0;
}

@media (max-width: 980px) {
	body.page #main-content > .container,
	body.page-template #main-content > .container {
		width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.page #left-area,
	body.page-template #left-area {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}