
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Spectral:ital,wght@0,400;0,500;1,400&display=swap');
:root { --rg-accent:#2D6E6E; --rg-warm:#C45B3A; --rg-ink:#2A2A2A; --rg-muted:#6B6258; --rg-border:#E4DDD1; --rg-cream:#E8DCC8; --rg-body:#444444; }
.rg-eyebrow { font:600 11px/1.4 'DM Sans',sans-serif; letter-spacing:.18em; text-transform:uppercase; color:var(--rg-accent); margin-bottom:8px; }
.rg-fieldguide h2.elementor-heading-title, .rg-pairs h2.elementor-heading-title { font-family:'Oswald','Barlow Condensed',sans-serif !important; text-transform:uppercase !important; letter-spacing:.03em !important; font-weight:700 !important; }
.rg-fieldguide, .rg-pairs { font-family:'DM Sans',system-ui,sans-serif; }

/* Hero — force two columns (Elementor's inner flow defaults to column; override hard) */
.rg-hero-row > .e-con-inner { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:flex-start !important; gap:48px !important; }
.rg-hero-gallery { flex:1 1 0 !important; width:50% !important; max-width:none !important; min-width:0 !important; }
.rg-hero-buy { flex:1 1 0 !important; width:50% !important; min-width:0 !important; }
@media(max-width:860px){ .rg-hero-row > .e-con-inner { flex-direction:column !important; } .rg-hero-gallery, .rg-hero-buy { flex:1 1 100% !important; width:100% !important; max-width:100% !important; } }
.rg-hero-buy .product_title { text-transform:uppercase !important; }
.rg-hero-gallery .woocommerce-product-gallery__image img, .rg-hero-gallery img { border-radius:14px; }

.rg-cw-head { margin:8px 0 8px; }
.rg-cw-lbl { font:600 11px/1 'DM Sans',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--rg-muted); }
.rg-cw-selected { font:600 15px/1.3 'DM Sans',sans-serif; color:var(--rg-ink); margin-top:12px; }
.rg-ship { display:flex; align-items:center; gap:8px; font:400 13px/1.5 Roboto; color:var(--rg-muted); margin-top:2px; }
.rg-ship-dot { width:7px; height:7px; border-radius:50%; background:var(--rg-accent); display:inline-block; flex:none; }

/* Condition tiles */
.rg-tiles { display:flex; gap:24px; flex-wrap:wrap; }
.rg-tile-group { flex:1; min-width:170px; }
.rg-tile-head { font:700 11px/1 Roboto; letter-spacing:.13em; text-transform:uppercase; color:var(--rg-muted); margin-bottom:9px; }
.rg-tile-row { display:flex; gap:8px; }
.rg-tile { flex:1; display:flex; flex-direction:column; align-items:center; gap:5px; padding:11px 5px; border:1px solid var(--rg-border);
  border-radius:10px; background:#fff; color:var(--rg-muted); transition:opacity .15s,border-color .15s,box-shadow .15s,color .15s; }
.rg-tile-lbl { font:600 12px/1 Roboto; }
.rg-tile.is-muted { opacity:.4; }
.rg-tile.is-active { color:var(--rg-accent); border-color:var(--rg-accent); box-shadow:inset 0 0 0 1px var(--rg-accent); }
.rg-tile[data-rgb-value="low-light"].is-active { color:var(--rg-warm); border-color:var(--rg-warm); box-shadow:inset 0 0 0 1px var(--rg-warm); }
.rg-tiles-compact .rg-tile { padding:8px 4px; } .rg-tiles-compact { gap:16px; }

/* Field guide — custom tabs + QR card */
/* Field guide — two columns (content + sticky conditions card), matches mockup */
.rg-fg-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:44px; align-items:start; }
@media(max-width:860px){ .rg-fg-grid { grid-template-columns:1fr; } }
.rg-fg-nav { display:flex; gap:26px; border-bottom:1px solid var(--rg-border); margin-bottom:24px; }
.rg-fg-tab { background:none !important; border:0; box-shadow:none !important; padding:0 0 12px; font:600 15px/1 'DM Sans',sans-serif; color:var(--rg-muted); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; border-radius:0; }
.rg-fg-tab:hover { color:var(--rg-ink); }
.rg-fg-tab:focus, .rg-fg-tab:active { outline:none; background:none !important; box-shadow:none !important; }
.rg-fg-tab.is-active { color:var(--rg-accent) !important; border-bottom-color:var(--rg-accent); }
.rg-fg-panel { display:none; } .rg-fg-panel.is-active { display:block; }
.rg-fg-intro { font:400 14.5px/1.6 'DM Sans',sans-serif; color:var(--rg-body); margin:0 0 18px; }
/* Color guide rows */
.rg-cw-list { display:flex; flex-direction:column; gap:10px; }
.rg-cw-row { display:flex; align-items:center; gap:14px; padding:11px 14px; border:1px solid var(--rg-border); border-radius:8px; background:#fff; transition:box-shadow .15s,border-color .15s; }
.rg-cw-row.is-active { border-color:var(--rg-accent); box-shadow:0 0 0 2px var(--rg-accent); }
.rg-cw-dot { width:30px; height:30px; border-radius:50%; flex:none; box-shadow:inset 0 0 0 1px rgba(42,36,28,.18); }
.rg-cw-name { font:600 14px/1.2 'DM Sans',sans-serif; color:var(--rg-ink); }
.rg-cw-cond { font:400 12.5px/1.3 'DM Sans',sans-serif; color:var(--rg-muted); margin-top:1px; }
/* Step lists (tie / retrieve) */
.rg-steps { display:flex; flex-direction:column; gap:20px; }
.rg-step { display:flex; gap:14px; }
.rg-step-n { flex:none; width:26px; height:26px; border-radius:50%; background:var(--rg-accent); color:#fff; font:700 13px/26px 'Oswald',sans-serif; text-align:center; }
.rg-step-t { font:600 14.5px/1.3 'DM Sans',sans-serif; color:var(--rg-ink); margin-bottom:3px; }
.rg-step-x { font:400 14px/1.55 'DM Sans',sans-serif; color:var(--rg-body); }
/* Pro tips */
.rg-tips { display:flex; flex-direction:column; gap:16px; }
.rg-tip { display:flex; gap:12px; font:400 14.5px/1.55 'DM Sans',sans-serif; color:var(--rg-body); }
.rg-tip-n { flex:none; width:22px; font:700 13px/1.5 'Oswald',sans-serif; color:var(--rg-accent); }
/* Injected WYSIWYG content (per-bait-type tie/retrieve/tips) */
.rg-fg-panel ol, .rg-fg-panel ul { margin:0; padding-left:20px; display:flex; flex-direction:column; gap:14px; }
.rg-fg-panel ol li, .rg-fg-panel ul li { font:400 14.5px/1.55 'DM Sans',sans-serif; color:var(--rg-body); }
.rg-fg-panel ol li strong, .rg-fg-panel ul li strong { color:var(--rg-ink); }
/* Right conditions card */
.rg-fg-side { position:sticky; top:24px; background-color:var(--rg-cream); background-image:url('/wp-content/uploads/rg-topo-cream.png'); background-size:cover; border-radius:14px; padding:22px; display:flex; flex-direction:column; gap:18px; }
.rg-side-head { font:700 20px/1 'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.02em; color:var(--rg-ink); }
.rg-side-cap { font:400 12.5px/1.5 'DM Sans',sans-serif; color:var(--rg-muted); margin:0; }
.rg-ci-head { font:600 11px/1 'DM Sans',sans-serif; text-transform:uppercase; letter-spacing:.13em; color:var(--rg-muted); margin-bottom:8px; }
.rg-ci-row { display:flex; gap:8px; }
.rg-ci { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; padding:9px 4px; border:1px solid rgba(42,36,28,.14); border-radius:8px; background:rgba(255,255,255,.72); color:var(--rg-muted); font:600 11.5px/1 'DM Sans',sans-serif; text-align:center; }
.rg-ci.is-active { color:var(--rg-accent); border-color:var(--rg-accent); box-shadow:inset 0 0 0 1px var(--rg-accent); background:#fff; }
.rg-ci.is-muted { opacity:.4; }
.rg-ci[data-rgb-value="low-light"].is-active { color:var(--rg-warm); border-color:var(--rg-warm); box-shadow:inset 0 0 0 1px var(--rg-warm); }
.rg-ci-ico svg { width:17px; height:17px; }

/* Pairs well with — declutter compare buttons */
.rg-pairs .related > h2 { display:none; }
/* Section header with Shop all baits */
.rg-pairs-head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.rg-pairs-title { font:700 30px/1 'Oswald','Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.03em; color:var(--rg-ink); margin:10px 0 0; }
.rg-pairs-shop { font:600 11px/1 'DM Sans',sans-serif; text-transform:uppercase; letter-spacing:.16em; color:var(--rg-accent); text-decoration:none; padding-bottom:4px; white-space:nowrap; }
.rg-pairs-shop:hover { color:#275F5F; }
/* Grid */
.rg-pairs ul.products { display:grid !important; grid-template-columns:repeat(3,1fr); gap:24px; margin:0 !important; padding:0 !important; }
.rg-pairs ul.products:before, .rg-pairs ul.products:after { display:none !important; }
.rg-pairs ul.products li.product { width:auto !important; margin:0 !important; float:none !important; display:flex; flex-direction:column; background:#fff; border:1px solid var(--rg-border); border-radius:14px; overflow:hidden; box-shadow:0 1px 3px rgba(42,36,28,.08); transition:transform .2s; }
.rg-pairs ul.products li.product:hover { transform:translateY(-3px); }
/* Product photo at the top of each cross-sell card */
.rg-pairs li.product > a:first-of-type { display:block; position:relative; text-decoration:none; color:inherit; }
.rg-pairs li.product img { display:block !important; width:100% !important; height:auto !important; aspect-ratio:1; object-fit:cover; background:#F4F0E8; }
.rg-pairs li.product.post-99 > a:first-of-type:before { content:"Best seller"; position:absolute; top:14px; left:14px; z-index:2; background:var(--rg-cream); color:var(--rg-ink); font:600 12px/1 'DM Sans',sans-serif; letter-spacing:.02em; padding:6px 12px; border-radius:999px; }
/* info section */
.rg-pairs li.product .woocommerce-loop-product__title { font:700 22px/1 'Oswald','Barlow Condensed',sans-serif !important; text-transform:uppercase; letter-spacing:.02em; color:var(--rg-ink); padding:16px 18px 0 !important; margin:0 !important; }
.rg-pairs li.product .woocommerce-loop-product__title:before { display:block; content:"Soft Plastic"; font:600 10.5px/1 'DM Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#9C9489; margin-bottom:8px; }
.rg-pairs li.product.post-32 .woocommerce-loop-product__title:before { content:"Soft Plastic · Worm"; }
.rg-pairs li.product.post-99 .woocommerce-loop-product__title:before { content:"Soft Plastic · Craw"; }
.rg-pairs li.product.post-205 .woocommerce-loop-product__title:before { content:"Soft Plastic · Fluke"; }
.rg-pairs li.product.post-204 .woocommerce-loop-product__title:before { content:"Soft Plastic · Frog"; }
.rg-pairs li.product.post-100 .woocommerce-loop-product__title:before { content:"Soft Plastic · Swimbait"; }
.rg-pairs li.product .price { padding:6px 18px 18px !important; margin:0 !important; color:var(--rg-ink) !important; font:700 18px/1 'Oswald','Barlow Condensed',sans-serif !important; }
.rg-pairs li.product .button, .rg-pairs li.product .added_to_cart, .rg-pairs li.product [class*="compare"], .rg-pairs li.product [class*="wishlist"], .rg-pairs li.product [class*="jet-woo-product-"] { display:none !important; }

/* Hero refinements */
/* Native Field Guide (rg-native-fg) — style to match the mockup */
.rg-native-fg h2.elementor-heading-title { font-family:'Oswald','Barlow Condensed',sans-serif !important; text-transform:uppercase !important; letter-spacing:.03em !important; font-weight:700 !important; color:var(--rg-ink) !important; }
.rg-native-fg { font-family:'DM Sans',system-ui,sans-serif; }
.rg-native-fg .e-n-tabs-heading, .rg-fieldguide .e-n-tabs-heading { border-bottom:1px solid var(--rg-border) !important; gap:26px; margin-bottom:22px; }
.rg-native-fg .e-n-tab-title, .rg-fieldguide .e-n-tab-title { background:transparent !important; border:0 !important; border-radius:0 !important; padding:0 0 12px !important; font:600 15px/1 'DM Sans',sans-serif !important; color:var(--rg-muted) !important; }
.rg-native-fg .e-n-tab-title[aria-selected="true"], .rg-native-fg .e-n-tab-title.e-active, .rg-fieldguide .e-n-tab-title[aria-selected="true"], .rg-fieldguide .e-n-tab-title.e-active { color:var(--rg-accent) !important; box-shadow:inset 0 -2px 0 var(--rg-accent) !important; }
.rg-fieldguide .e-n-tabs-content { border:0 !important; padding-top:22px !important; }
.rg-native-fg .elementor-icon-list-icon i, .rg-native-fg .elementor-icon-list-icon svg { color:var(--rg-accent) !important; }
.rg-native-fg .elementor-icon-list-text { color:var(--rg-body) !important; font:400 14.5px/1.5 'DM Sans',sans-serif; }
/* Hero — brand type system (Oswald display / Spectral serif blurb / DM Sans UI), matching the mockup.
   Overrides the old Roboto/Roboto Slab widget typography left over from the previous design system. */
.rg-hero-buy .product_title { font-family:'Oswald','Barlow Condensed',sans-serif !important; }
.rg-hero-buy .price, .rg-hero-buy .price .woocommerce-Price-amount, .rg-hero-buy .woocommerce-variation-price .price { font-family:'Oswald','Barlow Condensed',sans-serif !important; }
.rg-hero-buy .woocommerce-product-details__short-description, .rg-hero-buy .woocommerce-product-details__short-description p { font-family:'Spectral',Georgia,serif !important; font-size:16px; line-height:1.6; color:var(--rg-body); }
.rg-hero-buy .single_add_to_cart_button, .rg-hero-buy input.qty, .rg-hero-buy .quantity button { font-family:'DM Sans',system-ui,sans-serif !important; }
.rg-hero-buy .elementor-widget-woocommerce-product-add-to-cart { background:transparent !important; }
.rg-hero-buy form.cart, .rg-hero-buy .woocommerce-variation-add-to-cart { background:transparent !important; padding:0 !important; border:0 !important; box-shadow:none !important; }
.rg-hero-buy table.variations { background:transparent !important; margin:0 0 14px !important; }
.rg-hero-buy table.variations td, .rg-hero-buy table.variations th { padding:0 !important; background:transparent !important; border:0 !important; }
.rg-hero-buy table.variations .label { display:none; }
.rg-hero-buy .variable-item { border-radius:8px !important; box-shadow:0 0 0 1px var(--rg-border) !important; }
.rg-hero-buy .variable-item.selected { box-shadow:0 0 0 2px var(--rg-accent) !important; }
.rg-hero-buy .reset_variations { display:none !important; }
.rg-hero-buy .single_add_to_cart_button { background:var(--rg-accent) !important; color:#fff !important; opacity:1 !important; border-radius:8px !important; padding:15px 34px !important; font-weight:600 !important; letter-spacing:.02em; }
.rg-hero-buy .single_add_to_cart_button:hover { background:#275F5F !important; }
.rg-hero-buy .woocommerce-variation-price .price { color:var(--rg-ink); font-weight:700; }
