/* ==========================================================================
   Spolecny vzhled informacnich stranek - dodaci podminky, kontakt,
   garance nejnizsi ceny.

   Puvodne byly tyhle styly vlepene primo v podminky.php. Kontakt
   a garance mely kazda svuj vlastni vzhled z jine doby (tabulkovy
   layout, jina cervena, jine zaobleni), takze web pusobil poskladane.
   Ted maji vsechny tri stejny system a styly jsou na jednom miste.

   Trida .pd zustala z puvodni stranky s podminkami, aby se nemusely
   prepisovat uz hotove sablony.

   Nacita se jen na techhle strankach (viz podminka v index.php).
   ========================================================================== */

.pd{font-family:Verdana,Arial,sans-serif;color:#333;text-align:left;margin:0 auto;max-width:960px}
.pd h1{font-size:24px;color:#000;margin:0 0 4px;text-align:center}
.pd .pd-lead{text-align:center;color:#777;font-size:12px;margin:0 0 20px}

/* --- tri prijemne fakty nahore --- */
.pd-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:22px}
.pd-fakt{background:#fff;border:1px solid #e6e4e4;border-radius:8px;padding:14px 16px}
.pd-fakt-cislo{font-size:17px;font-weight:bold;color:#2a7a2a;margin-bottom:3px}
.pd-fakt-popis{font-size:12px;color:#666;line-height:1.55}

/* Adresa a poznamky. Zamerne bez cervene a bez vykricniku - je to sdeleni,
   ne varovani; stranka nema pusobit, ze tu resime hlavne problemy. */
.pd-adresa{font-size:14px;font-weight:bold;color:#222;line-height:1.5;margin:2px 0 6px}
.pd-upozorneni{padding:8px 11px;background:#f7f6f6;border-left:3px solid #c9c7c7;
               font-size:12px;color:#555;border-radius:0 4px 4px 0}
.pd-kontakt{font-size:14px;line-height:1.85}
.pd-kontakt a{color:#222;font-weight:bold;text-decoration:none;border-bottom:1px solid #d9d9d9}
.pd-kontakt a:hover{color:#d60a15;border-bottom-color:#d60a15}
.pd-pozn{font-size:11px;color:#8b8a8b;margin-top:8px;line-height:1.55}

/* --- prehled dopravy a platby --- */
.dp-nadpis{font-size:14px;font-weight:bold;color:#d60a15;text-transform:uppercase;letter-spacing:.03em;
           margin:18px 0 8px;padding-bottom:5px;border-bottom:2px solid #d60a15}
.dp-polozka{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #ececec;
            font-size:12px;line-height:1.6}
.dp-polozka:last-child{border-bottom:none}
.dp-nazev{flex:0 0 190px;font-weight:bold;color:#222}
.dp-popis{flex:1;color:#444}
.dp-tag{display:inline-block;font-weight:bold;font-size:11px;padding:1px 6px;border-radius:3px;
        white-space:nowrap;margin-left:6px}
.dp-tag-free{color:#2a7a2a;background:#e8f3e8}
.dp-tag-fee{color:#555;background:#eeeeee}

/* --- bezna sekce --- */
.pd-sekce{background:#fff;border:1px solid #dedddd;border-radius:8px;margin-bottom:12px;overflow:hidden;
          box-shadow:0 2px 6px rgba(0,0,0,.06)}
.pd-sekce-hl{background:#f2f0f0;border-bottom:1px solid #dedddd;padding:10px 14px;font-size:13px;
             font-weight:bold;color:#222}
.pd-sekce-telo{padding:14px;font-size:13px;line-height:1.65}
.pd-sekce-telo ul{margin:8px 0 8px 18px;padding:0}
.pd-sekce-telo li{margin:4px 0}

/* --- rozbalovaci pravni text, zamerne malym pismem --- */
.pd-pravni{background:#fff;border:1px solid #dedddd;border-radius:8px;margin-bottom:10px;overflow:hidden}
.pd-pravni>summary{cursor:pointer;padding:11px 14px;font-size:13px;font-weight:bold;color:#444;
                   background:#f7f6f6;list-style:none;display:flex;justify-content:space-between;
                   align-items:center;gap:10px}
.pd-pravni>summary::-webkit-details-marker{display:none}
.pd-pravni>summary::after{content:"\25BC";font-size:9px;color:#999;flex-shrink:0}
.pd-pravni[open]>summary::after{content:"\25B2"}
.pd-pravni>summary:hover{background:#efeded}
.pd-pravni-telo{padding:12px 16px 16px;font-size:11px;line-height:1.65;color:#666}
.pd-pravni-telo h2{font-size:12px;color:#222;margin:16px 0 4px;text-transform:none}
.pd-pravni-telo p{margin:5px 0}
.pd-pravni-telo ul,.pd-pravni-telo ol{margin:5px 0 5px 18px;padding:0}
.pd-pravni-telo b,.pd-pravni-telo strong{color:#444}

@media (max-width:640px){
  .pd h1{font-size:19px}
  .pd-hero{grid-template-columns:1fr}
  .dp-polozka{flex-direction:column;gap:2px}
  .dp-nazev{flex:none}
  .pd-adresa,.pd-kontakt{font-size:14px}
}

/* --- formulare (kontakt, garance) -------------------------------------
   Drive mely obe stranky vlastni ".reg-wrap" s jinou cervenou (#c0000a)
   a jinym zaoblenim nez zbytek webu. Ted pouzivaji stejnou kartu jako
   ostatni sekce a firemni cervenou #d60a15. */
.pd-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.pd-form .pd-sirka{grid-column:1 / -1}
.pd-pole{display:flex;flex-direction:column;gap:4px}
.pd-pole label{font-size:11px;font-weight:bold;color:#666;text-transform:uppercase;letter-spacing:.03em}
.pd-pole input,.pd-pole textarea{padding:9px 11px;border:1px solid #c9c9c9;border-radius:5px;
       font-size:13px;width:100%;box-sizing:border-box;font-family:inherit;transition:border-color .15s}
.pd-pole textarea{resize:vertical;min-height:110px}
.pd-pole input:focus,.pd-pole textarea:focus{border-color:#d60a15;outline:none}
.pd-tlacitko{display:block;width:100%;padding:12px;background:#d60a15;color:#fff;border:none;
       border-radius:6px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:4px;
       font-family:inherit;transition:background-color .15s}
.pd-tlacitko:hover{background:#b8070f}
.pd-captcha{display:flex;justify-content:center;margin:14px 0 4px}

/* Honeypot - clovek ho nevidi, robot, ktery vyplnuje vsechno, ano. */
.pd-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}

/* --- potvrzeni po odeslani --- */
.pd-ok{background:#f2f8f2;border:1px solid #cfe3cf;border-left:4px solid #2a7a2a;border-radius:6px;
       padding:14px 16px;font-size:13px;line-height:1.7;color:#2c4a2c;margin-bottom:16px}
.pd-chyba{background:#fff8f8;border:1px solid #f0d6d6;border-left:4px solid #d60a15;border-radius:6px;
       padding:14px 16px;font-size:13px;line-height:1.7;color:#5a3c3c;margin-bottom:16px}

/* --- seznam kroku (garance: jak to funguje) --- */
.pd-kroky{counter-reset:krok;list-style:none;margin:0;padding:0}
.pd-kroky li{counter-increment:krok;position:relative;padding:0 0 12px 34px;font-size:13px;line-height:1.65}
.pd-kroky li:last-child{padding-bottom:0}
.pd-kroky li::before{content:counter(krok);position:absolute;left:0;top:0;width:22px;height:22px;
       border-radius:50%;background:#d60a15;color:#fff;font-size:12px;font-weight:bold;
       display:flex;align-items:center;justify-content:center}

@media (max-width:640px){
  .pd-form{grid-template-columns:1fr}
}