footer {
      background: transparent;
  }

  .footer-panel {
      position: relative;
      display: flex;
      height: 86px;
  }

  /* Left area */
  .footer-left {
      flex: 1;
      display: flex;
      align-items: center;
      padding-left: 28px;
      color: #333;
      z-index: 2;
  }

  .footer-left svg {
      margin-right: 8px;
      stroke: #555;
  }

  /* Right area */
  .footer-right {
      flex: 1;
      background: #585555;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 36px;
      padding-right: 40px;
      color: #fff;
      position: relative;
  }

  /* angled edge */
  .footer-right::before {
      content: "";
      position: absolute;
      top: 0;
      left: -40px;
      bottom: 0;
      width: 80px;
      background: #585555;
      transform: skewX(-34deg);
  }

  /* orange wedge – shifted further left into white */
  .footer-wedge {
      position: absolute;
      bottom: 0;
      /* sit directly on top of the orange bar */
      left: -120px;
      /* move left so it lives in the white */
      width: 60px;
      height: 26px;
      background: #f5a94b;
      transform: skewX(-34deg);
      z-index: 2;
  }

  /* orange bar */
  .footer-bar, .header-bar {
      height: 8px;
      background: #ef7d00;
  }

  .item {
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap;
  }

  .item svg {
      stroke: #fff;
  }

  .footer-left .item svg {
      stroke: #555;
  }

  /* Logo styles */
  .logo-container {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 8px 0 0;
  }
  
  .logo {
      height: 24px;
      width: auto;
  }