/* ==============================
   GoldenDel – Icon & Tiles polish
   رنگ‌ها و مقیاس‌ها
============================== */
:root{
  --gdg-navy:#0b1a2b;
  --gdg-navy-2:#0f2339;
  --gdg-gold:#f4d27a;
  --gdg-gold-2:#e3c263;
  --gdg-gold-3:#ccb058;
  --gdg-soft:#f7f7f9;
  --gdg-ring: rgba(244,210,122,.55);
}

/* کارت/کاشی پایه */
.gdg-tile{
  background:#fff;
  border:1px solid rgba(11,26,43,.08);
  border-radius:16px;         /* دیزاین: گوشه‌های نرم */
  padding:16px 16px 14px;
  box-shadow:0 6px 28px rgba(11,26,43,.06);
  transition:.25s ease;
}
.gdg-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 36px rgba(11,26,43,.10);
}

/* حلقهٔ براق اطراف آیکون */
.gdg-tile-ic{
  width:48px;
  height:48px;
  min-width:48px; min-height:48px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border-radius:14px;
  position:relative;
  color:var(--gdg-navy);       /* SVG رنگ می‌گیرد از currentColor */
  background:
    radial-gradient(120% 120% at 30% 20%, #fff 0%, var(--gdg-gold) 50%, var(--gdg-gold-2) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 -8px 18px rgba(203,170,86,.35),
    0 6px 18px rgba(244,210,122,.35);
  border:1px solid rgba(203,170,86,.6);
  overflow:hidden;
}

/* خط هایلایت روی آیکون (درخشش نرم) */
.gdg-tile-ic::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 40%);
  mix-blend-mode:screen;
  pointer-events:none;
}

/* حلقه‌ی بیرونی (ring) */
.gdg-tile-ic::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:16px;
  box-shadow:0 0 0 4px var(--gdg-ring);
  opacity:.0;
  transition:.25s ease;
}

/* SVG داخل آیکون */
.gdg-tile-ic svg{
  width:22px; height:22px;
  display:block;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.5));
}

/* هاور روی کارت → درخشش/بزرگ‌نمایی آیکون */
.gdg-tile:hover .gdg-tile-ic{
  transform:translateY(-1px) scale(1.03);
}
.gdg-tile:hover .gdg-tile-ic::before{
  opacity:.7;
}

/* لینک داخلی کاشی */
.gdg-tile-link{
  display:block; text-decoration:none; color:inherit;
}

/* تیتر و نوشته‌ها */
.gdg-title{
  margin:0 0 4px; font-size:22px; font-weight:800; color:var(--gdg-navy);
}
.gdg-muted{ color:#6b7280; }

/* دکمه طلایی هماهنگ */
.gdg-btn{
  appearance:none; border:0; cursor:pointer;
  background:linear-gradient(180deg, var(--gdg-gold) 0%, var(--gdg-gold-2) 100%);
  color:var(--gdg-navy);
  border-radius:12px; padding:10px 14px;
  box-shadow:0 6px 18px rgba(244,210,122,.35);
  transition:.2s ease;
}
.gdg-btn:hover{ transform:translateY(-1px); }

/* دکمه بازگشت */
.gdg-back{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; text-decoration:none;
  background:rgba(244,210,122,.18);
  color:var(--gdg-navy);
  border:1px solid rgba(244,210,122,.45);
  border-radius:999px;
}
.gdg-back:hover{ background:rgba(244,210,122,.25); }

/* جدول‌ها (برای هماهنگی بصری) */
.gdg-table-wrap{ overflow:auto; border-radius:14px; border:1px solid rgba(11,26,43,.08); }
.gdg-table{ width:100%; border-collapse:separate; border-spacing:0; }
.gdg-table th, .gdg-table td{ padding:12px 14px; border-bottom:1px solid rgba(11,26,43,.06); }
.gdg-table thead th{ background:#fafbfc; color:#2c3e50; font-weight:700; }
/* ----------- GoldenDel Icons: outline mode ----------- */
.gdg-tile-ic svg path,
.gdg-tile-ic svg line,
.gdg-tile-ic svg polyline,
.gdg-tile-ic svg circle,
.gdg-tile-ic svg rect {
  fill: none !important;                 /* مهم: توپر نشود */
  stroke: currentColor !important;       /* از رنگ والد بگیرد */
  stroke-width: 1.8;                     /* ضخامت یکدست */
  stroke-linecap: round;                 /* سر خط‌ها گرد */
  stroke-linejoin: round;                /* گوشه‌ها نرم */
}