/* ============ golf skin — layered over niche.css, golf.fracmo.ai only ======
   Replaces the shared card grids on #datos and #kpis with the two objects
   every golfer already knows how to read: a scorecard and a leaderboard, and
   retunes the whole page to golferos.com's fairway palette. */

/* --- golf tone -------------------------------------------------------------
   niche.css reads four variables but hardcodes navy/cyan in about a dozen
   borders, so restating :root alone leaves cyan hairlines everywhere. Each
   rule below exists because a specific one of those hardcodes showed through.
   The other 14 verticals never load this file and stay FracMO navy/cyan. */
:root{--navy:#06281F;--navy2:#0B3B2E;--cyan:#C8964A;--ink:#FBFAF6;--muted:#A9BDB2}
body{background:#06281F}
a{color:#E4C48A}
header.hdr{background:rgba(6,40,31,.9);border-bottom:1px solid rgba(200,150,74,.26)}
.hdr nav a:hover{color:#FBFAF6}
.lang{border:1px solid rgba(200,150,74,.34)}
.lang button.on{background:#C8964A;color:#06281F}
.btn{background:#C8964A;color:#06281F}
.btn.ghost{background:none;color:#E4C48A;border:1px solid rgba(200,150,74,.5)}
.hero{border-bottom:1px solid rgba(200,150,74,.16)}
.eyebrow{color:#E4C48A}
.hero p.lead{color:#CFE0D6}
section{border-bottom:1px solid rgba(200,150,74,.13)}
.card{background:#0B3B2E;border:1px solid rgba(200,150,74,.2)}
.tag{border:1px solid rgba(200,150,74,.4)}
ul.ops li{background:#0B3B2E;border:1px solid rgba(200,150,74,.2)}
.engine{background:#0B3B2E;border:1px solid rgba(200,150,74,.26)}
.engine .how{border-top:1px solid rgba(200,150,74,.2)}
.hero-grid video,.hero-grid img{border:1px solid rgba(200,150,74,.26)}
.plan-card--hot{outline-color:#C8964A}
.plan-hot{background:#C8964A;color:#06281F}

/* the Golferos mark in the masthead — mark only, the name stays FracMO Golf */
.brand-golf svg{width:26px;height:26px;display:block;flex:0 0 auto}
.brand-golf .gsub{color:#E4C48A;font-weight:600}
.ftr-golferos{display:inline-flex;align-items:center;gap:6px}
.ftr-golferos svg{width:15px;height:15px;display:block}

/* --- hero: a photograph instead of a flat panel --- */
.hero--photo{position:relative;overflow:hidden;isolation:isolate}
.hero--photo .hero-photo{position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;object-position:center 58%;z-index:-2}
.hero--photo::before{content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(100deg,rgba(6,40,31,.95) 0%,rgba(6,40,31,.86) 44%,rgba(6,40,31,.54) 100%)}
.hero--photo .eyebrow{color:#E4C48A}
.hero--photo h1,.hero--photo .lead{color:#FBFAF6}

/* --- scorecard: the six fields, as the row of boxes on a real card --- */
.gcard-wrap{margin-top:6px;border:1.5px solid #0B3B2E;border-radius:14px;
 overflow:hidden;background:#FBFAF6}
.gcard-scroll{overflow-x:auto}
table.gcard{border-collapse:collapse;width:100%;min-width:520px}
table.gcard th{background:#0B3B2E;color:#FBFAF6;font:700 .68rem/1 Inter,sans-serif;
 letter-spacing:.16em;text-transform:uppercase;padding:12px 16px;text-align:left}
table.gcard td{border-bottom:1px solid #DFDACD;border-right:1px solid #DFDACD;
 padding:13px 16px;color:#14211C;font-size:.95rem}
table.gcard tr:last-child td{border-bottom:0}
table.gcard td:last-child{border-right:0}
table.gcard tr:nth-child(even) td{background:#F5EEE1}
table.gcard .gc-n{font:700 .82rem Poppins,Inter,sans-serif;color:#4A5A53;
 width:58px;text-align:center}
table.gcard .gc-t{color:#4A5A53;font-size:.86rem}
.gc-req{display:inline-block;font:700 .62rem/1 Inter,sans-serif;letter-spacing:.12em;
 text-transform:uppercase;color:#A8442F;border:1px solid currentColor;
 border-radius:999px;padding:4px 9px;white-space:nowrap}

/* --- leaderboard: the seven KPIs, as a tournament board --- */
.gboard{margin-top:6px;border:1px solid #DFDACD;border-radius:14px;
 overflow:hidden;background:#FBFAF6}
.gboard-hd,.gboard-row{display:grid;grid-template-columns:58px 1fr;align-items:baseline}
.gboard-hd{background:#0B3B2E;color:#FBFAF6;font:700 .68rem/1 Inter,sans-serif;
 letter-spacing:.16em;text-transform:uppercase}
.gboard-hd span{padding:12px 16px}
.gboard-row{border-bottom:1px solid #DFDACD}
.gboard-row:last-child{border-bottom:0}
.gboard-row:nth-child(even){background:#F5EEE1}
.gboard-pos{font:700 .82rem Poppins,Inter,sans-serif;color:#C8964A;padding:14px 16px}
.gboard-name{padding:14px 16px;color:#14211C;font-size:.98rem;font-weight:500}
.gboard-bm{grid-column:2;padding:0 16px 14px;color:#4A5A53;font-size:.84rem}
.gboard-bm a{display:block;color:#12513E;text-decoration:underline;font-size:.78rem}

/* --- full-bleed photo band between sections --- */
.gband{position:relative;overflow:hidden;isolation:isolate}
.gband .gband-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.gband::before{content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,rgba(6,40,31,.94),rgba(6,40,31,.66) 66%,rgba(6,40,31,.42))}
.gband .wrap{padding-top:76px;padding-bottom:76px}
.gband-k{color:#E4C48A;font:700 .72rem/1 Inter,sans-serif;letter-spacing:.18em;
 text-transform:uppercase;margin-bottom:14px}
.gband h2{color:#FBFAF6;max-width:17ch}
.gband p{color:rgba(251,250,246,.86);max-width:50ch;margin-top:12px}
@media(max-width:620px){.gband .wrap{padding-top:52px;padding-bottom:52px}}

/* --- photo credits in the footer (licence courtesy, not a requirement) --- */
.gcredits{border-top:1px solid rgba(251,250,246,.18);margin-top:16px;padding-top:14px;
 font-size:.72rem;line-height:1.85;opacity:.7}
.gcredits b{display:block;font:700 .64rem/1 Inter,sans-serif;letter-spacing:.18em;
 text-transform:uppercase;margin-bottom:6px;opacity:.9}