/* FuelPriceAtlas – dizainas „P“: dabartinis, patobulintas. Tik išvaizda, jokių naujų šriftų užklausų.
   Ištrynus šį failą svetainė grįžta į ankstesnį vaizdą. */

/* Kainos: lygiuoti skaitmenys, aiškesnis šriftas vietoj monospace */
.price,.price-pill,.fuelcard .price,.trow .num,.cheapest b.num,.big{font-family:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:700;letter-spacing:-.8px}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* Antraštės */
.home-hero h1,.hero h1{letter-spacing:-1.8px}
.home-hero p,.hero p,.lead{line-height:1.5}

/* Kortelės */
.card,.panel{border-radius:18px}
.fuelcard{border-radius:20px;border-top:1px solid var(--line);padding:22px 22px 18px;box-shadow:0 14px 28px -22px rgba(16,33,59,.45)}
.fuelcard .fc-name i{background:var(--c)}
.fuelcard .price{font-size:46px;letter-spacing:-1.6px;margin:10px 0 4px}
.fuelcard .price{white-space:nowrap}.fuelcard .price small{font-size:15px;font-weight:600;letter-spacing:0;white-space:nowrap}
.cheapest{border-radius:14px;background:var(--soft)}
.cheapest b.num{color:#087a55;font-size:21px;letter-spacing:-.6px}
.save{color:#087a55;font-weight:600}

/* Paieška / miesto pasirinkimas */
.city-picker{border-radius:22px;padding:24px;box-shadow:0 14px 28px -22px rgba(16,33,59,.45)}
.city-picker select,.city-picker input{min-height:52px;border-radius:14px;border:1.5px solid var(--line);font-size:17px}

/* Mygtukai, žetonai, meniu */
.btn{border-radius:12px;min-height:44px}
.chip{border-radius:999px}
.fpa-nav a{border-radius:999px}
.updated{font-weight:600}

/* Klaviatūros fokusas */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0b63ce;outline-offset:2px}

@media(max-width:960px){
  .fuelcard{padding:18px 18px 14px}
  .fuelcard .price{font-size:38px}
  .city-picker{padding:18px}
}

/* TOP pigiausių sąrašas telefone: eilutės kaip kortelės, be horizontalaus slinkimo */
@media(max-width:700px){
  section[id^="f-"] .tablewrap{overflow:visible}
  section[id^="f-"] .tablewrap table,section[id^="f-"] .tablewrap tbody{display:block;width:100%}
  section[id^="f-"] .tablewrap tr:not(.toprow){display:none}
  section[id^="f-"] .tablewrap tr.toprow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"r n p" "r a p" "r a f";column-gap:12px;row-gap:2px;align-items:start;padding:14px;border-bottom:1px solid var(--line)}
  section[id^="f-"] .tablewrap tr.toprow:last-child{border-bottom:0}
  section[id^="f-"] .tablewrap tr.toprow td{display:block;padding:0;border:0;min-width:0}
  section[id^="f-"] .tablewrap tr.toprow td:nth-child(1){grid-area:r;padding-top:2px}
  section[id^="f-"] .tablewrap tr.toprow td:nth-child(2){grid-area:n;font-size:17px;line-height:1.3}
  section[id^="f-"] .tablewrap tr.toprow td:nth-child(3){grid-area:a;font-size:14px;line-height:1.4;color:var(--muted)}
  section[id^="f-"] .tablewrap tr.toprow td:nth-child(4){grid-area:p;text-align:right;white-space:nowrap}
  section[id^="f-"] .tablewrap tr.toprow td:nth-child(5){grid-area:f;justify-self:end;margin-top:6px}
  section[id^="f-"] .tablewrap .price-pill{font-size:20px}
}

/* Spalvota kortelių viršutinė juosta – lygiais kampais (be „nukirsto“ kampo) */
.fuel-tab,.sireg-f{border-top:1px solid var(--line)!important;box-shadow:inset 0 4px 0 var(--c);border-radius:16px}
.card[style*="border-top:4px"]{border-radius:6px 6px 18px 18px}
@media(max-width:700px){
  .fuel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .fuel-tab{min-width:0;padding:14px 12px 12px}
  .fuel-tab b{font-size:14px;line-height:1.25}
  .fuel-tab .big{font-size:20px;white-space:nowrap}
  .fuel-tab .muted,.fuel-tab span{font-size:12px;line-height:1.3}
}