/*
 * Member text in the v2 skin, over each of style1, style2, style3 and style2013: posts, comments, news, reviews.
 * The skins give p a fixed line of 17px, and style3 passes its 1.6em body line down as 17.6px, so text above 11px
 * got cramped lines. Here the line is a ratio, the 1.7 of the default skin, and a word wider than its box breaks.
 */
.poruka-dole, .commentbox, .v4-text { line-height: 1.7; overflow-wrap: anywhere; }
.poruka-dole p, .commentbox p, .v4-text p { line-height: inherit; }
/* The quote box of a post: a gap to the answer below. */
.poruka-dole .istackan { margin-bottom: 10px; }

/*
 * The member bar of every skin. Its links are inline boxes with padding, taller than the line of #logovan, so the
 * header below covered their lower edge. As inline blocks they set the height of the bar, with the 10px of
 * #topLoginBoxInner above them and 10px below.
 */
#logovan > a.auth-admin-panel, #logovan > a.auth-admin-panel:hover { color: #ff6b6b; font-weight: bold; }
#logovan > a { display: inline-block; width: auto; line-height: normal; margin-bottom: 10px; }
/* The notice box sits inside #logovan, so the link boxes of every skin reached its links. Here they are text links. */
#logovan #note a, #logovan #note a:hover { display: inline; margin: 0; padding: 0; border: 0; background: none; opacity: 1; text-decoration: underline; }
#logovan #note > div { padding: 2px 0; }
/* The black skin: bk_body.jpg adds 11px of black under the bar. The links overlap it to keep 7px above and below. */
body[data-skin="black"] #topLoginBoxInner { padding-top: 7px; }
body[data-skin="black"] #logovan > a { margin-bottom: -4px; }
/* The blue skin: topbox.png draws a bar of 40px, and the links stand in its middle. */
body[data-skin="blue"] #topLoginBox { padding-top: 7px; height: 33px; }

/*
 * LOGOUT is a form button, so it takes the place of the archived link of #loginButtonTop. The black and blue skins
 * draw the tab on that link (loginout.png), so the button carries it there.
 */
#loginButtonTop .auth-logout button { background: none; border: 0; border-radius: 0; color: #ccc; cursor: pointer; display: block; font-size: 11px; margin: 2px auto 0; padding: 0; }
#loginButtonTop .auth-logout button:hover { color: #FFF; }
body[data-skin="black"] #loginButtonTop .auth-logout button { background: url(fajlovi/style2/slike/loginout.png) no-repeat; width: 83px; height: 19px; margin: 0; }
body[data-skin="blue"] #loginButtonTop .auth-logout button { background: url(fajlovi/style3/slike/loginout.png) no-repeat; width: 83px; height: 19px; margin: 0; }

/* The topic rows of the v4 home: the date stays on the line of the title, and the title ends in an ellipsis at its width. */
.forumRed { display: flex; align-items: baseline; gap: 6px; }
.forumRed .forumNaslov { float: none; flex: 1 1 auto; min-width: 0; width: auto; white-space: nowrap; text-overflow: ellipsis; }
.forumRed .forumDatum { float: none; flex: none; }