/* =========================================================================
   Páginas que continuam no Divi (lives, políticas, loja, conta etc.):
   recebem o cabeçalho e o rodapé novos e a tipografia da marca.
   ========================================================================= */

body.yh-skin {
	background-color: var(--yh-bg) !important;
}

body.yh-skin #top-header,
body.yh-skin #main-header,
body.yh-skin .et-l--header,
body.yh-skin #main-footer,
body.yh-skin .et-l--footer {
	display: none !important;
}

body.yh-skin #page-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
	overflow: visible !important;
	background: transparent;
}

body.yh-skin #et-main-area {
	background: transparent;
}

body.yh-skin #main-content .container::before {
	display: none;
}

body.yh-skin #et-main-area :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--yh-font) !important;
	letter-spacing: -0.015em;
}

body.yh-skin #et-main-area :is(p, li, a, label, input, select, textarea, button, td, th, blockquote) {
	font-family: var(--yh-font) !important;
}

body.yh-skin #et-main-area .et_pb_button,
body.yh-skin #et-main-area .woocommerce .button,
body.yh-skin.woocommerce-page #et-main-area .button {
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	background: var(--yh-grad-btn) !important;
	font-family: var(--yh-font) !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	box-shadow: 0 12px 32px -12px rgba(139, 44, 255, 0.7);
}

/* Páginas de texto simples (sem o construtor do Divi e fora da loja): leitura no tema escuro.
   Páginas montadas no Divi Builder mantêm o design próprio; carrinho e checkout ficam como estão. */
body.yh-skin:not(.et_pb_pagebuilder_layout):not(.woocommerce-page) #main-content {
	background-color: transparent;
	color: #cfc8e6;
}

body.yh-skin:not(.et_pb_pagebuilder_layout):not(.woocommerce-page) #main-content :is(h1, h2, h3, h4, h5, h6, .entry-title, .main_title) {
	color: var(--yh-text) !important;
	font-weight: 700;
}

body.yh-skin:not(.et_pb_pagebuilder_layout):not(.woocommerce-page) #main-content :is(p, li, td, th, dd, dt, address, blockquote, label) {
	color: #cfc8e6;
	line-height: 1.75;
}

body.yh-skin:not(.et_pb_pagebuilder_layout):not(.woocommerce-page) #main-content a {
	color: var(--yh-lilac);
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.yh-skin:not(.et_pb_pagebuilder_layout):not(.woocommerce-page) #main-content #sidebar .widget {
	padding: 20px;
	border-radius: 16px;
	background: var(--yh-surface);
	border: 1px solid var(--yh-border);
}

body.yh-skin:not(.et_pb_pagebuilder_layout):not(.woocommerce-page) #main-content :is(input[type="text"], input[type="search"], input[type="email"], textarea) {
	color: var(--yh-text);
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid var(--yh-border-strong);
	border-radius: 10px;
}

/* Minha conta / login da loja: títulos claros sobre o fundo escuro da página. */
body.yh-skin.woocommerce-account #main-content .woocommerce :is(h1, h2, h3) {
	color: var(--yh-text) !important;
}