),
and the browser auto-closes those into empty
that add 1rem of dead
vertical space. Collapse empty / whitespace-only /
-only paragraphs.
============================================================ */
.entry p:empty, .entry-fullwidth p:empty, .page-entry p:empty, .post-entry p:empty,
.fl-section__inner p:empty, .fl-row p:empty, .fl-col p:empty,
.woocommerce-Tabs-panel p:empty,
.woocommerce-product-details__short-description p:empty { display: none !important; margin: 0 !important; }
/* whitespace-only and
-only paragraphs (modern browsers: :blank / :has) */
.entry p:blank, .fl-section__inner p:blank, .fl-col p:blank, .woocommerce-Tabs-panel p:blank,
.entry p:has(> br:only-child), .fl-section__inner p:has(> br:only-child),
.fl-col p:has(> br:only-child), .woocommerce-Tabs-panel p:has(> br:only-child) { display: none !important; margin: 0 !important; }
/* ============================================================
Rich-text / prose defaults — applies to page content, product
descriptions, Flatsome content sections, posts & the Woo tabs.
============================================================ */
.entry,
.fl-section__inner,
.woocommerce-Tabs-panel,
.woocommerce-product-details__short-description,
.woocommerce-tabs .panel {
color: var(--c-text); line-height: 1.7;
}
/* Headings */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6,
.fl-section__inner h1, .fl-section__inner h2, .fl-section__inner h3, .fl-section__inner h4,
.woocommerce-Tabs-panel h1, .woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3, .woocommerce-Tabs-panel h4 {
font-family: var(--font-head); font-weight: 800; color: var(--c-ink); line-height: 1.15; letter-spacing: -0.01em;
margin: 1.6em 0 .5em;
}
.entry h2, .fl-section__inner h2, .woocommerce-Tabs-panel h2 { font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
.entry h3, .fl-section__inner h3, .woocommerce-Tabs-panel h3 { font-size: clamp(1.2rem, 1.8vw, 1.45rem); }
.entry h4, .fl-section__inner h4, .woocommerce-Tabs-panel h4 { font-size: 1.1rem; }
.entry > :first-child, .woocommerce-Tabs-panel > :first-child { margin-top: 0; }
/* Paragraphs, links, inline */
.entry p, .fl-section__inner p, .woocommerce-Tabs-panel p, .woocommerce-product-details__short-description p { margin: 0 0 1rem; }
.entry a, .fl-section__inner a, .woocommerce-Tabs-panel a { color: var(--c-blue); text-decoration: underline; text-underline-offset: 2px; }
.entry a:hover, .fl-section__inner a:hover, .woocommerce-Tabs-panel a:hover { color: var(--c-blue-600); }
.entry strong, .woocommerce-Tabs-panel strong, .fl-section__inner strong { font-weight: 700; color: var(--c-ink); }
/* Lists */
.entry ul, .entry ol, .fl-section__inner ul, .fl-section__inner ol,
.woocommerce-Tabs-panel ul, .woocommerce-Tabs-panel ol,
.woocommerce-product-details__short-description ul { margin: 0 0 1rem; padding-left: 1.35em; }
.entry li, .fl-section__inner li, .woocommerce-Tabs-panel li { margin: .35em 0; }
.entry ul li::marker, .woocommerce-Tabs-panel ul li::marker, .fl-section__inner ul li::marker { color: var(--c-blue); }
/* Media */
.entry img, .fl-section__inner img, .woocommerce-Tabs-panel img { height: auto; border-radius: var(--r-sm); }
.entry figure, .woocommerce-Tabs-panel figure { margin: 1.5rem 0; }
.entry figcaption { font-size: var(--fs-sm); color: var(--c-muted); margin-top: 6px; text-align: center; }
/* Blockquote */
.entry blockquote, .woocommerce-Tabs-panel blockquote {
margin: 1.5rem 0; padding: .6rem 1.2rem; border-left: 4px solid var(--c-volt);
background: var(--c-mist); border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--c-ink); font-size: 1.05rem;
}
/* Horizontal rule */
.entry hr, .woocommerce-Tabs-panel hr { border: 0; border-top: 1px solid var(--c-line); margin: 2rem 0; }
/* ---- Tables (price lists, spec tables, Woo attributes) ---- */
.entry table, .fl-section__inner table, .woocommerce-Tabs-panel table,
table.shop_attributes, table.woocommerce-product-attributes {
width: 100%; border-collapse: collapse; margin: 1.2rem 0; font-size: var(--fs-sm);
border: 1px solid var(--c-line); border-radius: var(--r); overflow: hidden;
}
.entry th, .fl-section__inner th, .woocommerce-Tabs-panel th,
table.shop_attributes th, table.woocommerce-product-attributes th {
background: var(--c-ink); color: #fff; font-family: var(--font-head); font-weight: 800;
text-transform: uppercase; font-size: var(--fs-xs); letter-spacing: .04em;
text-align: left; padding: 12px 14px; border: 0;
}
.entry td, .fl-section__inner td, .woocommerce-Tabs-panel td,
table.shop_attributes td, table.woocommerce-product-attributes td {
padding: 10px 14px; border-top: 1px solid var(--c-line); vertical-align: top;
}
.entry tbody tr:nth-child(even), .fl-section__inner tbody tr:nth-child(even),
.woocommerce-Tabs-panel tbody tr:nth-child(even) { background: var(--c-mist); }
.entry tbody tr:hover, .fl-section__inner tbody tr:hover { background: var(--c-blue-050); }
/* WooCommerce attributes table: first column is a label */
table.shop_attributes th, table.woocommerce-product-attributes th { background: var(--c-mist); color: var(--c-ink); width: 30%; }
/* Let very wide content tables scroll instead of breaking layout */
.entry, .fl-col, .woocommerce-Tabs-panel { max-width: 100%; }
.entry table, .fl-col table, .woocommerce-Tabs-panel table { display: table; }
@media (max-width: 640px) {
.entry table, .fl-col table, .woocommerce-Tabs-panel table { display: block; overflow-x: auto; white-space: nowrap; }
}
/* Builder pages (Flatsome/Elementor) bring their own section padding —
the page wrapper shouldn't add another ~64px above and below. */
.page-entry--builder { padding-block: 0; }
/* Builder pages sometimes carry loose content outside any [section]
(e.g. the Contact page's heading + form). Constrain it like a container
instead of letting it run edge-to-edge. */
.entry-fullwidth > :not(section):not(div):not(style):not(script),
.entry-fullwidth > div.wpforms-container,
.entry-fullwidth > .fl-row {
max-width: var(--container);
margin-inline: auto;
padding-inline: var(--gutter);
box-sizing: border-box;
}