/* Ilmdosh: telefon va tor oynalarda yuqori sarlavha hamda pastki panel qulay va chiroyli bo‘lsin.
   Faqat joylashuv va o‘lcham; mazmun va ishlash o‘zgarmaydi. */

/* --- Kichik kompyuter oynasi va planshet (701–1180 px): sarlavha bir qatorda --- */
@media(min-width:701px) and (max-width:1180px){
 html body header.header .header-row{flex-wrap:nowrap!important;align-items:center;gap:10px 12px!important}
 html body header.header .brand{flex:none;min-width:0}
 html body header.header .brand small{display:none!important}
 html body header.header .nav{flex:1 1 auto;min-width:0;justify-content:center;flex-wrap:nowrap!important;gap:2px!important;padding:3px!important}
 html body header.header .nav a{padding:8px 11px!important;font-size:14.5px!important;white-space:nowrap}
 html body header.header .header-actions{flex:none;flex-wrap:nowrap!important;gap:8px!important}
 html body header.header .ilmdosh-web-zoom{flex:none;padding:2px}
 html body header.header .ilmdosh-web-zoom button{min-width:32px!important;width:32px;height:34px;min-height:34px!important}
 html body header.header .ilmdosh-web-zoom [data-zoom=reset]{width:50px}
 html body header.header .icon-button{width:42px;height:42px;min-height:42px}
}
/* Juda tor oynada (701–900 px) masshtab tugmasi sozlamalardagi matn o‘lchamiga o‘rnini beradi */
@media(min-width:701px) and (max-width:900px){
 html body header.header .ilmdosh-web-zoom{display:none!important}
 html body header.header .nav a{padding:8px 9px!important;font-size:14px!important}
 html body header.header .brand strong{font-size:20px}
}

/* --- Telefon (700 px gacha) --- */
@media(max-width:700px){
 /* Sarlavha: logotip chapda, menyu o‘ngda, bitta qatorda */
 html body header.header .header-row{flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:10px!important;min-height:60px;padding-block:8px}
 html body header.header .brand{flex:1 1 auto;min-width:0;gap:10px}
 html body header.header .brand img{width:40px;height:40px}
 html body header.header .brand strong{font-size:22px}
 html body header.header .brand small{display:none!important}
 html body header.header .ilmdosh-web-zoom{display:none!important}
 html body header.header .header-actions{flex:none;gap:8px}
 html body header.header .menu-button{min-height:46px;padding-inline:14px;border-radius:14px}
 /* Qidiruv tugmasi telefonda ham doim ko‘rinib turadi */
 html body header.header #search-focus{display:inline-grid!important;place-items:center;width:46px;height:46px;min-height:46px;border-radius:14px;order:1}
 html body header.header .menu-button{order:2}
 /* Sozlamalar tugmasi ham doim ko‘rinadi */
 html body header.header #set-open{display:inline-grid!important;place-items:center;width:46px;height:46px;min-height:46px;border-radius:14px;order:0}

 /* Pastki panel: ixcham, lekin barmoq bilan bosishga qulay */
 html body nav.dock{border-top-left-radius:18px;border-top-right-radius:18px}
 html body nav.dock>a,html body nav.dock>button{min-height:54px!important;padding:6px 4px 5px!important;gap:1px!important;font-size:11.5px!important}
 html body nav.dock>a>span,html body nav.dock>button>span{font-size:20px!important;line-height:1.1}
 html body nav.dock>a>span img{width:26px;height:26px}
 html body nav.dock .ilmdosh-community-access{padding:6px 10px 8px!important;gap:6px!important;border-top:1px solid #e1e8ec}
 html body nav.dock .ilmdosh-community-access a{min-height:44px!important;padding:5px 6px!important;gap:5px!important;font-size:12.5px!important;border-radius:11px!important}
 html body nav.dock .ilmdosh-community-access svg{width:18px;height:18px}
}
/* Tor telefonlar: "Menyu" tugmasi faqat belgi, shunda uchta tugma sig‘adi */
@media(max-width:410px){
 html body header.header .menu-button{flex:none!important;width:46px!important;min-width:46px!important;padding-inline:0!important;justify-content:center}
 html body header.header .menu-button>span{display:none!important}
 html body header.header .header-actions{gap:6px}
}
/* Juda tor telefonlar */
@media(max-width:360px){
 html body header.header .brand strong{font-size:20px}
 html body nav.dock .ilmdosh-community-access a span{font-size:11.5px}
}

/* --- Fan sahifalarining umumiy sarlavhasi (section-shell) --- */
@media(min-width:681px) and (max-width:900px){
 html body .ilmdosh-section-shell .ilmdosh-section-inner{flex-wrap:nowrap!important;gap:10px!important;align-items:center}
 html body .ilmdosh-section-shell .ilmdosh-section-brand{flex:none}
 html body .ilmdosh-section-shell .ilmdosh-section-brand-text small{display:none!important}
 html body .ilmdosh-section-shell .ilmdosh-section-picker{flex:1 1 auto!important;min-width:0}
 html body .ilmdosh-section-shell .ilmdosh-section-picker select{width:100%;min-width:0}
 html body .ilmdosh-section-shell .ilmdosh-web-zoom{display:none!important}
 html body .ilmdosh-section-shell .ilmdosh-section-actions{flex:none;order:3}
 html body .ilmdosh-section-shell .ilmdosh-section-picker{order:2}
}
@media(max-width:680px){
 html body .ilmdosh-section-shell .ilmdosh-web-zoom{display:none!important}
 html body .ilmdosh-section-shell .ilmdosh-section-picker{order:3;flex:1 1 100%}
 html body .ilmdosh-section-shell .ilmdosh-section-picker select{width:100%;min-height:44px}
 html body .ilmdosh-section-shell .ilmdosh-section-actions{margin-left:auto}
}

/* --- Pastki panel: keng ekranda 6 ta tugma bitta qatorda --- */
@media(min-width:900px){
 html body.has-community-dock .dock{background:#fff!important;max-width:1040px!important;grid-template-columns:repeat(3,minmax(0,1fr)) repeat(3,minmax(0,1.2fr))!important;align-items:center!important;border-radius:18px}
 html body.has-community-dock .dock>.ilmdosh-community-access{display:contents!important}
 html body.has-community-dock .dock>.ilmdosh-community-access a{grid-column:auto!important;margin:8px 6px!important;min-height:48px!important;font-size:13.5px!important}
 html body.has-community-dock .dock>.ilmdosh-community-access a:first-child{margin-left:14px!important}
}

/* --- Pastki panel: Yordam, Aloqa, Ko‘mak ham Bo‘limlar, Bolajonlar, Sozlamalar kabi (fonsiz, belgi tepada) --- */
html body nav.dock .ilmdosh-community-access a{
 flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;
 min-height:56px!important;margin:0!important;padding:8px 4px!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 color:#294353!important;-webkit-text-fill-color:#294353!important;font:800 12px/1.3 Nunito,system-ui,sans-serif!important;
}
html body nav.dock .ilmdosh-community-access a span{color:#294353!important;-webkit-text-fill-color:#294353!important;font:inherit!important}
html body nav.dock .ilmdosh-community-access svg{width:26px!important;height:26px!important;padding:0!important;background:transparent!important;border-radius:0!important;box-sizing:border-box}
html body nav.dock .ilmdosh-community-access .community-help svg{color:#354e91}
html body nav.dock .ilmdosh-community-access .community-contact svg{color:#1b7a70}
html body nav.dock .ilmdosh-community-access .community-support svg{color:#b8651b}
html body nav.dock .ilmdosh-community-access a:active{background:#eef0fd!important}
html body nav.dock .ilmdosh-community-access a[aria-current=page]{box-shadow:inset 0 -3px #196c68!important}
@media(max-width:700px){
 html body nav.dock .ilmdosh-community-access{padding:0!important;gap:0!important;border-top:1px solid #e1e8ec!important}
 html body nav.dock .ilmdosh-community-access a{min-height:50px!important;padding:5px 2px!important;font-size:11.5px!important}
 html body nav.dock .ilmdosh-community-access svg{width:22px!important;height:22px!important}
}
@media(min-width:900px){
 html body.has-community-dock .dock>.ilmdosh-community-access a,
 html body.has-community-dock .dock>.ilmdosh-community-access a:first-child{margin:0!important;min-height:58px!important;font-size:12px!important}
 html body.has-community-dock .dock{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}