/*
Theme Name: Pearl
Theme URI: https://twocurioushearts.com
Author: Two Curious Hearts
Description: Light, calm block theme for Two Curious Hearts. Ivory, sand and champagne gold.
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: pearl
*/

:root {
  --tch-ease: cubic-bezier(.2, .75, .15, 1);
  --tch-t-short: 300ms;
  --tch-t-medium: 600ms;
  --tch-t-long: 1.2s;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Journey and country names: big, bold capitals in Fraunces at its heaviest. */
.tch-title {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: .95;
  font-variation-settings: "SOFT" 60, "WONK" 0;
  text-wrap: balance;
}

.tch-dates { font-family: var(--wp--preset--font-family--display); font-style: italic; font-weight: 400; color: var(--wp--preset--color--ink-soft); }

a { text-underline-offset: .2em; text-decoration-thickness: 1px; text-decoration-color: var(--wp--preset--color--champagne); }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--wp--preset--color--ink); outline-offset: 3px; }

.tch-wordmark a { text-decoration: none; }


/* Owners' own content must never make a phone scroll sideways: wide tables scroll inside themselves, and a "nowrap" row of figures wraps. */
.wp-block-post-content .wp-block-table { overflow-x: auto; }
.wp-block-post-content :not(.wp-block-table) > table { display: block; max-width: 100%; overflow-x: auto; }
.wp-block-post-content .wp-block-group.is-nowrap { flex-wrap: wrap; }

/* Header mark: the master header-mark.svg (cropped to the drawing), 38 px wide beside the 22 px name, centred on it. It is shorter than the name's line, so the header row never grows. */
.tch-mark { display: block; flex: none; width: 38px; line-height: 0; }
.tch-mark svg, .tch-mark img { display: block; width: 100%; height: auto; overflow: visible; }