/*
Theme Name: Meridian
Theme URI: https://lightsteelblue-seahorse-505359.hostingersite.com
Author: Meridian Research
Description: Custom theme for Meridian Research — black/gold/white, WooCommerce.
Version: 0.1.0
Requires PHP: 7.4
Text Domain: meridian
*/

:root{
  --ink:#0F0E0B; --ink-2:#161410; --ink-3:#1E1B15;
  --ivory:#F7F4EC; --ivory-dim:#CFC9BC; --grey:#9B958A;
  --gold:#C9A550; --brass:#8C7534; --line:rgba(201,165,80,.28);
  --serif:"Playfair Display",Didot,Georgia,serif;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.mr-ribbon{background:var(--ink-3);border-bottom:1px solid var(--line);text-align:center;padding:8px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-dim)}
.mr-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}
.mr-mark{font-family:var(--serif);font-size:22px;letter-spacing:.12em}
.mr-mark small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase}
.mr-cta{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:15px 44px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;background:none;cursor:pointer;transition:background .25s,color .25s}
.mr-cta:hover{background:var(--gold);color:var(--ink)}
/* Woo shop grid */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);padding:0;margin:0;list-style:none}
.woocommerce ul.products li.product{background:var(--ink);padding:34px 28px;margin:0;transition:background .25s}
.woocommerce ul.products li.product:hover{background:var(--ink-2)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-size:21px;font-weight:400}
.woocommerce ul.products li.product .price{color:var(--gold);font-variant-numeric:tabular-nums}
.mr-footer{border-top:1px solid var(--line);padding:40px 0 56px;font-size:11px;color:var(--grey)}
.mr-disclaimer{max-width:76ch;margin:0 auto 32px;font-size:12.5px;color:var(--grey);text-align:center;line-height:1.8}
/* Age gate */
.mr-gate{position:fixed;inset:0;background:rgba(15,14,11,.96);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.mr-gate__box{max-width:480px;border:1px solid var(--line);background:var(--ink-2);padding:48px 40px;text-align:center}
.mr-gate__box h2{margin-top:0}
.mr-gate__box p{color:var(--grey);font-size:14px}
.mr-gate__deny{display:block;margin:18px auto 0;background:none;border:none;color:var(--grey);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

.mr-gate[hidden]{display:none}