/* ==========================================================================
   Edify <-> FluentCart compatibility
   Loaded only on FluentCart pages (cart, checkout, shop, single product,
   product taxonomy, customer dashboard) via inc/fluentcart/edify-fluentcart.php
   ========================================================================== */

/*
 * 1) assets/css/gutenberg.css forces underlines on every link inside
 *    .entry-content:
 *      .entry-content a { text-decoration: underline; text-decoration-thickness: 2px; }
 *    This was underlining FluentCart's own UI links (coupon toggle, login
 *    link, "back to cart", shipping method labels, etc). FluentCart styles
 *    these itself -- hand control back to it inside its own wrapper.
 */
.entry-content .fluent-cart-checkout-page a,
.entry-content .fct-cart-page a,
.entry-content [class*="fct-"] a {
	text-decoration: none;
}

/*
 * 2) assets/css/gutenberg.css forces a fixed size/line-height on every
 *    paragraph inside .entry-content:
 *      .entry-content p { line-height: 1.6; font-size: 16px; }
 *    FluentCart renders its own <p> tags for notices, empty-cart text,
 *    product descriptions in the mini summary, etc., sized by its own
 *    design system. Let those inherit from FluentCart's CSS instead.
 */
.entry-content .fluent-cart-checkout-page p,
.entry-content .fct-cart-page p,
.entry-content [class*="fct-"] p {
	font-size: inherit;
	line-height: inherit;
}

/*
 * 3) assets/css/blog.css adds a blanket 20px top/bottom margin to every
 *    direct child of .entry-content:
 *      .single-post-content .entry-content > * { margin: 20px 0; }
 *    FluentCart's cart/checkout root wrapper lands as a direct child of
 *    .entry-content, so it was inheriting an extra 20px margin that fights
 *    FluentCart's own spacing/grid rhythm. Zero it out on the wrapper itself
 *    (its internal spacing is unaffected, only the outer margin).
 */
.single-post-content .entry-content > .fluent-cart-checkout-page,
.single-post-content .entry-content > .fct-cart-page {
	margin: 0;
}

/*
 * 4) assets/css/blog.css also styles any list inside .single-post-content:
 *      .single-post-content ul { list-style-type: disc; padding-left: 20px; }
 *    This was adding bullet points + indentation to FluentCart's cart items
 *    list (<ul data-fluent-cart-items-wrapper>), which FluentCart renders
 *    as an unstyled layout list, not real bullet content.
 */
.entry-content .fluent-cart-checkout-page ul,
.entry-content .fct-cart-page ul {
	list-style: none;
	padding-left: 0;
}

/*
 * 5) page.php wraps every Page (including the Cart/Checkout/Shop pages) in
 *    Bootstrap's .container, which caps out around 1140-1320px. FluentCart's
 *    checkout is a 2-column grid (billing form + order summary) designed to
 *    breathe at wider widths. Give FluentCart pages specifically a bit more
 *    room instead of changing .container globally for the whole theme.
 */
@media (min-width: 1200px) {
	body.edify-fc-page-checkout .page-wrapper .container,
	body.edify-fc-page-cart .page-wrapper .container,
	body.edify-fc-page-shop .page-wrapper .container {
		max-width: 1520px;
	}
}

/*
 * 6) Vertical spacing on Page content is handled by the "Page Wrapper
 *    Padding" Customizer control (Appearance > Customize > Page Header),
 *    output in inc/theme-style.php as `body.page .page-wrapper`.
 *    FluentCart's cart/checkout/shop pages are normal Pages, so that control
 *    already covers them -- nothing FluentCart-specific needed here.
 */


/*
 * 7) Product taxonomy archive header + single product title -- match the
 *    theme's heading font/color instead of inheriting FluentCart's own
 *    generic sans-serif defaults, for visual consistency with the rest of
 *    the site (blog archive titles, page titles, etc.).
 */
.fct-archive-title,
#fct-product-summary-title {
	font-family: var(--theme-heading-font);
	color: var(--theme-heading-color);
}

.fct-archive-header-wrap {
	margin-bottom: 30px;
}

/*
 * 8) Product description -- ProductRenderer::renderDescription() is never
 *    called anywhere in the plugin by default (only the short excerpt is),
 *    so it ships with no CSS of its own either. Called explicitly in
 *    single-fluent-products.php; styled here to match the theme.
 */
.fct-single-product-description-section {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid var(--theme-border-color);
}

.fct-product-description-title {
	font-family: var(--theme-heading-font);
	color: var(--theme-heading-color);
	font-size: 24px;
	margin-bottom: 15px;
}

.fct-product-description {
	color: var(--theme-text-color);
	line-height: 1.7;
}
