/* ==========================================================================
   Poradna - spolecny vzhled clanku a pomocniku vyberu.

   Puvodne byly tyhle styly vlepene primo v kotouce.php. S druhym clankem
   by se cely blok duplikoval, proto je ted v jednom souboru. Nacita se
   jen na strankach poradny (viz podminka v index.php), ne na celem webu.

   Trida .pk = "poradna, konfigurator". Zkratka zustala z prvniho clanku,
   aby se nemusely prepisovat uz hotove sablony.
   ========================================================================== */

.pk{font-family:Verdana,Arial,sans-serif;color:#333;text-align:left;margin:0 auto;max-width:980px}
.pk h1{font-size:25px;color:#000;margin:0 0 6px;text-align:center;line-height:1.25}
.pk-lead{text-align:center;color:#777;font-size:12.5px;margin:0 0 26px;line-height:1.6}

/* --- konfigurator --- */
.pk-box{background:#fafafa;border:1px solid #e3e3e3;border-top:3px solid #d60a15;border-radius:8px;padding:20px 22px;margin-bottom:30px}
.pk-box h2{font-size:17px;margin:0 0 4px;color:#111}
.pk-box .pk-sub{font-size:12px;color:#888;margin:0 0 18px}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
.pk-pole{display:flex;flex-direction:column;gap:5px}
.pk-pole label{font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.4px}
.pk-pole select{padding:9px 10px;border:1px solid #c9c9c9;border-radius:5px;font-size:13px;background:#fff;font-family:inherit}
.pk-pole select:focus{border-color:#d60a15;outline:none}

/* --- vysledek --- */
.pk-vysl{margin-top:22px}
.pk-rada{background:#fff;border:1px solid #e6e4e4;border-radius:8px;padding:15px 17px;margin-bottom:12px}
.pk-rada.pk-nej{border-color:#2a7a2a;border-left:4px solid #2a7a2a}
.pk-rada-hl{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.pk-rada-hl b{font-size:16px;color:#111}
.pk-znacka{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:3px}
.pk-znacka.nej{background:#e8f4e8;color:#1f5e1f;border:1px solid #cfe3cf}
.pk-znacka.alt{background:#f1f1f1;color:#666;border:1px solid #e0e0e0}
.pk-znacka.typ{background:#fff;color:#888;border:1px solid #e0e0e0}
.pk-rada p{font-size:12.5px;line-height:1.6;color:#555;margin:0 0 10px}
.pk-kusy{display:flex;flex-direction:column;gap:1px}
.pk-kus{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:5px;text-decoration:none;color:#333;font-size:12.5px}
.pk-kus:hover{background:#f6f6f6}
.pk-kus .pk-prum{flex:0 0 auto;min-width:52px;font-weight:700;color:#111}
.pk-kus .pk-nazev{flex:1 1 auto;color:#444}
.pk-kus .pk-cena{flex:0 0 auto;font-weight:700;color:#111;white-space:nowrap}
.pk-obj{font-size:10px;color:#7a5c00;background:#fff6d9;border:1px solid #f0dca0;border-radius:3px;padding:1px 5px;margin-left:5px;white-space:nowrap}
.pk-nic{background:#fff;border:1px dashed #d8d8d8;border-radius:8px;padding:20px;text-align:center;font-size:13px;color:#777;line-height:1.7}
.pk-nic a{color:#d60a15;font-weight:600}

/* Druhy radek u polozky - napr. "délka řezu 102 cm - lámací síla 1500 kg".
   Udaje jsou z popisu konkretniho stroje v databazi, ne z clanku. */
.pk-kus-dva{align-items:flex-start}
.pk-kus-dva .pk-nazev i{display:block;font-style:normal;font-size:11px;color:#777;margin-top:2px;line-height:1.45}

/* --- clanek --- */
.pk-clanek{margin-top:38px;border-top:1px solid #e6e4e4;padding-top:26px}
.pk-clanek h2{font-size:19px;color:#111;margin:28px 0 10px}
.pk-clanek h2:first-child{margin-top:0}
.pk-clanek h3{font-size:14px;color:#222;margin:18px 0 6px}
.pk-clanek p{font-size:13px;line-height:1.75;color:#444;margin:0 0 12px}
.pk-clanek ul{font-size:13px;line-height:1.75;color:#444;margin:0 0 12px;padding-left:20px}
.pk-clanek li{margin-bottom:5px}
.pk-tab{width:100%;border-collapse:collapse;font-size:12.5px;margin:6px 0 16px}
.pk-tab th,.pk-tab td{border:1px solid #e6e4e4;padding:8px 10px;text-align:left;vertical-align:top}
.pk-tab th{background:#f6f6f6;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:#666}
.pk-tab td b{color:#111}
.pk-pozor{background:#fff8f8;border:1px solid #f0d6d6;border-left:4px solid #d60a15;border-radius:6px;padding:13px 16px;margin:16px 0;font-size:12.5px;line-height:1.7;color:#5a3c3c}
.pk-pozor b{color:#a3181f}
.pk-tip{background:#f7f9f7;border:1px solid #dde6dd;border-left:4px solid #2a7a2a;border-radius:6px;padding:13px 16px;margin:14px 0 16px}
.pk-tip>b{display:block;font-size:12px;color:#1f5e1f;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px}
.pk-tip .pk-kus{padding:7px 0}
.pk-kus-tip{align-items:flex-start}
.pk-kus-tip .pk-nazev i{display:block;font-style:normal;font-size:11px;color:#777;margin-top:2px;line-height:1.45}
.pk-tip .pk-kus:hover{background:transparent;text-decoration:underline}
.pk-konec{font-size:11.5px;color:#888;line-height:1.7;margin-top:26px;border-top:1px solid #e6e4e4;padding-top:14px}
.pk-konec a{color:#d60a15;font-weight:600}

/* Odkaz na dalsi clanky pod textem - aby ctenar neskoncil ve slepe ulicce. */
.pk-dalsi{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.pk-dalsi a{flex:1 1 240px;display:block;background:#fff;border:1px solid #e6e4e4;border-radius:8px;padding:12px 14px;text-decoration:none;color:#333}
.pk-dalsi a:hover{border-color:#d60a15}
.pk-dalsi b{display:block;font-size:13px;color:#111;margin-bottom:3px}
.pk-dalsi span{font-size:11.5px;color:#777;line-height:1.5}

@media(max-width:700px){.pk h1{font-size:21px}.pk-kus{flex-wrap:wrap}}