/* Frataro brand art placement and the see through PLAY overlays. Loaded last so it wins over style.css and tabs.css. */
:root{--cream:#F7F4EC}

/* opening splash */
#splash{position:fixed;inset:0;z-index:100;background:var(--masters);display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .55s ease}
#splash img{width:min(84vw,380px);height:auto;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
#splash.out{opacity:0;pointer-events:none}

/* white Frataro Co. wordmark at the top of SCORECARD, SIM OPEN and CLUB */
.brandbar{display:flex;justify-content:center;padding:2px 0 12px}
.brandbar img{height:30px;width:auto;display:block}

/* Join the Club: sweater and knickers gentleman beside the club name */
.jh-row{display:grid;grid-template-columns:52% 1fr;gap:12px;align-items:center;text-align:left}
.jh-art{width:100%;height:auto;border-radius:12px;display:block;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.jh-text .pill{font-size:10px;padding:4px 6px}
.jh-text .smp{margin-left:4px}
.join-hero .jh-text h2{margin:8px 0 4px;font-size:30px;line-height:.95}
.join-hero .jh-text .price-big{font-size:24px}

/* member card: wordmark across the top */
.mc-wordmark{display:block;width:72%;height:auto;margin:0 0 12px;position:relative;z-index:1}
.mc-top{grid-template-columns:1fr auto}
.mc-top b{font-size:18px}

/* sign in sheet wordmark */
.sheet-wordmark{display:block;height:44px;width:auto;margin:2px auto 12px}

/* ---------- PLAY: see through panels over the satellite ---------- */
body.tab-play .card,
body.tab-play .bar,
body.tab-play .gps,
body.tab-play .preview-tag,
body.tab-play .unmapped,
body.tab-play .tabs{
  background:rgba(8,18,13,.40);
  -webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%);
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 6px 20px rgba(0,0,0,.22);
}
body.tab-play .tabs{border-width:1px 0 0;box-shadow:none}
body.tab-play .hole-no{background:rgba(0,103,71,.62);border:1px solid rgba(255,255,255,.25)}
/* keep every number and label readable over bright grass */
body.tab-play .card :is(b,small,em,span),
body.tab-play .bar :is(b,small,button),
body.tab-play .gps,
body.tab-play .preview-tag,
body.tab-play .unmapped :is(b,span),
body.tab-play .tabs button{
  text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.45);
}
body.tab-play .tabs button{color:rgba(255,255,255,.82)}
body.tab-play .tabs button.active{color:#fff}
body.tab-play .tabs svg{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.8))}
/* the satellite already fills the whole screen (#map is 100dvh, the tab bar floats over it); with the
   see through tab bar the map now shows under it. No position change: Maps sets inline styles on #map. */

/* PLAY glass, round 2: top yardage card and hole bar more see through (tab bar, GPS pill and tags unchanged) */
body.tab-play .card,
body.tab-play .bar{
  background:rgba(8,18,13,.15);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  border:1px solid rgba(255,255,255,.35);
}
body.tab-play .card .hole-no{background:rgba(0,103,71,.35)}
body.tab-play .card :is(b,small,em,span),
body.tab-play .bar :is(b,small,button){
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.45);
}

/* PLAY glass, round 3: clear glass, no blur, on the top yardage card and hole bar (tab bar unchanged) */
body.tab-play .card,
body.tab-play .bar{
  background:rgba(8,18,13,.08);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border:1px solid rgba(255,255,255,.45);
}
body.tab-play .card .hole-no{background:rgba(0,103,71,.30);-webkit-backdrop-filter:none;backdrop-filter:none}
body.tab-play .card #midYds{
  text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.45);
}