/* ==========================================================================
   KOVOBEL ai machinery — podstránka Predaj strojov
   Súbor patrí do /wp-content/themes/kovobel/css/
   Štýluje natívne bloky WordPressu, aby sa obsah dal upravovať klikaním.
   ========================================================================== */

:root{
  --km-acc:#33BDE7;        /* bledomodrá; na oranžovú zmeň na #FF6D1B */
  --km-acc-ink:#091242;
  --km-navy:#091242;
  --km-navy-2:#111C55;
  --km-ink:#1C1F35;
  --km-muted:#666C89;
}

/* --- úvodný odsek pod nadpisom stroja ------------------------------------ */
.km-lead{font-size:18px!important;line-height:1.55!important;color:var(--km-ink)!important;
  font-weight:500!important}

/* --- štyri kľúčové čísla (blok Stĺpce s triedou km-facts) ----------------- */
.wp-block-columns.km-facts{gap:1px!important;background:#E4E4E4;border:1px solid #E4E4E4;
  margin-bottom:32px}
.wp-block-columns.km-facts .wp-block-column{background:#fff;padding:18px 20px;
  flex-basis:auto!important}
.km-facts p{padding:0!important;margin:0!important}
.km-facts .km-label{font-family:"Rubik",sans-serif;font-size:12px!important;letter-spacing:.11em;
  text-transform:uppercase;color:var(--km-muted)!important;padding-bottom:6px!important}
.km-facts .km-value{font-family:"Rubik",sans-serif;font-size:21px!important;font-weight:600!important;
  color:var(--km-navy-2)!important;line-height:1.2!important;font-variant-numeric:tabular-nums}

/* --- tabuľky (natívny blok Tabuľka s triedou km-spec) --------------------- */
.wp-block-table.km-spec{margin-bottom:32px;border:1px solid #eee}
.wp-block-table.km-spec table{width:100%;border-collapse:collapse;background:#fff;font-size:16px}
.wp-block-table.km-spec td{text-align:left;padding:13px 20px;border:0;
  border-bottom:1px solid #E4E4E4;vertical-align:top;color:var(--km-muted);
  font-variant-numeric:tabular-nums}
.wp-block-table.km-spec tr:last-child td{border-bottom:0}
.wp-block-table.km-spec td:first-child{font-family:"Rubik",sans-serif;font-weight:500;
  color:var(--km-ink);width:46%}
.wp-block-table.km-spec tr:nth-child(odd) td{background:#FAFAFB}
.wp-block-table.km-spec figcaption{display:none}

/* --- zoznam výbavy (natívny blok Zoznam s triedou km-list) ---------------- */
.wp-block-list.km-list{list-style:none!important;padding:0;margin:0 0 32px}
.wp-block-list.km-list li{position:relative;padding-left:22px;padding-bottom:9px;font-size:15px;
  line-height:1.45;color:var(--km-muted);background:none;list-style:none}
.wp-block-list.km-list li::before{position:absolute;left:0;top:.5em;width:9px;height:9px;
  border:2px solid var(--km-acc);content:''}

/* --- nadpisy sekcií v detaile stroja -------------------------------------- */
.km-h3{font-family:"Rubik",sans-serif!important;font-size:22px!important;font-weight:600!important;
  color:var(--km-ink)!important;padding:0 0 15px!important;margin:0!important}

/* --- upozornenie (blok Citát s triedou km-note) --------------------------- */
.wp-block-quote.km-note{border-left:3px solid var(--km-acc);background:#F5F5F5;
  padding:16px 20px;margin:0 0 32px;font-style:normal}
.wp-block-quote.km-note p{font-size:15px!important;line-height:1.5;color:var(--km-muted)!important;
  padding:0!important;margin:0!important}

/* --- úvodný text sekcie (popis kategórie) --------------------------------- */
.km-sekcia-text{max-width:70ch;margin-bottom:28px}
.km-sekcia-text p{font-size:16px!important;line-height:1.6!important;
  color:var(--km-muted)!important;padding-bottom:14px!important}
.km-sekcia-text p:last-child{padding-bottom:0!important}

/* --- štítky s parametrami v karte na výpise -------------------------------- */
.product-item .km-meta{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px}
.product-item .km-meta span{font-family:"Rubik",sans-serif;font-size:13px;font-weight:500;
  color:var(--km-navy-2);background:#fff;padding:5px 11px;font-variant-numeric:tabular-nums}
.product-item .km-meta span.km-hi{color:var(--km-acc-ink);background:rgba(51,189,231,.3)}

/* --- rozsahová mierka priemerov ------------------------------------------- */
.km-scale{background:#fff;border:1px solid #eee;padding:30px 32px;margin-bottom:32px}
.km-scale .km-axis,.km-scale .km-row{display:grid;
  grid-template-columns:minmax(132px,1fr) 2.6fr minmax(96px,auto);gap:16px;align-items:center}
.km-scale .km-axis{font-family:"Rubik",sans-serif;font-size:12px;color:var(--km-muted);
  padding-bottom:8px}
.km-scale .km-ticks{position:relative;height:1.3em}
.km-scale .km-ticks span{position:absolute;transform:translateX(-50%)}
.km-scale .km-ticks span:first-child{transform:none}
.km-scale .km-ticks span:last-child{transform:translateX(-100%)}
.km-scale .km-row{padding:12px 0;border-top:1px solid #E9E9E9}
.km-scale .km-row .km-name{font-family:"Rubik",sans-serif;font-size:15px;font-weight:600;
  color:var(--km-ink);min-width:0}
.km-scale .km-row .km-name span{display:block;font-family:"Krub",sans-serif;font-size:13px;
  font-weight:400;color:var(--km-muted)}
.km-scale .km-track{position:relative;height:20px;background:#ECEFF5;min-width:0}
.km-scale .km-track i{position:absolute;top:3px;bottom:3px;background:var(--km-acc)}
.km-scale .km-track b{position:absolute;top:0;height:100%;width:1px;background:#fff}
.km-scale .km-row .km-len{font-family:"Rubik",sans-serif;font-size:14px;font-weight:500;
  color:var(--km-navy-2);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* --- mobil ---------------------------------------------------------------- */
@media(max-width:781px){
  .wp-block-columns.km-facts{gap:1px!important}
  .wp-block-table.km-spec{overflow-x:auto}
}
@media(max-width:991px){
  .km-scale{padding:20px 16px}
}