/* Site review fixes (Maayan, 19 Oct 2026; fixes only, no new look). Hand-written; loaded LAST on every page
   (index.html by hand, the design pages by bin/import-site-pages.mjs reviewFixes()). Screenshots:
   aimai-design/pages/status/site-review/view/. No colours of its own: tokens only, plus #f5f5f5 for the pilot note. */

/* 3. cookie notice. Desktop: a small card in the bottom-left corner, max 360px; the page keeps its full height.
   Phones: one bar, 2 lines at most; web/cookie.js pads the page by exactly its height while it is open. */
@media (min-width:768px){
 .cookie{inset-inline:auto;left:16px;right:auto;bottom:16px;margin:0;width:calc(100% - 32px);max-width:360px;flex-direction:column;align-items:stretch;gap:12px;padding:16px}
 .cookie p{flex:none;font-size:14px;line-height:1.5}
 .cookie .acts{display:flex;gap:8px}
 .cookie .btn{flex:1;height:40px;min-height:40px;padding:0 14px;font-size:14px}
}
@media (max-width:767px){
 .cookie{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
 .cookie p{flex:1 1 auto;min-width:0;white-space:normal;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .cookie .acts{flex:none;width:auto;gap:6px}
 .cookie .btn{flex:none;height:44px;min-height:44px;width:auto;padding:0 12px;font-size:13px}
}

/* 6. no white strip under the copyright line (all pages) */
.foot,.home-more .foot{padding-bottom:24px}
@media (max-width:767px){.foot,.home-more .foot{padding-bottom:20px}}

/* ---------- home ---------- */
/* phones: no example question bubbles at all; the "בודקים אותך מול" strip stays (Yosef, 19.10 16:00) */
@media (max-width:767px){main.hero .talk{display:none}}
/* 6. ~48px from the example questions to the line under them (the hero no longer fills the whole screen) */
.page,body.has-cookie .page{min-height:0}
main.hero,body.has-cookie main.hero{min-height:0;flex:none;justify-content:flex-start;padding-bottom:40px}
main.hero .hint{position:static;margin-top:48px}
@media (min-width:768px){main.hero{padding-top:88px}}
@media (max-width:767px){
 main.hero{padding-top:96px}
 /* 4. the explanation line under the heading is back on phones */
 main.hero .sub{display:block;margin-top:14px;font-size:16px;line-height:1.55}
}
/* 6. a third less space around the pilot card and before the questions */
.home-more #value{padding-bottom:90px}
.home-more #pilot{padding-bottom:90px}
.home-more #faq{padding-top:90px}
@media (max-width:767px){.home-more #value,.home-more #pilot{padding-bottom:64px}.home-more #faq{padding-top:64px}}
/* 6. before / after: the "before" card is as tall as the "after" card; two grey lines say what is missing */
@media (min-width:768px){.gx-pair{align-items:stretch}}
.gx-miss{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--border)}
.gx-miss li{font-size:15px;color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:10px 0}

/* ---------- design pages ---------- */
/* 2. guides that are not written yet: "בקרוב", not a link */
.gcard.soon{cursor:default}
.gcard.soon .more.soon-t{color:var(--muted-foreground)}
.gcard.soon:hover{transform:none;box-shadow:none}

/* 4. pilot header on phones: no empty screen-height block; the tag and the three facts are back */
@media (max-width:767px){
 .p-hero{min-height:0;padding:96px 20px 48px}
 .p-hero .tag{display:inline-flex;margin-bottom:20px}
 .p-hero .facts{display:flex;margin-top:28px}
 .p-hero .facts li{padding:10px 16px;font-size:14px}
 .p-hero .hint{position:static;margin-top:24px}
}

/* 5. pilot form: the note is grey with a line on its left; no gap above the button; the disabled button
   stays black at 40% with a short line under it; the "what you get" headings line up */
.reassure{background:#f5f5f5;color:var(--foreground);border-left:3px solid var(--foreground);border-radius:4px 14px 14px 4px}
.reassure .tick{background:var(--foreground);color:var(--paper,#fff)}
.form-card #pl-ts{margin-top:-20px}
.form-card #pl-ts:not(:has(iframe)){display:none}
.form-card .btn.p[aria-disabled="true"]{background:var(--foreground);color:var(--paper,#fff);opacity:.4}
.form-card .send-need{display:none;margin-top:-10px;text-align:center;font-size:14px;color:var(--muted-foreground)}
.form-card #pl-send[aria-disabled="true"] ~ .send-need{display:block}
@media (min-width:768px){.get p{min-height:calc(2 * 1.55em)}}

/* 7. FAQ on phones: the topic tags are back, in one row that scrolls sideways; the glow is centred */
@media (max-width:700px){
 .faq-tools .topics{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-20px;padding:2px 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .faq-tools .topics::-webkit-scrollbar{display:none}
 .faq-tools .topics a{flex:none;white-space:nowrap}
 .ph.center .aura{inset:30% -25% -20% -25%}
}

/* 8. signup: the side panel runs the full height */
.auth{min-height:100vh;min-height:100svh}
.auth-side{min-height:100%}