/*
Theme Name: MCC
Theme URI: https://www.motorcitycannabites.com/
Description: Motor City Cannabites, one small classic theme: the six-brand wholesale site ported from the static preview, reading products from the mcc-core plugin.
Author: Motor City Cannabites
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: mcc
*/

/* The ported site CSS lives in css/ (styles.css, brand.css, pages.css) and is enqueued by functions.php.
   This file holds only what the WordPress port adds on top of it. */

/* ---------- the Age Verification plugin's gate, restyled to the preview's gate (ink ground, the mark, pill buttons) ----------
   The plugin appends .avwp-av-overlay and .avwp-av to body with JavaScript; selectors are doubled-up (html body) to win
   over its stylesheet without !important. */
html body .avwp-av-overlay { background: var(--ink); cursor: default; }
html body .avwp-av {
  background: transparent; box-shadow: none; border-radius: 0; color: var(--paper);
  width: min(520px, calc(100vw - 48px)); padding: 24px;
  font-family: var(--sans);
}
html body .avwp-av img { display: block; margin: 0 auto 20px; height: 72px; width: auto; max-width: 100%; }
html body .avwp-av h2 {
  font-family: var(--serif); font-weight: 600; color: var(--paper);
  font-size: var(--h-section); line-height: var(--h-section-lh); letter-spacing: var(--track);
  margin: 0 0 12px; padding: 0;
}
html body .avwp-av p { color: var(--muted-ink); font-size: var(--body); line-height: var(--lh); margin: 0 auto; max-width: 30em; }
html body .avwp-av p strong { color: var(--paper); }
html body .avwp-av p:last-of-type { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; }
html body .avwp-av button {
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; min-height: 52px; margin: 0; padding: 12px 26px;
  border-radius: 999px; border: 2px solid var(--paper); background: transparent; color: var(--paper);
  font-family: var(--sans); font-weight: 600; font-size: 17px; line-height: 1.2; white-space: nowrap;
}
html body .avwp-av button:hover { background: rgba(243, 239, 231, .1); border: 2px solid var(--paper); }
html body .avwp-av button.yes { background: var(--accent); border-color: var(--accent); color: #fff; margin: 0; }
html body .avwp-av button.yes:hover { background: #A117C4; border-color: #A117C4; }
html body .avwp-av button:focus-visible { outline: 3px solid var(--accent-ink); outline-offset: 2px; }

/* ---------- JavaScript off: the lock in css/styles.css stays on, so say why ---------- */
.mcc-nojs {
  position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center;
  padding: 24px; background: var(--ink); color: var(--paper); text-align: center; font-family: var(--sans);
}
.mcc-nojs p { max-width: 30em; font-size: var(--body); line-height: var(--lh); }

/* ---------- Shop by format (page 12): seven anchored sections on one page ---------- */
.format-block { scroll-margin-top: var(--header-h); }
.products-page .format-block + .format-block { border-top: 1px solid var(--line); }
.products-page .page-head .h-section { max-width: 18em; }

/* ---------- Where to buy: the locator map above the list ---------- */
.locator-section .wrap { padding-top: 8px; padding-bottom: 8px; }

/* ---------- plain pages (privacy policy etc.) ---------- */
.entry { max-width: 42em; }
.entry > * + * { margin-top: 1em; }
.entry h2, .entry h3 { font-family: var(--serif); margin-top: 1.6em; }
.entry a { text-decoration: underline; }
.entry ul, .entry ol { padding-left: 1.4em; }
.entry li + li { margin-top: .4em; }