FONT 		{FONT-FAMILY: Verdana,Helvetica}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
BODY		{
      Font-family: Verdana, Helvetica;
      Font-size: 11px;
      Margin: 0; Padding: 0;
}
P		{FONT-FAMILY: Verdana,Helvetica; COLOR: #000000; FONT-SIZE: 11px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
INPUT, TEXTAREA, SELECT, BUTTON {
      Font-family: Verdana, Helvetica;
      Font-size: 12px;
      Color: #000000;
      Background-color: #FFFFFF;
      Border-width: 1px;
      Border-style: solid;
      Padding: 0;
      Margin: 0;
      Border-color: #000000;
}
/* Due to IE display bug,
you can specify special style
for radio in forms below.*/

input.un_radio {
      Background-Color: transparent;
      Border-width: 0px;
      Border-style: none;
}

FORM 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
A:link          {BACKGROUND: none; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active        {BACKGROUND: none; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited       {BACKGROUND: none; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.storytitle 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.menutitle 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg_l	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.box		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; border: 1px solid #000000; background-color: #FFFFFF}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

a.un_story_title_link, .un_story_title_link:active, .un_story_title_link:visited { /* odkaz jako titulek */
      Color: #000000;
      Font-size: 17px;
      Font-family: Verdana, Helvetica;
      Text-decoration: none;
      Font-weight: bold;
}

a.un_story_title_link:hover {/* odkaz aktivni titulek */
      Color: #000000;
      Font-size: 17px;
      Font-family: Verdana, Helvetica;
      Text-decoration: underline;
      Font-weight: bold;
}

font.articlefile_title { /* nadpis clanku */
      Color: #000000;
      Font-size: 18px;
      Font-family: Verdana, Helvetica;
      Font-weight: bold;
}

a.gametitle, .gametitle:active, .gametitle:visited
{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.gametitle 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 17px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.gametitle:hover 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}


/* NVIDIA_test – first modernization pass */
:root {
    --au-blue: #0f4f8f;
    --au-border: #cddfee;
    --au-panel: #ffffff;
    --au-panel-soft: #f5faff;
}

.theme-card,
.theme-card-alt {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 12px 0;
    padding: 12px 14px;
    background: var(--au-panel);
    border: 1px solid var(--au-border);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(31, 79, 120, 0.07);
    color: #1d2d44;
}

.theme-card-alt {
    background: var(--au-panel-soft);
}

.theme-sidebox {
    box-sizing: border-box;
    width: 180px;
    margin: 0 0 14px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--au-border);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(31, 79, 120, 0.08);
}

.theme-sidebox-title {
    padding: 9px 10px 8px;
    background: linear-gradient(180deg, #f7fbff 0%, #eaf4fd 100%);
    border-bottom: 1px solid var(--au-border);
    color: var(--au-blue);
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.theme-sidebox-content {
    padding: 9px 10px 10px;
    background: #fff;
    color: #000;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.theme-sidebox-content img {
    max-width: 100%;
    height: auto;
}


/* Modern bar below the Sydney header */
.theme-topbar {
    box-sizing: border-box;
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 10px;
    margin: 0 0 6px 0;
    background: #f7fbff;
    border-top: 1px solid #d7e5f2;
    border-bottom: 1px solid #d7e5f2;
    color: #183b62;
}

.theme-topbar-date {
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

.theme-topbar-search {
    margin-left: auto;
}

.theme-topbar-search form {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.theme-search-input {
    width: 180px;
    height: 28px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1px solid #b9cfe2;
    border-radius: 6px;
    background: #fff;
    font: 12px Verdana, Helvetica, sans-serif;
    outline: none;
}

.theme-search-input:focus {
    border-color: #4b93cf;
    box-shadow: 0 0 0 2px rgba(75,147,207,.12);
}

.theme-search-button {
    height: 28px;
    box-sizing: border-box;
    padding: 4px 10px;
    border: 1px solid #2f82c7;
    border-radius: 6px;
    background: #2f82c7;
    color: #fff;
    font: bold 12px Verdana, Helvetica, sans-serif;
    cursor: pointer;
}

.theme-search-button:hover {
    background: #246fae;
}

@media screen and (max-width: 760px) {
    .theme-topbar {
        flex-wrap: wrap;
    }
    .theme-topbar-search {
        width: 100%;
        margin-left: 0;
    }
    .theme-topbar-search form {
        width: 100%;
    }
    .theme-search-input {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
}


/* Article previews and article detail – frameless desktop design */
.theme-story-card,
.theme-article-card {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 18px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cddfee;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(31,79,120,.06);
}

.theme-story-head,
.theme-article-head {
    padding: 12px 16px 10px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf6fd 100%);
    border-bottom: 1px solid #d7e5f2;
}

.theme-story-title,
.theme-article-title {
    margin: 0;
    padding: 0;
    color: #0f4f8f;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.25;
}

.theme-story-title {
    font-size: 18px;
}

.theme-article-title {
    font-size: 22px;
}

.theme-story-title a,
.theme-article-title a {
    color: inherit;
    text-decoration: none;
}

.theme-story-title a:hover,
.theme-article-title a:hover {
    text-decoration: underline;
}

.theme-story-meta,
.theme-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin-top: 7px;
    color: #6d7c8a;
    font-size: 11px;
    line-height: 1.4;
}

.theme-story-meta a,
.theme-article-meta a {
    color: #2e73aa;
    text-decoration: none;
}

.theme-story-meta a:hover,
.theme-article-meta a:hover {
    text-decoration: underline;
}

.theme-story-body,
.theme-article-body {
    padding: 16px 18px;
    background: #fff;
    color: #222;
    font-size: 12px;
    line-height: 1.55;
}

.theme-story-body img,
.theme-article-body img {
    max-width: 100%;
    height: auto;
}

.theme-story-footer,
.theme-article-footer {
    padding: 9px 16px;
    background: #fafcff;
    border-top: 1px solid #e0ebf4;
    color: #607080;
    font-size: 11px;
    text-align: right;
}

.theme-story-footer a,
.theme-article-footer a {
    color: #2f82c7;
    text-decoration: none;
}

.theme-story-footer a:hover,
.theme-article-footer a:hover {
    text-decoration: underline;
}

.theme-story-sep {
    margin: 0 4px;
    color: #9eb6c9;
}


/* Články z cest – oprava velikosti vlajek pouze v NVIDIA_test.
   Starý blok má u buňky s vlajkou width=1; obecné max-width:100%
   proto obrázek zmenšovalo téměř na čáru. */
.theme-sidebox-content td.Item img[src*="/Flags/"],
.theme-sidebox-content td.Item img[src*="/flags/"] {
    display: block;
    width: 42px;
    max-width: none;
    height: auto;
    margin: 1px 4px 1px 0;
}


/* Detail článku – jemnější sazba a komentáře pouze pro NVIDIA_test */
.theme-article-body {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 13px;
    line-height: 1.62;
}

.theme-comments-wrap {
    box-sizing: border-box;
    width: 100%;
    margin: 18px 0 22px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #cddfee;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(31,79,120,.05);
}

/* Starý comments.php používá šedé tabulkové pásy.
   V testovacím theme je zjemníme, aniž bychom měnili comments.php. */
.theme-comments-wrap table {
    max-width: 100%;
}

.theme-comments-wrap td {
    border-color: #d7e5f2 !important;
}

.theme-comments-wrap td[bgcolor="#CCCCCC"],
.theme-comments-wrap td[bgcolor="#cccccc"],
.theme-comments-wrap td[bgcolor="#DDDDDD"],
.theme-comments-wrap td[bgcolor="#dddddd"] {
    background: #f4f8fc !important;
}

.theme-comments-wrap input[type="submit"],
.theme-comments-wrap input[type="button"] {
    padding: 4px 9px;
    border: 1px solid #2f82c7;
    border-radius: 5px;
    background: #2f82c7;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.theme-comments-wrap input[type="submit"]:hover,
.theme-comments-wrap input[type="button"]:hover {
    background: #246fae;
}


/* Staré obrázkové navigační knoflíky v článcích – pouze NVIDIA_test.
   Obrázky zůstávají na serveru, ale v novém theme je nahradíme CSS tlačítky. */
.theme-article-body a:has(> img[src$="/images/Hlavni strana.png"]),
.theme-article-body a:has(> img[src$="/images/Dalsi clanky.png"]),
.theme-article-body a:has(> img[src$="/images/Fotogalerie.png"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #2f82c7;
    border-radius: 7px;
    background: #2f82c7;
    color: #fff !important;
    font: bold 12px Verdana, Helvetica, sans-serif;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(31,79,120,.10);
}

.theme-article-body a:has(> img[src$="/images/Hlavni strana.png"])::after {
    content: "Hlavn\00ED  strana";
}

.theme-article-body a:has(> img[src$="/images/Dalsi clanky.png"])::after {
    content: "Dal\0161 \00ED  \010D l\00E1 nky";
}

.theme-article-body a:has(> img[src$="/images/Fotogalerie.png"])::after {
    content: "Fotogalerie";
}

.theme-article-body a:has(> img[src$="/images/Hlavni strana.png"]):hover,
.theme-article-body a:has(> img[src$="/images/Dalsi clanky.png"]):hover,
.theme-article-body a:has(> img[src$="/images/Fotogalerie.png"]):hover {
    background: #246fae;
    border-color: #246fae;
}

.theme-article-body a > img[src$="/images/Hlavni strana.png"],
.theme-article-body a > img[src$="/images/Dalsi clanky.png"],
.theme-article-body a > img[src$="/images/Fotogalerie.png"] {
    display: none !important;
}


/* v9 – tolerant matching for legacy article navigation images.
   Some old article HTML serializes spaces/path names differently,
   so match by distinctive filename fragments instead of exact src ending. */

.theme-article-body a:has(> img[src*="Hlavni"][src*="strana"]),
.theme-article-body a:has(> img[src*="Hlavni%20strana"]),
.theme-article-body a:has(> img[src*="Dalsi"][src*="clanky"]),
.theme-article-body a:has(> img[src*="Dalsi%20clanky"]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #2f82c7;
    border-radius: 7px;
    background: #2f82c7;
    color: #fff !important;
    font: bold 12px Verdana, Helvetica, sans-serif;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(31,79,120,.10);
}

.theme-article-body a:has(> img[src*="Hlavni"][src*="strana"])::after,
.theme-article-body a:has(> img[src*="Hlavni%20strana"])::after {
    content: "Hlavn\00ED  strana";
}

.theme-article-body a:has(> img[src*="Dalsi"][src*="clanky"])::after,
.theme-article-body a:has(> img[src*="Dalsi%20clanky"])::after {
    content: "Dal\0161 \00ED  \010D l\00E1 nky";
}

.theme-article-body a:has(> img[src*="Hlavni"][src*="strana"]):hover,
.theme-article-body a:has(> img[src*="Hlavni%20strana"]):hover,
.theme-article-body a:has(> img[src*="Dalsi"][src*="clanky"]):hover,
.theme-article-body a:has(> img[src*="Dalsi%20clanky"]):hover {
    background: #246fae;
    border-color: #246fae;
}

.theme-article-body a > img[src*="Hlavni"][src*="strana"],
.theme-article-body a > img[src*="Hlavni%20strana"],
.theme-article-body a > img[src*="Dalsi"][src*="clanky"],
.theme-article-body a > img[src*="Dalsi%20clanky"] {
    display: none !important;
}


/* Komentáře – modernější vzhled pouze v NVIDIA_test */
.theme-comments-wrap {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.comments-modern-head {
    box-sizing: border-box;
    width: 100%;
    margin: 18px 0 12px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cddfee;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(31,79,120,.05);
    text-align: center;
}

.comments-modern-title {
    padding: 11px 14px 8px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf6fd 100%);
    border-bottom: 1px solid #d7e5f2;
    color: #0f4f8f;
    font-size: 13px;
    font-weight: bold;
}

.comments-modern-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px 13px;
    padding: 9px 12px 5px;
    color: #607080;
    font-size: 11px;
}

.comments-modern-meta a {
    color: #2f82c7;
    text-decoration: none;
}

.comments-modern-meta a:hover {
    text-decoration: underline;
}

.comments-modern-reply {
    margin: 4px 0 9px;
    text-align: center;
}

.comments-modern-reply input[type="submit"] {
    min-height: 30px;
    padding: 5px 12px;
    border: 1px solid #2f82c7;
    border-radius: 6px;
    background: #2f82c7;
    color: #fff;
    font: bold 11px Verdana, Helvetica, sans-serif;
    cursor: pointer;
}

.comments-modern-reply input[type="submit"]:hover {
    background: #246fae;
    border-color: #246fae;
}

.comments-modern-warning {
    padding: 7px 12px;
    background: #fafcff;
    border-top: 1px solid #e0ebf4;
    color: #7a8793;
    font-size: 10px;
}

.theme-comments-wrap > .theme-card {
    margin: 10px 0;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #d7e5f2;
    border-radius: 9px;
    box-shadow: none;
}

.comments-modern-item {
    width: 100%;
    background: transparent;
    border-collapse: separate;
    border-spacing: 0;
}

.comments-modern-item > tbody > tr:first-child > td,
.comments-modern-item > tr:first-child > td {
    padding: 0 0 8px;
    color: #607080;
    font-size: 11px;
}

.comments-modern-item > tbody > tr:nth-child(2) > td,
.comments-modern-item > tr:nth-child(2) > td {
    padding-top: 10px;
    border-top: 1px solid #e2ebf3;
    color: #222;
    font-size: 12px;
    line-height: 1.5;
}

.comments-modern-child {
    margin-top: 10px;
    padding: 10px;
    background: #f8fbfe;
    border-left: 3px solid #b8d8ef;
}


/* Formulář komentáře – NVIDIA_test */
.comments-reply-modern {
    box-sizing: border-box;
    width: calc(100% - 24px);
    max-width: 980px;
    margin: 18px auto 26px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cddfee;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(31,79,120,.06);
}

.comments-reply-modern-head {
    padding: 12px 16px 10px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf6fd 100%);
    border-bottom: 1px solid #d7e5f2;
}

.comments-reply-modern-title {
    color: #0f4f8f;
    font-size: 17px;
    font-weight: bold;
}

.comments-reply-modern-subject {
    margin-top: 4px;
    color: #6a7885;
    font-size: 11px;
}

.comments-reply-modern-form {
    padding: 16px 18px 18px;
}

.comments-form-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 14px;
}

.comments-form-label {
    display: block;
    margin: 0 0 5px;
    color: #183b62;
    font-size: 12px;
    font-weight: bold;
}

.comments-form-row .comments-form-label {
    margin: 0;
}

.comments-form-value {
    font-size: 12px;
}

.comments-form-minor {
    color: #7a8793;
    font-size: 11px;
}

.comments-form-input,
.comments-form-textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #b9cfe2;
    border-radius: 6px;
    background: #fff;
    color: #222;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    outline: none;
}

.comments-form-input {
    max-width: 620px;
    height: 32px;
    padding: 5px 8px;
    margin-bottom: 14px;
}

.comments-form-textarea {
    min-height: 230px;
    padding: 9px 10px;
    resize: vertical;
}

.comments-form-input:focus,
.comments-form-textarea:focus,
.comments-form-security input[type="text"]:focus {
    border-color: #4b93cf;
    box-shadow: 0 0 0 2px rgba(75,147,207,.12);
}

.comments-form-help {
    margin-top: 6px;
    color: #7a8793;
    font-size: 10px;
    line-height: 1.4;
}

.comments-form-check {
    display: block;
    margin-top: 12px;
    font-size: 11px;
}

.comments-form-security {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
    color: #183b62;
    font-size: 11px;
    font-weight: bold;
}

.comments-form-security input[type="text"] {
    box-sizing: border-box;
    width: 48px;
    height: 28px;
    padding: 3px 6px;
    border: 1px solid #b9cfe2;
    border-radius: 5px;
}

.comments-form-security img {
    display: block;
    width: 52px;
    height: 20px;
    border: 1px solid #c8d3dc;
}

.comments-form-actions {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.comments-form-actions input[type="submit"] {
    min-height: 32px;
    padding: 5px 13px;
    border: 1px solid #2f82c7;
    border-radius: 6px;
    background: #2f82c7;
    color: #fff;
    font: bold 11px Verdana, Helvetica, sans-serif;
    cursor: pointer;
}

.comments-form-actions input[type="submit"]:hover {
    background: #246fae;
    border-color: #246fae;
}


/* Náhled komentáře – NVIDIA_test */
.comments-preview-modern {
    margin: 16px 18px 0;
    padding: 13px 14px;
    background: #f8fbfe;
    border: 1px solid #d7e5f2;
    border-radius: 7px;
}

.comments-preview-subject {
    color: #183b62;
    font-size: 13px;
    font-weight: bold;
}

.comments-preview-meta {
    margin-top: 3px;
    color: #7a8793;
    font-size: 11px;
}

.comments-preview-body {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid #e2ebf3;
    color: #222;
    font-size: 12px;
    line-height: 1.55;
}

.comments-form-error {
    margin: 14px 18px 0;
    padding: 9px 11px;
    border: 1px solid #e3c58c;
    border-radius: 6px;
    background: #fff9ee;
    color: #7a5312;
    font-size: 11px;
}