/* Barracuda Baits Bait Selector — native BigCommerce page. Selectors are scoped to #bb-native-bait-selector; no global store styles are changed. */ #bb-native-bait-selector {display:block;isolation:isolate;min-height:700px;width:100%;max-width:100%; color:#f5f6f7;font-family:Arial,Helvetica,sans-serif;background:#080a0d; padding:0 0 28px;} #bb-native-bait-selector .bb-selector-content {display:block;} #bb-native-bait-selector, #bb-native-bait-selector * {box-sizing:border-box;} #bb-native-bait-selector{color-scheme:dark;--red:#e2252e;--red2:#fd3943;--ink:#0b0d10;--panel:#171b21;--line:#39404a;--text:#f5f6f7;--muted:#bec5cf} #bb-native-bait-selector *{box-sizing:border-box} #bb-native-bait-selector{scroll-behavior:smooth} #bb-native-bait-selector{margin:0;background:#080a0d;color:var(--text);font:15px/1.55 Arial,Helvetica,sans-serif} #bb-native-bait-selector:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 75% 0%,#5c1019 0,transparent 32%),repeating-linear-gradient(130deg,transparent 0 15px,#ffffff05 15px 16px),#0b0d11} #bb-native-bait-selector a{color:#fff} #bb-native-bait-selector button, #bb-native-bait-selector select{font:inherit} #bb-native-bait-selector button{cursor:pointer} #bb-native-bait-selector button:focus-visible, #bb-native-bait-selector select:focus-visible, #bb-native-bait-selector a:focus-visible{outline:3px solid #fff;outline-offset:2px} #bb-native-bait-selector header{border-bottom:3px solid var(--red);background:#090a0ced} #bb-native-bait-selector header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0} #bb-native-bait-selector .brand{font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:18px;text-decoration:none} #bb-native-bait-selector .brand b{color:var(--red2)} #bb-native-bait-selector .return{font-size:13px;color:#e2e6eb} #bb-native-bait-selector .bb-selector-content, #bb-native-bait-selector .wrap, #bb-native-bait-selector footer{width:min(1200px,calc(100% - 32px));margin:auto} #bb-native-bait-selector .bb-selector-content{padding-bottom:35px} #bb-native-bait-selector .hero{padding:44px 0 28px} #bb-native-bait-selector .eyebrow{color:#ff6168;font-weight:900;letter-spacing:.20em;text-transform:uppercase;font-size:12px} #bb-native-bait-selector .hero h1{font-size:clamp(42px,6vw,77px);font-stretch:condensed;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;margin:12px 0 18px;font-weight:1000;text-shadow:3px 4px #570c12} #bb-native-bait-selector .hero h1 span{color:#fc3d47} #bb-native-bait-selector .hero p{max-width:810px;color:#d3d8df;font-size:16px} #bb-native-bait-selector .section{background:linear-gradient(155deg,#1b2026,#0d1014);border:1px solid var(--line);border-top:3px solid var(--red);padding:22px;margin:16px 0;border-radius:5px;box-shadow:0 15px 35px #0005} #bb-native-bait-selector .section h2{margin:0 0 7px;font-size:clamp(24px,3vw,34px);text-transform:uppercase;letter-spacing:.02em} #bb-native-bait-selector .hint{color:var(--muted);font-size:13px;margin:0 0 18px} #bb-native-bait-selector .inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #bb-native-bait-selector .field label{display:block;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;margin-bottom:7px} #bb-native-bait-selector .field select{appearance:auto;display:block;width:100%;background:#0c1014;border:1px solid #6d747e;color:#fff;border-radius:4px;padding:12px;min-height:48px} #bb-native-bait-selector .input-wide{grid-column:1/-1} #bb-native-bait-selector .state-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px} #bb-native-bait-selector .state-heading select{background:#0c1014;color:white;border:1px solid #69717b;padding:10px 12px;width:min(100%,270px)} #bb-native-bait-selector .map-wrap{margin-top:16px;overflow-x:auto;border-radius:5px;background:linear-gradient(#0b131a,#0b1015);border:1px solid #2b3741;padding:14px} #bb-native-bait-selector .map{display:grid;grid-template-columns:repeat(12,minmax(38px,1fr));grid-template-rows:repeat(9,40px);min-width:610px;gap:4px} #bb-native-bait-selector .state{background:#262f37;border:1px solid #54616c;color:#ecf1f5;border-radius:4px;font-size:11px;font-weight:800;padding:0} #bb-native-bait-selector .state:hover{background:#53434a;border-color:#ff6d75} #bb-native-bait-selector .state[aria-pressed="true"]{background:#d9222c;border-color:#ff858b;box-shadow:0 0 0 2px #a71922;color:#fff} #bb-native-bait-selector .state-spacer{display:none} #bb-native-bait-selector .auto-results-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;margin-top:21px;padding:14px 16px;background:#111b21;border:1px solid #344a55;border-left:3px solid #e2252e;border-radius:4px} #bb-native-bait-selector .auto-results-nav p{font-size:13px;line-height:1.5;color:#d0d9e0;margin:0;flex:1;min-width:220px} #bb-native-bait-selector .auto-results-nav p strong{color:#fff} #bb-native-bait-selector .auto-results-link{display:inline-block;padding:8px 0;font-size:13px;font-weight:900;white-space:nowrap;color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#fc525a} #bb-native-bait-selector .auto-results-link:hover{color:#ff858b} #bb-native-bait-selector .primary{background:linear-gradient(#fb4249,#aa0c16);border:1px solid #ff656b;color:#fff;font-weight:900;padding:15px 25px;min-height:52px;letter-spacing:.07em;text-transform:uppercase;border-radius:4px} #bb-native-bait-selector .primary:hover{filter:brightness(1.16)} #bb-native-bait-selector .note{font-size:12px;color:#bbc1c9} #bb-native-bait-selector .results{scroll-margin-top:18px} #bb-native-bait-selector .result-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px} #bb-native-bait-selector .result-head h2{margin-bottom:6px} #bb-native-bait-selector .tag{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;border:1px solid #bd3339;background:#571c23;color:#ffd5d7;border-radius:3px;padding:5px 8px} #bb-native-bait-selector .summary{color:#d0d7df;margin:8px 0 18px} #bb-native-bait-selector .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} #bb-native-bait-selector .bait-card{background:#11161b;border:1px solid #3b464f;border-top:3px solid var(--red);padding:18px;border-radius:4px;display:flex;flex-direction:column;gap:9px} #bb-native-bait-selector .bait-card:nth-child(2){border-top-color:#c1c7d0} #bb-native-bait-selector .bait-card:nth-child(3){border-top-color:#8f9faa} #bb-native-bait-selector .rank{color:#ff7278;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.14em} #bb-native-bait-selector .bait-card h3{font-size:23px;text-transform:uppercase;line-height:1.15;margin:0} #bb-native-bait-selector .profile{font-size:12px;color:#c5ccd5;margin:0} #bb-native-bait-selector .divider{height:1px;background:#333d46;margin:2px 0} #bb-native-bait-selector .color-title{font-size:11px;text-transform:uppercase;font-weight:900;color:#bbc3ce;letter-spacing:.06em} #bb-native-bait-selector .color-name{font-size:19px;line-height:1.2;font-weight:900} #bb-native-bait-selector .subcolor{color:#cbd1d8;font-size:13px} #bb-native-bait-selector .bait-card p{margin:0;color:#cfd5dc;font-size:13px} #bb-native-bait-selector .bait-card p strong{color:#fff} #bb-native-bait-selector .buttons{margin-top:auto;display:grid;gap:8px;padding-top:8px} #bb-native-bait-selector .buttons a{display:block;text-decoration:none;text-align:center;background:#c5212a;border:1px solid #e54047;border-radius:3px;padding:10px 6px;font-weight:900;font-size:12px;text-transform:uppercase} #bb-native-bait-selector .buttons a.alt{background:#252d36;border-color:#656f7a} #bb-native-bait-selector .disclaimer{border-left:3px solid #79818a;padding-left:12px;color:#b8c0ca;font-size:12px;margin-top:16px} #bb-native-bait-selector footer{padding:15px 0 30px;color:#bec4cd;font-size:12px} #bb-native-bait-selector .hide{display:none!important} @media (max-width:900px){#bb-native-bait-selector .cards{grid-template-columns:1fr} #bb-native-bait-selector .bait-card{min-height:0}} @media (max-width:660px){#bb-native-bait-selector .auto-results-nav{align-items:flex-start} #bb-native-bait-selector .auto-results-link{white-space:normal} #bb-native-bait-selector .inputs{grid-template-columns:1fr} #bb-native-bait-selector .input-wide{grid-column:1} #bb-native-bait-selector .section{padding:16px} #bb-native-bait-selector .hero{padding:30px 0 14px} #bb-native-bait-selector .hero h1{font-size:43px} #bb-native-bait-selector .map-wrap{padding:8px} #bb-native-bait-selector .state-heading{align-items:stretch} #bb-native-bait-selector .state-heading select{width:100%} #bb-native-bait-selector .brand{font-size:15px} #bb-native-bait-selector .return{font-size:11px} #bb-native-bait-selector .primary{width:100%}} @media (prefers-reduced-motion:reduce){#bb-native-bait-selector{scroll-behavior:auto}} /* ========================================================== V2 — ACTUAL USA STATE-OUTLINE MAP (replaces tile keyboard) ========================================================== */ #bb-native-bait-selector .state-heading{ align-items: center; padding-bottom: 5px; } #bb-native-bait-selector .state-heading .hint{ margin-bottom: 0; } #bb-native-bait-selector .state-heading select{ border: 1px solid #727d88; border-radius: 5px; padding: 12px 14px; min-height: 50px; background:#10161c; font-weight:700; } #bb-native-bait-selector .state-heading select:hover{ border-color:#fb535d; } #bb-native-bait-selector .map-wrap{ position:relative; margin-top:22px; overflow:hidden; border:1px solid #303e4b; border-radius:8px; padding:12px 16px 14px; background: radial-gradient(ellipse at 45% 35%,#1d2a34 0%,#111a22 53%,#090f15 100%); } #bb-native-bait-selector .map-wrap::before{ content:"";position:absolute;inset:0;pointer-events:none;opacity:.32; background: repeating-linear-gradient(0deg,transparent 0 55px,#ffffff0a 56px), repeating-linear-gradient(90deg,transparent 0 55px,#ffffff0a 56px); } #bb-native-bait-selector .map-eyebrow{position:relative; display:flex; justify-content:space-between;align-items:center;gap:12px; margin:3px 5px 3px;font-size:10px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;color:#a9bac8;} #bb-native-bait-selector .map-eyebrow .live-dot{width:7px;height:7px;display:inline-block;background:#e92c38;border-radius:50%;box-shadow:0 0 0 3px #e92c3826;margin-right:7px;} #bb-native-bait-selector .map{ position:relative; display:flex;align-items:center;justify-content:center; min-width:0; width:100%; min-height:280px; height:clamp(280px,44vw,500px); } #bb-native-bait-selector .map svg{display:block;width:100%;height:100%;overflow:visible;} #bb-native-bait-selector .map .state-shape{cursor:pointer;fill:#34424e;stroke:#0d1720;stroke-width:1.6; vector-effect:non-scaling-stroke;transition:fill .13s ease,stroke .13s ease;outline:none;} #bb-native-bait-selector .map .state-shape:hover, #bb-native-bait-selector .map .state-shape:focus-visible{fill:#b43a42;stroke:#ffb6b9;stroke-width:2.1;} #bb-native-bait-selector .map .state-shape[aria-pressed="true"]{fill:#e02530;stroke:#ffe4e5;stroke-width:2.4; filter:drop-shadow(0 0 4px #ed273a75);} #bb-native-bait-selector .map .state-abbr{font-size:13px; font-family:Arial,Helvetica,sans-serif; font-weight:900; text-anchor:middle;dominant-baseline:central;fill:#e6edf4;paint-order:stroke; stroke:#16222d;stroke-width:2.1;stroke-linejoin:round;pointer-events:none;} #bb-native-bait-selector .map .state-abbr.active{fill:#fff;stroke:#b40b19;} #bb-native-bait-selector .map-status{z-index:1;position:relative;text-align:center;color:#c5d0d9;font-size:13px;padding:18px;} #bb-native-bait-selector .map-legend{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px; color:#c8d1d9;font-size:12px;margin:0 5px 2px;padding-top:3px;} #bb-native-bait-selector .map-key{width:11px;height:11px;background:#e02530;border:1px solid #ff7982;display:inline-block;margin-right:5px;vertical-align:-1px;border-radius:2px;} #bb-native-bait-selector .state-choice{ display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;color:#c8d1db;font-size:13px;} #bb-native-bait-selector .selected-name{font-weight:900;color:white;font-size:16px;} #bb-native-bait-selector .selected-region{color:#abb8c3;} @media (max-width:660px) {#bb-native-bait-selector .state-heading{gap:15px;} #bb-native-bait-selector .state-heading select{width:100%;} #bb-native-bait-selector .map-wrap{padding:9px 5px 10px;margin-top:15px;} #bb-native-bait-selector .map{height:270px;min-height:270px;} #bb-native-bait-selector .map-eyebrow{font-size:9px;letter-spacing:.08em;} #bb-native-bait-selector .map .state-shape{stroke-width:1.1;} #bb-native-bait-selector .map .state-abbr{font-size:17px;} #bb-native-bait-selector .map-legend{padding:4px 8px 2px;font-size:11px;}} @media (prefers-reduced-motion:reduce) {#bb-native-bait-selector .map .state-shape{transition:none;}} /* V3 — LAKE SELECTION */ #bb-native-bait-selector .lake-panel{margin-top:20px;padding:20px;background:linear-gradient(120deg,#111a22,#0d1219);border:1px solid #394751;border-left:4px solid var(--red);border-radius:6px} #bb-native-bait-selector .lake-panel h3{font-size:clamp(20px,2.6vw,26px);margin:0 0 5px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase} #bb-native-bait-selector .lake-panel .hint{margin:0 0 14px} #bb-native-bait-selector .lake-field-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:end;max-width:850px} #bb-native-bait-selector .lake-field-grid label{display:block;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;color:#f1f4f7} #bb-native-bait-selector .lake-field-grid select, #bb-native-bait-selector .lake-field-grid input{width:100%;height:50px;padding:12px;background:#0b1015;border:1px solid #7a8791;color:#fff;border-radius:5px;min-width:0} #bb-native-bait-selector .lake-field-grid input::placeholder{color:#a7b2bc} /* V13.3: on-demand USGS national lake search (NOT live keystroke autocomplete) */ #bb-native-bait-selector .remote-lake-tools{margin:9px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center} #bb-native-bait-selector .remote-lake-tools span{font-size:12px;color:#bcc9d3} #bb-native-bait-selector .remote-lake-button, #bb-native-bait-selector .remote-lake-choice, #bb-native-bait-selector .remote-lake-manual{cursor:pointer;border-radius:4px;border:1px solid #ff4d56;background:#841117;color:#fff;font-weight:900;padding:11px 14px;line-height:1.3} #bb-native-bait-selector .remote-lake-button:hover, #bb-native-bait-selector .remote-lake-choice:hover, #bb-native-bait-selector .remote-lake-manual:hover{background:#c61e27} #bb-native-bait-selector .remote-lake-button:disabled{opacity:.7;cursor:wait} #bb-native-bait-selector .remote-lake-results{margin:11px 0 0;padding:12px;border:1px solid #53616b;background:#101c23;border-radius:5px} #bb-native-bait-selector .remote-lake-results[hidden]{display:none} #bb-native-bait-selector .remote-lake-results p{margin:0 0 9px;font-size:12px;color:#d3dee7;line-height:1.5} #bb-native-bait-selector .remote-lake-results ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;max-height:290px;overflow-y:auto} #bb-native-bait-selector .remote-lake-results li{padding:0} #bb-native-bait-selector .remote-lake-choice{width:100%;text-align:left;background:#263640;border-color:#687c89;display:block} #bb-native-bait-selector .remote-lake-choice strong{display:block;color:#fff} #bb-native-bait-selector .remote-lake-choice small{display:block;font-weight:500;color:#d5e3eb;margin-top:3px} #bb-native-bait-selector .remote-lake-manual{font-size:12px;margin-top:8px;background:#2a353e;border-color:#a2adb6} #bb-native-bait-selector .bass-forecast{margin:0 0 16px;padding:15px 16px;background:linear-gradient(140deg,#10232b,#09171c);border:1px solid #47707e;border-left:3px solid #f0454e;border-radius:4px} #bb-native-bait-selector .bass-forecast h3{margin:0 0 7px;color:#fff;text-transform:uppercase;font-size:16px;letter-spacing:.04em} #bb-native-bait-selector .bass-forecast p{margin:4px 0 10px;color:#ccd9e0;font-size:12px;line-height:1.5} #bb-native-bait-selector .bass-forecast-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #bb-native-bait-selector .bass-forecast-day{background:#16252d;border:1px solid #3f5762;border-radius:4px;padding:10px;min-width:0} #bb-native-bait-selector .bass-forecast-day strong{display:block;font-size:13px;color:#fff;margin:0 0 7px} #bb-native-bait-selector .bass-forecast-day .bass-rating{font-size:13px;font-weight:900;color:#ffb8bd;display:block;margin-bottom:5px} #bb-native-bait-selector .bass-forecast-day .bass-rating[data-rating="favorable"]{color:#b8e8bf} #bb-native-bait-selector .bass-forecast-day .bass-rating[data-rating="moderate"]{color:#f3d78e} #bb-native-bait-selector .bass-forecast-day small{display:block;font-size:11px;color:#cedae2;line-height:1.45} #bb-native-bait-selector .bass-forecast .forecast-coverage-note{color:#f5d9a7;font-weight:700} #bb-native-bait-selector .bass-forecast-day .forecast-partial-note{color:#edcb94;margin-top:5px} /* V13.4.6: best fishing windows and bait recommendations on four local NWS forecast days. */ #bb-native-bait-selector .bass-fishing-windows{margin-top:10px;border-top:1px solid rgba(255,255,255,.19);padding-top:9px} #bb-native-bait-selector .bass-fishing-windows-title{font-size:11px;font-weight:900;letter-spacing:.045em;color:#fff;text-transform:uppercase;margin:0 0 7px} #bb-native-bait-selector .bass-fishing-window{padding:8px 9px;margin-top:7px;background:#0c1a20;border-left:3px solid #f0454e;border-radius:3px} #bb-native-bait-selector .bass-fishing-window .time{font-size:13px;font-weight:900;color:#fff;display:block;line-height:1.25} #bb-native-bait-selector .bass-fishing-window .window-quality{font-size:11px;color:#bde9ca;display:block;margin:4px 0} #bb-native-bait-selector .bass-fishing-window .window-reason{font-size:11px;line-height:1.5;color:#c9d8df;display:block} #bb-native-bait-selector .bass-fishing-window .window-bait{font-size:11px;line-height:1.5;color:#f7dddd;display:block;margin-top:4px} #bb-native-bait-selector .bass-fishing-windows .no-windows{font-size:11px;color:#d9d2bc;line-height:1.5;display:block} #bb-native-bait-selector .bass-forecast .bass-forecast-credit{font-size:11px;color:#afc1cb;margin-top:11px;margin-bottom:0} @media (max-width:1080px){#bb-native-bait-selector .bass-forecast-days{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:700px){#bb-native-bait-selector .bass-forecast-days{grid-template-columns:1fr} #bb-native-bait-selector .remote-lake-tools{align-items:stretch} #bb-native-bait-selector .remote-lake-button{width:100%}} /* V13.2 — Find lakes by name; keep the native lake picker and its state-specific data. */ #bb-native-bait-selector .lake-search-wrap{margin-bottom:3px} #bb-native-bait-selector .lake-search-controls{display:flex;gap:9px;align-items:stretch} #bb-native-bait-selector .lake-search-controls input[type="search"]{flex:1;min-width:0;appearance:none;-webkit-appearance:none;padding-left:43px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bac9d3' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:13px center;background-size:20px 20px} #bb-native-bait-selector .lake-search-controls input[type="search"]:focus{border-color:#ff5961;box-shadow:0 0 0 1px #e53943} #bb-native-bait-selector .lake-search-clear{flex:none;min-height:50px;padding:0 16px;background:#293640;border:1px solid #778894;border-radius:5px;color:#fff;font-weight:800} #bb-native-bait-selector .lake-search-clear:hover{background:#3e505c} #bb-native-bait-selector .lake-search-clear[hidden]{display:none} #bb-native-bait-selector .lake-search-status{min-height:19px;color:#bfcdd7;font-size:12px;line-height:1.45;margin:7px 0 0} #bb-native-bait-selector .lake-search-status[data-kind="empty"]{color:#ffcead} #bb-native-bait-selector .lake-search-status[data-kind="matching"]{color:#d4e6ef} @media (max-width:440px){#bb-native-bait-selector .lake-search-clear{padding:0 10px;font-size:12px}} #bb-native-bait-selector .lake-selection-note{margin:10px 0 0;color:#b8c6d0;font-size:12px} #bb-native-bait-selector .lake-selected-text{font-weight:900;color:#fff} #bb-native-bait-selector .lake-input-row[hidden]{display:none} @media (max-width:700px){#bb-native-bait-selector .lake-panel{padding:14px} #bb-native-bait-selector .lake-field-grid{grid-template-columns:1fr;gap:12px}} /* V4 — SELECTED-LAKE STAR ON THE STATE MAP */ #bb-native-bait-selector .map .lake-marker-group{ pointer-events:none; } #bb-native-bait-selector .map .lake-star-halo{ fill:#e12431; fill-opacity:.18; stroke:#ff6b75;stroke-opacity:.35;stroke-width:1.5; } #bb-native-bait-selector .map .lake-star-circle{ fill:#11161b;stroke:#ff4653;stroke-width:3.5; } #bb-native-bait-selector .map .lake-star-symbol{ fill:#fff5c0;stroke:#fff;stroke-width:1.2;stroke-linejoin:round; } #bb-native-bait-selector .map .lake-star-shadow{fill:none;stroke:#05080d;stroke-width:4.5;} #bb-native-bait-selector .map-legend .lake-key{ display:inline-grid;place-items:center;width:19px;height:19px;border:2px solid #f04451;border-radius:50%;color:#fff5c0;font-size:13px;vertical-align:-4px;margin-right:5px;background:#15191e; } #bb-native-bait-selector .lake-map-status{ display:block; margin:9px 2px 1px; min-height:21px; color:#c9d3dc;font-size:12px;position:relative; } #bb-native-bait-selector .lake-map-status strong{color:#fff;} /* V13.4.2: weather-based bass forecast, without archived fishing report panels */ #bb-native-bait-selector .live-report{background:linear-gradient(135deg,#101f27,#0f161c);border:1px solid #405765;border-left:4px solid #e52c38;border-radius:6px;padding:16px 18px;margin:0 0 20px;color:#e0e9ee} #bb-native-bait-selector .live-report h3{margin:0 0 6px;font-size:18px;text-transform:uppercase;letter-spacing:.04em} #bb-native-bait-selector .live-report p{margin:7px 0;font-size:13px;line-height:1.55;color:#cbd5dc} #bb-native-bait-selector .live-report a{color:#fff;text-underline-offset:3px} /* V7: all currently catalogued lakes appear directly in one dropdown. */ #bb-native-bait-selector .lake-panel .lake-input-row input{width:100%;min-height:48px;padding:11px 12px;font:inherit;background:#0c1014;border:1px solid #697986;border-radius:4px;color:#fff} #bb-native-bait-selector .lake-panel select:focus-visible, #bb-native-bait-selector .lake-panel input:focus-visible{outline:3px solid #fff;outline-offset:2px} #bb-native-bait-selector .lake-catalog-source{margin:9px 0 0;color:#bbc6d1;font-size:12px;line-height:1.5} #bb-native-bait-selector .lake-catalog-source a{color:#fff;text-underline-offset:3px} #bb-native-bait-selector #nationalLakeSource strong{font-weight:800;color:#fff} #bb-native-bait-selector #lakeNote[data-status="loading"]{color:#f7dfb3} #bb-native-bait-selector #lakeNote[data-status="error"]{color:#ffc1c1} #bb-native-bait-selector .color-pair{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px} #bb-native-bait-selector .color-option{padding:11px 12px;border-radius:5px;border:1px solid #515e69;background:linear-gradient(125deg,#1c252d,#12181d)} #bb-native-bait-selector .color-option.custom{border-color:#b65d61;background:linear-gradient(125deg,#362025,#16191d)} #bb-native-bait-selector .color-option.best{box-shadow:inset 3px 0 0 #f74a55} #bb-native-bait-selector .color-option .color-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#c9d5df} #bb-native-bait-selector .color-option .color-name{font-size:18px;font-weight:900;color:#fff;margin:4px 0 6px} #bb-native-bait-selector .color-option .color-reason{color:#cad2d9;font-size:12px;line-height:1.45} #bb-native-bait-selector .color-option .fit-tag{display:inline-block;margin-left:5px;border:1px solid #da6570;padding:1px 5px;border-radius:3px;color:#ffe7e9;font-size:9px;letter-spacing:0} /* V13.4: NWS weather plus separate sourced reservoir and USGS observations. */ #bb-native-bait-selector .observations{background:linear-gradient(135deg,#111e26,#0b1419);border:1px solid #405463;border-left:4px solid #e52c38;border-radius:5px;padding:16px;margin:5px 0 20px} #bb-native-bait-selector .observations h3{font-size:19px;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px} #bb-native-bait-selector .observations .obs-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} #bb-native-bait-selector .observations .obs-card{background:#151e26;border:1px solid #344650;border-radius:4px;padding:12px;min-width:0} #bb-native-bait-selector .observations .obs-kicker{font-size:10px;color:#ff8b91;letter-spacing:.10em;font-weight:900;text-transform:uppercase} #bb-native-bait-selector .observations .obs-value{font-size:20px;font-weight:900;line-height:1.25;margin:7px 0} #bb-native-bait-selector .observations p{font-size:12px;line-height:1.5;color:#cbd5dd;margin:6px 0} #bb-native-bait-selector .observations .obs-mini{font-size:11px;color:#b8c7d0} #bb-native-bait-selector .observations a{color:#fff;text-decoration:underline;text-underline-offset:3px} #bb-native-bait-selector .observations button{background:#284352;border:1px solid #7195a9;color:#fff;padding:9px 12px;font-size:12px;font-weight:800;border-radius:3px;margin-top:7px} #bb-native-bait-selector .observations button:hover{background:#345c6e} #bb-native-bait-selector .observations .obs-warning{color:#f5c5a1} @media (max-width:700px){#bb-native-bait-selector .observations .obs-grid{grid-template-columns:1fr} #bb-native-bait-selector .observations{padding:12px}} /* V10.4 — Weather on left, fishing-condition dropdowns on right. */ #bb-native-bait-selector .combined-conditions{margin:5px 0 20px;padding:16px} #bb-native-bait-selector .combined-conditions-heading{margin-bottom:12px} #bb-native-bait-selector .combined-conditions-heading h3{margin:0 0 5px} #bb-native-bait-selector .combined-conditions-heading .obs-mini{margin:0} #bb-native-bait-selector .combined-conditions-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch} #bb-native-bait-selector .weather-column{min-width:0;display:flex;flex-direction:column;gap:0} #bb-native-bait-selector .weather-column > .obs-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr)} #bb-native-bait-selector .weather-column > .obs-grid > .obs-card{height:100%;min-width:0} #bb-native-bait-selector .weather-column .obs-value{overflow-wrap:anywhere;font-size:clamp(17px,1.7vw,20px)} #bb-native-bait-selector .conditions-inputs{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:start;padding:15px;background:#151e26;border:1px solid #344650;border-radius:4px} #bb-native-bait-selector .conditions-inputs-heading{grid-column:1/-1;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#ff969c} #bb-native-bait-selector .conditions-inputs .field{min-width:0} #bb-native-bait-selector .conditions-inputs .field label{font-size:11px;margin-bottom:6px;line-height:1.3;letter-spacing:.04em} #bb-native-bait-selector .conditions-inputs .field select{min-height:46px;padding:10px 8px;font-size:13px} @media (max-width:960px){#bb-native-bait-selector .combined-conditions-grid{grid-template-columns:1fr} #bb-native-bait-selector .conditions-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:520px){#bb-native-bait-selector .combined-conditions{padding:12px} #bb-native-bait-selector .conditions-inputs{grid-template-columns:1fr;padding:12px;gap:11px} #bb-native-bait-selector .combined-conditions-heading{margin-bottom:10px}} /* V11 source navigator; separates first-hand reports from seasonal forecasts */ #bb-native-bait-selector .agency-sources{border-top:1px solid #3a4b56;margin-top:14px;padding-top:13px} #bb-native-bait-selector .agency-sources .source-heading{font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#f7fbff;margin-bottom:4px} #bb-native-bait-selector .agency-sources .agency-note{font-size:12px;line-height:1.5;color:#d2dce5;margin:3px 0 10px} #bb-native-bait-selector .agency-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:10px 0;border-top:1px solid #ffffff17} #bb-native-bait-selector .agency-item a{font-size:13px;font-weight:800;word-break:break-word} #bb-native-bait-selector .agency-item small{grid-column:1/-1;font-size:11px;line-height:1.45;color:#b8c8d5} #bb-native-bait-selector .agency-kind{border:1px solid #667782;border-radius:3px;background:#24333d;padding:4px 6px;text-transform:uppercase;letter-spacing:.045em;font-size:9px;font-weight:800;color:#f0f5f9} @media (max-width:550px){#bb-native-bait-selector .agency-item{grid-template-columns:1fr} #bb-native-bait-selector .agency-kind{justify-self:start}} /* V12 verified builder palette / expandable colors */ #bb-native-bait-selector .catalog-status{margin:0 0 16px;padding:10px 12px;border:1px solid #39515e;background:#12242d;border-left:3px solid #d92732;color:#dbe8ef;font-size:12px;border-radius:4px} #bb-native-bait-selector .color-palette{margin-top:5px;border:1px solid #3b4c57;background:#0c1218;border-radius:5px;padding:10px} #bb-native-bait-selector .color-palette summary{cursor:pointer;font-size:12px;color:#fff;font-weight:800;line-height:1.45} #bb-native-bait-selector .color-palette .color-chip-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px} #bb-native-bait-selector .color-chip-list span{font-size:11px;padding:4px 7px;color:#dfe7ec;border-radius:3px;border:1px solid #45545e;background:#1c2b34} #bb-native-bait-selector .color-palette .palette-note{font-size:11px;color:#bbc9d2;margin:10px 0 0} #bb-native-bait-selector .bait-card .color-option.unavailable{opacity:.85;border-style:dashed} /* V13.4 — sourced freshwater lake dashboard */ #bb-native-bait-selector .lake-intelligence{margin:0 0 16px;border:1px solid #4a6470;border-left:4px solid #ff4b53;border-radius:5px;background:linear-gradient(135deg,#15232b,#0c161b);padding:16px} #bb-native-bait-selector .lake-intelligence h3{margin:0 0 8px;color:#fff;font-size:17px;text-transform:uppercase;letter-spacing:.04em} #bb-native-bait-selector .lake-intelligence .intelligence-description{font-size:12px;color:#c8d5dd;line-height:1.5;margin:5px 0 12px} #bb-native-bait-selector .lake-intelligence .intelligence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} #bb-native-bait-selector .lake-intelligence .intelligence-tile{background:#101b21;border:1px solid #3a515d;border-radius:4px;padding:11px;min-width:0} #bb-native-bait-selector .lake-intelligence .intelligence-kicker{font-size:10px;color:#f1adb1;font-weight:850;letter-spacing:.055em;text-transform:uppercase} #bb-native-bait-selector .lake-intelligence .intelligence-value{font-size:19px;font-weight:900;color:#fff;margin:6px 0;line-height:1.15;overflow-wrap:anywhere} #bb-native-bait-selector .lake-intelligence .intelligence-tile p{font-size:11px;color:#bacbd4;line-height:1.45;margin:0} #bb-native-bait-selector .lake-intelligence .intelligence-source{font-size:11px;color:#b4c8d1;line-height:1.5;margin:10px 0 0} #bb-native-bait-selector .lake-intelligence .intelligence-source a{color:#fff;text-decoration:underline;text-underline-offset:3px} #bb-native-bait-selector .lake-intelligence .intelligence-advice{margin:12px 0 0;padding:12px;border:1px solid #566675;background:#1a2933;color:#e1ebf1;font-size:12px;line-height:1.5} #bb-native-bait-selector .lake-intelligence .intelligence-advice strong{color:#fff} #bb-native-bait-selector .lake-intelligence button{margin:8px 0 0;padding:8px 10px;border:1px solid #879ead;background:#294b5a;color:#fff;border-radius:3px;font-size:12px;font-weight:800;cursor:pointer} #bb-native-bait-selector .lake-intelligence button:focus-visible{outline:3px solid #fff;outline-offset:2px} #bb-native-bait-selector .lake-intelligence .intel-caveat{font-size:10px;color:#a8c2d0;line-height:1.5;margin:9px 0 0} @media (max-width:930px){#bb-native-bait-selector .lake-intelligence .intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:460px){#bb-native-bait-selector .lake-intelligence .intelligence-grid{grid-template-columns:1fr}} /* V13.4.8 — single-layer, condition-aware bass game plan. */ #bb-native-bait-selector .lake-intelligence{border:0;border-radius:0;background:transparent;padding:2px 3px 8px;margin:0} #bb-native-bait-selector .game-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px} #bb-native-bait-selector .game-eyebrow{font-size:10px;color:#fa999f;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px} #bb-native-bait-selector .lake-intelligence .game-header h3{font-size:19px;line-height:1.25;margin:0;letter-spacing:.025em} #bb-native-bait-selector .game-tag{font-size:10px;font-weight:900;color:#f6d7da;border:1px solid #875057;padding:6px 9px;border-radius:3px;white-space:nowrap} #bb-native-bait-selector .lake-intelligence .game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:12px 0 15px} #bb-native-bait-selector .lake-intelligence .game-step{padding:12px 0 14px;min-width:0;border-top:1px solid #415663} #bb-native-bait-selector .lake-intelligence .game-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;color:#ff9ea3;text-transform:uppercase} #bb-native-bait-selector .lake-intelligence .game-step h4{margin:6px 0;font-size:16px;line-height:1.35;color:#fff} #bb-native-bait-selector .lake-intelligence .game-step p{font-size:12px;line-height:1.6;color:#d4e0e6;margin:4px 0} #bb-native-bait-selector .lake-intelligence .game-step small{display:block;color:#9db6c4;font-size:11px;line-height:1.45;margin-top:6px} #bb-native-bait-selector .lake-intelligence .game-forecast-note{font-size:12px;line-height:1.6;padding:10px 12px;border-left:3px solid #f15a65;background:#15232b;margin:0 0 10px} #bb-native-bait-selector .lake-intelligence .game-source-note{font-size:12px;color:#c9d6de;line-height:1.55;margin:7px 0} #bb-native-bait-selector .lake-intelligence .game-source-note a{color:#fff;text-decoration:underline;text-underline-offset:3px} #bb-native-bait-selector .lake-intelligence .game-evidence{font-size:11px;line-height:1.6;color:#b2c9d4;margin:10px 0 13px} #bb-native-bait-selector .lake-intelligence .game-notice{font-size:12px;color:#f4cfab;margin:8px 0} @media (max-width:700px){#bb-native-bait-selector .lake-intelligence .game-grid{grid-template-columns:1fr} #bb-native-bait-selector .game-header{flex-wrap:wrap}} /* V13.4.6 — accessible native collapsible panels. */ #bb-native-bait-selector .field-accordion{margin:0 0 16px;border:1px solid #495660;border-left:4px solid #e52e39;border-radius:5px;overflow:hidden;background:#0e161d} #bb-native-bait-selector .field-accordion[open]{border-color:#596571;border-left-color:#e52e39} #bb-native-bait-selector .accordion-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;background:linear-gradient(145deg,#202b32,#101920);color:#fff} #bb-native-bait-selector .accordion-toggle::-webkit-details-marker, #bb-native-bait-selector .forecast-day-toggle::-webkit-details-marker{display:none} #bb-native-bait-selector .accordion-toggle strong{font-size:16px;line-height:1.2;letter-spacing:.03em;text-transform:uppercase} #bb-native-bait-selector .accordion-toggle small{display:block;color:#c3cbd3;margin-top:5px;font-size:12px;font-weight:500;line-height:1.4} #bb-native-bait-selector .accordion-toggle:hover{background:#24333e} #bb-native-bait-selector .accordion-toggle:focus-visible, #bb-native-bait-selector .forecast-day-toggle:focus-visible{outline:3px solid #ff6570;outline-offset:-3px} #bb-native-bait-selector .accordion-indicator{width:11px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);flex-shrink:0;margin-right:5px;transition:transform .15s ease} #bb-native-bait-selector .field-accordion[open]>.accordion-toggle .accordion-indicator{transform:rotate(225deg)} #bb-native-bait-selector .accordion-content>.section{margin:0;border:0;border-radius:0;box-shadow:none} #bb-native-bait-selector .results-accordion>.accordion-content{padding:14px} #bb-native-bait-selector .results-accordion>.accordion-content>.lake-intelligence, #bb-native-bait-selector .results-accordion>.accordion-content>.live-report{margin-bottom:0} #bb-native-bait-selector .bait-section-title{margin:15px 0;font-size:17px;text-transform:uppercase;letter-spacing:.025em;color:#fff} #bb-native-bait-selector .forecast-day-toggle{cursor:pointer;list-style:none;position:relative;padding-right:17px} #bb-native-bait-selector .forecast-day-toggle:after{content:"⌄";position:absolute;top:0;right:0;font-size:18px;font-weight:900;color:#eee} #bb-native-bait-selector .bass-forecast-day[open]>.forecast-day-toggle:after{content:"⌃"} #bb-native-bait-selector .bass-forecast-day .forecast-day-body{padding-top:7px;border-top:1px solid #ffffff26} #bb-native-bait-selector .bass-forecast-day summary strong{display:block} @media (max-width:620px){#bb-native-bait-selector .accordion-toggle{padding:14px 12px} #bb-native-bait-selector .accordion-toggle strong{font-size:14px} #bb-native-bait-selector .results-accordion>.accordion-content{padding:8px}} @media (prefers-reduced-motion:reduce){#bb-native-bait-selector .accordion-indicator{transition:none}} /* V13.4.7 — clean, single-layer fishing plan; do not stack bordered windows. */ #bb-native-bait-selector #results.section.results{border:0;border-top:3px solid var(--red);border-radius:0;box-shadow:none;background:transparent;padding:22px 0 0;margin-top:24px} #bb-native-bait-selector #results .result-head{padding:0 4px} #bb-native-bait-selector #results .summary{padding:0 4px} #bb-native-bait-selector #results .results-accordion{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0 0 16px;overflow:visible} #bb-native-bait-selector #results .results-accordion[open]{border:0} #bb-native-bait-selector #results .results-accordion>.accordion-toggle{background:#18242d;border:1px solid #455966;border-left:3px solid #ec3741;border-radius:4px;padding:14px 16px} #bb-native-bait-selector #results .results-accordion>.accordion-toggle:hover{background:#22313b} #bb-native-bait-selector #results .results-accordion>.accordion-content{padding:10px 0 0;background:transparent} #bb-native-bait-selector #results .results-accordion>.accordion-content>.live-report, #bb-native-bait-selector #results .results-accordion>.accordion-content>.lake-intelligence{border:0;border-radius:0;background:transparent;padding:0;margin:0;box-shadow:none} #bb-native-bait-selector #results .bass-forecast{padding:2px 0 6px;border:0;border-radius:0;margin:0;background:transparent} #bb-native-bait-selector #results .forecast-lake-name{font-weight:900;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;padding:0 2px} #bb-native-bait-selector #results .bass-forecast>p{padding:0 2px} #bb-native-bait-selector #results .bass-forecast-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch} #bb-native-bait-selector #results .bass-forecast-day{padding:14px 12px;border:1px solid #3c5461;border-top:3px solid #d72e39;border-radius:4px;background:#14222b;min-width:0} #bb-native-bait-selector #results .forecast-day-heading{padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:10px} #bb-native-bait-selector #results .forecast-day-heading strong{font-size:14px;margin-bottom:4px} #bb-native-bait-selector #results .bass-forecast-day .forecast-day-body{padding:0;border:0} #bb-native-bait-selector #results .bass-fishing-window{background:transparent;border:0;border-left:2px solid #e93e48;border-radius:0;padding:5px 0 6px 10px;margin-top:9px} #bb-native-bait-selector #results .bass-fishing-window+.bass-fishing-window{border-top:1px solid rgba(255,255,255,.10);padding-top:12px} #bb-native-bait-selector #results .bait-section-title{margin:18px 0 14px;padding:0 3px} @media (max-width:1120px){#bb-native-bait-selector #results .bass-forecast-days{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:700px){#bb-native-bait-selector #results .bass-forecast-days{grid-template-columns:1fr} #bb-native-bait-selector #results.section.results{padding-top:16px} #bb-native-bait-selector #results .bass-forecast-day{padding:12px} #bb-native-bait-selector #results .results-accordion>.accordion-toggle{padding:12px}} /* BIGCOMMERCE CSS COMPATIBILITY FIX — Only the Bait Selector's accordions. Roots/Foundation hides .accordion-content for JavaScript accordions. This app uses native HTML details: its body must show when open. */ #bb-native-bait-selector details.field-accordion[open] > .accordion-content { display: block !important; } #bb-native-bait-selector details.field-accordion:not([open]) > .accordion-content { display: none !important; } /* ============================================================== Barracuda Baits • Lake Blue + Soft White • 2026-10-19 SELECTOR PAGE PALETTE ONLY — no layout / behavior / map changes Keep native details accordion compatibility CSS above intact. ============================================================== */ #bb-native-bait-selector { color-scheme: light; --red:#C92332; --red2:#C92332; --ink:#253746; --panel:#FFFFFF; --line:#D9E3E8; --text:#253746; --muted:#526775; background:#F5F6F3 !important; color:#253746 !important; } #bb-native-bait-selector::before{content:none !important;display:none !important} #bb-native-bait-selector .hero h1, #bb-native-bait-selector .hero p, #bb-native-bait-selector .section h2, #bb-native-bait-selector .section h3, #bb-native-bait-selector #results .result-head h2, #bb-native-bait-selector .bait-section-title{color:#142F40 !important;text-shadow:none} #bb-native-bait-selector .hero h1 span{color:#C92332 !important} #bb-native-bait-selector .eyebrow, #bb-native-bait-selector .rank, #bb-native-bait-selector .game-eyebrow, #bb-native-bait-selector .lake-intelligence .game-kicker{color:#AE2634 !important} #bb-native-bait-selector .hint, #bb-native-bait-selector .summary, #bb-native-bait-selector .note, #bb-native-bait-selector .disclaimer, #bb-native-bait-selector .state-choice, #bb-native-bait-selector .lake-search-status, #bb-native-bait-selector .lake-selection-note, #bb-native-bait-selector .lake-catalog-source, #bb-native-bait-selector .remote-lake-tools span, #bb-native-bait-selector .observations p, #bb-native-bait-selector .observations .obs-mini, #bb-native-bait-selector .live-report p, #bb-native-bait-selector .game-evidence, #bb-native-bait-selector .lake-intelligence .game-step p, #bb-native-bait-selector .lake-intelligence .game-step small, #bb-native-bait-selector .lake-intelligence .game-source-note, #bb-native-bait-selector .lake-intelligence .intelligence-description, #bb-native-bait-selector .lake-intelligence .intelligence-source, #bb-native-bait-selector .lake-intelligence .intel-caveat{color:#506675 !important} #bb-native-bait-selector .section, #bb-native-bait-selector .lake-panel, #bb-native-bait-selector .observations, #bb-native-bait-selector .live-report, #bb-native-bait-selector .remote-lake-results, #bb-native-bait-selector .lake-intelligence .intelligence-tile, #bb-native-bait-selector .bait-card, #bb-native-bait-selector .field-accordion, #bb-native-bait-selector .observations .obs-card { background:#FFFFFF !important; border-color:#D9E3E8 !important; color:#253746 !important; box-shadow:0 8px 22px rgba(20,47,64,.07); } #bb-native-bait-selector .section, #bb-native-bait-selector .bait-card{border-top:3px solid #C92332 !important} #bb-native-bait-selector .field-accordion, #bb-native-bait-selector .field-accordion[open]{border-left:4px solid #C92332 !important} #bb-native-bait-selector .accordion-toggle, #bb-native-bait-selector #results .results-accordion > .accordion-toggle{ background:#142F40 !important; color:#FFFFFF !important; border-color:#426779 !important; } #bb-native-bait-selector .accordion-toggle:hover, #bb-native-bait-selector #results .results-accordion > .accordion-toggle:hover{ background:#1D4358 !important; } #bb-native-bait-selector .accordion-toggle strong, #bb-native-bait-selector .accordion-toggle small, #bb-native-bait-selector .accordion-indicator{color:#FFFFFF !important} #bb-native-bait-selector .accordion-toggle small{color:#DCE7ED !important} #bb-native-bait-selector .accordion-indicator{border-color:#FFFFFF !important} #bb-native-bait-selector .field-accordion .accordion-content{background:#FFFFFF;color:#253746} #bb-native-bait-selector .field-accordion .accordion-content > .section{box-shadow:none} #bb-native-bait-selector .field select, #bb-native-bait-selector .state-heading select, #bb-native-bait-selector .lake-field-grid select, #bb-native-bait-selector .lake-field-grid input, #bb-native-bait-selector .lake-panel .lake-input-row input, #bb-native-bait-selector input[type="search"], #bb-native-bait-selector input[type="text"], #bb-native-bait-selector .conditions-inputs select{ background:#FFFFFF !important; color:#253746 !important; border:1px solid #A8BBC6 !important; color-scheme:light; } #bb-native-bait-selector input::placeholder{color:#687B86 !important} #bb-native-bait-selector .field label, #bb-native-bait-selector .lake-field-grid label, #bb-native-bait-selector .state-heading label, #bb-native-bait-selector .lake-panel h3, #bb-native-bait-selector .combined-conditions-heading h3, #bb-native-bait-selector .conditions-inputs-heading, #bb-native-bait-selector .bait-card h3, #bb-native-bait-selector .color-name, #bb-native-bait-selector .remote-lake-choice strong, #bb-native-bait-selector .lake-selected-text, #bb-native-bait-selector .lake-intelligence .game-step h4, #bb-native-bait-selector .lake-intelligence .game-header h3, #bb-native-bait-selector .lake-intelligence .intelligence-value, #bb-native-bait-selector .lake-intelligence .intelligence-advice strong, #bb-native-bait-selector .bait-card p strong, #bb-native-bait-selector .auto-results-nav p strong{ color:#142F40 !important; } #bb-native-bait-selector .auto-results-nav{ background:#EAF1F5 !important; border-color:#CFDFE7 !important; border-left:3px solid #C92332 !important; } #bb-native-bait-selector .auto-results-nav p, #bb-native-bait-selector .profile, #bb-native-bait-selector .subcolor, #bb-native-bait-selector .bait-card p, #bb-native-bait-selector .color-title, #bb-native-bait-selector .remote-lake-choice small{color:#4D6372 !important} #bb-native-bait-selector .auto-results-link, #bb-native-bait-selector .lake-catalog-source a, #bb-native-bait-selector .observations a, #bb-native-bait-selector .live-report a, #bb-native-bait-selector .lake-intelligence .intelligence-source a, #bb-native-bait-selector .lake-intelligence .game-source-note a{ color:#14506F !important; } #bb-native-bait-selector .primary, #bb-native-bait-selector .buttons a:not(.alt){ background:#E78B35 !important; border-color:#CD7528 !important; color:#17222B !important; } #bb-native-bait-selector .buttons a.alt, #bb-native-bait-selector .remote-lake-button, #bb-native-bait-selector .lake-search-clear{ background:#142F40 !important; border-color:#30566B !important; color:#FFFFFF !important; } #bb-native-bait-selector .tag, #bb-native-bait-selector .game-tag{ background:#FBE9EB !important; border-color:#EBC2C8 !important; color:#9E2633 !important; } #bb-native-bait-selector .lake-intelligence .intelligence-advice, #bb-native-bait-selector .lake-intelligence .game-forecast-note{ background:#EAF1F5 !important; color:#253746 !important; } #bb-native-bait-selector .lake-intelligence .game-step{border-color:#D9E3E8 !important} #bb-native-bait-selector .observations button, #bb-native-bait-selector .lake-intelligence button{ background:#142F40 !important;color:#FFFFFF !important;border-color:#30566B !important; } /* Preserve the interactive map's dark lake-blue canvas and white map labels. */ #bb-native-bait-selector .map-wrap{background:#142F40 !important;border-color:#406276 !important} #bb-native-bait-selector .map-eyebrow, #bb-native-bait-selector .map-status, #bb-native-bait-selector .map-legend, #bb-native-bait-selector .lake-map-status{color:#E4EDF2 !important} #bb-native-bait-selector .map-legend .lake-key{color:#FFF5C0 !important} #bb-native-bait-selector .state[aria-pressed="true"]{color:#FFFFFF !important} /* The original forecast grid, accordions and link targets are unchanged. */ #bb-native-bait-selector #results .bass-forecast-day{ background:#F7FAFB !important; border-color:#D9E3E8 !important; border-top:3px solid #C92332 !important; } #bb-native-bait-selector #results .forecast-lake-name, #bb-native-bait-selector #results .forecast-day-heading strong, #bb-native-bait-selector .forecast-day-toggle:after{color:#142F40 !important} #bb-native-bait-selector #results .bass-forecast-day .forecast-day-body{color:#253746 !important} #bb-native-bait-selector .remote-lake-choice{background:#EAF1F5 !important;color:#253746 !important} #bb-native-bait-selector .remote-lake-choice:hover{background:#D9E8F0 !important} #bb-native-bait-selector .remote-lake-manual{background:#F5F6F3 !important;color:#253746 !important} /* Readability adjustments for dynamically populated forecast and lake text. */ #bb-native-bait-selector .selected-name, #bb-native-bait-selector .bass-forecast h3, #bb-native-bait-selector .bass-forecast-day strong, #bb-native-bait-selector .bass-forecast-day small, #bb-native-bait-selector .bass-forecast p, #bb-native-bait-selector .bass-forecast .bass-forecast-credit, #bb-native-bait-selector .bass-forecast .forecast-coverage-note, #bb-native-bait-selector .bass-forecast-day .forecast-partial-note{color:#253746 !important} #bb-native-bait-selector .bass-forecast-day .bass-rating{color:#A32C3B !important} #bb-native-bait-selector .bass-forecast-day .bass-rating[data-rating="favorable"]{color:#216C47 !important} #bb-native-bait-selector .bass-forecast-day .bass-rating[data-rating="moderate"]{color:#986314 !important} #bb-native-bait-selector .forecast-day-heading{border-color:#D9E3E8 !important} #bb-native-bait-selector .observations .obs-kicker{color:#AF3440 !important} #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-window{border-left-color:#C92332 !important} /* ======================================================================= BARRACUDA BAITS | BAIT SELECTOR | PHASE 1: CLEANER TWO-COLUMN LAYOUT 2026-10-19. Desktop presentation only; original controls, maps, scripts, accordions, fishing algorithms, catalog, and cart behavior are preserved. Scoped to #bb-native-bait-selector; does not touch other site pages. ======================================================================= */ /* Put the lake search and matching-lake dropdown on one row beneath the full-width map. The optional manual lake entry keeps its own full row. */ @media (min-width: 760px) { #bb-native-bait-selector .lake-field-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); max-width: none; gap: 14px 20px; align-items: start; } #bb-native-bait-selector .lake-field-grid > * { min-width: 0; } #bb-native-bait-selector .lake-field-grid > .lake-input-row { grid-column: 1 / -1; } } /* Present the 4-day fishing forecast and bass game plan in clear columns. The three bait recommendations remain FULL width beneath both sections. */ @media (min-width: 1050px) { #bb-native-bait-selector #results.section.results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; align-items: start; } #bb-native-bait-selector #results > .result-head, #bb-native-bait-selector #results > #resultsSummary, #bb-native-bait-selector #results > .bait-section-title, #bb-native-bait-selector #results > #colorCatalogStatus, #bb-native-bait-selector #results > #cards, #bb-native-bait-selector #results > .disclaimer { grid-column: 1 / -1; min-width: 0; } #bb-native-bait-selector #results > #forecastAccordion { grid-column: 1; min-width: 0; } #bb-native-bait-selector #results > #intelligenceAccordion { grid-column: 2; min-width: 0; } #bb-native-bait-selector #results #forecastAccordion .bass-forecast-days { grid-template-columns: repeat(2, minmax(0, 1fr)); } #bb-native-bait-selector #results #intelligenceAccordion .intelligence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Keep everything comfortably legible on smaller desktops and phones. The existing conditions controls and bait cards retain their behavior. */ @media (max-width: 1049px) { #bb-native-bait-selector #results.section.results { display: block; } } @media (max-width: 759px) { #bb-native-bait-selector .lake-field-grid { grid-template-columns: 1fr; } } /* Light-panel readability: the old dark inputs box inherited dark text from the October 19 soft-white palette. Keep the same fields and values. */ #bb-native-bait-selector .conditions-inputs { background: #F5F8FA !important; border-color: #D9E3E8 !important; color: #253746 !important; } #bb-native-bait-selector .conditions-inputs-heading { color: #A52B39 !important; } #bb-native-bait-selector .conditions-inputs .field label { color: #142F40 !important; } /* ======================================================================= BARRACUDA BAITS | PHASE 1.1 | ACCESSIBILITY / MARGINS / MAP DISCLOSURE 2026-10-19 — Scoped ONLY to native Bait Selector; no cart or ranking edits. ======================================================================= */ /* Native
makes the full-size map optional. The summary is aligned immediately under the state dropdown on desktop; full-width on mobile. */ #bb-native-bait-selector #bbInteractiveMapToggle { display:block; margin:2px 0 13px; border:0; padding:0; background:transparent; } #bb-native-bait-selector #bbInteractiveMapToggle > .bb-map-link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:min(100%,270px); margin:0 0 0 auto; padding:8px 2px; background:transparent; border:0; color:#14506F !important; text-decoration:underline; text-underline-offset:4px; font-size:13px; font-weight:800; cursor:pointer; list-style:none; } #bb-native-bait-selector #bbInteractiveMapToggle > .bb-map-link::-webkit-details-marker {display:none;} #bb-native-bait-selector #bbInteractiveMapToggle > .bb-map-link:hover {color:#A52B39 !important;} #bb-native-bait-selector #bbInteractiveMapToggle > .bb-map-link:focus-visible { outline:3px solid #C92332; outline-offset:3px; } #bb-native-bait-selector #bbInteractiveMapToggle .bb-map-arrow { transition:transform .16s ease; text-decoration:none; } #bb-native-bait-selector #bbInteractiveMapToggle[open] .bb-map-arrow {transform:rotate(180deg);} #bb-native-bait-selector #bbInteractiveMapToggle > .map-wrap {margin-top:8px;} #bb-native-bait-selector #bbInteractiveMapToggle:not([open]) > .map-wrap {display:none !important;} #bb-native-bait-selector #bbInteractiveMapToggle[open] > .map-wrap {display:block !important;} @media (max-width:660px) { #bb-native-bait-selector #bbInteractiveMapToggle > .bb-map-link { width:100%; margin-left:0; } } @media (prefers-reduced-motion:reduce) { #bb-native-bait-selector #bbInteractiveMapToggle .bb-map-arrow{transition:none;} } /* Dark recommended-color tiles must contain LIGHT text. The older overall palette had overridden the original white color-name declaration. */ #bb-native-bait-selector .bait-card .color-option .color-name { color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; opacity:1 !important; } #bb-native-bait-selector .bait-card .color-option .color-kicker {color:#F0F5F8 !important;} #bb-native-bait-selector .bait-card .color-option .color-reason {color:#E5EDF1 !important;} #bb-native-bait-selector .bait-card .color-option .fit-tag {color:#FFFFFF !important;} /* Pending builder availability uses the SAME dark red/navy tile as the verified Builder color (not the faded grey state shown in the screenshot). */ #bb-native-bait-selector .bait-card .color-option.custom.unavailable { background:linear-gradient(125deg,#362025,#16191d) !important; border-color:#b65d61 !important; opacity:1 !important; } #bb-native-bait-selector .bait-card .color-option.standard.unavailable { background:linear-gradient(125deg,#1c252d,#12181d) !important; border-color:#515e69 !important; opacity:1 !important; } /* Phase 1 replaced forecast tiles with light panels. These particular labels retained WHITE text from the earlier dark layout. Make every window legible. */ #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-windows { border-top-color:#D3E0E7 !important; } #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-windows-title { color:#142F40 !important; } #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-window .time { color:#142F40 !important; } #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-window .window-quality { color:#216C47 !important; } #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-window .window-reason { color:#435C6B !important; } #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-window .window-bait { color:#9D2633 !important; } #bb-native-bait-selector #results .bass-forecast-day .bass-fishing-windows .no-windows { color:#435C6B !important; } #bb-native-bait-selector #results .bass-fishing-window+.bass-fishing-window { border-top-color:#D3E0E7 !important; } /* Add consistent inner gutters to RIGHT Bass Game Plan column. Without this, text begins against the divider and the outer edge on wider screens. */ @media (min-width:1050px) { #bb-native-bait-selector #results > #intelligenceAccordion > .accordion-content { padding:12px 22px 16px 24px !important; } #bb-native-bait-selector #results #intelligenceAccordion .game-grid, #bb-native-bait-selector #results #intelligenceAccordion .intelligence-grid { column-gap:20px; } } @media (max-width:1049px) { #bb-native-bait-selector #results > #intelligenceAccordion > .accordion-content { padding:12px 14px 16px !important; } }