/* ===============================
   PGCO — main.css (Global Styles)
   Light theme + global variables
   Mobile-first + overflow guards
================================= */

/* --- Mobile overflow guard & sensible defaults --- */
html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
*, *::before, *::after { box-sizing: inherit; }

html, body {
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* --- Variables --- */
:root{
    --pgco-brand:#19284F;      /* آبی برند */
    --pgco-accent:#EF4444;     /* قرمز */
    --pgco-muted:#6E7A90;      /* متن فرعی */
    --pgco-bg:#F7F8FA;         /* پس‌زمینه کلی */
    --pgco-card:#FFFFFF;       /* باکس/کارت/هدر/فوتر */
    --pgco-text:#1B2748;       /* متن اصلی */
    --pgco-chip:#EAEDEF;       /* پس‌زمینه ملایم آیکون‌ها */
    --pgco-border:#E5E8EF;     /* خطوط تفکیک */
    --container:1200px;        /* عرض کانتینر مرکزی */
    --card-min-h:320px;
    --card-thumb-h:230px;
    --r:18px;
    --footer-h:86px;
}

/* --- Base elements --- */
body{
    color:var(--pgco-text);
    background:var(--pgco-bg);
    font-family:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

img, video, canvas, svg, iframe { max-width:100%; height:auto; display:block; }

a{ color:var(--pgco-brand); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* --- Containers --- */
.wrap, .container, .site-wrap{
    width:100%;
    max-width: var(--container);
    margin-inline:auto;
    padding-inline:12px; /* فاصله‌ی امن از لبه */
}

/* --- Simple grids --- */
.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:992px){ .grid-4{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:768px){ .grid-4,.grid-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .grid-2{ grid-template-columns:1fr; } }

[class*="grid"], [class*="row"], [class*="col"] { min-width: 0; }

/* --- Chips --- */
.pgco-chip{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--pgco-chip); color:var(--pgco-text);
    border:1px solid #D0D3D8; border-radius:12px; padding:6px 10px; font-size:13px;
}

/* --- Generic nav/footer lists --- */
.pgco-nav,.pgco-footer-nav{ list-style:none; margin:0; padding:8px 0; display:flex; gap:16px; }
.pgco-nav a,.pgco-footer-nav a{ color:var(--pgco-text); text-decoration:none; }
.pgco-nav a:hover,.pgco-footer-nav a:hover{ color:var(--pgco-brand); }

/* --- Full-width sections --- */
.full-bleed { width:100%; max-width:100%; }

/* === Overflow guard (global fix) === */
html, body { max-width: 100%; overflow-x: hidden; }
.wrap, .container, .site-wrap { width:100%; max-width: var(--container,1200px); margin-inline:auto; }
[class*="grid"], [class*="row"], [class*="col"] { min-width: 0; }
.full-bleed, [class*="full"], [class*="wide"] { width:100%; max-width:100%; }


/* ===== استایل سراسری نوتیفیکیشن‌های ووکامرس ===== */

/* رپر کلی نوتیس‌ها */
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup{
    margin:0 0 16px;
}

/* لیست خطاها، پیام موفق و اینفو: بولت نداشته باشن */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info{
    list-style:none;
    margin:0 0 16px;
    padding:20px 14px;
    line-height: 20px;
    border-radius:18px;
    font-size:.9rem;
    box-sizing:border-box;
}

/* خطاها */
.woocommerce-error{
    border:1px solid var(--pgco-accent, #EF4444);
    background:rgba(239,68,68,.06);
    color:var(--pgco-accent, #EF4444);
    box-shadow:0 10px 24px rgba(239,68,68,.12);
}

/* پیام موفق (مثلاً کوپن اعمال شد) */
.woocommerce-message{
    border:1px solid #bbf7d0;
    background:#ecfdf3;
    color:#166534;
    box-shadow:0 10px 24px rgba(22,101,52,.08);
}

/* پیام اطلاع‌رسانی (مثلاً “کد تخفیف دارید؟”) */
.woocommerce-info{
    border:1px solid #bfdbfe;
    background:#eff6ff;
    color:#1d4ed8;
    box-shadow:0 10px 24px rgba(37,99,235,.08);
}

/* هر آیتم داخل لیست خطا */
.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li{
    margin:0;
    padding-inline-start:22px;
    position:relative;
}

/* آیکن کوچیک کنار خطاها */
.woocommerce-error li::before{
    content:"!";
    position:absolute;
    inset-inline-start:0;
    top:50%;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    border-radius:999px;
    background:var(--pgco-accent, #EF4444);
    color:#fff;
    font-size:.75rem;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* لینک‌ها داخل نوتیس‌ها */
.woocommerce-error a,
.woocommerce-message a,
.woocommerce-info a{
    color:inherit;
    font-weight:600;
    text-decoration:none;
}