.section-elements
{
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    padding:15px;
    border-radius:10px;
    cursor:pointer;
    transtion: 0.3s ease-in;
}

.values-container
{
   display: flex;
   justify-content:space-between;
   flex-wrap:wrap;
   gap:2%;
}

.section-our-values
{
    width:23%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    border-radius:10px;
}

.our-values-heading
{
    font-weight: bold;
    text-align: center;
    color: #dd3333;
    font-size: 25px;
    padding-top:15px;
}

  

.section-elements:hover
{
    transform:translateY(-5px);
}

.tbay-addon-title
{
    text-align:center!important;
    font-weight:bolder!important;
}


.tbay-addon.tbay-addon-banner .tbay-addon-title span:first-child {
     color: #dd3333;
}

.shop-by-category
{
    color: #dd3333;
    font-weight:bold;
    font-size:1.7rem;
}

.tbay-addon.tbay-addon-banner .tbay-addon-title span:last-child {
  color: black;
}

.tbay-addon-title
{
    text-align:center!important;
    font-weight:bolder!important;
}

.tbay-addon-categories .item-cat 
{
    border-radius:10px;
}
@media (min-width: 766px) and (max-width: 1218px) {
    .section-our-values
   {
    width:47%;
    margin-bottom:15px;
   }
}

@media (max-width: 767px) {
  #content-after-who-are-we
   {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
   }
   
   #content-after-who-are-we > div
   {
       width:90%;
   }
  
   .values-container
   {
       flex-direction:column;
        width:100%;
   }
   
    .section-our-values
   {
    width:98%;
    margin-left:4vw;
   }
  
   
}


.social li a
{
    display:flex;
    align-items:center;
}
.social li a svg
{
    width:28px;
}

/* === AirMeat Partner Dashboard Styling === */
.airmeat-dashboard {
  font-family: 'Inter', Arial, sans-serif;
  margin: 20px auto;
  padding: 15px;
  max-width: 1100px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.airmeat-dashboard h2 {
  text-align: center;
  margin-bottom: 5px;
  color: #222;
}
.airmeat-dashboard h3 {
  text-align: center;
  margin-bottom: 20px;
  color: #666;
}
.airmeat-dashboard .referral-code {
  color: #d9534f;
  font-weight: bold;
}
.airmeat-dashboard .total-referrals {
  text-align: center;
  background: #f8f8f8;
  padding: 10px;
  font-size: 1.4rem;
  border-radius: 6px;
}

#am-search-input {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 15px auto;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

#am-supplier-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 0.95rem;
}

#am-supplier-table th,
#am-supplier-table td {
  padding: 10px 8px;
  border-bottom: 1px solid #eee;
}

#am-supplier-table thead {
  background: #f2f2f2;
  font-weight: bold;
}

#am-supplier-table tbody tr:hover {
  background: #fafafa;
}

#am-supplier-table .no-results {
  text-align: center;
  padding: 20px;
}

/* Responsive: Convert table to card layout on mobile */
@media (max-width: 768px) {
  #am-supplier-table,
  #am-supplier-table thead,
  #am-supplier-table tbody,
  #am-supplier-table th,
  #am-supplier-table td,
  #am-supplier-table tr {
    display: block;
    width: 100%;
  }

  #am-supplier-table thead {
    display: none;
  }

  #am-supplier-table tr {
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px;
    background: #fff;
  }

  #am-supplier-table td {
    border: none;
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
  }

  #am-supplier-table td::before {
    content: attr(data-label);
    font-weight: bold;
    color: #333;
  }
}

/* =============================================================Store List Map Suppliers =====================================*/
/* Body & Map Container */
#vendorMapWrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 20px;
    background-color: #f9f9f9;
    color: #333;
}

#vendorMapWrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    color: #222;
}

/* Controls */
#vendorMapControls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 12px 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

#vendorMapControls label {
    font-weight: 500;
    margin-right: 8px;
    font-size: 1rem;
}

#vendorMapControls select,
#vendorMapControls input,
#vendorMapControls button {
    padding: 6px 10px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    transition: border 0.3s, box-shadow 0.3s;
}

#vendorMapControls select:focus,
#vendorMapControls input:focus,
#vendorMapControls button:focus {
    border-color: #0073aa;
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
    outline: none;
}

#vendorMapControls button {
    cursor: pointer;
    background-color: red;
    color: #fff;
    border: none;
    transition: background-color 0.3s;
}

#vendorMapControls button:hover {
    background-color: rgb(180, 9, 9);
}

/* Map */
#vendorMap {
    width: 100%;
    height: 500px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.leaflet-popup-content-wrapper {
    font-size: 0.95rem;
    font-weight: 500;
    color: #333;
}

.leaflet-popup-tip {
    background: #fff;
}

@media (max-width: 600px) {
    #vendorMapControls {
        flex-direction: column;
        gap: 10px;
    }
    #vendorMapControls label,
    #vendorMapControls select,
    #vendorMapControls input,
    #vendorMapControls button {
        width: 100%;
    }
    #vendorMap {
        height: 400px;
    }
    
   
}