/* ==========================================================================
   Frosted Bloom — content pages (Terms, FAQ, Privacy, Refund, About, Contact,
   Blog, My Account). Scoped to  body.gfd-page-frosted.
   Re-skins the existing Mikado markup — no template changes.
   ========================================================================== */

body.gfd-page-frosted {
	--gfd-pink: #d6447a;
	--gfd-pink-dark: #c43a6c;
	--gfd-ink: #2e2e3a;
	--gfd-ink-soft: #5a5a6a;
	--gfd-glass-strong: rgba(255, 255, 255, 0.82);
	--gfd-glass-border: rgba(255, 255, 255, 0.85);
	--gfd-line: rgba(214, 68, 122, 0.14);
	--gfd-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
	--gfd-radius: 22px;

	background:
		radial-gradient(1100px 520px at 12% -8%, #ffe6f0 0%, rgba(255, 230, 240, 0) 60%),
		radial-gradient(900px 500px at 100% 0%, #fdeafe 0%, rgba(253, 234, 254, 0) 55%),
		#fff6fa;
}

/* Drop the theme's boxed frame / content backgrounds so the glass shows. */
body.gfd-page-frosted .mkdf-content,
body.gfd-page-frosted .mkdf-content-inner,
body.gfd-page-frosted .mkdf-full-width,
body.gfd-page-frosted .mkdf-full-width-inner,
body.gfd-page-frosted .mkdf-container,
body.gfd-page-frosted .mkdf-container-inner { background: transparent !important; box-shadow: none !important; }

/* Hide the theme's own title banner — the title is rendered inside the content
   card instead (inc/pages-frosted.php), giving one consistent heading. */
body.gfd-page-frosted .mkdf-title.mkdf-standard-type,
body.gfd-page-frosted .mkdf-title-holder { display: none !important; }

/* Page/post title at the top of the content card. */
body.gfd-page-frosted .gfd-page-heading {
	margin: 0 0 24px;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.4px;
	line-height: 1.15;
	color: var(--gfd-ink);
}

/* --------------------------------------------------------------------------
   Content -> centered glass reading card
   -------------------------------------------------------------------------- */
body.gfd-page-frosted .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner,
body.gfd-page-frosted .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {
	max-width: 1060px;
	margin: 34px auto 50px;
	padding: 40px 46px !important;
	background: var(--gfd-glass-strong) !important;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border: 1px solid var(--gfd-glass-border);
	border-radius: var(--gfd-radius);
	box-shadow: var(--gfd-shadow);
}

/* Neutralize the theme's pushed 9/3 grid so builder content (e.g. the FAQ)
   fills the card instead of sitting at 75% width shifted 25% to the right. */
body.gfd-page-frosted .mkdf-grid-col-9 { width: 100% !important; }
body.gfd-page-frosted .mkdf-grid-col-push-3 { left: 0 !important; }

/* Rendered mkdf_section_title / accordion fallbacks (e.g. the FAQ). */
body.gfd-page-frosted .gfd-mkdf-title {
	color: var(--gfd-ink);
	font-weight: 700;
	margin: 26px 0 8px;
}
body.gfd-page-frosted .gfd-mkdf-title:first-child { margin-top: 0; }
body.gfd-page-frosted .gfd-mkdf-text { color: var(--gfd-ink-soft); margin: 0 0 6px; }

/* Typography inside the card. */
body.gfd-page-frosted .mkdf-content h1,
body.gfd-page-frosted .mkdf-content h2,
body.gfd-page-frosted .mkdf-content h3,
body.gfd-page-frosted .mkdf-content h4 { color: var(--gfd-ink); }
body.gfd-page-frosted .mkdf-content p,
body.gfd-page-frosted .mkdf-content li { color: var(--gfd-ink-soft); }
body.gfd-page-frosted .mkdf-content a:not(.mkdf-btn):not(.button) { color: var(--gfd-pink); }
body.gfd-page-frosted .mkdf-content a:not(.mkdf-btn):not(.button):hover { color: var(--gfd-pink-dark); }

/* Buttons -> pink gradient pill. */
body.gfd-page-frosted .mkdf-btn,
body.gfd-page-frosted .button,
body.gfd-page-frosted button[type="submit"],
body.gfd-page-frosted input[type="submit"] {
	background: linear-gradient(135deg, var(--gfd-pink), var(--gfd-pink-dark)) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 20px rgba(214, 68, 122, 0.18) !important;
}

/* Inputs / textareas (Contact form, search, etc.). */
body.gfd-page-frosted input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.gfd-page-frosted textarea,
body.gfd-page-frosted select {
	background: #fff !important;
	border: 1px solid var(--gfd-glass-border) !important;
	border-radius: 12px !important;
	color: var(--gfd-ink) !important;
}

/* Notices -> glass. */
body.gfd-page-frosted .woocommerce-info,
body.gfd-page-frosted .woocommerce-error,
body.gfd-page-frosted .woocommerce-message {
	background: var(--gfd-glass-strong) !important;
	border: 1px solid var(--gfd-glass-border) !important;
	border-top: 3px solid var(--gfd-pink) !important;
	border-radius: 16px !important;
	box-shadow: var(--gfd-shadow);
	color: var(--gfd-ink) !important;
}

/* --------------------------------------------------------------------------
   Blog — post entries as glass cards
   -------------------------------------------------------------------------- */
body.gfd-page-frosted .mkdf-blog-holder article,
body.gfd-page-frosted article.post {
	background: var(--gfd-glass-strong);
	border: 1px solid var(--gfd-glass-border);
	border-radius: var(--gfd-radius);
	box-shadow: var(--gfd-shadow);
	padding: 22px 24px;
	margin-bottom: 26px;
	overflow: hidden;
}
body.gfd-page-frosted .mkdf-post-title a,
body.gfd-page-frosted .entry-title a { color: var(--gfd-ink); }
body.gfd-page-frosted .mkdf-post-title a:hover { color: var(--gfd-pink); }

/* --------------------------------------------------------------------------
   My Account — navigation + content as glass cards
   -------------------------------------------------------------------------- */
body.gfd-page-frosted .woocommerce-MyAccount-navigation,
body.gfd-page-frosted .woocommerce-MyAccount-content {
	background: var(--gfd-glass-strong);
	border: 1px solid var(--gfd-glass-border);
	border-radius: var(--gfd-radius);
	box-shadow: var(--gfd-shadow);
	padding: 22px 24px;
	overflow: hidden;
}
body.gfd-page-frosted .woocommerce-MyAccount-navigation ul { margin: 0; list-style: none; }
body.gfd-page-frosted .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--gfd-line);
}
body.gfd-page-frosted .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
body.gfd-page-frosted .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 12px 6px;
	color: var(--gfd-ink);
	font-weight: 600;
}
body.gfd-page-frosted .woocommerce-MyAccount-navigation li.is-active a,
body.gfd-page-frosted .woocommerce-MyAccount-navigation li a:hover { color: var(--gfd-pink); }
body.gfd-page-frosted .woocommerce-MyAccount-content a:not(.button) { color: var(--gfd-pink); }

/* Account tables -> clean glass rows. */
body.gfd-page-frosted .woocommerce-MyAccount-content table.shop_table {
	background: transparent !important;
	border: 0 !important;
}
body.gfd-page-frosted .woocommerce-MyAccount-content table.shop_table th,
body.gfd-page-frosted .woocommerce-MyAccount-content table.shop_table td {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--gfd-line) !important;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	body.gfd-page-frosted .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner,
	body.gfd-page-frosted .mkdf-content-inner > .mkdf-container > .mkdf-container-inner {
		padding: 26px 20px !important;
		margin: 20px 12px 34px;
	}
}