/*
Theme Name: Dala Info
Template: newsroom-base
Version: 0.1.0
Author: Разработчик
Description: Дочерняя тема издания Dala Info. Оформление снято с живой Joomla этого домена.
Text Domain: dala-info
*/
:root{--side:#2a2f33;--side-2:#32373b;--logo:#046DD5;--ink:#222;--muted:#777;--line:#e9e9e9;--accent:#2CA9E1;--mark:#f4655f;--sans:"Open Sans",Helvetica,Arial,sans-serif;--head:"Montserrat",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--head);font-weight:600;line-height:1.3}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.side{background:var(--side);color:#fff}
.logo{background:var(--logo);text-align:center;padding:36px 18px}
.logo img{width:78%;margin:0 auto}
.side-tools{display:none;gap:8px;padding:10px 12px;background:var(--side-2)}
.burger,.search-link{background:transparent;border:0;color:#fff;width:40px;height:40px;cursor:pointer;font-size:20px}
.side nav a{display:block;color:#fff;text-transform:uppercase;letter-spacing:.4px;font-size:13px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.side nav .current-menu-item>a,.side nav a:hover{color:var(--accent)}
.side-search{display:none;padding:0 16px 16px}.side-search.open{display:block}
.latest{padding:8px 18px 28px}
.latest h2{color:#fff;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin:18px 0}
.latest li{list-style:none;margin:0 0 14px}
.latest ul{margin:0;padding:0}
.latest a{color:#fff;font-size:13px}
.latest em{display:block;color:#aaa;font-style:normal;font-size:12px}
.main{min-width:0}
.topbar{display:flex;justify-content:flex-end;padding:16px 28px 0}
.header-search{display:flex;gap:8px}
.header-search input{border:1px solid var(--line);padding:8px 12px;min-width:220px}
.header-search button,.subscribe button{border:0;background:var(--side);color:#fff;padding:8px 14px;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:12px 28px 36px}
.post-card{background:#fff}
.post-thumb{position:relative;display:block;background:#eee}
.post-thumb img{width:100%;height:180px;object-fit:cover}
.badge{position:absolute;left:10px;bottom:10px;background:var(--logo);color:#fff;font-size:12px;padding:4px 8px}
.post-body h3{margin:10px 0 6px;font-size:16px}
.post-body h3 a:hover{color:var(--accent)}
.meta{color:var(--muted);font-size:12px;margin:0}
.archive-heading,.article,.page-article{padding:12px 28px 28px}
.article-content{font-size:17px;max-width:760px}
.article-featured img{width:100%;max-height:480px;object-fit:cover;margin:12px 0}
.breadcrumbs{color:var(--muted);font-size:13px}
.pagination{display:flex;gap:8px;padding:0 28px 28px}
.pagination a,.pagination span{display:inline-block;min-width:34px;text-align:center;padding:6px 8px;border:1px solid var(--line)}
.pagination .current{background:var(--side);color:#fff}
.bottom{display:grid;grid-template-columns:1.3fr .9fr .8fr;gap:28px;padding:36px 28px;border-top:1px solid var(--line)}
.bottom h3{margin:0 0 12px;font-size:16px}
.subscribe{display:flex;gap:8px}
.subscribe input{flex:1;border:1px solid var(--line);padding:8px 12px}
.social{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.social a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--side);color:#fff}
.site-footer{text-align:center;border-top:1px solid var(--line);padding:22px;color:var(--ink);letter-spacing:1px;font-size:13px}
@media(max-width:980px){
  .shell{grid-template-columns:1fr}
  .side-tools{display:flex}
  .side nav,.latest{display:none}
  .side nav.open,.latest.open{display:block}
  .cards,.bottom{grid-template-columns:1fr}
  .topbar{display:none}
}