/* ================================================================
   talimxabarlari.uz — asosiy dizayn qatlami (2026-11)
   ================================================================ */
:root{--tx-ink:#14213d;--tx-blue:#264db1;--tx-muted:#6b7385;--tx-line:#e6e9f0}

/* 1. Ikonkalar uchun joy (CLS) */
i.fa,i.fas,i.far,i.fab,i.fa-solid,i.fa-regular,i.fa-brands{display:inline-block;min-width:1em;text-align:center}

/* 2. Menyu va til almashtirgich */
@media (min-width:992px){
  .primary-menu.desktop .primary-menu-nav{flex-wrap:nowrap;justify-content:space-between;column-gap:8px;overflow-x:auto;scrollbar-width:none}
  .primary-menu.desktop .primary-menu-nav::-webkit-scrollbar{display:none}
  .primary-menu.desktop .primary-menu-nav>li{flex:0 0 auto}
  .primary-menu.desktop .primary-menu-nav>li>a{white-space:nowrap;font-size:14px;font-weight:500}
}
.tx-lang{gap:2px;align-items:center}
.tx-lang a{font-size:13px;font-weight:600;color:#fff;opacity:.75;padding:3px 7px;border-radius:4px;text-decoration:none}
.tx-lang a:hover{opacity:1}
.tx-lang a.is-active{opacity:1;background:rgba(255,255,255,.18)}

/* 3. Sarlavhalar shkalasi */
.page-title{color:var(--tx-ink)!important;font-size:30px!important;font-weight:700!important;letter-spacing:-.01em}
.home-title,.related-title,.widget-title{color:var(--tx-ink)!important;font-size:21px!important;font-weight:700!important;line-height:1.3}
.home-title,.related-title{position:relative;padding-left:14px}
.home-title::before,.related-title::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:2px;background:var(--tx-blue)}
a.hero-post-title,p.category-card-title,h5.category-card-title,p.seventh-card-title,p.post-title,h5.related-card-title{color:var(--tx-ink)!important;font-size:15.5px!important;font-weight:600!important;line-height:1.4!important}
a:hover .hero-title,a.hero-post-title:hover,a:hover .category-card-title,a:hover .seventh-card-title,a:hover p.post-title,a:hover .related-card-title{color:var(--tx-blue)!important}
.title-link{color:var(--tx-blue)!important;font-size:13px;font-weight:600}
.widget a{color:var(--tx-ink)}
.overlay-content{background:linear-gradient(180deg,rgba(10,16,32,0) 30%,rgba(10,16,32,.88) 100%)!important}
.overlay-content .post-title{color:#fff!important;font-size:16px;font-weight:600;line-height:1.35}
.category-card-img{border:0!important;border-radius:10px!important}
.category-card-meta{color:var(--tx-muted)!important;font-size:12px}
.category-card-meta .category-text{color:var(--tx-blue)!important;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}
@media (max-width:767.98px){
  .page-title{font-size:24px!important}
  .home-title,.related-title,.widget-title{font-size:19px!important}
}

/* 4. Bosh sahifa */
.post-card-hero{background:transparent!important;padding:0!important;border-radius:0!important}
.post-card-hero img{border-radius:12px}
.post-card-hero .hero-title,.hero-title a{color:var(--tx-ink);font-size:30px;font-weight:700;line-height:1.25;letter-spacing:-.01em;margin-top:14px}
.post-card-hero .hero-content{padding:12px 0 0}
body.home .related-posts{border:0!important;padding:0!important;border-radius:0!important}
body.home .related-posts .title-box{border-bottom:1px solid var(--tx-line);padding-bottom:10px;margin-bottom:16px}
.widget-popular-week{background:#fff!important;border:1px solid var(--tx-line);border-radius:12px!important;padding:18px 18px 8px!important}
.widget-popular-week .widget-title{padding-bottom:12px;border-bottom:2px solid var(--tx-ink);margin-bottom:4px}
.widget-popular-week .list-post{counter-reset:pop;padding:0;margin:0}
.widget-popular-week .list-post-item{counter-increment:pop;position:relative;padding:12px 0 12px 38px!important;border-bottom:1px solid var(--tx-line)!important;border-top:0!important}
.widget-popular-week .list-post-item:last-child{border-bottom:0!important}
.widget-popular-week .list-post-item::before{content:counter(pop);position:absolute;left:0;top:10px;font-size:26px;font-weight:800;line-height:1;color:var(--tx-blue);opacity:.28}
.widget-popular-week .list-post-title{color:var(--tx-ink)!important;font-size:14.5px;font-weight:600;line-height:1.4}
.widget-popular-week .list-post-title:hover{color:var(--tx-blue)!important}
.widget-popular-week .list-post-meta,.widget-popular-week .list-post-meta *{color:var(--tx-muted)!important;font-size:12px}
@media (min-width:992px){.widget-popular-week .list-post-item:nth-child(n+7){display:none}}
@media (max-width:767.98px){.post-card-hero .hero-title{font-size:23px}}

/* 5. Maqola sahifasi */
.single-post article.post .entry-title{font-size:clamp(1.55rem,1.1rem + 2vw,2.4rem);line-height:1.25;font-weight:700;color:var(--tx-ink);margin:0 0 .75rem;letter-spacing:-.01em}
.single-post .cst-content{font-size:1.0625rem;line-height:1.7;color:#1f2328;text-align:left}
.single-post .cst-content p,.single-post .cst-content li{text-align:left;margin:0 0 1em}
.single-post .cst-content > h3:first-child{font-size:1.2rem;line-height:1.5;font-weight:600;color:var(--tx-ink);text-align:left;margin:0 0 1.25em}
.single-post .cst-content h2,.single-post .cst-content h3:not(:first-child),.single-post .cst-content h4{font-size:1.3rem;line-height:1.35;font-weight:700;color:var(--tx-ink);text-align:left;margin:1.5em 0 .6em}
@media (max-width:767.98px){.single-post article.post{border:0;padding:12px 0;box-shadow:none}}

/* 6. Kategoriya sahifasi: rasm ustidagi kartochkalar */
.post-card-link{position:relative!important;display:block;border-radius:12px;overflow:hidden}
.post-card-link .overlay-content{position:absolute!important;inset:0!important;height:auto!important;padding:16px!important;border-radius:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:linear-gradient(180deg,rgba(10,16,32,0) 15%,rgba(10,16,32,.55) 45%,rgba(10,16,32,.92) 100%)!important}
.post-card-link .overlay-content .post-title{text-shadow:0 1px 3px rgba(0,0,0,.5)}
.post-card-link .overlay-content .post-date{color:rgba(255,255,255,.75)!important;font-size:12px;margin:6px 0 0}

/* 7. UI ikonkalar (SVG, Font Awesome o'rniga) */
i.fa-search::before,i.fa-arrow-right::before,i.fa-calendar::before,i.fa-envelope::before,i.fa-phone::before,i.fa-map-marker-alt::before,i.fa-eye::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.14em;background-color:currentColor;-webkit-mask:var(--tx-i) center/contain no-repeat;mask:var(--tx-i) center/contain no-repeat}
i.fa-search{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27%2F%3E%3Cpath%20d%3D%27M20%2020l-3.5-3.5%27%2F%3E%3C%2Fsvg%3E")}
i.fa-arrow-right{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2017L17%207%27%2F%3E%3Cpath%20d%3D%27M9%207h8v8%27%2F%3E%3C%2Fsvg%3E")}
i.fa-calendar{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%2010h18M8%203v4M16%203v4%27%2F%3E%3C%2Fsvg%3E")}
i.fa-envelope{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%207l9%206%209-6%27%2F%3E%3C%2Fsvg%3E")}
i.fa-phone{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z%27%2F%3E%3C%2Fsvg%3E")}
i.fa-map-marker-alt{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.5%27%2F%3E%3C%2Fsvg%3E")}
i.fa-eye{--tx-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207S2%2012%202%2012z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E")}

/* 8. Header */
.top-bar .topbar-menu a{font-size:14px;font-weight:500;opacity:.9}
.top-bar .topbar-menu a:hover{opacity:1}
#search-btn{background:rgba(255,255,255,.12);border-radius:999px;padding:6px 14px!important;height:auto!important;font-size:14px;font-weight:500;line-height:1.4}
#search-btn:hover{background:rgba(255,255,255,.22)}
.top-bar .social-icons a{width:30px!important;height:30px!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;background:rgba(255,255,255,.12)!important;font-size:14px}
.top-bar .social-icons a:hover{background:rgba(255,255,255,.24)!important}
.top-bar .social-icons a i{color:#fff!important}
nav.primary-menu.desktop{border-bottom:1px solid var(--tx-line);box-shadow:0 2px 12px rgba(20,33,61,.05)}
.primary-menu.desktop .primary-menu-nav>li>a{color:var(--tx-ink)!important;position:relative;padding:4px 0;font-weight:500!important}
.primary-menu.desktop .primary-menu-nav>li>a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:var(--tx-blue);transform:scaleX(0);transition:transform .2s}
.primary-menu.desktop .primary-menu-nav>li>a:hover{color:var(--tx-blue)!important}
.primary-menu.desktop .primary-menu-nav>li>a:hover::after,
.primary-menu.desktop .primary-menu-nav>li.current-menu-item>a::after,
.primary-menu.desktop .primary-menu-nav>li.current-menu-parent>a::after,
.primary-menu.desktop .primary-menu-nav>li.current-post-ancestor>a::after{transform:scaleX(1)}
.primary-menu.desktop .primary-menu-nav>li.current-menu-item>a,
.primary-menu.desktop .primary-menu-nav>li.current-menu-parent>a,
.primary-menu.desktop .primary-menu-nav>li.current-post-ancestor>a{color:var(--tx-blue)!important}