:root {
    --contrast: #373435;
    --contrast-2: #5a5758;
    --contrast-3: #888888;
    --base: #ffffff;
    --base-2: #f7f7f7;
    --base-3: #ebebeb;
    --accent: #E98339;
}
a { color: #E98339; }
a:hover { color: #c9692a; }
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #373435;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #556B2F;
}
.site-header {
    background-color: #556B2F;
}
.site-header a,
.site-header .site-title a {
    color: #ffffff;
}
nav a { color: #ffffff; }
nav a:hover { color: #E98339; }

/* Easy Table of Contents */
#ez-toc-container a,
.ez-toc-container a {
    color: #E98339;
    text-decoration: none;
}
#ez-toc-container a:hover,
.ez-toc-container a:hover {
    color: #c46e28;
    text-decoration: underline;
}
#ez-toc-container .ez-toc-title {
    color: #373435;
}
/* Post navigation — previous/next links */
.post-navigation a,
.post-navigation a:visited,
.nav-previous a,
.nav-next a {
    color: #E98339 !important;
}

.post-navigation a:hover,
.post-navigation a:focus,
.nav-previous a:hover,
.nav-next a:hover {
    color: #333333 !important;
}
.bluf-box {
  border-left: 4px solid #E98339;
  background-color: #FDF0E6;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 1.5em;
}

.bluf-label {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #E98339;
  margin-bottom: 8px !important;
}

/* Nav sits directly on the header - no light block */
.main-navigation { background-color: transparent; }
.main-navigation .menu-toggle,
.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items { color: #ffffff; }
.main-navigation .main-nav ul ul li a { color: #373435; }
@media (max-width: 768px) {
	.main-navigation { background-color: #556B2F; }
	.site-header .header-image { max-height: 130px; width: auto; }
}

/* Dropdowns size to their content - 200px forced every Destinations item onto two lines */
.main-navigation ul ul { width: auto; min-width: 200px; }
.main-navigation .main-nav ul ul li a { white-space: nowrap; }

/* Top-level hover + current: white text, orange underline. Orange TEXT is 2.76:1 on the green and fails; as a rule it carries no contrast requirement. */
.main-navigation .main-nav > ul > li:not(.current-menu-item):hover > a,
.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current-menu-parent > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a { color: #ffffff; box-shadow: inset 0 -3px 0 #E98339; }

/* Submenu hover stays orange on its white panel */
.main-navigation .main-nav ul ul li a:hover { color: #E98339; }

/* At a Glance summary list. Added 2026-08-26.
   Two columns so the label and its value sit on one line, and the browser's
   default dd indent and margins removed so the rows sit tight. Stacks below
   600px, where two columns stop fitting: there the breathing room moves to
   BETWEEN pairs rather than inside them. */
.smt-at-a-glance{
	display:grid;
	grid-template-columns:max-content 1fr;
	column-gap:1.1rem;
	row-gap:.35rem;
}
.smt-at-a-glance dt{
	font-weight:600;
	margin:0;
	white-space:nowrap;
}
.smt-at-a-glance dd{
	margin:0;
}
@media (max-width:600px){
	.smt-at-a-glance{
		grid-template-columns:1fr;
		row-gap:0;
	}
	.smt-at-a-glance dt{
		white-space:normal;
		margin-top:.7rem;
	}
	.smt-at-a-glance dt:first-of-type{
		margin-top:0;
	}
	.smt-at-a-glance dd{
		margin-top:.1rem;
	}
}

/* Standard buffer around the boxed blocks. Added 2026-08-26.
   Measured before choosing a number: the same blocks were sitting anywhere between
   22px and 114px from their neighbours, depending on which spacer divs a given post
   happened to carry. Set once, here, so it stops depending on per-post markup and
   applies to every post already published and every post written from now on. */
.bluf-box,
.smt-at-a-glance,
.smt-shanas-take,
.smt-author-bio,
.ez-toc-container{
	margin-top:40px;
	margin-bottom:40px;
}


/* SMorris post furniture. Added 2026-09-07, approved by Jeremy. Full reasoning: shared/site-custom-additions.css in the os-heartbeat repo. These live here so a restyle is one edit instead of 28 post edits. Inline styling in a post body beats these rules, so posts still carrying their own are unaffected until it is stripped out. Selectors are deliberately NOT direct-child: WordPress inserts .wp-block-group__inner-container when it RENDERS a group, so the box contents sit one level deeper on the live page than in the stored markup. */
.smt-shanas-take { background-color: #F7E6D5; border-left: 5px solid #E98339; border-radius: 0 4px 4px 0; padding: 26px 32px 20px 32px; }
.smt-shanas-take .smt-take-label, .smt-shanas-take p:first-child > strong:only-child, .smt-shanas-take h3:first-child { display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #B65E1E; margin: 0 0 14px 0; }
.smt-shanas-take p:first-child { margin-bottom: 14px; }
.smt-shanas-take > *:first-child, .smt-shanas-take > * > *:first-child { margin-top: 0; }
.smt-shanas-take > *:last-child, .smt-shanas-take > * > *:last-child { margin-bottom: 0; }
.bluf-box { padding: 16px 20px 14px 20px; }
.bluf-box > *:first-child, .bluf-box > * > *:first-child { margin-top: 0; }
.bluf-box > *:last-child, .bluf-box > * > *:last-child { margin-bottom: 0; }
.bluf-box, .smt-at-a-glance, .smt-shanas-take, .ez-toc-container { margin-bottom: 28px; }

/* Why-we-show-receipts note. Added 2026-09-09, approved by Jeremy: "smaller print,
   maybe italics, shaded in a light gray, unobtrusive but noticable". The WORDS live
   in reusable block 3852 and are emitted by reference by render_post.py on Points &
   Miles posts, so a restyle is one edit here and reaches every post already
   published. Selectors are deliberately NOT direct-child: WordPress inserts
   .wp-block-group__inner-container when it renders a group, so the paragraph sits a
   level deeper on the live page than in the stored markup. */
.smt-receipts-note { background-color: #F4F4F2; border-radius: 4px; padding: 0; }
.smt-receipts-note .wp-block-group__inner-container { padding: 16px 22px; }
.smt-receipts-note p { font-size: 15px; font-style: italic; line-height: 1.65; color: #5C5C5C; margin: 0; }
.smt-receipts-note { margin-top: 28px; margin-bottom: 28px; }

/* Portrait video embeds (YouTube Shorts). Added 2026-09-11, Jeremy: the CAPT Cook
   embed is "pretty big" - a 9:16 clip at full column width is 617x1096px. Capped to
   phone-screen width and centred; the theme's aspect-ratio wrapper sets the height. */
.wp-block-embed.wp-embed-aspect-9-16 { max-width: 360px; margin-left: auto; margin-right: auto; }