/* ================================================================
   what-is-my-user-agent.css — Page-specific styles for what-is-my-user-agent.php
   Načítáno na: what-is-my-user-agent.php
   ================================================================ */


/* ===== USER AGENT STRING ===== */
/* Vlastní user agent pod výsledkovým bannerem (pre + copy-btn z components.css) */
#uaCopyWrap {
    margin-block: 16px 8px;
}


/* ===== UA PARSER ===== */
/* Víceřádkové pole pro vložení user agenta — monospace jako <pre> */
.ua-input {
    resize: vertical;
    min-height: 84px;
    font-family: var(--font-mono);
    font-size: var(--size-13);
    line-height: 1.5;
}

/* Tlačítko Parse + ukázkové user agenty */
.ua-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-block: 12px;
}

/* Výsledek rozboru — stejný box jako "Your User Agent", bez nadpisu */
#parseResult .your-data {
    margin-block-end: 16px;
}