#parsi-analytics { font: inherit; color: #f5f5f5; }
/* Phones: compact, above the bottom bar, logical sides so Persian (RTL) mirrors; the accent colour follows the visitor's choice. */
.parsi-cookie-banner { position: fixed; z-index: 100; bottom: calc(84px + env(safe-area-inset-bottom)); inset-inline: 12px; max-width: 460px; padding: 14px 16px; border: 1px solid #444; border-radius: 18px; background: #171717; box-shadow: 0 12px 48px #0007; font-size: 13px; line-height: 1.45; }
.parsi-cookie-banner[hidden] { display: none; }
.parsi-cookie-banner strong { font-size: 15px; }
.parsi-cookie-banner p { margin: 4px 0 12px; color: #ddd; }
.parsi-cookie-banner a { color: var(--color-acid, #ceff33); text-decoration: underline; }
.parsi-cookie-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.parsi-cookie-actions button { flex: 1 1 8rem; min-height: 40px; border: 1px solid var(--color-acid, #ceff33); border-radius: 12px; padding: 8px 12px; font: inherit; font-weight: 700; cursor: pointer; background: #171717; color: var(--color-acid, #ceff33); }
.parsi-cookie-actions button:last-child { background: var(--color-acid, #ceff33); color: #111; }
#parsi-cookie-settings { display: block; margin: 16px auto 100px; min-height: 44px; padding: 8px 20px; border-radius: 30px; border: 1px solid #777; background: #171717; color: #fff; font: inherit; font-size: 13px; cursor: pointer; }
#parsi-analytics button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (min-width: 1024px) { .parsi-cookie-banner { bottom: 24px; inset-inline: 24px auto; padding: 20px; font-size: 14px; } .parsi-cookie-banner strong { font-size: 18px; } #parsi-cookie-settings { margin-bottom: 24px; } }