/* consent.css — באנר הסכמה לעוגיות (RTL). מבוסס על public/css/consent.css של ריפו numera. */
.nc, .nc * { box-sizing: border-box; font-family: inherit; }
.nc[hidden], .nc [hidden] { display: none !important; }

.nc {
    position: fixed; inset-inline: 0; bottom: 0; z-index: 2147483000;
    background: #fff; color: #1a2b3c; border-top: 3px solid #1A3C5E;
    box-shadow: 0 -6px 24px rgba(26, 60, 94, .18);
    max-height: 90vh; overflow-y: auto; direction: rtl; text-align: right;
}
.nc:focus { outline: none; }
.nc-inner { max-width: 960px; margin: 0 auto; padding: 16px 20px 18px; }
.nc-title { margin: 0 0 6px; font-size: 1.1rem; color: #1A3C5E; }
.nc-desc { margin: 0 0 12px; font-size: .95rem; line-height: 1.6; }
.nc-link { color: #1A3C5E; text-decoration: underline; font-weight: 600; }

.nc-panel { margin: 0 0 14px; padding: 10px 12px; border: 1px solid #c9d5e0; border-radius: 8px; }
.nc-legend { padding: 0 6px; font-weight: 700; color: #1A3C5E; }
.nc-row { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; cursor: pointer; }
.nc-row + .nc-row { border-top: 1px solid #e8edf2; }
.nc-row input { width: 20px; height: 20px; margin-top: 3px; flex: none; accent-color: #1A3C5E; }
.nc-row-text { display: flex; flex-direction: column; gap: 2px; }
.nc-row-desc { font-size: .88rem; color: #3b4d5e; }

.nc-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.nc-btn {
    min-height: 44px; padding: 10px 22px; border-radius: 8px; font-size: 1rem; font-weight: 700; cursor: pointer;
    border: 2px solid #1A3C5E;
}
/* "אשר הכל" ו"דחה הכל" באותו עיצוב בדיוק - בלי הדגשה לכיוון אחד */
.nc-btn-primary { background: #1A3C5E; color: #fff; }
.nc-btn-secondary { background: #fff; color: #1A3C5E; }
.nc-btn:hover { filter: brightness(1.12); }
.nc-btn:focus-visible, .nc-link:focus-visible, .nc-row input:focus-visible {
    outline: 3px solid #f5a623; outline-offset: 2px;
}

/* מובייל: באנר קומפקטי (עיצוב בלבד). "אשר הכל" ו"דחה הכל" זה לצד זה, באותו גודל ובאותו עיצוב; "התאמה אישית" ו"שמור בחירה" בשורה משלהם */
@media (max-width: 600px) {
    .nc-inner { padding: 12px 16px 14px; }
    .nc-title { margin-bottom: 4px; font-size: 1rem; }
    .nc-desc { margin-bottom: 10px; font-size: .88rem; line-height: 1.5; }
    .nc-actions { gap: 8px; }
    .nc-btn { flex: 1 1 calc(50% - 4px); min-height: 44px; padding: 8px 12px; font-size: .95rem; }
    .nc-actions .nc-btn:nth-child(n+3) { flex-basis: 100%; }
    .nc-panel { margin-bottom: 10px; padding: 6px 10px; }
    .nc-row { padding: 6px 0; }
}
@media (prefers-reduced-motion: no-preference) {
    .nc { animation: nc-in .25s ease-out; }
    @keyframes nc-in { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
}