/* layout2 – mapa wyżej, poziomy wybór roku, mniej przycisków „Wybierz kraj” (wersja 1) */

/* 1) Jedna droga do wyboru kraju: pasek u góry. Usuwamy pływający przycisk i duplikat na stronie. */
#usa-home,
.wrap main .top #back{display:none!important}

/* 2) Duże logo na stronie dubluje logo w pasku – ukryte (kopia dla panelu Centrum analiz zostaje w DOM). */
.wrap main>img.logo{display:none!important}

@media (min-width:901px){
  /* 3) Układ dwukolumnowy: panel wyboru po lewej, po prawej pasek lat nad treścią */
  .wrap.wrap{display:grid!important;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px;row-gap:0;align-items:start;max-width:1240px}
  .wrap.wrap>.side{grid-column:1;grid-row:1/span 2;position:sticky;top:64px;width:auto;margin-top:20px;align-self:start}
  .wrap.wrap>main:not(.hid){grid-column:2;grid-row:2;width:auto;max-width:none;min-width:0;padding-top:0}

  /* 4) Wybór roku jako poziomy pasek (prezydent, senat, gubernatorzy) */
  .wrap.wrap :is(#pyrs,#syrs,#gyrs){grid-column:2!important;grid-row:1!important;flex-direction:row!important;align-items:center;position:static!important;width:auto!important;max-height:none!important;margin:20px 0 14px!important;border-radius:14px!important;overflow:hidden}
  .wrap.wrap :is(#pyrs,#syrs,#gyrs)>.yh{flex:none;display:flex!important;align-items:center;padding:0 4px 0 16px!important;border:0!important}
  .wrap.wrap :is(#pyrs,#syrs,#gyrs)>.yh span{display:none!important}
  .wrap.wrap :is(#pyl,#syl,#gyl){display:flex!important;flex:1;min-width:0;gap:6px;overflow-x:auto!important;overflow-y:hidden!important;padding:9px 14px 9px 8px!important;scrollbar-width:thin;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .wrap.wrap :is(#pyl,#syl,#gyl) .yg,
  .wrap.wrap :is(#pyl,#syl,#gyl) .yb span{display:none!important}
  .wrap.wrap :is(#pyl,#syl,#gyl) .yb{flex:none;width:auto!important;padding:7px 12px!important;min-height:34px;height:auto!important;box-sizing:border-box;align-self:center;border-color:var(--hair)}
  .wrap.wrap :is(#pyl,#syl,#gyl) .yb[aria-pressed="true"]{border-color:rgba(200,169,106,.6)}

  /* 5) Mapa wyborów prezydenckich od razu pod wynikiem; opisy i szczegóły niżej */
  .wrap.wrap:has(#tabs .tab[data-c="p"].on)>main:not([id]):not(.hid){display:flex;flex-direction:column}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>*{order:30}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.top{order:0;margin-bottom:8px}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>h1{order:1}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.score{order:2}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.bar{order:3}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.ml{order:4}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.msg{order:5}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.cand{order:6}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.usgap{order:7}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.tlrow{order:8}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.usx{order:9}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.sub{order:10}
  .wrap:has(#tabs .tab[data-c="p"].on)>main:not([id])>.foot{order:99}

  /* zwarty nagłówek strony */
  .wrap.wrap main h1{font-size:clamp(1.4rem,2.2vw,1.8rem);margin:0 0 8px}
  .wrap.wrap main h1::after{display:none}
  .wrap.wrap main .sub{margin:14px 0 18px;max-width:none}
}