@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-bold-rounded/css/uicons-bold-rounded.css');
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css');
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css');

:root{
    --hero-gb: #f0eff2;
    --hero-text-color: #2f313f;
    --primary-color: #2f313f;
}

.archivo-black-regular {
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  
.inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
  }

  body{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: var(--primary-color);
    overflow-x:hidden;
    background-color: #fff;
  }

  a{
    text-decoration: none;
    color: inherit;
  }

  header{
    color: var(--hero-text-color);
    background: transparent;
    transition: background-color 0.3s, box-shadow 0.3s;
  }

  body.scrolled header{
    background: #fff;
    color: black;
  }

  body.scrolled .arrow-hero{
    display: none;
  }

  h2{
    font-size: 32px !important;
  }

  #neyene{
text-transform: lowercase;
font-size: 22px;
color: inherit !important;
  }

  .socials a{
 font-size: 15px;
  }
section{
    position: relative;
}

.text-sm{
    font-size: 13px;
}
.text-md{
    font-size: 15px;
}
.text-lg{
    font-size: 17px;
}
  .lead{
    font-size: 15px;
    color: #000;
    font-weight: 400;
  }

  .hero-section{
    background: var(--hero-gb);
    color: var(--hero-text-color);
  }

  .local-brand{
    font-style: italic;
    font-family: system-ui;
  }

  .illustration{
    position: absolute;
    top: 65px;
    left: 85px;
    height: auto;
    width: 112px
  }

  .btn{
    font-size: 16px;
    font-weight: 500;
  }

  .btn-black, .btn-black:hover{
    background: #000;
    color: #fff;
  }

  .works-image{
    width: auto;
    height: 100px;
    object-fit: contain;
  }

.offcanvas-body a{
font-size: 16px;
}

.vendor-sm-img{
    object-fit: cover;
}

.vendor-business-name{
    font-size: 16px;
    font-weight: 600;
}

    .menu-container {
      max-width: 607px;
      margin: auto;
      border: 1px solid #eee;
      padding: 1.5rem;
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    }

    .menu-item {
      display: flex;
      justify-content: space-between;
      padding: 0.6rem 0;
      border-bottom: 1px dashed #ccc;
    }

    .menu-item:last-child {
      border-bottom: none;
    }

    .menu-name {
      font-weight: 500;
    }

    .menu-price {
      font-weight: bold;
      color: #111;
    }

    .pricing-alert{
        font-size: 13px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .pricing-alert span:first-child{
        font-weight: 600;
        color: --text-success;
    }

        .pricing-alert span:last-child{
        font-size: 11px;
    }

    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #000;
}

.nav-link, .nav-link:hover{
    color: #444444;
}

.status-badge.text-bg-danger{
    color: #dc3545 !important;
    background: #f3dfe1 !important;
}

.status-badge.text-bg-success{
     color: #1f8754 !important;
    background: #d5ffeb !important;
}

.cursor-pointer{
  cursor: pointer;
}