/*
 * Core block wrappers on converted TWC wedding pages, styled back to the old look.
 * Loaded after the page's own CSS, on converted pages only.
 */

/* Booking buttons: core Button puts the link inside div.wp-block-button and replaces the link's class
   (.cta-btn) with .wp-block-button__link, so the old .cta-btn rules move here, scoped to the .cta-links row.
   Core's button CSS (pill radius 9999px, calc() padding, dark background, 1.125em font) is overridden.
   display:block: the old link was a flex item of .cta-links, so it computed display:block (blockified). */
.cta-links .wp-block-button__link { display: block; background: var(--ink); color: var(--highlight); padding: 19px 44px; border-radius: var(--r-pill); font-family: inherit; font-size: 15px; font-weight: 700; line-height: inherit; letter-spacing: 0.6px; text-transform: uppercase; text-align: inherit; transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease), background 0.2s; }
.cta-links .wp-block-button__link:hover { background: var(--ink-deep); color: var(--highlight); transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.cta-links .wp-block-button__link small { display: block; font-size: 10px; letter-spacing: 1.5px; margin-top: 4px; opacity: 0.75; font-weight: 700; }
/* Core's flex layout centres items vertically; the old row stretched them (flex default). */
.wp-block-buttons.cta-links { align-items: stretch; }
@media (max-width: 580px) {
	.cta-links .wp-block-button,
	.cta-links .wp-block-button__link { width: 100%; }
}

/* Price tables: core Table puts the table inside <figure class="wp-block-table">. With core's table CSS off
   (see the plugin), only the browser's figure margin (1em 40px) is left: remove it, so the figure is an empty
   wrapper and the table's own margins collapse through it as before. */
.entry-content figure.wp-block-table { margin: 0; }

/* The Divi section the old Code module sat in. Its white background was behind every page, and on pages without
   the RULES.md padding reset its bottom padding (section 4% + row 2% of the width from 981px, 50px + 30px below)
   left a band under the footer. That band also kept the footer links clear of the LeadConnector chat bubble at the
   bottom of the page; without it the bubble covered them (checked 2026-10-15). Both come back here, as they were. */
.twc-wb .entry-content { background-color: #fff; }
/* !important: Chanahra's page CSS sets .entry-content { padding: 0 !important } (meant for other themes' wrappers). */
.twc-wb-band .entry-content { padding-bottom: 6% !important; }
@media (max-width: 980px) {
	.twc-wb-band .entry-content { padding-bottom: 80px !important; }
}