/* -----------------------------------------------------------
 * Společný základ pro všechny hinty AI Moderátora
 * (viewtopic nahoře + quick reply dole)
 * ----------------------------------------------------------- */
.aimoderator-panel {
    background-color: #f8e8b0;          /* stejná žlutá všude */
    border: 1px solid #e0c56a;
    border-left: 4px solid #f2a200;
    padding: 6px 10px 8px 10px;
    margin-top: 6px;
    border-radius: 4px;

    font-size: 11px;
    line-height: 1.35;
    color: #000;
}

/* Zrušíme děděný text-shadow z .post (horní panel) */
.aimoderator-panel,
.aimoderator-panel * {
    text-shadow: none !important;
}

/* Kompaktnější text uvnitř hintu */
.aimoderator-panel p,
.aimoderator-panel li,
.aimoderator-panel small {
    margin: 3px 0;
    font-size: 11px;
}

/* Kód / textarea v hintu (návrh textu) */
.aimoderator-panel code {
    font-size: 11px;
}

#aimoderator-helper-result textarea {
    margin-top: 4px;
    font-size: 11px;
}

/* -----------------------------------------------------------
 * Nadpis hintu – jednotný pro horní i spodní panel
 * (viewtopic + editor + quick reply)
 * ----------------------------------------------------------- */
.aimoderator-helper-title {
    position: relative;
    margin: 0 0 4px 0;
    padding: 4px 0 2px 28px;      /* víc místa nahoře, text jde opticky níž */
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    color: #7a5a00;

    background: none !important;
    border: none !important;
    border-bottom: 1px solid #e2d39a;
    line-height: 23px;            /* výška řádku ~ ikonka */
}

.aimoderator-helper-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;                     /* pevný offset shora místo 50% */
    width: 25px;
    height: 25px;
    background-image: url("./images/aimoderator-sun.png");
    background-repeat: no-repeat;
    background-size: 25px 25px;
}

/* Oprava kolize + zarovnání nadpisu ve viewtopic (horní hint v příspěvku) */
.postbody h3.aimoderator-helper-title {
    float: none !important;
    margin: 0 0 4px 0 !important;
    padding: 3px 0 1px 28px !important;   /* trošku víc místa nahoře, míň dole */
    font-size: 11px !important;
    font-family: inherit !important;
    line-height: 16px !important;        /* menší řádkování než v editoru */
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #e2d39a;
}

/* Speciální pozice ikony jen pro viewtopic */
.postbody h3.aimoderator-helper-title::before {
    top: -2px;               /* posune sluníčko lehce nahoru */
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
}



/* -----------------------------------------------------------
 * Of-ftopic hint nahoře ve viewtopic
 * ----------------------------------------------------------- */

/* tlačítko + poznámka AI – poznámka POD tlačítkem */
.aimoderator-offtopic-actions {
    margin-top: 4px;
}

.aimoderator-offtopic-actions .postbutton {
    float: none;
    display: inline-block;
    margin: 0 0 2px 0;
}

.aimoderator-offtopic-note {
    margin-top: 0;
}

/* skóre v závorkách za větou */
.aimoderator-offtopic-score {
    font-weight: normal;
    font-style: italic;
}

/* trochu zmenšíme mezery nad/pod odstavci s důvodem a předmětem */
.aimoderator-offtopic-reason,
.aimoderator-offtopic-subject {
    margin-top: 3px;
    margin-bottom: 3px;
}

.post .aimoderator-helper-panel,
.post .aimoderator-offtopic-panel {
    text-shadow: none !important;
}
/* Textarea s upraveným textem v AI panelu – ať nepřetéká mimo panel */
.aimoderator-helper-panel textarea#aimod-fixed-message {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;     /* šířka 100% = včetně borderu a paddingu */
}
.aimoderator-topic-code {
    display: inline-block;
    padding: 2px 4px;
    font-family: "Courier New", monospace;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
}

.aimoderator-forum-link {
    font-weight: bold;
    text-decoration: underline;
}

.aimoderator-forum-link:hover {
    text-decoration: none;
}

.aimoderator-forum-id {
    opacity: 0.8;
    font-size: 10px;
}
.aimoderator-breadcrumb {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 0.9em;
    color: #666;
}

.aimoderator-forum-link {
    font-weight: bold;
}
/* Box s návrhem nového vlákna */
.aimoderator-offtopic-block {
    border: 1px solid #e0c56a;
    background-color: #fff7d0;   /* o chlup výraznější než žluté pozadí panelu */
    padding: 8px 10px;
    margin: 8px 0 6px 0;
    border-radius: 3px;
}

/* Titulek „AI navrhuje založit nové vlákno“ */
.aimoderator-block-title {
    margin: 0 0 6px 0;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #e9d48f;  /* jemná linka pod nadpisem */
}

/* breadcrumb uvnitř boxu */
.aimoderator-breadcrumb {
    display: block;
    margin-top: 2px;
}

/* Shrnutí dole jako footer (offtopic i ontopic) */
.aimoderator-footer {
    margin-top: 8px;
    padding-top: 4px;
    border-top: 1px dashed #e2d39a;    /* šrafovaná čára = oddělení výsledku */
    font-size: 0.9em;
    font-style: italic;
    color: #555;
}
/* Uvnitř bílého boxu ještě trochu zkompaktnit odstavce */
.aimoderator-offtopic-block p {
    margin: 3px 0;
}

/* Lehce odlišit breadcrumb od ostatního textu v boxu */
.aimoderator-offtopic-block .aimoderator-breadcrumb {
    font-size: 0.9em;
    color: #666;
}
/* -----------------------------------------------------------
 * Bazar – povinná lokalita/cena (hint v editoru)
 * ----------------------------------------------------------- */

.aimoderator-bazar-error {
    margin-top: 8px;
}

/* seznam chyb (lokalita/cena) – klasické odrážky */
.aimoderator-bazar-error ul {
    margin: 4px 0 4px 18px;
    padding: 0;
}

/* drobná poznámka dole v hintu */
.aimoderator-note {
    margin-top: 6px;
    font-size: 10px;
    color: #555;
    opacity: 0.9;
}