/*
Theme Name: Denton
Theme URI: https://themeshaper.com/denton/
Author: Automattic
Author URI: https://automattic.com/
Description: Denton is a theme tailored for dentists and dental clinics. It bundles twenty-one section patterns, four of them alternative heroes, assembled into starter pages for the practice, the treatments, the fees, the team and an individual clinician. With a modern blog layout, the theme lets dental practices communicate with their patients unobtrusively. Eight colour variations provide flexibility, while simple sans-serif typography alongside bolder extended button text keeps the design clean.
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: denton
Tags: featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations
*/

/* Crossfade page transition. No block equivalent — this is a document-level at-rule. */
@view-transition {
	navigation: auto;
}

/* Font smoothing. No block support exposes text-rendering. */
body {
	text-rendering: geometricprecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
 * Reduce widows and orphans. No block support for text-wrap.
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Link underline weight and offset. theme.json sets textDecoration but not its
 * thickness or offset. !important (1 of 2) beats the core link reset.
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: 0.15em;
}

/* Long preformatted lines should scroll, not stretch the page.
 * https://core.trac.wordpress.org/ticket/63875 */
:where(pre) {
	overflow-x: auto;
}

/*
 * Template-part footers pick up a stray top margin from the layout rules.
 * !important (2 of 2) beats the generated margin.
 * https://github.com/WordPress/gutenberg/issues/47637
 */
footer.wp-block-template-part {
	margin-block-start: 0 !important;
}

/*
 * A button inside an inverted band would take the navy background from
 * theme.json and vanish into it. theme.json has no ancestor selector and no
 * block support expresses "invert against my container".
 */
:where(.has-theme-2-background-color, .has-theme-3-background-color) .wp-element-button:not(.has-background) {
	background-color: var(--wp--preset--color--theme-1);
	color: var(--wp--preset--color--theme-2);
}

/*
 * Links inside the inverted bands. The accent blue is only 2.3:1 against the navy,
 * so a lighter blue takes over there; on the blue band the base colour does. No
 * block support expresses "recolour against my container", and theme.json has no
 * ancestor selector.
 */
:where(.has-theme-2-background-color) a:not(.wp-element-button) {
	color: var(--wp--preset--color--theme-5);
}

:where(.has-theme-3-background-color) a:not(.wp-element-button) {
	color: var(--wp--preset--color--theme-1);
}

/*
 * The site title is a link, so the two rules above recolour it inside an inverted
 * band, and the base link colour claims it everywhere else. It is a brand mark,
 * not body copy: when a colour is set on the block, the anchor takes it. This is
 * also what makes the editor's text-colour control work on the site title.
 */
.wp-block-site-title.has-text-color a {
	color: inherit;
}