/* consent.css — באנר הסכמה לעוגיות (RTL). נטען ע"י includes/consent.php (הזרקה אוטומטית ל-<head>). */
.nc, .nc *, .nc-fab { box-sizing: border-box; font-family: inherit; }
.nc[hidden], .nc-fab[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, .nc-fab:focus-visible {
    outline: 3px solid #f5a623; outline-offset: 2px;
}

/* קישור קבוע "שינוי העדפות" (מימין למטה; תפריט הנגישות בצד שמאל) */
.nc-fab {
    position: fixed; right: 16px; bottom: 12px; z-index: 2147482999;
    padding: 8px 14px; min-height: 36px; border-radius: 18px; border: 1px solid #1A3C5E;
    background: #fff; color: #1A3C5E; font-size: .85rem; font-weight: 600; cursor: pointer;
    box-shadow: 0 2px 8px rgba(26, 60, 94, .2);
}
@media (max-width: 600px) {
    .nc-btn { flex: 1 1 100%; }
    .nc-fab { right: 8px; bottom: 8px; }
}
@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; } }
}
