/* ORIL — правки 13.10.2026 (D1 + D2). Токени теми з _tokens.css. */

/* Абзаци в місії та «About ORIL Innovation» */
.mission__text p, .about-org__intro p { margin: 0 0 1em; }
.mission__text p:last-child, .about-org__intro p:last-child { margin-bottom: 0; }

/* Вступні абзаци під заголовками */
.audience__lead, .services__lead {
  max-width: 760px; margin: calc(-1 * var(--space-md)) 0 var(--space-xl);
  color: var(--color-text-muted); font-size: var(--text-body); line-height: var(--lh-body);
}

/* Шапка: ORIL як зовнішнє посилання */
.site-nav__item--oril .site-nav__link::after { content: " ↗"; font-size: .85em; }

/* Футер */
.site-footer__oril { margin-top: var(--space-sm); opacity: .85; font-size: var(--text-small); line-height: var(--lh-body); }
.site-footer__oril-link { color: inherit; text-decoration: underline; }
.site-footer__policies { display: inline-flex; gap: var(--space-md); flex-wrap: wrap; align-items: center; }
button.site-footer__policy { background: none; border: 0; padding: 0; font-family: inherit; line-height: inherit; cursor: pointer; }
button.site-footer__policy:hover { color: var(--color-white); }

/* Головна: «From Research to Real-World Technology» */
.oril-d1-further__inner { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--space-xl); align-items: center; }
.oril-d1-further h2 { margin: var(--space-xs) 0 var(--space-md); }
.oril-d1-further p { line-height: var(--lh-body); }
.oril-d1-further__actions { display: flex; flex-direction: column; gap: var(--space-sm); align-items: flex-start; }
@media (max-width: 860px) { .oril-d1-further__inner { grid-template-columns: 1fr; } }

/* Статті: міні-блок експертизи і CTA */
.oril-d1-xp {
  margin: var(--space-lg) 0; padding: var(--space-md) var(--space-lg);
  border-left: 4px solid var(--color-accent); background: var(--color-surface); border-radius: var(--radius-md);
}
.oril-d1-xp p { margin: 0 0 .6em; }
.oril-d1-xp__h { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--text-h4); }
.oril-d1-xp__links { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); margin-bottom: 0 !important; }
.oril-d1__link { font-weight: var(--fw-semibold); color: var(--color-primary); text-decoration: underline; text-underline-offset: 3px; }
.oril-d1-cta {
  margin: var(--space-xl) 0 var(--space-lg); padding: var(--space-lg);
  background: var(--color-dark-section); color: var(--color-white); border-radius: var(--radius-lg);
}
.oril-d1-cta p { margin: 0 0 .75em; color: inherit; }
.oril-d1-cta__h { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--text-h3); }
.oril-d1-cta__actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin: var(--space-md) 0 0 !important; }
.oril-d1-cta .btn { text-decoration: none; }

/* «What brings you here?» */
.oril-d1-why { margin-top: var(--space-lg); }
.oril-d1-why__h { font-weight: var(--fw-semibold); margin: 0 0 var(--space-sm); }
.oril-d1-why__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-sm); }
.oril-d1-why__card {
  padding: var(--space-sm) var(--space-md); background: var(--color-surface-alt, #fff);
  border: 1px solid var(--color-border); border-radius: var(--radius-md);
  display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-md); align-items: baseline;
}
.oril-d1-why__title { margin: 0; flex: 1 1 100%; font-weight: var(--fw-semibold); }

/* About: зв'язок з ORIL */
.oril-rel__inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-xl); align-items: start; }
.oril-rel h2 { margin: var(--space-xs) 0 var(--space-md); }
.oril-rel p { line-height: var(--lh-body); }
.oril-rel__box { padding: var(--space-lg); background: var(--color-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
.oril-rel__box h3 { margin-top: 0; }
@media (max-width: 860px) { .oril-rel__inner { grid-template-columns: 1fr; } }

/* Academy: підсумок стажування */
.oril-intern .section-heading { margin: var(--space-xs) 0 var(--space-md); }
.oril-intern__lead { max-width: 820px; line-height: var(--lh-body); }
.oril-intern__grid { list-style: none; padding: 0; margin: var(--space-lg) 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
.oril-intern__item { padding: var(--space-md) var(--space-lg); background: var(--color-surface); border-radius: var(--radius-md); }
.oril-intern__item h3 { margin: 0 0 var(--space-xs); font-size: var(--text-h4); }
.oril-intern__item p { margin: 0; line-height: var(--lh-body); }
.oril-intern__note { color: var(--color-text-muted); font-size: var(--text-small); }
@media (max-width: 760px) { .oril-intern__grid { grid-template-columns: 1fr; } }

/* Банер cookie */
.oril-cookie {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 720px; margin-inline: auto;
  background: var(--color-white); color: var(--color-text); border-radius: var(--radius-lg); box-shadow: 0 10px 40px rgba(0,0,0,.18);
}
.oril-cookie[hidden] { display: none; }
.oril-cookie__inner { padding: var(--space-md) var(--space-lg); }
.oril-cookie__t { font-weight: var(--fw-bold); margin: 0 0 var(--space-xs); }
.oril-cookie__p { margin: 0 0 var(--space-sm); font-size: var(--text-small); line-height: var(--lh-body); }
.oril-cookie__p a { color: inherit; text-decoration: underline; }
.oril-cookie__actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.oril-cookie__actions .btn { width: auto; min-width: 0; padding-inline: var(--space-lg); }
/* Мобільні: без горизонтального скролу */
.oril-rel__inner > *, .oril-d1-further__inner > * { min-width: 0; }
.oril-rel .btn, .oril-d1-cta .btn, .oril-d1-further .btn, .oril-intern .btn { max-width: 100%; white-space: normal; text-align: center; }
@media (max-width: 600px) { .oril-d1-cta { padding: var(--space-md); } .oril-d1-cta .btn { width: 100%; } }
.oril-rel__box .btn, .article-cta .btn, .oril-d1-cta .btn, .oril-intern .btn, .oril-d1-further .btn { min-width: 0; }
@media (max-width: 600px) { .oril-rel__box { padding: var(--space-md); } .oril-rel__box .btn, .article-cta .btn { width: 100%; } }

/* Блок А 14.10.2026: третій рівень CTA, рядок product-development */
.oril-d1-cta__more { margin: var(--space-sm) 0 0 !important; }
.oril-d1-cta__more .oril-d1__link, .oril-d1-further__more .oril-d1__link { color: var(--color-accent); }
.oril-d1-further__more { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-md); margin: var(--space-sm) 0 0; }
/* Тема звернення у формі */
.contact-form__field select, .cf7-grid select {
  width: 100%; background-color: var(--color-surface-alt); border: 1.5px solid var(--color-border); border-radius: var(--radius-sm);
  padding: 12px 40px 12px 16px; font-family: var(--font-body); font-size: var(--text-body); color: var(--color-text); outline: none;
  appearance: none; -webkit-appearance: none; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center;
}
.contact-form__field select:focus, .cf7-grid select:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(255, 211, 106, 0.25); }
/* /contacts/ на мобільному: кнопка «Write» з min-width 320px виходила за екран (було до правок 13.10) */
.contacts-ways__item > * { min-width: 0; }
@media (max-width: 600px) { .contacts-ways__callback { white-space: normal; } .contacts-ways__callback .btn { min-width: 0; max-width: 100%; } }

/* Аудит 15.10: сценарії в модальному вікні */
.modal__box .oril-d1-why { margin: var(--space-sm) 0 var(--space-md); }
.modal__box .oril-d1-why__grid { grid-template-columns: repeat(3, 1fr); }
.modal__box .oril-d1-why__card { padding: var(--space-xs) var(--space-sm); font-size: var(--text-small); }
@media (max-width: 760px) { .modal__box .oril-d1-why__grid { grid-template-columns: 1fr; } }

/* 20.10.2026: автор статті, LinkedIn у футері */
.oril-byline { display: flex; align-items: center; gap: var(--space-sm); margin: 0 0 var(--space-lg) !important; font-size: var(--text-small); color: var(--color-text-muted); }
.oril-byline__photo { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.oril-byline strong { color: var(--color-text); }
.oril-author { display: flex; gap: var(--space-md); align-items: flex-start; margin: var(--space-xl) 0 var(--space-lg); padding: var(--space-md) var(--space-lg); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-alt, #fff); }
.oril-author__photo { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.oril-author p { margin: 0 0 .35em; }
.oril-author__label { font-size: var(--text-small); text-transform: uppercase; letter-spacing: .04em; color: var(--color-text-muted); font-weight: var(--fw-semibold); }
.oril-author__name { font-family: var(--font-heading); font-weight: var(--fw-bold); font-size: var(--text-h4); }
.oril-author__role { color: var(--color-text-muted); font-size: var(--text-small); }
.oril-author__bio { line-height: var(--lh-body); }
@media (max-width: 600px) { .oril-author { flex-direction: column; } }
.site-footer__linkedin { display: inline-block; margin-top: var(--space-xs); }
