/* =============================
   WooCommerce Shared Styles
============================= */

span.trade-label {
   background: #ffc000;
   padding: 1px 12px;
   border-radius: 8px;
   font-size: 14px;
}

span.onsale {
   position: absolute;
   top: 12px;
   left: 12px;
   background: #ff4d4f;
   color: #fff;
   font-size: 12px;
   font-weight: 600;
   padding: 5px 10px;
   border-radius: 20px;
   z-index: 2;
}

header.woocommerce-products-header {
   padding: 24px 0;
}

header.woocommerce-products-header h1.woocommerce-products-header__title,
header.woocommerce-products-header .term-description p {
   color: #fff;
}

nav.woocommerce-breadcrumb {
   color: #ffc000;
}

nav.woocommerce-breadcrumb a {
   color: #fff;
}

nav.woocommerce-breadcrumb a:hover {
   color: #ffc000;
}

.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
   display: none;
   margin: 0;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
   position: relative;
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 14px 16px 14px 48px;
   border-radius: 10px;
   font-size: 14px;
   line-height: 1.5;
   font-weight: 500;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
   flex-wrap: wrap;
   animation: wcNoticeFade 0.35s ease;
   margin-bottom: 10px;
}

.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-info::before {
   position: absolute;
   left: 16px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 18px;
   font-weight: bold;
}

.woocommerce-notices-wrapper .woocommerce-message:focus-visible {
   outline: none;
}

.woocommerce-notices-wrapper .woocommerce-message {
   background: #f0fdf4;
   border: 1px solid #bbf7d0;
   color: #166534;
}

.woocommerce-notices-wrapper .woocommerce-message::before {
   content: "✓";
   color: #16a34a;
}

.woocommerce-notices-wrapper .woocommerce-error {
   background: #fff5f5;
   border: 1px solid #fecaca;
   color: #991b1b;
}

.woocommerce-notices-wrapper .woocommerce-error::before {
   content: "✕";
   color: #dc2626;
}

.woocommerce-notices-wrapper .woocommerce-info {
   background: #eff6ff;
   border: 1px solid #bfdbfe;
   color: #1e40af;
}

.woocommerce-notices-wrapper .woocommerce-info::before {
   content: "ℹ";
   color: #2563eb;
}

ul.woocommerce-error {
   flex-direction: column;
   justify-content: flex-end;
   align-items: flex-start;
   list-style: none;
   padding: 20px;
}

ul.woocommerce-error a {
   color: #991b1b;
}

.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-error .button,
.woocommerce-notices-wrapper .woocommerce-info .button {
   margin-left: auto;
}

@keyframes wcNoticeFade {
   from {
      opacity: 0;
      transform: translateY(-8px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

@media (max-width: 576px) {
   .woocommerce-notices-wrapper .woocommerce-message .button,
   .woocommerce-notices-wrapper .woocommerce-error .button,
   .woocommerce-notices-wrapper .woocommerce-info .button {
      margin-left: 0;
   }
}