/* FabrykaCmyka — komunikaty WooCommerce (dodano do koszyka / usunięto / błąd kodu / info)
   1:1 z projektem „Powiadomienia Sklepu" (handoff6). Mapujemy natywny markup WC
   (.woocommerce-message/.error/.info) na komponent .fc-notice z designu.
   Zmienne na samym elemencie → styl działa też poza .fc-root. */

.fc-notices{max-width:var(--fc-container,1280px);margin:0 auto;padding:18px 20px 0}
.fc-notices:empty{display:none}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  --fcn-cyan:var(--fc-cyan,#6EC1E4);
  --fcn-yellow:#FFDE2C;
  --fcn-err:#c0392b;
  --fcn-magenta:var(--fc-magenta,#C800A7);
  --fcn-magenta-dark:var(--fc-magenta-dark,#a90b8f);
  --fcn-text:#54595F;
  --fcn-text-soft:#7A7A7A;
  --fcn-border:#ECECEC;

  display:flex!important;
  align-items:center;
  gap:14px;
  margin:0 0 12px!important;
  padding:15px 16px 15px 18px!important;
  background:#fff!important;
  border:1px solid var(--fcn-border)!important;
  border-left:4px solid var(--fcn-cyan)!important;
  border-radius:7px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.05)!important;
  list-style:none!important;
  font-family:'Lato',sans-serif!important;
  font-size:14.5px!important;
  line-height:1.45!important;
  color:var(--fcn-text)!important;
}
.woocommerce-error{border-left-color:var(--fcn-err)!important}
.woocommerce-info{border-left-color:var(--fcn-yellow)!important}

/* ikona — kółko 28px z własnym SVG (niezależne od fontu WooCommerce) */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before{
  content:""!important;
  flex:0 0 auto;
  width:28px;height:28px;
  border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:15px 15px;
  position:static!important;
  top:auto!important;left:auto!important;margin:0!important;
}
.woocommerce-message::before{background-color:var(--fcn-cyan);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.woocommerce-error::before{background-color:var(--fcn-err);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E")}
.woocommerce-info::before{background-color:var(--fcn-yellow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a3f00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}

/* treść (li lub bezpośredni tekst) wypełnia środek */
.woocommerce-message > li,
.woocommerce-error > li,
.woocommerce-info > li{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.woocommerce-message > li b,
.woocommerce-info > li b,
.woocommerce-error > li b{font-weight:700;color:var(--fcn-text)}

/* przycisk akcji „Zobacz koszyk" → primary magenta + ikona koszyka */
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward{
  flex:none;
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:40px;
  min-height:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--fcn-magenta)!important;
  color:#fff!important;
  font-family:'Poppins',sans-serif!important;
  font-weight:700!important;
  font-size:13.5px!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
  box-shadow:none!important;
  transition:.13s;
}
.woocommerce-message .button.wc-forward::before,
.woocommerce-info .button.wc-forward::before{
  content:"";
  flex:none;
  width:15px;height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6h15l-1.5 9h-12z'/%3E%3Cpath d='M6 6 5 3H2'/%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3C/svg%3E") center/15px no-repeat;
}
.woocommerce-message .button.wc-forward:hover,
.woocommerce-info .button.wc-forward:hover{background:var(--fcn-magenta-dark)!important;color:#fff!important}

/* link „Cofnij?" (przywróć usunięte) → akcent magenta */
.woocommerce-message a.restore-item,
.woocommerce-info a.restore-item,
.woocommerce-error a.restore-item{
  margin-left:5px!important;
  color:var(--fcn-magenta)!important;
  font-family:'Poppins',sans-serif!important;
  font-weight:700!important;
  font-size:14px!important;
  text-decoration:underline!important;
}
.woocommerce-message a.restore-item:hover,
.woocommerce-info a.restore-item:hover,
.woocommerce-error a.restore-item:hover{color:var(--fcn-magenta-dark)!important}

/* przycisk zamknięcia (dokładany przez notices.js) */
.fc-notice__close{
  flex:none;
  width:30px;height:30px;
  padding:0;
  border:0;
  background:none;
  border-radius:7px;
  color:var(--fcn-text-soft,#7A7A7A);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.13s;
}
.fc-notice__close:hover{background:rgba(0,0,0,.05);color:var(--fcn-text,#54595F)}

@media (max-width:560px){
  .woocommerce-message > li,
  .woocommerce-error > li,
  .woocommerce-info > li{align-items:flex-start}
  .woocommerce-message .button.wc-forward,
  .woocommerce-info .button.wc-forward{width:100%;margin-left:0!important;margin-top:8px}
}