/* ============================================================
   Орда жұлдызы — таза, заманауи газет стилі (style.css)
   ============================================================ */
:root{
  --brand:#0b5c9e;         /* негізгі көк */
  --brand-dark:#08477a;
  --accent:#d4442c;        /* қызыл екпін */
  --ink:#1c2733;           /* негізгі мәтін */
  --muted:#6b7885;         /* қосымша мәтін */
  --line:#e3e8ee;          /* сызықтар */
  --bg:#f4f6f9;            /* фон */
  --card:#ffffff;
  --radius:10px;
  --shadow:0 2px 8px rgba(20,40,70,.07);
  --shadow-hover:0 6px 20px rgba(20,40,70,.14);
  --maxw:1200px;
  --font:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font); font-size:16px; line-height:1.6;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--brand); text-decoration:none; transition:color .15s ease; }
a:hover{ color:var(--accent); }
h1,h2,h3,h4,h5{ margin:0 0 .4em; line-height:1.25; color:var(--ink); font-weight:700; }
p{ margin:0 0 .6em; }
ul{ margin:0; padding:0; list-style:none; }

/* ---------- Тор (Bootstrap-тектес) ---------- */
.container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 16px; }
.container-fluid{ width:100%; padding:0 16px; }
.row{ display:flex; flex-wrap:wrap; margin:0 -12px; }
.row > [class*="col-"]{ padding:0 12px; width:100%; }
[class*="col-lg-"],[class*="col-md-"],[class*="col-sm-"],[class*="col-xs-"]{ width:100%; }
@media(min-width:576px){
  .col-sm-6{ width:50%; } .col-sm-12{ width:100%; }
}
@media(min-width:768px){
  .col-md-4{ width:33.333%; } .col-md-8{ width:66.667%; } .col-md-12{ width:100%; }
}
@media(min-width:992px){
  .col-lg-3{ width:25%; } .col-lg-4{ width:33.333%; }
  .col-lg-6{ width:50%; } .col-lg-8{ width:66.667%; }
  .col-lg-9{ width:75%; } .col-lg-12{ width:100%; }
  .col-lg-offset-1{ margin-left:8.333%; }
}
@media(max-width:991px){
  .hidden-md,.hidden-sm,.hidden-xs{ display:none !important; }
}
@media(min-width:992px){ .hidden-lg{ display:none !important; } }

/* ---------- Loader ---------- */
.loader{ display:none !important; }

/* ============================================================
   ШАПКА (HEADER)
   ============================================================ */
header{ background:var(--card); box-shadow:0 1px 0 var(--line); }
header > .container{ padding-top:14px; padding-bottom:10px; }
header .row{ align-items:center; }

.first-logo,.second-logo{ display:flex; align-items:center; min-height:56px; }
.first-logo{ min-height:auto; }
.first-logo ul,.first-logo li,.first-logo a{ display:flex; align-items:center; }
.first-logo img{ max-height:64px; width:auto; height:auto; }
.second-logo a{ display:inline-flex; }
.second-logo img{ max-height:70px; width:auto; }

/* Іздеу панелі */
.search-panel{ display:flex; justify-content:flex-end; }
.search-form{ display:flex; align-items:center; gap:6px; width:100%; max-width:320px; }
.search-form input[type="text"]{
  flex:1; height:40px; padding:0 14px; border:1px solid var(--line);
  border-radius:20px; font-size:14px; outline:none; background:#fff; color:var(--ink);
  transition:border-color .15s, box-shadow .15s;
}
.search-form input[type="text"]:focus{ border-color:var(--brand); box-shadow:0 0 0 3px rgba(11,92,158,.12); }
.search-form button{
  height:40px; min-width:40px; padding:0 14px; border:none; cursor:pointer;
  background:var(--brand); color:#fff; border-radius:20px; font-size:14px; transition:background .15s;
}
.search-form button:hover{ background:var(--brand-dark); }

/* Гамбургер (мобильді мәзір батырмасы) */
.menu-wrap{ margin-top:6px; }
.btn_mnu{ display:none; flex-direction:column; gap:5px; width:44px; padding:10px 8px; cursor:pointer; }
.btn_mnu .btn_row{ height:3px; background:var(--brand); border-radius:2px; }
@media(max-width:991px){ .btn_mnu{ display:flex; } }

/* Негізгі мәзір */
.top-menu{ margin-top:4px; }
.top-menu .menu{
  display:flex; flex-wrap:wrap; background:var(--brand); border-radius:var(--radius); overflow:hidden;
}
.top-menu .menu > li > a{
  display:block; padding:14px 20px; color:#fff; font-weight:600; font-size:15px;
  letter-spacing:.2px; transition:background .15s;
}
.top-menu .menu > li > a:hover{ background:rgba(255,255,255,.14); color:#fff; }
@media(max-width:991px){
  .top-menu .menu{ flex-direction:column; }
  .top-menu .menu > li{ border-bottom:1px solid rgba(255,255,255,.12); }
}

/* ============================================================
   МАЗМҰН (CONTENT)
   ============================================================ */
.content-wrap{ padding:26px 0 10px; }
.slider-section .row{ align-items:flex-start; }
.publishData span,.publishData{ font-size:12.5px; color:var(--muted); }

/* --- Басты жаңалықтар блогы (.news = екі бағанды жол) --- */
.news{ display:flex; flex-wrap:wrap; margin:0 -12px; }
.news > .no-gatter{ padding:0 12px; }
.news > .col-md-8{ width:66.667%; }
.news > .col-md-4{ width:33.333%; }
@media(max-width:767px){
  .news > .col-md-8, .news > .col-md-4{ width:100%; }
}

/* Сол баған: сурет + тақырып жұптары (әрбір жол — бір жаңалық) */
.news > .col-md-8{
  display:grid; grid-template-columns:220px 1fr; gap:0 18px; align-content:start;
}
.news .images{
  grid-column:1; margin:0 0 20px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
}
.news .images:first-child{ grid-column:1; }
.news .divimage{
  aspect-ratio:4/3; height:100%; background:#dfe6ee center/cover no-repeat; border-radius:var(--radius);
}
.news .divimage img{ width:100%; height:100%; object-fit:cover; }
.news .title{
  grid-column:2; padding:2px 0 20px; margin:0; align-self:start; border-bottom:1px solid var(--line);
}
.news .title h2{ font-size:17px; margin:0 0 6px; }
.news .title h2 a{ color:var(--ink); }
.news .title h2 a:hover{ color:var(--brand); }
@media(max-width:575px){
  .news > .col-md-8{ grid-template-columns:120px 1fr; gap:0 12px; }
  .news .title h2{ font-size:15px; }
}

/* Оң баған: .aSlider — тік тізім карталары */
.aSlider{ display:flex; flex-direction:column; gap:16px; }
.newsBlack{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; transition:transform .15s, box-shadow .15s;
}
.newsBlack:hover{ transform:translateY(-3px); box-shadow:var(--shadow-hover); }
.newsBlack > a{ display:block; }
.newsBlack h4{ padding:12px 14px 4px; font-size:14.5px; }
.news-descr{ display:flex; flex-direction:column; }
.news-descr .img-wrap{ aspect-ratio:16/10; background:#dfe6ee; overflow:hidden; order:-1; }
.news-descr .img-wrap img{ width:100%; height:100%; object-fit:cover; }
.news-descr p{ padding:0 14px; font-size:13px; color:var(--muted); }
.newsBlack .publishData{ padding:0 14px 12px; }

/* Бүйір панель — «Барлық жаңалықтар» тізімі */
.side-bar{ background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.side-bar .sectionnews{ padding:14px 16px 0; }
.sectionnews h3{ font-size:17px; color:var(--brand); position:relative; padding-bottom:8px; margin:0; }
.bg-line{ height:3px; width:46px; background:var(--accent); border-radius:2px; margin:6px 0 4px; }
.AllNewsScroll{ max-height:640px; overflow-y:auto; padding:6px 16px 12px; }
.ScrollBlock{ padding:11px 0; border-bottom:1px solid var(--line); }
.ScrollBlock:last-child{ border-bottom:none; }
.ScrollBlock a{ font-weight:600; font-size:14px; color:var(--ink); display:block; }
.ScrollBlock a:hover{ color:var(--brand); }
.AllNewsScroll::-webkit-scrollbar{ width:8px; }
.AllNewsScroll::-webkit-scrollbar-thumb{ background:#c7d1dc; border-radius:4px; }

/* --- Категория секциялары (.slid-panel) --- */
.slid-panel{ padding:8px 0; }
.slid-panel .sectionnews{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:16px;
  position:relative; padding-bottom:10px; border-bottom:2px solid var(--line);
}
.slid-panel .sectionnews h3{ font-size:20px; color:var(--ink); margin:0; }
.slid-panel .sectionnews h3::before{
  content:""; display:inline-block; width:5px; height:20px; background:var(--accent);
  border-radius:3px; margin-right:10px; vertical-align:-3px;
}
.slid-panel .sectionnews > a{
  margin-left:auto; font-size:13px; font-weight:600; color:var(--brand);
  padding:6px 12px; border:1px solid var(--brand); border-radius:16px; transition:all .15s;
}
.slid-panel .sectionnews > a:hover{ background:var(--brand); color:#fff; }
.slid-panel .sectionnews .bg-line{ display:none; }

.news-slider{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.slider-item{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; transition:transform .15s, box-shadow .15s;
}
.slider-item:hover{ transform:translateY(-3px); box-shadow:var(--shadow-hover); }
.slider-item > a{ display:block; height:100%; }
.img-item{ aspect-ratio:16/10; background:#dfe6ee center/cover no-repeat; }
.img-item img{ width:100%; height:100%; object-fit:cover; }
.item-descr{ padding:12px 14px 14px; }
.item-descr h4{ font-size:14.5px; color:var(--ink); margin:0 0 6px; }
.item-descr p{ font-size:13px; color:var(--muted); margin:0 0 8px; }
.slider-item:hover .item-descr h4{ color:var(--brand); }
@media(max-width:991px){ .news-slider{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .news-slider{ grid-template-columns:1fr; } }

/* «КӨП ОҚЫЛҒАН ЖАҢАЛЫҚТАР» блогы */
.top-news{ background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding:18px 20px; margin:10px 0; }
.top-news h2{ font-size:18px; color:var(--brand); margin-bottom:12px; }
.top-news ul li{ padding:10px 0; border-bottom:1px solid var(--line); }
.top-news ul li:last-child{ border-bottom:none; }
.top-news ul li a{ font-weight:600; font-size:14.5px; color:var(--ink); }
.top-news ul li a:hover{ color:var(--brand); }

/* Күнтізбе мұрағаты */
.calendar-wrap{ background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding:16px; margin:10px 0; }
.widgettitle{ font-size:16px; color:var(--brand); margin-bottom:10px; }
.calendar-navigation{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; font-weight:600; }
.week-row{ display:grid; grid-template-columns:repeat(7,1fr); gap:2px; text-align:center; }
.week-row .day,.week-row .weekday{ padding:6px 0; font-size:13px; border-radius:6px; }
.weekdays .weekday{ font-weight:700; color:var(--muted); }
.day.has-posts a{ display:block; background:var(--brand); color:#fff; border-radius:6px; }
.day.current{ outline:2px solid var(--accent); border-radius:6px; }
.day.noday{ color:transparent; }

/* Байланыс панелі */
.address-panel{ background:#fff; border-top:1px solid var(--line); margin-top:24px; padding:30px 0; }
.address-panel h2{ font-size:22px; color:var(--brand); margin-bottom:18px; text-align:center; }
.panel-left,.panel-rigth{ font-size:14.5px; line-height:1.9; }
.mail-item,.address{ margin-bottom:6px; }

/* ============================================================
   ФУТЕР (FOOTER)
   ============================================================ */
footer .footer{ background:var(--brand-dark); color:#cfe0f0; padding:24px 0; }
footer .footer a{ color:#fff; }
footer .footer .row{ align-items:center; }
.footer-left p{ margin:0 0 4px; font-size:13.5px; }
.footer-rigth{ text-align:right; font-size:13.5px; }
@media(max-width:991px){ .footer-rigth{ text-align:left; margin-top:8px; } }

/* ============================================================
   АРХИВ / КАТЕГОРИЯ БЕТІ (body.archive, body.category)
   ============================================================ */

/* Категория тақырыбы */
.content-wrap .sectionnews.offset-top{
  display:flex; align-items:center; flex-wrap:wrap;
  margin:0 0 20px; padding-bottom:12px; border-bottom:2px solid var(--line);
}
.content-wrap .sectionnews.offset-top h3{ font-size:26px; color:var(--ink); margin:0; }
.content-wrap .sectionnews.offset-top h3::before{
  content:""; display:inline-block; width:6px; height:24px; background:var(--accent);
  border-radius:3px; margin-right:12px; vertical-align:-4px;
}
.content-wrap .sectionnews.offset-top .bg-line{ display:none; }

/* Жаңалықтар тізімі — көлденең карталар */
.arc-news{ display:flex; flex-direction:column; gap:16px; }
.archiveBlocks{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  overflow:hidden; transition:transform .15s, box-shadow .15s;
}
.archiveBlocks:hover{ transform:translateY(-2px); box-shadow:var(--shadow-hover); }
.archiveBlocks > a{
  display:flex; align-items:stretch; min-height:150px; color:inherit; height:100%;
}
.archiveImg{
  flex:0 0 240px; max-width:240px; align-self:stretch;
  background:#dfe6ee; overflow:hidden;
}
.archiveImg img{ width:100%; height:100%; object-fit:cover; min-height:150px; }
.archiveTitle{
  flex:1; display:flex; flex-direction:column; justify-content:center;
  padding:16px 22px; gap:8px;
}
.archiveTitle .publishData{ order:-1; }
.archiveTitle p{
  margin:0; font-size:17px; font-weight:700; color:var(--ink); line-height:1.35;
}
.archiveBlocks:hover .archiveTitle p{ color:var(--brand); }
@media(max-width:575px){
  .archiveBlocks > a{ flex-direction:column; }
  .archiveImg{ flex:none; max-width:none; width:100%; aspect-ratio:16/9; }
  .archiveTitle{ padding:14px 16px; }
  .archiveTitle p{ font-size:16px; }
}

/* «Показать ещё» батырмасы */
.ajax-btn{ display:flex; justify-content:center; margin:28px 0 10px; }
.morePosts{
  display:inline-block; cursor:pointer; padding:13px 40px;
  background:var(--brand); color:#fff; font-weight:600; font-size:15px;
  border-radius:26px; box-shadow:var(--shadow); transition:background .15s, transform .15s;
}
.morePosts:hover{ background:var(--brand-dark); transform:translateY(-1px); }

/* Тор түзетуі: lg-бағандар md-ден басым болуы үшін */
@media(min-width:992px){
  .col-lg-12.col-md-12{ width:100%; }
  .col-lg-9.col-md-12{ width:75%; }
  .col-lg-8.col-md-12{ width:66.667%; }
  .col-lg-4.col-md-12{ width:33.333%; }
  .col-lg-3.col-md-12{ width:25%; }
}

/* ============================================================
   ІШКІ ЖАҢАЛЫҚ БЕТІ (body.single-post)
   ============================================================ */

/* Bootstrap-тің қосымша grid / offset / margin утилиталары */
@media(min-width:992px){
  .col-lg-10{ width:83.333%; }
  .col-lg-10.col-md-12{ width:83.333%; }
  .offset-lg-1{ margin-left:8.333%; }
  .offset-lg-2{ margin-left:16.667%; }
}
@media(min-width:768px){
  .col-md-2{ width:16.667%; }
  .col-md-8{ width:66.667%; }
}
.text-right{ text-align:right; }
.mt-1{ margin-top:.5rem; } .mt-2{ margin-top:1rem; } .mt-5{ margin-top:2.5rem; }
.mb-1{ margin-bottom:.5rem; } .mb-4{ margin-bottom:2rem; } .mb-5{ margin-bottom:3rem; }

/* Бүкіл мақаланы аппақ картаға саламыз */
.single-post .content-wrap{ padding-top:18px; }
.single-post .content-wrap > section{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  max-width:960px; margin:22px auto 30px; padding:8px 0 24px;
}
.single-post .content-wrap > section .container{ max-width:820px; }

/* Мақала картасы ішіндегі offset-терді бейтараптау (тақырып пен мәтін тураланады) */
.single-post section .col-lg-10.offset-lg-1,
.single-post section .col-lg-10.offset-lg-2{ margin-left:0; width:100%; }

/* Нан үгіндісі (breadcrumbs) */
.bread-title{ background:transparent; }
.breadcrumbs,.my-breadcrumb{ font-size:13px; color:var(--muted); }
.breadcrumbs a,.my-breadcrumb a{ color:var(--brand); }
.my-breadcrumb .publishData{ display:inline; }
.my-breadcrumb .publishData a::after{ content:" ›"; color:var(--muted); }
.my-breadcrumb .publishData:last-child a::after{ content:""; }

/* Мета жол: күні мен қаралым саны */
.single-post section .row.mt-5{ align-items:center; margin-top:1.4rem; }
.single-post .row.mt-5 .col-md-2{ font-size:13px; color:var(--muted); font-weight:600; }
.single-post .row.mt-5 .col-md-2:nth-child(2)::before{ content:"👁 "; opacity:.6; }

/* Тақырып */
.page-title{ margin:2px 0 4px; }
.page-title h1{
  font-size:32px; line-height:1.2; color:var(--ink); font-weight:800;
  margin:0; letter-spacing:-.3px;
}
@media(max-width:575px){ .page-title h1{ font-size:24px; } }

/* Мақала мәтіні */
.page-content{ font-size:17px; line-height:1.8; color:#2b3947; }
.page-content p{ margin:0 0 1.1em; }
.page-content img{
  width:auto !important; height:auto !important;
  max-width:100%; max-height:520px; margin:20px auto;
  border-radius:var(--radius); box-shadow:var(--shadow); object-fit:contain;
}
.page-content ul,.page-content ol{ margin:0 0 1.1em 1.4em; padding-left:.6em; }
.page-content ul{ list-style:disc; } .page-content ol{ list-style:decimal; }
.page-content li{ margin-bottom:.4em; }
.page-content a{ color:var(--brand); text-decoration:underline; }
.page-content h2,.page-content h3{ margin:1.3em 0 .5em; color:var(--ink); }
.page-content blockquote{
  margin:1.2em 0; padding:12px 20px; border-left:4px solid var(--accent);
  background:#f6f8fb; border-radius:0 var(--radius) var(--radius) 0; color:#3a4653; font-style:italic;
}
.page-content table{ width:100%; border-collapse:collapse; margin:1.2em 0; }
.page-content table td,.page-content table th{ border:1px solid var(--line); padding:8px 12px; }

/* Бөлісу батырмалары */
.ya-share2{ margin-top:10px; }

/* «Ұқсас жаңалықтар» бөлімі (related) */
.single-post section .sectionnews{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  margin:10px 0 16px; padding-bottom:10px; border-bottom:2px solid var(--line);
}
.single-post section .sectionnews h3{ font-size:20px; color:var(--ink); margin:0; }
.single-post section .sectionnews h3::before{
  content:""; display:inline-block; width:5px; height:20px; background:var(--accent);
  border-radius:3px; margin-right:10px; vertical-align:-3px;
}
.single-post section .sectionnews > a{
  margin-left:auto; font-size:13px; font-weight:600; color:var(--brand);
  padding:6px 12px; border:1px solid var(--brand); border-radius:16px;
}
.single-post section .sectionnews > a:hover{ background:var(--brand); color:#fff; }
.single-post section .sectionnews .bg-line{ display:none; }
.single-post .news-slider{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:767px){ .single-post .news-slider{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .single-post .news-slider{ grid-template-columns:1fr; } }