/* ====================================================================== RAO.KZ — оформление «золото и бирюза» (13.09.2026) Орнамент «қошқар мүйіз» и цвета флага: бирюзовый #00AFCA, золотой #FEC50C. Шапка, главное меню, разделы (фильтр и обложки карточек). Главная — в home_blocks.php. Подключается в через asset_version.php?set=theme, поэтому правила разделов начинаются с «body»: файл фильтра docs-filter.css грузится ниже и иначе перебил бы их. ====================================================================== */ /* ── Шрифт Onest вместо Manrope ── В Manrope нет казахских букв Ғ Қ Ң Ұ Ә (даже в полной версии от Google), браузер подставлял их из чужого шрифта, и они «прыгали». Onest — близкий по характеру, с полным казахским алфавитом. Вариативный: один файл на набор символов, веса 400–800. */ @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url('/templates/keysh/webfonts/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} body{font-family:'Onest','Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif} input,button,select,textarea{font-family:inherit} :root{--orn-turq:#00AFCA;--orn-turq-d:#0098b3;--orn-teal:#00839a;--orn-ink:#0b3b45;--orn-gold:#FEC50C;--orn-gold-d:#E0A800;--accent:#0098b3} /* ── Шапка ── */ .header{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f1fbfd 100%)} .header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--orn-turq-d),var(--orn-gold) 50%,var(--orn-turq-d))} .header .logo{color:var(--orn-ink) !important} .search-block__input[type="text"],.search-block__input[type="text"]:focus{border:1.5px solid #bfe6ee} .search-block__input[type="text"]:focus{border-color:var(--orn-turq);box-shadow:0 0 0 3px rgba(0,175,202,.15)} .search-block__btn{color:var(--orn-teal)} .header .header__link{color:var(--orn-teal)} .header .header__link:hover{color:var(--orn-gold-d)} a.header__btn-login,button.header__btn-login,.header .header__btn-login{background:linear-gradient(135deg,var(--orn-turq-d),var(--orn-turq)) !important;color:#fff !important} a.header__btn-login:hover,button.header__btn-login:hover{background:linear-gradient(135deg,var(--orn-teal),#00a3bc) !important} .header select{border:1.5px solid #bfe6ee;border-radius:20px;color:var(--orn-ink);background-color:#fff} .header__btn-menu{color:var(--orn-teal)} .lang-btn.active{background:var(--orn-turq-d);border-color:var(--orn-turq-d)} /* ── Главное меню: бирюзовая полоса, под ней орнамент ── */ .nav{position:relative;padding-top:0;padding-bottom:0;border-top:0;background:linear-gradient(90deg,#0a6f82,var(--orn-turq-d) 50%,#0a6f82);box-shadow:0 6px 18px rgba(0,131,154,.18)} .nav{margin-bottom:16px} .nav::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2728%27 viewBox=%270 0 64 28%27 fill=%27none%27 stroke=%27%23E0A800%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M32 25V19C32 11 25 5 17 5C11 5 7 9 7 14C7 18 10 21 14 21C17 21 19 19 19 16C19 14 17.5 12.5 15.5 12.5%27/%3E%3Cpath d=%27M32 19C32 11 39 5 47 5C53 5 57 9 57 14C57 18 54 21 50 21C47 21 45 19 45 16C45 14 46.5 12.5 48.5 12.5%27/%3E%3C/svg%3E") repeat-x center/32px 14px;opacity:.9;pointer-events:none} .nav .nav__list > li + li{border-left:1px solid rgba(255,255,255,.18)} .nav .nav__list > li > a{height:48px;color:#fff;position:relative} .nav .nav__list > li > a::after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:3px;border-radius:2px;background:var(--orn-gold);transform:translateX(-50%);transition:width .2s} .nav .nav__list > li:hover > a{color:var(--orn-gold)} .nav .nav__list > li:hover > a::after,.nav .nav__list > li > a.is-active::after{width:40px} .nav .nav__list-hidden{border-top:3px solid var(--orn-gold)} .nav .nav__list-hidden a:hover{color:var(--orn-turq-d)} /* ── Разделы: заголовок раздела с орнаментом ── */ body .sect__title{color:var(--orn-ink)} body .sect__header{position:relative;padding-bottom:18px} body .sect__header::after{content:"";position:absolute;left:0;bottom:0;width:128px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2728%27 viewBox=%270 0 64 28%27 fill=%27none%27 stroke=%27%23E0A800%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M32 25V19C32 11 25 5 17 5C11 5 7 9 7 14C7 18 10 21 14 21C17 21 19 19 19 16C19 14 17.5 12.5 15.5 12.5%27/%3E%3Cpath d=%27M32 19C32 11 39 5 47 5C53 5 57 9 57 14C57 18 54 21 50 21C47 21 45 19 45 16C45 14 46.5 12.5 48.5 12.5%27/%3E%3C/svg%3E") repeat-x left center/32px 14px} /* ── Разделы: панель фильтра ── */ body .df-panel{background:linear-gradient(180deg,#f3fbfd 0%,#e8f7fa 100%);border:1px solid #bfe6ee;border-top:4px solid var(--orn-gold);box-shadow:0 4px 18px rgba(0,152,179,.08)} body .df-head__ic{background:#dff3f7} body .df-head__t{color:var(--orn-ink)} body .df-count{color:var(--orn-teal);border-color:#bfe6ee} body .df-sel{border-color:#cfeaf0;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M6 9l6 6 6-6%27 stroke=%27%230098b3%27 stroke-width=%272.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")} body .df-sel:hover{border-color:#9fdbe6} body .df-sel:focus,body .df-sel.df-active{border-color:var(--orn-turq);box-shadow:0 0 0 3px rgba(0,175,202,.15)} body .df-sel.df-active{background-color:#f0fbfd} body .df-chip{background:var(--orn-turq-d)} body .df-more,body .df-more:hover{background:linear-gradient(135deg,var(--orn-turq-d),var(--orn-turq));color:#fff} /* ── Карточки материалов ── */ body .exam-card{border-color:#cdeaf0} body .exam-card:hover{border-color:#8fd6e3;box-shadow:0 12px 26px -6px rgba(0,152,179,.28)} body .exam-icon-container{background:#e3f6fa} body .exam-card:hover .exam-icon-container{background:#cdeff5} body .df-badge--subject{color:var(--orn-teal);background:#e6f7fa;border-color:#bfe6ee} body .df-badge--type{color:#8a6200;background:#fff6d6;border-color:#f3dc8a} /* обложки — один цвет для всех типов: бирюза и золотая полоса сверху */ body .cc,body .cc--ktp,body .cc--ksp,body .cc--sor,body .cc--ws,body .cc--slides,body .cc--hour,body .cc--doc{background:linear-gradient(135deg,#0a8aa3 0%,#18b4cc 100%);box-shadow:inset 0 4px 0 var(--orn-gold)} body .cc::after{background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 48 60%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272.4%27 stroke-linejoin=%27round%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M8 3h22l14 14v36a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4z%27/%3E%3Cpath d=%27M30 3v10a4 4 0 0 0 4 4h10%27/%3E%3Cpath d=%27M13 30h22M13 38h22M13 46h14%27/%3E%3C/svg%3E") no-repeat center/contain;opacity:.38} body .cc__kind{text-shadow:0 1px 0 rgba(0,0,0,.08)} body .cc__foot{color:#fff6cf;opacity:1} /* ── Главная: плитки разделов (main-block.tpl, секции .home-tiles) ── Стили плиток лежат прямо в шаблоне, ниже темы — поэтому здесь «body .home-tiles …» */ body .home-tiles .section-title{position:relative;margin:8px 0 18px;padding-bottom:18px;font-size:24px;font-weight:800;line-height:1.25;color:var(--orn-ink);text-transform:none;letter-spacing:0} body .home-tiles .section-title::after{content:"";position:absolute;left:0;bottom:0;width:128px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2728%27 viewBox=%270 0 64 28%27 fill=%27none%27 stroke=%27%23E0A800%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M32 25V19C32 11 25 5 17 5C11 5 7 9 7 14C7 18 10 21 14 21C17 21 19 19 19 16C19 14 17.5 12.5 15.5 12.5%27/%3E%3Cpath d=%27M32 19C32 11 39 5 47 5C53 5 57 9 57 14C57 18 54 21 50 21C47 21 45 19 45 16C45 14 46.5 12.5 48.5 12.5%27/%3E%3C/svg%3E") repeat-x left center/32px 14px} body .home-tiles .exam-card{border:1.5px solid #cdeaf0;box-shadow:0 1px 3px rgba(0,152,179,.08)} body .home-tiles .exam-card:hover{border-color:#8fd6e3;box-shadow:0 12px 26px -6px rgba(0,152,179,.28)} body .home-tiles .exam-card::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:3px;background:var(--orn-gold);transform:scaleX(0);transition:transform .25s ease} body .home-tiles .exam-card:hover::after{transform:scaleX(1)} body .home-tiles .exam-icon-container{background:#e3f6fa;border-radius:12px} body .home-tiles .exam-card:hover .exam-icon-container{background:var(--orn-gold)} body .home-tiles .exam-icon svg path[fill]{fill:var(--orn-turq-d);transition:fill .25s ease} body .home-tiles .exam-card:hover .exam-icon svg path[fill]{fill:#5a4300} body .home-tiles .exam-title{color:var(--orn-ink)} @media(max-width:560px){body .home-tiles .section-title{font-size:20px;margin-bottom:14px}}