.elementor-6222 .elementor-element.elementor-element-3540db1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5rem;--padding-bottom:10rem;--padding-left:5rem;--padding-right:5rem;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__header{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details thead{color:#3A3A3A;background:#F5F5F5;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table thead{background:#F5F5F5;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__header, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details thead{font-size:16px;font-weight:600;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table tbody{background-color:#ffffff;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell .amount{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tbody{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tfoot{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{color:#4169E1;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tbody a{color:#4169E1;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tbody a:hover{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table > tbody .woocommerce-orders-table__row td, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tbody, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tfoot{font-size:16px;font-weight:400;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__row, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tbody tr, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details tfoot tr{border-style:solid;border-color:#F2F2F2;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders table.shop_table_responsive tr:nth-child(even){background:#fff;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders table :is(tbody, tfoot, thead) tr{padding:10px 30px 10px 30px;}.rtl .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders table :is(tbody, tfoot, thead) tr{padding:10px 30px 10px 30px;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-customer-details h2{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-customer-details address{color:#979797;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .button{padding:12px 21px 12px 21px !important;border-radius:3px 3px 3px 3px;}.rtl .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .button{padding:12px 21px 12px 21px !important;border-radius:3px 3px 3px 3px;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-pagination .button{padding:9px 21px 10px 21px;border-radius:3px 3px 3px 3px;height:auto;font-size:15px;font-weight:500;color:#3A3A3A !important;background:#EFEFEF !important;}.rtl .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-pagination .button{padding:9px 21px 10px 21px;height:auto;border-radius:3px 3px 3px 3px;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details .button{padding:12px 21px 12px 21px !important;border-radius:3px 3px 3px 3px;color:#3A3A3A !important;background-color:#f1f1f1 !important;width:initial;}.rtl .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details .button{padding:12px 21px 12px 21px !important;border-radius:3px 3px 3px 3px;}.rl .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-pagination .button{border-radius:3px 3px 3px 3px;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .button, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-pagination .button, .elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details .button{font-size:15px;font-weight:500;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell .button.view{color:#3A3A3A !important;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table tbody .woocommerce-orders-table__cell .button.view{background-color:#f1f1f1 !important;width:initial;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell .button.view:hover{color:#ffffff !important;background-color:#3a3a3a !important;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-order-details .button:hover{color:#ffffff !important;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell .button.cancel{color:#3A3A3A;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table tbody .woocommerce-orders-table__cell .button.cancel{background:#EFEFEF;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-orders-table .woocommerce-orders-table__cell .button.cancel:hover{color:#ffffff;background:#3a3a3a;}.elementor-6222 .elementor-element.elementor-element-30b9aa1 .shopengine-account-orders .woocommerce-pagination .button:hover{color:#ffffff !important;background:#3a3a3a !important;}@media(max-width:767px){.elementor-6222 .elementor-element.elementor-element-3540db1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6222 .elementor-element.elementor-element-0c64587{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4rem 1rem 4rem 1rem;}}/* Start custom CSS for shortcode, class: .elementor-element-0c64587 */:root{
  /* Haupt-Wrapper dunkler */
  --wf-section:
    radial-gradient(circle at 0 0, rgba(148,163,184,.08), transparent 55%),
    radial-gradient(circle at 100% 20%, rgba(2,6,23,1), rgba(2,6,23,1) 55%, rgba(0,0,0,.92));

  /* Bestellungskarten heller/grauer */
  --wf-card-solid:#111827;
  --wf-bg:
    radial-gradient(circle at top left, rgba(31,41,55,.98), #111827 58%, #0f172a 100%);

  --wf-border: rgba(255,255,255,.10);
  --wf-border2: rgba(255,255,255,.16);
  --wf-text: rgba(255,255,255,.92);
  --wf-muted: rgba(255,255,255,.70);
  --wf-muted2: rgba(255,255,255,.55);

  /* Webfire Orange wie im Hero */
  --wf-hero-orange: #f97316;
  --wf-hero-orange2: #fb923c;
  --wf-hero-orange-soft: #fed7aa;

  /* Orange Border Gradient */
  --wf-ob: linear-gradient(120deg, var(--wf-hero-orange), var(--wf-hero-orange-soft));
  --wf-ob-hover: linear-gradient(120deg, var(--wf-hero-orange), var(--wf-hero-orange2));
  --wf-orange-grad: linear-gradient(120deg, #f97316, #fb923c, #fed7aa);

  --wf-r: 18px;
  --wf-shadow: 0 20px 60px rgba(0,0,0,.45);
  --wf-shadow2: 0 12px 30px rgba(0,0,0,.35);
}

/* =========================
   Woo Default Output ausblenden
========================= */
.wf-orders-page .woocommerce-MyAccount-content > :not(.wf-orders-wrap){
  display:none !important;
}

/* =========================
   Page Wrapper
========================= */
.wf-orders-wrap{
  background: var(--wf-section);
  border-radius: calc(var(--wf-r) + 6px);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 28px 80px rgba(0,0,0,.55);
  padding: 28px 22px;
  color: var(--wf-text);
}

/* =========================
   Header
========================= */
.wf-orders-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin: 6px 0 18px;
}

.wf-orders-titlewrap{
  min-width:0;
}

.wf-orders-title{
  font-size:20px;
  font-weight:950;
  letter-spacing:-.02em;
  color:var(--wf-text);
}

.wf-orders-sub{
  margin-top:8px;
  font-size:14px;
  color:var(--wf-muted);
}

/* =========================
   Header Actions
========================= */
.wf-orders-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

/* Dashboard Button */
.wf-orders-chip,
.wf-orders-chip:link,
.wf-orders-chip:visited{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:.45rem 1rem;
  border-radius:999px;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  text-decoration:none !important;
  background:var(--wf-orange-grad) !important;
  color:#0b1120 !important;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    0 10px 24px rgba(0,0,0,.35),
    inset 0 0 1.2em -0.6em rgba(15,23,42,.85);
  transition:filter .18s ease;
}

.wf-orders-chip:hover,
.wf-orders-chip:focus,
.wf-orders-chip:focus-visible{
  background:var(--wf-orange-grad) !important;
  color:#0b1120 !important;
  filter:brightness(1.03);
  text-decoration:none;
}

/* =========================
   Empty States
========================= */
.wf-empty{
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.80);
}

/* =========================
   Orders Grid
========================= */
.wf-orders-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

@media (max-width:900px){
  .wf-orders-grid{grid-template-columns:1fr;}
}

/* =========================
   Order Card
========================= */
.wf-ordercard{
  display:block;
  border-radius:var(--wf-r);
  border:1px solid transparent;
  background:var(--wf-bg) padding-box, var(--wf-ob) border-box;
  box-shadow:var(--wf-shadow2);
  padding:14px 14px 12px;
  color:var(--wf-text) !important;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.wf-ordercard:hover{
  transform:translateY(-2px);
  box-shadow:var(--wf-shadow);
  background:var(--wf-bg) padding-box, var(--wf-ob-hover) border-box;
}

/* verhindert Theme Hover */
.wf-ordercard:hover .wf-order-no,
.wf-ordercard:hover .wf-order-total,
.wf-ordercard:hover .wf-ordercard *,
.wf-ordercard:focus .wf-ordercard *{
  color:inherit;
}

.wf-ordercard *{
  text-decoration:none !important;
}

.wf-ordercard:visited{
  color:var(--wf-text) !important;
}

/* =========================
   Card Top
========================= */
.wf-ordercard-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}

.wf-order-no{
  font-weight:950;
  color:rgba(255,255,255,.92);
}

.wf-order-date{
  margin-top:4px;
  font-size:13px;
  color:var(--wf-muted);
}

/* =========================
   Items
========================= */
.wf-order-items{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:10px 0 12px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  font-size:14px;
}

.wf-dot{opacity:.55;}

.wf-qty{
  opacity:.75;
  font-weight:900;
}

/* =========================
   Sum
========================= */
.wf-order-sum{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:10px;
  color:var(--wf-muted);
  font-size:13px;
}

.wf-order-total{
  color:rgba(255,255,255,.92);
  font-weight:950;
  font-size:14px;
}

/* =========================
   Foot
========================= */
.wf-order-foot{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--wf-muted2);
  font-weight:900;
  font-size:13px;
}

.wf-arrow{opacity:.9;}

/* =========================
   Status Pill
========================= */
.wf-status{
  font-size:12px;
  font-weight:950;
  letter-spacing:.02em;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.88);
  white-space:nowrap;
}

.wf-status.is-ok{border-color:rgba(34,197,94,.35);}
.wf-status.is-warn{border-color:rgba(251,191,36,.35);}
.wf-status.is-bad{border-color:rgba(239,68,68,.35);}

/* =========================
   Mobile
========================= */
@media (max-width:640px){
  .wf-orders-wrap{
    padding:22px 16px;
  }

  .wf-orders-head{
    flex-direction:column;
    align-items:stretch;
  }

  .wf-orders-actions{
    width:100%;
  }

  .wf-orders-chip{
    width:100%;
  }
}

/* ========================= */
.wf-hide-woo-orders{
  display:none !important;
}/* End custom CSS */