/*
 Theme Name:   Woolwich
 Theme URI:    http://www.woolwichdental.com/
 Description:  A Unite child theme. 2026 redesign — Palette A v3.
 Author:       Connection Inc.
 Author URI:   http://www.connectionincorporated.com
 Template:     unite
 Version:      2.0.0
*/

/* -----------------------------------------------------------------------------
   The parent stylesheet still provides the base layout for templates that have
   not been rebuilt yet (archive, search, 404), so it stays imported.

   The redesign itself lives in:
       assets/css/design-system.css
       assets/css/chrome.css
   Both are enqueued in functions.php AFTER this file, so they win.

   Everything that used to be in this file — the Lato font stack, the grey page
   background, the black !important link colour and the dark header/menu/footer
   overrides — has been removed. Those 33 !important rules fought the new design
   and none of them were referenced by page content.

   Only the three classes that ARE used inside published content are kept below,
   restyled to the new palette so that content keeps working:
       .nu-cont  ·  .centered-cont  ·  .front-button-1
-------------------------------------------------------------------------------- */

@import url("../unite/style.css");


/* ---- legacy classes still present in page content ---------------------- */

.nu-cont {
	max-width: 1240px;
	margin: 0 auto;
	display: block;
}

.centered-cont {
	text-align: center;
	margin: 30px 0;
}

/* 2026-08-06 — matched to the site's one accent-button style (client's ask:
   every button consistent with the header's "Book Appointment"). This class
   still carried the abandoned orange (#B04E2A) from the palette the site
   moved off of; nothing here overrode it outside .front-banner, so any
   .front-button-1 elsewhere in page content was still orange. */
/* Shape only. Fill, border and label colour belong to the place the button is
   used — the banner prints one white and one outlined — and a background here
   was a default nothing ever took. The badge is shared, from design-system.css;
   the padding-right is tied to --wd-badge-inset so the disc always lands where
   the glyph is drawn.

   48px tall to match the header's Book Appointment button, which is the one the
   client approved and the one the rest of the site is now measured against. */
.front-button-1,
.front-button-2 {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 5px var(--wd-badge-inset) 5px 18px;
	border-radius: 999px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}