.tc-cookie {
    position: fixed;
    inset-inline: 1rem;
    bottom: 1rem;
    z-index: 9999;
    background: #111;
    color: #fff;
    padding: .9rem 1rem;
    border-radius: .75rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    max-width: 680px;
    line-height: 1.6
}

.tc-cookie__actions {
    margin-top: .75rem;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.tc-btn {
    border: 0;
    padding: .6rem .9rem;
    border-radius: .55rem;
    cursor: pointer
}

.tc-btn--accept {
    background: #06c167;
    color: #fff
}

.tc-btn--decline {
    background: #333;
    color: #fff
}

.tc-cookie a {
    color: #88e1ff;
    text-decoration: underline
}

.tc-hidden {
    display: none !important
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ===== Cookie Info Panel (پنل «چرا کوکی») =====
   اینجا (در cookie-consent.css که هر دو layout لودش می‌کنند) قرار گرفته تا پنل
   هم در صفحات عمومی و هم در صفحات داشبورد استایل داشته باشد. */
.tc-info__backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9998; }
.tc-info{ position:fixed; inset:0; display:flex; align-items:center; justify-content:center; z-index:9999; }
.tc-info.tc-hidden,.tc-info__backdrop.tc-hidden{ display:none !important; }
.tc-info__box{
  max-width:680px; width:calc(100% - 2rem); background:#111; color:#fff; border-radius:12px;
  padding:1rem 1rem .9rem; box-shadow:0 20px 60px rgba(0,0,0,.35); line-height:1.7; position:relative;
}
.tc-info__title{ font-size:1.1rem; margin:.25rem 0 .5rem; text-align:right; }
.tc-info__content p{ margin:.4rem 0; }
.tc-info__list{ margin:.5rem 1rem .5rem 0; padding:0 1rem; list-style:disc; }
.tc-info__actions{ display:flex; gap:.5rem; justify-content:flex-start; margin:1rem 0 .8rem; }
.tc-info__close{ position:absolute; inset-inline-end:.75rem; top:.5rem; border:0; background:transparent; color:#fff; font-size:1.4rem; cursor:pointer; line-height:1; }
@media (prefers-reduced-motion:no-preference){
  .tc-info__box{ transform:translateY(8px); opacity:0; transition:opacity .2s ease, transform .2s ease; }
  .tc-info:not(.tc-hidden) .tc-info__box{ transform:translateY(0); opacity:1; }
}