/* 13/09/2026: שער ההסכמה כחלון קופץ קומפקטי בצבעי דף הבית (portal_theme.css),
   במקום דף מלא שנחווה מאיים. הרקע מדמה את האתר מאחורי חלון, הכרטיס צר,
   והנוסח המשפטי המלא מקופל תחת <details>. המזהים (#access-*) לא השתנו. */
.service-access { margin:0; min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:22px; box-sizing:border-box; padding:0 16px 32px;
  color:#2E2318; font:16px/1.6 Heebo,system-ui,sans-serif;
  /* דף הבית מוכהה, כאילו מאחורי חלון. ‼️ לא שכבת ::before קבועה — היא נצבעה מעל הכרטיס. */
  background:#C9BBA3; background-image:radial-gradient(70% 50% at 50% 0%, #DCD0BC 0%, #C9BBA3 55%, #B3A186 100%); }
/* טעימה מדף הבית מעל הכרטיס: רצועת שם כמו ה-header של index.php, ושתי שורות על שולה. */
.access-site { width:calc(100% + 32px); margin:0 -16px; color:#fff; }
.access-site-band { background:linear-gradient(135deg, #2A1F12 0%, #46331E 100%); padding:22px 20px 18px; text-align:center; box-shadow:0 6px 18px rgba(42,31,18,.25); }
.access-site-name { margin:0; font:700 1.9rem/1.2 'Frank Ruhl Libre',Heebo,serif; }
.access-site-tagline { margin:6px 0 0; font-size:.98rem; opacity:.92; }
.access-site-teaser { max-width:640px; margin:18px auto 0; padding:0 20px; text-align:center; color:#2E2318; }
.access-site-lead { margin:0 0 6px; font:700 1.2rem/1.35 'Frank Ruhl Libre',Heebo,serif; color:#2A1F12; }
.access-site-teaser p:not(.access-site-lead) { margin:0; font-size:.95rem; color:#3b2f22; }
.access-card { position:relative; width:100%; max-width:540px; margin:0 auto; padding:24px 28px 20px; box-sizing:border-box;
  border:1px solid #E6DCC8; border-radius:18px; background:#FFFCF5; box-shadow:0 24px 60px rgba(42,31,18,.28), 0 2px 8px rgba(42,31,18,.10); }
.access-card h1 { font:700 1.7rem/1.3 'Frank Ruhl Libre',Heebo,serif; color:#46331E; margin:14px 0 4px; }
.access-card h2 { font-size:1.25rem; color:#46331E; }
.access-card bdi { overflow-wrap:anywhere; }
.access-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; color:#6F604B; font-size:.92rem; }
.access-heading label { display:flex; align-items:center; gap:8px; }
#access-status { margin:0 0 12px; color:#6F604B; font-size:.95rem; }
#access-status:empty { display:none; }
.access-intro { margin:0 0 14px; font-size:1.02rem; color:#2E2318; }
.access-voice { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:0 0 14px; }
.access-voice .access-secondary { margin:0; }
.access-voice-btn--playing { background:#F7F1E6; }
@media(prefers-reduced-motion:no-preference) { .access-voice-btn--nudge { animation:access-nudge 1.6s ease-in-out 3; } @keyframes access-nudge { 0%,100% { transform:none; } 50% { transform:scale(1.04); box-shadow:0 0 0 6px rgba(166,75,42,.18); } } }
.access-details { margin:0 0 6px; border:1px solid #E6DCC8; border-radius:10px; background:#F7F1E6; }
.access-details summary { cursor:pointer; padding:10px 14px; font-weight:600; color:#574025; list-style-position:inside; }
.access-details summary:hover { color:#2A1F12; }
.access-details[open] summary { border-bottom:1px solid #E6DCC8; }
.access-details p { margin:0; padding:12px 14px; font-size:.92rem; color:#4A3B2A; }
.access-details .access-links { padding-top:0; }
.access-card a { color:#574025; text-underline-offset:4px; }
.access-card a.access-button { color:#fff; text-decoration:none; display:inline-flex; align-items:center; box-sizing:border-box; }
.access-links { display:flex; flex-wrap:wrap; gap:8px 20px; }
.access-card fieldset { border:0; padding:0; margin:14px 0 0; min-width:0; }
.access-card legend { font-weight:700; color:#46331E; padding:0; margin-bottom:2px; }
.access-check { display:flex; align-items:flex-start; gap:12px; margin:12px 0; cursor:pointer; }
.access-check input { width:24px; height:24px; margin:2px 0 0; flex-shrink:0; accent-color:#6B4F2F; }
.access-check span { font-size:.96rem; }
.access-card button,.access-button { border:2px solid #A64B2A; background:#A64B2A; color:#fff; border-radius:10px; padding:11px 20px; font:inherit; font-weight:700; cursor:pointer; min-height:48px; }
.access-card button:not(:disabled):hover,.access-button:hover { background:#8A3D21; border-color:#8A3D21; }
.access-card .secondary { background:transparent; color:#4A3B2A; border-color:#D3C5AB; font-weight:600; }
.access-card .secondary:not(:disabled):hover { background:#F7F1E6; border-color:#D3C5AB; }
.access-card .quiet { border-color:transparent; color:#6F604B; text-decoration:underline; text-underline-offset:4px; padding-inline:8px; }
.access-card .quiet:not(:disabled):hover { background:transparent; border-color:transparent; color:#2E2318; }
.access-card button:disabled { opacity:.5; cursor:not-allowed; }
.access-card :focus-visible { outline:3px solid #155abd; outline-offset:4px; }
.access-card select { font:inherit; padding:5px 6px; background:#fff; color:#2E2318; border:1px solid #D3C5AB; border-radius:8px; }
.access-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:16px 0 12px; }
.access-secondary { font-size:.88rem; color:#6F604B; margin:8px 0; }
.access-error { color:#992c22; font-weight:600; }
.access-error:empty { display:none; }
.access-card blockquote { margin:16px 0; padding:14px 18px; background:#F7F1E6; border-inline-start:4px solid #6B4F2F; }
.access-card audio { width:100%; margin:16px 0; }
.access-card footer { border-top:1px solid #E6DCC8; margin-top:16px; padding-top:12px; font-size:.88rem; }
.access-card [hidden] { display:none!important; }
@media(max-width:440px) { .service-access { padding:0 8px 16px; gap:14px; } .access-site { width:calc(100% + 16px); margin:0 -8px; } .access-site-band { padding:16px 14px 14px; } .access-site-name { font-size:1.55rem; } .access-site-teaser { margin-top:12px; } .access-card { padding:18px 16px 16px; } .access-actions>* { flex:1 1 100%; } }
@media(prefers-reduced-motion:no-preference) { .access-card { animation:access-pop .28s ease-out; } @keyframes access-pop { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:none; } } }