/* Caribbean Fishing with BigJoe — premium visual experience layer */
:root{
  --bj-navy:#031b2d; --bj-deep:#052f4a; --bj-ocean:#007fba; --bj-cyan:#08bdf0;
  --bj-teal:#00a896; --bj-sun:#f6b91b; --bj-coral:#ee4b3e; --bj-purple:#7736cf;
  --bj-ink:#092033; --bj-paper:#f7fbfd; --bj-muted:#607485; --bj-line:#d8e7ee;
  --bj-shadow:0 18px 50px rgba(1,23,40,.16); --bj-radius:18px;
}
body.bigjoe-visual{background:linear-gradient(#eef8fb,#f8fbfc 34rem);color:var(--bj-ink);font-family:Arial,Helvetica,sans-serif}
body.bigjoe-visual main{max-width:1380px;margin:auto;padding:30px clamp(18px,4vw,54px) 70px}
body.bigjoe-visual nav{background:linear-gradient(90deg,var(--bj-navy),#073a5c);border:0;padding:12px 18px;border-radius:14px;box-shadow:var(--bj-shadow);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
body.bigjoe-visual nav a{color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:800;font-size:15px}
body.bigjoe-visual nav a:hover,body.bigjoe-visual nav a[aria-current="page"]{background:linear-gradient(180deg,#11b8ef,#007bc2);box-shadow:inset 0 1px #ffffff55}
body.bigjoe-visual header .brand .footer-links{font-size:14px;font-weight:400;margin:0 0 0 24px;display:inline-flex;gap:6px}
.bj-page-hero{position:relative;overflow:hidden;min-height:330px;border-radius:22px;margin:24px 0 28px;background:#06324b;color:#fff;display:flex;align-items:end;box-shadow:var(--bj-shadow)}
.bj-page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bj-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,24,41,.94),rgba(3,42,66,.67) 48%,rgba(3,42,66,.16))}
.bj-page-hero__copy{position:relative;z-index:2;padding:38px clamp(22px,4vw,52px);max-width:850px}
.bj-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ffffff5e;border-radius:999px;background:#002d46a6;color:#bdeeff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.bj-page-hero h1{font-size:clamp(38px,5.5vw,72px);line-height:.95;letter-spacing:-2.2px;margin:13px 0 12px;color:#fff;text-shadow:0 3px 20px #0008}
.bj-page-hero p{font-size:clamp(17px,2vw,22px);line-height:1.45;color:#e9f8ff;max-width:720px;margin:0}
.bj-page-hero--compact{min-height:285px}
.bj-photo-feature,.bj-learning-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:stretch;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--bj-line);box-shadow:var(--bj-shadow);margin:24px 0 30px}
.bj-photo-feature>img,.bj-learning-panel>img{width:100%;height:100%;min-height:245px;object-fit:cover;background:#dcecf2}
.bj-photo-feature>div,.bj-learning-panel>div{padding:clamp(24px,4vw,42px);align-self:center}
.bj-photo-feature h2,.bj-learning-panel h2{font-size:clamp(28px,3vw,42px);line-height:1.05;color:var(--bj-deep);margin:10px 0}
.bj-photo-feature p,.bj-learning-panel p{font-size:18px;color:#496777;max-width:680px}
.bj-learning-panel{background:linear-gradient(135deg,#f8fdff,#e9f7fb)}.bj-learning-panel>img{object-fit:contain;padding:18px;box-sizing:border-box}
.bj-action-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 32px}
.bj-action{min-height:92px;padding:16px 18px;border-radius:16px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:13px;font-weight:900;box-shadow:0 12px 28px #00233822;border:1px solid #ffffff33}
.bj-action:nth-child(1){background:linear-gradient(135deg,#0074cf,#00aeea)}
.bj-action:nth-child(2){background:linear-gradient(135deg,#218d28,#63b824)}
.bj-action:nth-child(3){background:linear-gradient(135deg,#e5a400,#f7c23c)}
.bj-action:nth-child(4){background:linear-gradient(135deg,#c40e2f,#ef344d)}
.bj-action:nth-child(5){background:linear-gradient(135deg,#6a23b5,#9638d5)}
.bj-action:hover{transform:translateY(-3px);filter:saturate(1.08) brightness(1.03)}
.bj-action__icon{font-size:30px;line-height:1}.bj-action small{display:block;font-weight:700;opacity:.88;margin-top:4px}
body.bigjoe-visual .grid,body.bigjoe-visual .conditions-grid{gap:20px}
body.bigjoe-visual .premium-card,body.bigjoe-visual .condition-card,body.bigjoe-visual .tip-panel{background:#fff;color:var(--bj-ink);border:1px solid var(--bj-line);border-radius:var(--bj-radius);box-shadow:0 10px 30px rgba(2,40,66,.09);overflow:hidden}
body.bigjoe-visual .premium-card{padding:24px;border-top:5px solid var(--bj-cyan);transition:.18s transform,.18s box-shadow}
body.bigjoe-visual .card{background:#fff;color:var(--bj-ink);border:1px solid var(--bj-line);border-radius:var(--bj-radius);box-shadow:0 10px 30px rgba(2,40,66,.09);padding:24px;border-top:5px solid var(--bj-cyan)}
body.bigjoe-visual .hero{background:linear-gradient(125deg,var(--bj-navy),#07547d);color:#fff;border:1px solid #ffffff24;box-shadow:var(--bj-shadow)}
body.bigjoe-visual .hero h1{color:#fff}body.bigjoe-visual .hero p{color:#e5f7ff}
body.bigjoe-visual .premium-card:hover{transform:translateY(-4px);box-shadow:var(--bj-shadow)}
body.bigjoe-visual .premium-card h2,body.bigjoe-visual .premium-card h3{color:var(--bj-deep);margin-top:0}
body.bigjoe-visual .premium-card strong{color:#006ca4}
.bj-section-banner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);overflow:hidden;margin:38px 0 18px;background:linear-gradient(120deg,var(--bj-navy),#08517b);color:white;border-radius:18px;box-shadow:var(--bj-shadow)}
.bj-section-banner__copy{padding:28px 30px}.bj-section-banner h2{color:white!important;margin:0 0 8px!important;font-size:clamp(28px,3vw,40px)}
.bj-section-banner p{margin:0;color:#d8f1fb}.bj-section-banner img{width:100%;height:100%;min-height:190px;object-fit:cover}
body.bigjoe-visual .legal{background:linear-gradient(135deg,#fff4cc,#ffe49c);color:#5b4100;border:1px solid #f2ca55;border-radius:14px;padding:16px 18px}
/* Conditions / weather dashboard */
body.bigjoe-visual.conditions-page{background:linear-gradient(180deg,#062940 0,#0d5577 400px,#eaf5f8 400px)}
body.bigjoe-visual .conditions-wrap{max-width:none}
body.bigjoe-visual .conditions-grid{align-items:start}
body.bigjoe-visual .conditions-demo{background:linear-gradient(90deg,#052f4a,#087ea8);color:#fff;border:0;border-radius:14px;box-shadow:var(--bj-shadow)}
body.bigjoe-visual .condition-card{padding:24px;border-top:5px solid #08bdf0}
body.bigjoe-visual .condition-card:nth-child(2n){border-top-color:#f6b91b}
body.bigjoe-visual .condition-card h2{font-size:clamp(25px,2.6vw,36px);color:var(--bj-deep)}
body.bigjoe-visual .condition-list>div{background:#f3f9fb;border:1px solid #e0edf2;border-radius:10px;padding:10px 12px;margin:7px 0}
body.bigjoe-visual .condition-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
body.bigjoe-visual .condition-list dd{font-weight:900;color:#07577d;overflow-wrap:normal;word-break:normal;hyphens:none}
body.bigjoe-visual .conditions-location select,body.bigjoe-visual .conditions-location button{min-height:48px;border-radius:10px;font-size:16px}
body.bigjoe-visual .conditions-location button{background:linear-gradient(180deg,#0ab9ed,#007ebd);color:#fff;border:0;font-weight:900;padding-inline:20px}
body.bigjoe-visual .condition-chart{background:linear-gradient(180deg,#d7f5ff,#f8fdff);border:1px solid #b9dfeb;border-radius:14px;color:#0474aa;min-height:180px;display:grid;place-items:center;font-weight:900}
/* Planner */
body.bigjoe-visual .planner-shell,body.bigjoe-visual .planner-results,body.bigjoe-visual .planner-card{border-radius:var(--bj-radius);box-shadow:0 10px 30px rgba(2,40,66,.09)}
body.bigjoe-visual .library-filters{position:sticky;top:8px;z-index:8;background:#f4fbfd;border:1px solid #cce1e9;border-radius:18px;box-shadow:0 12px 34px rgba(2,40,66,.13)}
body.bigjoe-visual .species-section{scroll-margin-top:180px}
body.bigjoe-visual .species-card{border-radius:16px;box-shadow:0 8px 24px rgba(2,40,66,.09);transition:.18s transform,.18s box-shadow}
body.bigjoe-visual .species-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(2,40,66,.16)}
body.bigjoe-visual .planner-system{background:linear-gradient(180deg,#fff,#f2fafc);border-radius:22px;box-shadow:var(--bj-shadow)}
body.bigjoe-visual .planner-system .pr-warning{border-radius:16px;box-shadow:0 8px 20px #5b410018}
body.bigjoe-visual .planner-system select,body.bigjoe-visual .planner-system button{min-height:48px;font-size:16px;border-radius:10px}
body.bigjoe-visual .planner-results article{border-radius:16px;border-left:6px solid var(--bj-cyan);box-shadow:0 10px 28px rgba(2,40,66,.1)}
body.bigjoe-visual .my-catch-shell,body.bigjoe-visual .catch-detail,body.bigjoe-visual .recipe-card{border-radius:18px;box-shadow:0 10px 30px rgba(2,40,66,.09)}
/* Photo slots: never stretch low-res assets */
.bj-real-photo{display:block;width:100%;height:100%;object-fit:cover;background:#dcecf2}
.bj-photo-credit{font-size:11px;color:#627781;margin-top:6px}
/* Charter teaser */
.bj-charter-teaser{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#071d2d,#0b5877);color:#fff;margin:34px 0;padding:34px;box-shadow:var(--bj-shadow)}
.bj-charter-teaser h2{color:#fff!important;font-size:clamp(30px,4vw,48px);margin:0 0 10px}.bj-charter-teaser p{max-width:720px;color:#dff6ff}
.bj-charter-teaser a{display:inline-block;background:#ef3148;color:#fff;padding:13px 18px;border-radius:12px;text-decoration:none;font-weight:900;margin-top:8px}
.bj-charter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.bj-charter-card{background:#fff;border:1px solid var(--bj-line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(2,40,66,.09)}.bj-charter-card img{width:100%;height:190px;object-fit:cover}.bj-charter-card__body{padding:22px}.bj-charter-card h2{margin-top:0;color:var(--bj-deep)}.bj-status{display:inline-block;padding:6px 10px;border-radius:999px;background:#e9f5f8;color:#23576b;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.bj-charter-notice{background:#fff4cc;border:1px solid #f2ca55;border-radius:14px;padding:18px;color:#5b4100}
@media(max-width:980px){.bj-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bj-action:nth-child(5){grid-column:span 2}.bj-section-banner{grid-template-columns:1fr}.bj-charter-grid{grid-template-columns:1fr}}
@media(max-width:620px){body.bigjoe-visual main{padding-inline:16px}body.bigjoe-visual header .brand .footer-links,body.bigjoe-visual header>.footer-links{display:none}body.bigjoe-visual header .brand{min-width:0}body.bigjoe-visual header{gap:12px}body.bigjoe-visual header>small{margin-right:auto}.bj-action-row{grid-template-columns:1fr}.bj-action:nth-child(5){grid-column:auto}.bj-page-hero{min-height:280px}.bj-page-hero__copy{padding:26px 20px}.bj-page-hero h1{font-size:clamp(34px,11vw,50px);letter-spacing:-1px}.bj-section-banner__copy{padding:22px}.bj-section-banner img{max-height:220px}.bj-photo-feature,.bj-learning-panel{grid-template-columns:1fr}.bj-photo-feature>img,.bj-learning-panel>img{min-height:190px;max-height:240px}.bj-photo-feature>div,.bj-learning-panel>div{padding:22px}.bj-charter-card img{height:170px}body.bigjoe-visual .library-filters{position:static}body.bigjoe-visual nav a{font-size:14px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.bj-action,body.bigjoe-visual .premium-card{transition:none}.bj-action:hover,body.bigjoe-visual .premium-card:hover{transform:none}}

/* SOL-009.1 density pass: shared visual pages keep information above the fold. */
body.bigjoe-visual main{max-width:1280px;padding-top:24px;padding-bottom:52px}.bj-page-hero{min-height:270px;margin:18px 0 22px;border-radius:18px}.bj-page-hero--compact{min-height:235px}.bj-page-hero__copy{padding:28px clamp(20px,3.2vw,40px)}.bj-page-hero h1{font-size:clamp(34px,4.5vw,60px);margin:10px 0}.bj-page-hero p{font-size:clamp(16px,1.6vw,19px)}.bj-photo-feature,.bj-learning-panel{margin:18px 0 22px;border-radius:16px}.bj-photo-feature>img,.bj-learning-panel>img{min-height:200px;max-height:280px}.bj-photo-feature>div,.bj-learning-panel>div{padding:clamp(20px,3vw,30px)}.bj-photo-feature h2,.bj-learning-panel h2{font-size:clamp(25px,2.5vw,34px)}.bj-photo-feature p,.bj-learning-panel p{font-size:16px}.bj-action-row{gap:10px;margin:18px 0 24px}.bj-action{min-height:78px;padding:13px 15px;border-radius:13px}.bj-action__icon{font-size:25px}body.bigjoe-visual .premium-card,body.bigjoe-visual .card,body.bigjoe-visual .condition-card{padding:18px}.bj-section-banner{margin:28px 0 14px;border-radius:15px}.bj-section-banner__copy{padding:22px 24px}.bj-section-banner img{min-height:145px;max-height:190px}.bj-charter-teaser{margin:24px 0;padding:26px}.bj-charter-teaser h2{font-size:clamp(27px,3vw,38px)}.bj-charter-card img{height:155px}.bj-charter-card__body{padding:18px}
  @media(max-width:620px){body.bigjoe-visual main{padding-top:16px;padding-bottom:38px}.bj-page-hero{min-height:220px;margin:14px 0 18px}.bj-page-hero__copy{padding:20px 18px}.bj-page-hero h1{font-size:clamp(32px,9.5vw,42px);line-height:1}.bj-page-hero p{font-size:16px}.bj-photo-feature>img,.bj-learning-panel>img{min-height:160px;max-height:190px}.bj-photo-feature>div,.bj-learning-panel>div{padding:18px}.bj-section-banner__copy{padding:18px}.bj-section-banner img{max-height:160px}.bj-action{min-height:64px;padding:12px 14px}.bj-charter-card img{height:145px}}

  /* SOL-009.3: Conditions keeps one clear visual introduction and calm utility navigation. */
  body.bigjoe-visual.conditions-page .bj-page-hero{min-height:170px;margin-bottom:12px}
  body.bigjoe-visual.conditions-page .bj-page-hero__copy{padding-block:20px}
  body.bigjoe-visual.conditions-page .bj-page-hero h1{font-size:clamp(30px,3.6vw,46px)}
  body.bigjoe-visual.conditions-page .bj-page-hero p{max-width:680px}
  body.bigjoe-visual.conditions-page .page-head{display:none}
  body.bigjoe-visual.conditions-page .bj-action-row{margin:12px 0 16px}
  body.bigjoe-visual.conditions-page .bj-action{min-height:66px;background:linear-gradient(135deg,#07577d,#0b7894);box-shadow:0 7px 18px #0023381c}
  body.bigjoe-visual.conditions-page .bj-action:nth-child(2){background:linear-gradient(135deg,#0d6d69,#16897f)}
  body.bigjoe-visual.conditions-page .bj-action:nth-child(3){background:linear-gradient(135deg,#2f697d,#41839b)}
  body.bigjoe-visual.conditions-page .bj-action:nth-child(4){background:linear-gradient(135deg,#255a72,#36768d)}
  body.bigjoe-visual.conditions-page .bj-action:nth-child(5){background:linear-gradient(135deg,#3b6377,#527d8e)}
  body.bigjoe-visual.conditions-page .conditions-demo{margin-top:0;padding:14px 18px;background:linear-gradient(90deg,#06354f,#0a6f8d)}
  @media(max-width:620px){body.bigjoe-visual.conditions-page .bj-page-hero{min-height:150px}.conditions-page .bj-action-row{margin-bottom:12px}.conditions-page .bj-action{min-height:58px}.conditions-page .bj-action__icon{font-size:22px}}

  /* SOL-009.3: recipe imagery is licensed/tracked in its own provenance record;
     do not render the legacy visible copyright overlay on food photography. */
  .recipe-page-hero.protected-media::after,.recipe-card.protected-media::after{display:none}