/* The /one-day page (design C2, Hebrew and English): the sections search engines read without scripts -
   every module as a link, the commercial, the FAQ and the site footer. */

.hc-industries, .hc-modules, .hc-reel, .hc-faq { position: relative; z-index: 2; padding: clamp(64px, 9vw, 120px) var(--gutter); }
.hc-industries { background: var(--surface); }
.hc-modules { background: var(--bg); }
.hc-reel { background: var(--surface); }
.hc-faq { background: var(--bg); }
.hc-in { max-width: 1180px; margin: 0 auto; }
.hc-in > h2 { margin: 0 0 12px; font-size: clamp(1.9rem, 3.6vw, 3rem); line-height: 1.1; letter-spacing: -0.02em; }
.hc-lede { margin: 0 0 36px; max-width: 62ch; color: var(--ink-2); font-size: 18px; line-height: 1.6; }

.hc-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.hc-group { padding: 20px 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); border-top: 4px solid var(--cat); }
.hc-group h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 12px; font-size: 19px; color: var(--cat-ink); }
.hc-group h3 small { color: var(--ink-2); font-size: 14px; font-weight: 600; }
.hc-group ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.hc-group li { font-size: 15px; line-height: 1.45; }
.hc-group a { color: var(--ink); text-decoration: none; border-bottom: 1px solid transparent; }
.hc-group a:hover, .hc-group a:focus-visible { color: var(--cat-ink); border-bottom-color: currentColor; }
.hc-mod-status { margin-inline-start: 6px; padding: 1px 7px; border-radius: 999px; background: var(--bg-2); color: var(--ink-2); font-size: 12px; }
.hc-more { margin: 28px 0 0; }
.hc-more a, .hc-foot a { color: var(--indigo); font-weight: 600; }

.hc-ind-grid { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.hc-ind { display: grid; align-content: start; gap: 6px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg); }
.hc-ind h3 { margin: 0; font-size: 18px; line-height: 1.3; }
.hc-ind p { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.5; }
.hc-ind .hc-ind-hl { font-size: 13px; color: var(--ink-2); }
.hc-ind a { justify-self: start; margin-top: 4px; color: var(--indigo); font-weight: 600; font-size: 14px; }
.hc-ind-other { border-style: dashed; border-color: var(--indigo); }
.hc-ind-special { margin: 26px 0 0; max-width: 70ch; color: var(--ink-2); line-height: 1.8; }
.hc-ind-special a { color: var(--ink); font-weight: 600; }
@media (max-width: 560px) {
  .hc-ind-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .hc-ind { padding: 14px; }
  .hc-ind h3 { font-size: 16px; }
  .hc-ind p { font-size: 14px; }
  .hc-ind .hc-ind-hl { display: none; }
  .hc-ind-other { grid-column: 1 / -1; }
}

.hc-reel-video { display: block; width: 100%; max-width: 960px; height: auto; aspect-ratio: 16 / 9; border-radius: 18px; background: var(--ink); box-shadow: var(--shadow); }

.hc-faq-list { display: grid; gap: 14px; max-width: 860px; }
.hc-faq-item { padding: 20px 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.hc-faq-item h3 { margin: 0 0 8px; font-size: 19px; line-height: 1.35; }
.hc-faq-item p { margin: 0; color: var(--ink-2); font-size: 16px; line-height: 1.65; }

.hc-foot { display: grid; gap: 12px; }
.hc-foot-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.hc-foot-links a { font-weight: 500; color: var(--ink); text-decoration: none; }
.hc-foot-links a:hover, .hc-foot-links a:focus-visible { color: var(--indigo); text-decoration: underline; }

@media (max-width: 560px) {
  .hc-lede { font-size: 16px; }
  .hc-group { padding: 18px; }
}

/* The accessibility button sits in the corner the chat button leaves free, clear of the header
   CTA, and stays on phones: this page has no menu to hold it. */
html .a11y-toolbar-toggle, html [dir="rtl"] .a11y-toolbar-toggle { top: auto; bottom: 24px; left: 20px; right: auto; }
@media (max-width: 768px) {
  html .a11y-toolbar-toggle, html #lxb-a11y-widget .a11y-toolbar-toggle { display: flex !important; top: auto; bottom: 16px; left: 16px; width: 46px; height: 46px; }
}

/* English, left to right. The clock turns the same way in both languages, so the morning cards stay on the left,
   where the hand points, and the afternoon on the right; the day's band fills from the left. */
@media (min-width: 901px) {
  html[dir="ltr"] .c-col-am { grid-column: 1; }
  html[dir="ltr"] .c-col-pm { grid-column: 3; }
  html[dir="ltr"] .c-ruler-hour { transform: translateX(-50%); }
}
html[dir="ltr"] .c-ruler-fill { background: linear-gradient(to right, #5b4bff, #a24bff 40%, #ff4f9a 75%, #ff7a52); }
html[dir="ltr"] .c-lead.is-moved { transform: translateX(calc(100% + 10px)); }

/* header controls: the language link and the theme toggle (dark rules in home-c-dark.css) */
.c-lang { display: inline-flex; align-items: center; gap: 6px; height: 40px; flex: none; padding: 0 12px; border: 1px solid var(--line); border-radius: 99px; color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.c-lang:hover { background: var(--bg-2); }
.c-lang:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; }
.c-lang svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
.c-lang-short { display: none; }
@media (max-width: 560px) {
  .c-top .c-brand span { display: none; }
  .c-top .c-btn-sm { white-space: nowrap; padding: 0 12px; font-size: 13px; }
  .c-lang { padding: 0 10px; }
  .c-lang-full { display: none; }
  .c-lang-short { display: inline; }
}

.c-theme { display: grid; place-items: center; width: 40px; height: 40px; flex: none; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; }
.c-theme:hover { background: var(--bg-2); }
.c-theme:focus-visible { outline: 2px solid var(--indigo); outline-offset: 2px; }
.c-theme svg { width: 18px; height: 18px; fill: currentColor; }
.c-theme .c-sun { display: none; }