/* Karta zamówienia */
.order-card{
  background:#F6F6F6;
  border:1px solid rgba(0,0,0,.06);
  border-radius:0;
}

/* Odstępy między metadanymi w nagłówku zamówienia */
.order-meta-line{
  display:flex;
  flex-wrap:wrap;
  column-gap:2rem;     /* większy odstęp poziomy */
  row-gap:.25rem;      /* odstęp pionowy przy zawijaniu */
}
.order-meta-line > span{
  display:inline-flex;
  align-items:baseline;
}

/* Status: czarny tekst + ikona po prawej */
.status-chip{
  display:inline-flex;
  align-items:center;
  line-height:1;
  color:#000!important;
  margin-top:1rem;
  font-size:.8rem;
}
.status-chip .status-icon{
  height:1em;
  width:auto;
  display:block;
  vertical-align:text-bottom;
  transform:translateY(-.06em);
}
.status-icon--ok{ filter:none; }
.status-icon--warn{ filter:none; }

/* Przycisk „Szczegóły” i strzałka */
.order-toggle{
  color:#212529!important;
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}
.order-toggle:hover{opacity:.85}
.order-toggle .fa-chevron-down{
  transition:transform .2s ease;
  float:none!important;
  margin-right:0!important;
}
.order-toggle.open .fa-chevron-down{transform:rotate(180deg)}

/* Sekcja po rozwinięciu */
.order-details{
  border-top:1px solid rgba(0,0,0,.08);
  padding-top:1rem;
  margin-top:.5rem;
  overflow-x:clip;
}

/* Wyzerowanie niechcianych odsunięć rzędów wewnątrz collapse */
.order-card .order-details > .row,
.order-card .order-details .row{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:calc(var(--bs-gutter-x, 1.5rem) * .5);
  padding-right:calc(var(--bs-gutter-x, 1.5rem) * .5);
}

/* Produkty: ciaśniejszy gutter i większy padding kart */
.order-card .order-details .row.g-3{
  --bs-gutter-x:1rem;
  padding-left:calc(var(--bs-gutter-x) * .25)!important;
  padding-right:calc(var(--bs-gutter-x) * .25)!important;
}
.order-card .order-details .border.bg-white{
  padding:1rem!important;
}

/* Cztery kolumny meta bez ujemnego marginesu */
.order-card .order-details .order-meta{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Rząd z produktami: dociśnij do lewej krawędzi order-card */
.order-card .order-details > .row.g-3{
  padding-left:0 !important;
}

/* Pierwsza kolumna w tym rzędzie: bez własnego paddingu z col-* (desktop) */
.order-card .order-details > .row.g-3 > [class*="col-"]:first-child{
  padding-left:0 !important;
}

/* Obrazek w środku karty produktu nadal bez marginesu */
.order-card .order-details .border.bg-white > img{
  margin-left:0 !important;
}

/* Wiersz „Dane zamawiającego / faktury / wysyłka / płatność” */
.order-card .order-details > .row.g-4{
  padding-left:0 !important;
}

/* Pierwsza kolumna w tym wierszu również bez wewn. paddingu (desktop) */
.order-card .order-details > .row.g-4 > [class*="col-"]:first-child{
  padding-left:0 !important;
}

/* Ramki produktów */
.order-card .border{border-color:#ddd!important}

/* MOBILE – ciaśniejsze boki w szczegółach zamówienia */
@media (max-width:575.98px){
  /* nie przycinaj zawartości i daj mniejsze marginesy ujemne */
  .order-card .order-details{ overflow-x:visible; }
  .order-card .order-details .row{
    margin-left: -.125rem !important;
    margin-right: -.125rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .order-card .order-details .row > [class*="col-"]{
    padding-left: .25rem !important;
    padding-right: .25rem !important;
  }
  /* pierwsza kolumna (produkty/meta) otrzymuje minimalny lewy padding, żeby nie było „ucięcia” */
  .order-card .order-details > .row.g-3 > [class*="col-"]:first-child,
  .order-card .order-details > .row.g-4 > [class*="col-"]:first-child{
    padding-left: .5rem !important;
  }

  /* listy produktów */
  .order-card .order-details .row.g-3{
    --bs-gutter-x: .5rem !important;
    --bs-gutter-y: .75rem !important;
  }
  .order-card .order-details .border.bg-white{ padding: .7rem !important; }

  /* sekcje z danymi (Dane zamawiającego / faktury / wysyłka / płatność) */
  .order-card .order-details .row.g-4{
    --bs-gutter-x: .5rem !important;
    --bs-gutter-y: 1rem !important;
  }

  /* metadane w nagłówku – ciaśniej */
  .order-meta-line{
    column-gap: .75rem !important;
    row-gap: .25rem !important;
  }
}