/* =============  overlay (پس‌زمینه نیمه‌شفاف) ============= */
.address-notice-modal {
    position: fixed;
    inset: 0;                       /* top 0; right 0; bottom 0; left 0 */
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s;
}

/* وقتی می‌خواهیم نشان بدهیم */
.address-notice-modal.visible {
    opacity: 1;
    visibility: visible;
}

/* ====================  جعبهٔ داخلی modal ==================== */
.address-notice-inner {
    background:#1a1a1a;
    border-radius:12px;
    max-width:600px;
    width:90%;
    padding:30px 20px 25px;
    position:relative;
    box-shadow:0 6px 20px rgba(0,0,0,.4);
    animation:bounceIn .4s ease;
}

/* انیمیشن ظاهر شدن */
@keyframes bounceIn{
    0%   {transform:scale(.8);opacity:0;}
    60%  {transform:scale(1.05);}
    100% {transform:scale(1);opacity:1;}
}

/* دکمه بستن (✕) */
.address-notice-close{
    position:absolute;
    top:12px; right:12px;
    background:transparent;
    border:none;
    font-size:1.6rem;
    line-height:1;
    color:#aaa;
    cursor:pointer;
    transition:color .2s;
}
.address-notice-close:hover{color:#fff;}

/* ============= استایل پیام‌های ووکامرس داخل modal ============= */
.address-notice-content .woocommerce-message,
.address-notice-content .woocommerce-error,
.address-notice-content .woocommerce-info{
    margin:0;
    padding:15px 20px;
    border-radius:8px;
    font-size:0.97rem;
    font-family:"Shabnam",sans-serif;
}

/* رنگ‑بندی انواع پیام */
.address-notice-content .woocommerce-message{
    background:#173e24;
    color:#c4ffca;
    border:2px solid #28a745;
}
.address-notice-content .woocommerce-error{
    background:#3d1313;
    color:#ffbaba;
    border:2px solid #dc3545;
}
.address-notice-content .woocommerce-info{
    background:#1d3342;
    color:#b0dfff;
    border:2px solid #17a2b8;
}




/* حذف کامل دکمه بستن */
#address-notice-modal .address-notice-close {
    display:none !important;    /* یا visibility:hidden;  */
}



/* --------------------------------------------------------------
   1️⃣ مخفی کردن آیکون پیش‌فرض ووکامرس
   -------------------------------------------------------------- */
.address-notice-content .woocommerce-message:before,
.address-notice-content .woocommerce-error:before,
.address-notice-content .woocommerce-info:before {
    display:none !important;               /* حذف کامل آیکون پیش‌فرض */
}

/* --------------------------------------------------------------
   2️⃣ افزودن آیکون سفارشی و تنظیم فاصله بین آیکون و متن
   -------------------------------------------------------------- */

/* پیام موفقیت (✔) – آیکون قبل از متن */
.address-notice-content .woocommerce-message::before {
    content: "\2714";                      /* Unicode: ✔ */
    color:   #28a745;                      /* سبز روشن */
    font-size: 1.2rem;
    margin-right: 8px;                     /* فاصلهٔ بین آیکون و متن */
}

/* پیام خطا (✖) – آیکون قبل از متن */
.address-notice-content .woocommerce-error::before {
    content: "\2718";                      /* Unicode: ✖ */
    color:   #dc3545;                      /* قرمز */
    font-size: 1.2rem;
    margin-right: 8px;
}

/* پیام اطلاع (ℹ) – آیکون قبل از متن */
.address-notice-content .woocommerce-info::before {
    content: "\2139";                      /* Unicode: ℹ */
    color:   #17a2b8;                      /* آبی */
    font-size: 1.2rem;
    margin-right: 8px;
}

/* -----------------------------------------------------------------
   اگر به هر دلیلی می‌خواهید آیکون بعد از متن باشد
   (مثلاً قبلاً از ::after استفاده می‌کردید)، به‌جای margin‑right
   از margin‑left استفاده کنید.
   ----------------------------------------------------------------- */
/*
.address-notice-content .woocommerce-message::after {
    content: "\2714";
    color: #28a745;
    font-size: 1.2rem;
    margin-left: 8px;      <- فاصله بین متن و آیکون
}
*/