.elementor-1591 .elementor-element.elementor-element-d5f33cd{--display:flex;--background-transition:0.3s;}.elementor-1591 .elementor-element.elementor-element-403b9c8 > .elementor-widget-container{margin:80px 0px 80px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-403b9c8 *//* ============================================================
   HISTÓRICO DE ENCOMENDAS - FULLBELLY
   ============================================================ */

.fubelly-orders {
  font-family: "Assistant", -apple-system, BlinkMacSystemFont, sans-serif;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 20px 70px;
  color: #333;
}
.fubelly-orders * { box-sizing: border-box; }

.fubelly-orders-title {
  font-family: Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.fubelly-orders-sub {
  font-size: 15px;
  color: #777;
  margin: 8px 0 0;
  padding-bottom: 26px;
  border-bottom: 1px solid #eee;
}

/* CONTROLOS (pesquisa + período) */
.fubelly-orders-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 30px 0 18px;
}

.fubelly-search {
  position: relative;
  flex: 0 0 320px;
  max-width: 320px;
}
.fubelly-search-ico {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  opacity: .5;
  pointer-events: none;
}
.fubelly-search input {
  width: 100%;
  height: 44px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 0 14px 0 40px;
  font-size: 14px;
  color: #333;
  background: #fff;
  outline: none;
}
.fubelly-search input:focus { border-color: #a36b70; }

.fubelly-periodo {
  height: 40px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 14px;
  color: #555;
  background: #fff;
  cursor: pointer;
  outline: none;
}
.fubelly-periodo:focus { border-color: #a36b70; }

.fubelly-orders-count {
  font-size: 14px;
  color: #888;
  margin: 0 0 14px;
}

/* CARD + TABELA */
.fubelly-orders-card {
  border: 1px solid #eee;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
}

.fubelly-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.fubelly-orders-table th {
  text-align: left;
  font-weight: 500;
  color: #9a9a9a;
  font-size: 13px;
  padding: 20px 24px;
  border-bottom: 1px solid #f0f0f0;
}
.fubelly-orders-table td {
  padding: 18px 24px;
  border-bottom: 1px solid #f4f4f4;
  color: #444;
  vertical-align: middle;
}
.fubelly-orders-table tbody tr:last-child td { border-bottom: 0; }
.fubelly-orders-table tbody tr:hover { background: #fcfafa; }

/* ----------------------------------------------------------
   CORES POR STATUS  (edita aqui à vontade)
   classe é definida no PHP, no array $status_map
   ---------------------------------------------------------- */
.fb-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.fb-badge.entregue  { background: #e3f4e6; color: #3b8c4e; } /* verde   */
.fb-badge.enviado   { background: #fcefce; color: #b58227; } /* âmbar   */
.fb-badge.cancelado { background: #fbe1e3; color: #c0535b; } /* vermelho*/
.fb-badge.espera,
.fb-badge.pendente,
.fb-badge.neutro    { background: #eef1f5; color: #5b6675; } /* cinza   */

/* LINK + VAZIO */
.fubelly-detalhes {
  color: #a36b70;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.fubelly-detalhes:hover { text-decoration: underline; }

.fubelly-empty {
  text-align: center !important;
  color: #999;
  padding: 44px 0 !important;
}

/* PAGINAÇÃO */
.fubelly-orders-pag {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding: 18px 24px;
  color: #888;
  font-size: 13px;
}
.fubelly-pag-info { letter-spacing: .04em; }
.fubelly-pag-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  color: #777;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}
.fubelly-pag-arrow:hover { border-color: #a36b70; color: #a36b70; }
.fubelly-pag-arrow.disabled { opacity: .4; pointer-events: none; }

/* RESPONSIVO */
@media (max-width: 782px) {
  .fubelly-orders-controls { flex-direction: column; align-items: stretch; }
  .fubelly-search { flex: 1 1 auto; max-width: none; }

  .fubelly-orders-table thead { display: none; }
  .fubelly-orders-table,
  .fubelly-orders-table tbody,
  .fubelly-orders-table tr,
  .fubelly-orders-table td { display: block; width: 100%; }

  .fubelly-orders-table tr { border-bottom: 1px solid #f0f0f0; padding: 8px 0; }
  .fubelly-orders-table tbody tr:last-child { border-bottom: 0; }
  .fubelly-orders-table td {
    border: 0;
    padding: 9px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .fubelly-orders-table td::before {
    content: attr(data-label);
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 500;
  }
  .fubelly-orders-table td[data-label=""]::before { content: ""; }
}/* End custom CSS */