/* Highfield Icons — New Class Names
   Drop this file in your theme's icons folder and enqueue it.
   Usage example:
   <i class="hfb-icon hfb-overall-length"></i>
*/

/* Base icon */
.hfb-icon{
  --icon-size: 280px;
  width: var(--icon-size);
  height: var(--icon-size);
  min-width: var(--icon-size);
  min-height: var(--icon-size);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
  vertical-align: middle;
  line-height: 1;
  font-style: normal;
}

/* Prevent icon-font pseudo-elements from interfering */
.hfb-icon::before,
.hfb-icon:before{ content: none !important; }

/* Individual icons (PNGs must be in the SAME folder) */
.hfb-overall-length { background-image: url('overall-length-powerboat.png') !important; }
.hfb-hull-length    { background-image: url('hull-length-powerboat.png') !important; }
.hfb-hull-beam      { background-image: url('hull-beam.png') !important; }
.hfb-keel-draught   { background-image: url('keel-draught.png') !important; }
.hfb-weight         { background-image: url('weight.png') !important; }
.hfb-fuel-capacity  { background-image: url('fuel-capacity.png') !important; }
.hfb-water-capacity { background-image: url('fuel-capacity.png') !important; } /* TEMP placeholder */
.hfb-engines        { background-image: url('engines.png') !important; }
.hfb-ce-category    { background-image: url('ce-category.png') !important; }