/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2026 | 09:06:34 */
/* =========================
   WooCommerce Notices (RTL Minimal)
   ========================= */

.woocommerce-notices-wrapper{
  direction: rtl !important;
  display: grid !important;
  gap: 10px !important;
  margin: 16px auto !important;
  width: 100% !important;
  max-width: 720px !important;
  font-family: "Tanha", Sans-serif !important;
}

/* Base notice */
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info{
  --bg: #f3f4f6;
  --bd: #e5e7eb;
  --fg: #111827;
  --accent: #6b7280;

  background: color-mix(in srgb, var(--bg) 92%, transparent) !important;
  border: 1px solid var(--bd) !important;
  border-right: 4px solid var(--accent) !important;
  color: var(--fg) !important;

  border-radius: 12px !important;
  padding: 10px 12px !important;
  line-height: 1.75 !important;
  box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06) !important;
  position: relative !important;
  font-family: "Tanha", Sans-serif !important;
}

/* Error is an <ul> by default: make it compact */
.woocommerce-notices-wrapper .woocommerce-error{
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}
.woocommerce-notices-wrapper .woocommerce-error li{
  margin: 0 !important;
  font-family: "Tanha", Sans-serif !important;
}

/* Remove Woo default pseudo icons */
.woocommerce-notices-wrapper .woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before{
  display: none !important;
  content: none !important;
}

/* Semantic color themes */
.woocommerce-notices-wrapper .woocommerce-error{
  --bg: #FEF2F2;
  --bd: #FECACA;
  --fg: #7F1D1D;
  --accent: #EF4444;
}
.woocommerce-notices-wrapper .woocommerce-message{
  --bg: #ECFDF5;
  --bd: #A7F3D0;
  --fg: #064E3B;
  --accent: #10B981;
}
.woocommerce-notices-wrapper .woocommerce-info{
  --bg: #EFF6FF;
  --bd: #BFDBFE;
  --fg: #1E3A8A;
  --accent: #3B82F6;
}

/* Links inside notices */
.woocommerce-notices-wrapper a{
  color: color-mix(in srgb, var(--accent) 92%, #111827) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.woocommerce-notices-wrapper a:hover,
.woocommerce-notices-wrapper a:focus,
.woocommerce-notices-wrapper a:active{
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Layout for message/info */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info{
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  text-align: right !important;
}

/* Buttons inside notices */
.woocommerce-notices-wrapper .button,
.woocommerce-notices-wrapper a.button{
  float: none !important;
  order: -1 !important;
  margin: 0 !important;
  margin-right: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  padding: 8px 12px !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--bd)) !important;
  background: color-mix(in srgb, var(--accent) 12%, white) !important;
  color: color-mix(in srgb, var(--accent) 85%, #111827) !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  font-family: "Tanha", Sans-serif !important;
  transition: transform .12s ease, background .12s ease, border-color .12s ease !important;
}
.woocommerce-notices-wrapper .button:hover,
.woocommerce-notices-wrapper a.button:hover{
  background: color-mix(in srgb, var(--accent) 18%, white) !important;
  border-color: color-mix(in srgb, var(--accent) 45%, var(--bd)) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 480px){
  .woocommerce-notices-wrapper{
    gap: 8px !important;
    margin: 12px auto !important;
    max-width: calc(100% - 24px) !important;
  }

  .woocommerce-notices-wrapper .woocommerce-error,
  .woocommerce-notices-wrapper .woocommerce-message,
  .woocommerce-notices-wrapper .woocommerce-info{
    padding: 10px 10px !important;
    border-radius: 10px !important;
  }

  .woocommerce-notices-wrapper .woocommerce-message,
  .woocommerce-notices-wrapper .woocommerce-info{
    align-items: stretch !important;
  }

  .woocommerce-notices-wrapper .button,
  .woocommerce-notices-wrapper a.button{
    width: 100% !important;
    justify-content: center !important;
    margin: 2px 0 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
  }
}