/* ============================================================
   AAF — Vlastní úpravy stylu nad MkDocs Material
   ============================================================
   Soubor obsahuje drobné úpravy pro lepší čitelnost
   a orientaci v dokumentaci AAF.
   
   Editace: kdykoli zde uprav hodnoty, ulož a v prohlížeči
   udělej hard reload (Ctrl+Shift+R).
   ============================================================ */


/* ------------------------------------------------------------
   1. Levý strom navigace — větší font
   ------------------------------------------------------------
   Default cca 0.7rem je malý. 0.85rem se čte podstatně lépe.
   Při potřebě dál zvedat: 0.9rem nebo 0.95rem.
*/
.md-nav__link {
    font-size: 0.95rem;
}


/* ------------------------------------------------------------
   2. Levý panel — širší
   ------------------------------------------------------------
   Default 12.1rem je úzký pro dlouhé názvy kapitol AAF.
   Zvedáme na 16rem — dlouhé názvy (např. "AAF agilní přístup
   — Increments Widening") se lépe vejdou.
   Pravidlo platí jen na velkých obrazovkách (>= 76.25em),
   na mobilu zůstává mobilní layout.
*/
@media screen and (min-width: 76.25em) {
    .md-sidebar--primary {
        width: 16rem; /*16*/
    }
    .md-content {
        margin-left: 5rem;
    }
}

.md-sidebar__inner {
    padding-right: calc(100% - 15rem) !important;
}


/* ------------------------------------------------------------
   3. Nadpisy v textu kapitol — tučné
   ------------------------------------------------------------
   Default je tenký (font-weight 300-400). 700 je výrazný bold.
   Aplikuje se na všechny úrovně H1-H6 uvnitř obsahu kapitoly.
*/
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-weight: 700;
    color: #000000;
}


/* ------------------------------------------------------------
   4. Tělo textu kapitol — větší font
   ------------------------------------------------------------
   Default 0.8rem je drobný. 0.85rem je čitelnější.
   Při potřebě dál zvedat: 0.9rem.
*/
.md-typeset {
    font-size: 0.95rem;
}


/* ------------------------------------------------------------
   5. Šířka obsahu kapitoly — středně široký (A3 místo A4)
   ------------------------------------------------------------
   Default cca 48rem je úzký, na širokém monitoru zbývá moc 
   prázdného místa vpravo. 60rem dává komfortní šířku, ale 
   nedovolí přerůst do nečitelně dlouhých řádků.
   
   Pokud chceš ještě více využít šířku monitoru, zvedni na 70rem.
   Pro užší (bližší k A4) sniž na 54rem.
*/
.md-grid {
    max-width: 76rem !important;
}

/*-----------------------------------------
6 header font
hlavní nadpis a motto 
*/ 

.md-header__title {
    font-size: 1.3rem;
} 

.md-aaf-motto-inner {
    font-size: 1rem !important;
}

/* Skrytí redundantního titulku v levém panelu na desktopu */
@media screen and (min-width: 76.25em) {
    .md-sidebar--primary .md-nav--primary > .md-nav__title {
        display: none;
    }
}


/* ------------------------------------------------------------
   7. Rámeček obrázku v textu kapitoly
   ------------------------------------------------------------
   Třída pro obrázky vkládané do kapitol Průvodce galaxií AAF.
   Použití v markdownu (vyžaduje attr_list rozšíření):
       ![Popisek](img/jmeno.svg){ width=900 .aaf-img-frame }
   Šířka se zadává per-obrázek atributem width, vzhled rámečku
   (tenký okraj, zaoblené rohy, vnitřní polstrování, stín)
   je společný a žije zde.
*/
.aaf-img-frame {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.35);
    display: block;
    margin-left: auto;
    margin-right: auto;
} 

/* bez okras */ 
.aaf-img-frame-simple {
    /* border: 2px solid #000000; */
    display: block;
    margin-left: auto;
    margin-right: auto;
} 

/* písmo footeru */
.md-footer-copyright {
  font-size: 1.0rem;   /* zvětšení písma */
  padding: 0.5rem 0;   /* trochu prostoru nahoře/dole */
}

.md-footer a {
  text-decoration: underline;
}


/* ------------------------------------------------------------
   8. AAF Offer Card — nabídková karta
   ------------------------------------------------------------
   Vlastní šablona pro nabídky AAF (EAW, STANDARD, dlouhodobá 
   spolupráce, licence, kurzy...). 
   
   Struktura:
   - definition list (dl) s grid layoutem key-value
   - levý indigo pruh + jemný stín + bílé pozadí (zaoblené rohy)
   - cena zvýrazněna větším fontem v indigo
   
   Použití v markdownu:
   
       <div class="aaf-offer-card" markdown>
       
       ### Nadpis nabídky
       
       <dl class="aaf-offer-card__body">
       <dt>Co dostanete</dt>
       <dd>Popis...</dd>
       
       <dt>Cena</dt>
       <dd class="aaf-offer-card__price">130 000 Kč</dd>
       
       <dt>Kapacita</dt>
       <dd>1 klient</dd>
       </dl>
       
       </div>
   
   Pozn.: Atribut `markdown` na vnějším divu zapne zpracování
   markdownu uvnitř HTML bloku (vyžaduje md_in_html, který je
   v mkdocs.yml aktivní).
*/

/* Kontejner karty: levý indigo pruh + jemný stín + bílé pozadí */
.aaf-offer-card {
    border-left: 4px solid #3f51b5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    border-radius: 4px;
    padding: 1.5rem 1.75rem;
    margin: 2rem 0;
}

/* Nadpis nabídky (H3 uvnitř karty) */
.aaf-offer-card h3 {
    margin-top: 0;
    margin-bottom: 1.2rem;
    color: #3f51b5;
    font-size: 1.4rem;
    font-weight: 700;
}

/* Body karty: definition list jako key-value grid */
.aaf-offer-card__body {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.75rem 1.5rem;
    margin: 0;
    font-size: 1rem;
}

/* Levý sloupec — popisky (label) */
.aaf-offer-card__body dt {
    font-weight: 700;
    color: #333333;
    text-align: left;
    align-self: start;
}

/* Pravý sloupec — hodnoty */
.aaf-offer-card__body dd {
    margin: 0;
    color: #333333;
}

/* Vnořené odrážky uvnitř hodnoty (např. "Co dostanete") */
.aaf-offer-card__body dd ul {
    margin: 0;
    padding-left: 1.2rem;
}

.aaf-offer-card__body dd ul li {
    margin-bottom: 0.3rem;
}

/* Cena — lehce zvýrazněná (větší font, indigo tučné) */
.aaf-offer-card__price {
    font-size: 1.2rem;
    font-weight: 700;
    color: #3f51b5;
}