/* MITI / IITI RU-KK v0.3.0 — scoped child-theme additions. */
.iiti-kk-switcher {
  display: inline-flex !important;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
  vertical-align: middle;
  margin: 0;
  padding: 5px 8px;
  border-radius: 50px;
  border: 1px solid rgba(45, 106, 132, .25);
  background: #fff;
  color: #2b5d74;
  box-shadow: 0 3px 12px rgba(11, 46, 67, .12);
  font: 700 12px/1.45 system-ui, -apple-system, 'Segoe UI', sans-serif;
  letter-spacing: .025em;
  white-space: nowrap;
  position: fixed;
  top: auto;
  bottom: max(22px, env(safe-area-inset-bottom));
  right: 20px;
  z-index: 2147483000;
}

.iiti-kk-switcher__link {
  display: inline-block;
  text-decoration: none !important;
  padding: 3px 6px;
  color: #32657c !important;
  border-radius: 22px;
  transition: background-color .15s ease;
}
.iiti-kk-switcher__link:is(:hover, :focus-visible) { background: #eaf4f7; color: #034f70 !important; }
.iiti-kk-switcher__link.is-current { background: #216886; color: #fff !important; }
.iiti-kk-switcher__link.is-current:hover { background: #195773; color: #fff !important; }
.iiti-kk-switcher__divider { color: #8296a0; }
.iiti-kk-switcher__link:focus-visible { outline: 2px solid #176b9d; outline-offset: 2px; }

@media (max-width: 1040px) {
  .iiti-kk-switcher, .iiti-kk-switcher--attached {
    position: fixed !important;
    top: auto !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
    right: 12px !important;
    margin: 0 !important;
    padding: 7px 9px;
    z-index: 99998;
    box-shadow: 0 5px 18px rgba(10, 54, 78, .3);
  }
}

/* Temporary Kazakh-language content — staging only. */
.iiti-kk-pilot { color: #294455; font: 400 16px/1.65 system-ui, -apple-system, 'Segoe UI', sans-serif; padding-bottom: 40px; }
.iiti-kk-pilot *, .iiti-kk-pilot *::before, .iiti-kk-pilot *::after { box-sizing: border-box; }
.iiti-kk-pilot__container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.iiti-kk-pilot__hero { background: linear-gradient(115deg, #f6fafb 0%, #e5f0f4 45%, #dcecf1 100%); padding: 56px 0; }
.iiti-kk-pilot__hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 35px; }
.iiti-kk-pilot__eyebrow { color: #1e7595; font-size: .85rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
.iiti-kk-pilot h1 { margin: 0 0 22px; max-width: 680px; font-size: clamp(29px, 3.3vw, 46px); font-weight: 750; letter-spacing: -.03em; line-height: 1.12; color: #123f55; }
.iiti-kk-pilot h2 { font-size: clamp(25px, 3vw, 34px); font-weight: 740; line-height: 1.22; margin: 0 0 25px; color: #174962; }
.iiti-kk-pilot h3 { font-size: 20px; font-weight: 730; color: #174962; margin: 0 0 10px; }
.iiti-kk-pilot__hero-text ul { margin: 0 0 20px; padding-left: 23px; }
.iiti-kk-pilot__hero-text li { margin-bottom: 5px; }
.iiti-kk-pilot__hero-visual { min-height: 330px; width: 100%; border-radius: 22px; background: #246780 linear-gradient(120deg, #0f506b, #79b6c4); background-size: cover; background-position: center; box-shadow: 0 14px 38px rgba(16, 74, 102, .18); }
.iiti-kk-pilot__section { padding: 48px 0 10px; }
.iiti-kk-pilot__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.iiti-kk-pilot__cards--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iiti-kk-pilot__card { padding: 22px; background: #f2f7fa; border: 1px solid #e7eef2; border-radius: 16px; min-height: 120px; }
.iiti-kk-pilot__card p { margin: 4px 0 0; color: #466477; }
.iiti-kk-pilot__badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #d5edf4; color: #135c7f; width: 34px; height: 34px; font-size: 14px; font-weight: 800; margin-bottom: 12px; }
.iiti-kk-pilot__categories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 0; list-style: none; }
.iiti-kk-pilot__categories li { padding: 15px; border: 1px solid #e3ebef; background: #f8fbfc; border-radius: 12px; color: #28516a; font-weight: 600; }
.iiti-kk-pilot__actions { display:flex; flex-wrap:wrap; gap:10px; margin: 22px 0; }
.iiti-kk-pilot__button { display: inline-block; padding: 11px 18px; border-radius: 9px; color: #fff !important; background: #246783; text-decoration: none !important; font-weight: 680; }
.iiti-kk-pilot__button--alt { color: #246783 !important; background: #eaf3f6; border: 1px solid #adcdd9; }
.iiti-kk-pilot__note { margin: 22px 0 0; padding: 14px 18px; border-radius: 12px; color: #3a6374; background: #f0f6f9; font-size: 14px; }
@media (max-width: 950px) {
 .iiti-kk-pilot__hero-grid { grid-template-columns: 1fr; }
 .iiti-kk-pilot__hero-visual { min-height: 260px; }
 .iiti-kk-pilot__cards, .iiti-kk-pilot__categories { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .iiti-kk-pilot__cards--three { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
 .iiti-kk-pilot__container { width: min(100% - 26px, 560px); }
 .iiti-kk-pilot__hero { padding: 30px 0; }
 .iiti-kk-pilot__hero-visual { min-height: 190px; }
 .iiti-kk-pilot__section { padding-top: 34px; }
 .iiti-kk-pilot__cards, .iiti-kk-pilot__categories { grid-template-columns: 1fr; }
}

/* v0.3: Never let the language control escape the viewport. */
.iiti-kk-switcher { inset-inline-start:auto!important; max-width:calc(100vw - 24px); }
.iiti-kk-switcher a { pointer-events:auto; }

/* v0.3 pilot artwork: neutral typographic diagram, no embedded Russian copy.
   Replace with assets/media/kk/hero-kk.webp when approved translated artwork is ready. */
.iiti-kk-pilot__hero-visual {
  overflow: hidden;
  position: relative;
  background-image:
     radial-gradient(ellipse at 68% 72%,rgba(255,167,83,.36),transparent 35%),
     repeating-linear-gradient(0deg,transparent 0, transparent 41px, rgba(151,222,247,.09) 42px,transparent 43px),
     repeating-linear-gradient(90deg,transparent 0,transparent 41px, rgba(151,222,247,.09) 42px,transparent 43px),
     linear-gradient(135deg,#062e43,#086483 65%,#247d9b);
  background-size: cover;
  border:1px solid rgba(167,227,245,.23);
}
.iiti-kk-pilot__hero-visual::before {
  content: "";
  position:absolute;
  inset:7% 9% 10% 12%;
  border:1px solid rgba(186,230,245,.32);
  border-radius:50%;
  box-shadow:0 0 0 29px rgba(167,222,239,.045), 0 0 0 62px rgba(167,222,239,.035), 0 0 0 102px rgba(167,222,239,.025);
  transform:rotate(-21deg);
}
.iiti-kk-pilot__hero-visual::after {
  content: "";
  position:absolute;
  width:39%; aspect-ratio:1;
  border:19px solid rgba(116,203,230,.19);
  border-left-color:rgba(250,190,95,.42);
  border-radius:21%;
  left:38%; top:32%;
  transform:rotate(-27deg);
}
.iiti-kk-pilot__hero-visual-label {
  position:absolute; left:7%; right:7%; bottom:9%;
  z-index:2; max-width:80%;
  color:#fff; font-weight:800; font-size:clamp(18px,2.1vw,29px);
  line-height:1.22; letter-spacing:.02em;
  text-shadow:0 3px 14px rgba(2,26,40,.72);
}
.iiti-kk-pilot__hero-visual--localized {
  background-image:var(--iiti-kk-hero-image);
  background-size:cover; background-position:center;
}
.iiti-kk-pilot__hero-visual--localized::before,
.iiti-kk-pilot__hero-visual--localized::after {display:none;}

/* v0.3.1.1 — Kazakh text is baked into the approved banner, so never crop it.
   The surrounding RU template and Polylang switcher remain unchanged. */
.iiti-kk-pilot__hero-banner { width:100%; padding:0; margin:0 0 27px; }
.iiti-kk-pilot__hero-banner picture,
.iiti-kk-pilot__hero-banner img { display:block; width:100%; max-width:100%; height:auto; }
.iiti-kk-pilot__hero-banner img {
  border-radius:22px;
  box-shadow:0 14px 38px rgba(16,74,102,.16);
  object-fit:contain;
}
.iiti-kk-pilot__hero-text--below-banner {max-width:100%;}
@media(max-width:620px) {
  .iiti-kk-pilot__hero-banner {margin-bottom:20px;}
  .iiti-kk-pilot__hero-banner img {border-radius:12px;}
}