/* --- CSS Стиль: Затишний Беж (Cozy Tan) --- */

:root {
    --color-tan-main: #A07C5F;       /* Теплий Коричнево-бежевий (Акцент) */
    --color-tan-light: #C3997A;      /* Світліший Бежевий (Hover) */
    --color-text-dark: #383838;      /* Насичений темно-коричневий */
    --color-text-light: #7A7A7A;     /* Сірий/Коричневий для деталей */
    --color-bg-paper: #FCF5EE;       /* Дуже світлий бежевий (як папір) */
    --color-bg-soft: #EFE7E0;        /* Світлий бежевий */
    --color-border-soft: #D9D0C7;    /* М'яка межа */
    --border-radius-default: 4px;
}

/* --- ОСНОВНІ ЕЛЕМЕНТИ --- */
body {
    background-color: var(--color-bg-soft); /* М'який бежевий фон */
    color: var(--color-text-dark);
    font-family: 'Georgia', 'Times New Roman', serif, Verdana, Arial, Helvetica; /* Класичніший, теплий шрифт */
    font-size: 14px;
    /* Оновлення скролбарів */
    scrollbar-face-color: var(--color-bg-soft);
    scrollbar-arrow-color: var(--color-tan-main);
    scrollbar-track-color: var(--color-bg-paper);
}
font,th,td,p { font-family: inherit; font-size: 14px; }
.postdetails { font-size : 12px; color : var(--color-text-light); }

/* --- ПОСИЛАННЯ --- */
a:link,a:active,a:visited { color : var(--color-tan-main); }
a:hover{ text-decoration: underline; color : var(--color-tan-light); }
hr{ height: 0px; border: solid var(--color-border-soft) 0px; border-top-width: 1px;}

/* --- РАМКИ І КОНТЕЙНЕРИ --- */
.bodyline{
    background-color: var(--color-bg-paper);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--border-radius-default);
}
.forumline{
    background-color: var(--color-bg-paper);
    border: 1px solid var(--color-tan-main); /* Акцентна рамка */
    border-radius: var(--border-radius-default);
    margin-bottom: 15px;
}

/* Чергування рядків */
td.row1{ background-color: var(--color-bg-paper); }
td.row2{ background-color: var(--color-bg-soft); }
td.row3{ background-color: var(--color-bg-soft); }
td.rowpic, td.row3Right, td.spaceRow, .helpline { background-color: var(--color-bg-soft); background-image: none; border: none;}


/* --- ЗАГОЛОВКИ ТАБЛИЦЬ (TH) --- */
th{
    color: var(--color-bg-paper); /* Дуже світлий текст */
    font-size: 14px; font-weight : 600;
    background-color: var(--color-tan-main); /* Основний бежевий фон */
    height: 35px;
    background-image: none;
    border: none;
    padding: 0 10px;
    text-align: left;
}

/* Категорії */
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-image: none;
    background-color: var(--color-bg-soft);
    color: var(--color-text-dark);
    font-weight: 600;
    height: 30px;
    border: 1px solid var(--color-border-soft);
    border-width: 0 0 1px 0;
}
td.cat,td.catHead,td.catBottom { border-width: 1px 0 1px 0; }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: 600; border: none; background: var(--color-tan-main); color: var(--color-bg-paper);
}


/* --- ТЕКСТ ТА ПОСИЛАННЯ (ЗАГОЛОВКИ) --- */
.maintitle,h1,h2 {
    font-weight: bold; font-size: 22px;
    font-family: inherit;
    color : var(--color-tan-main);
}
.gen, .genmed, .gensmall { color : var(--color-text-dark); }
a.gen,a.genmed,a.gensmall, a.mainmenu, a.cattitle, a.forumlink, a.nav, a.topictitle:link, a.postlink:link {
    color: var(--color-tan-main); text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover, a.mainmenu:hover, a.forumlink:hover, a.nav:hover, a.topictitle:hover, a.postlink:hover {
    color: var(--color-tan-light); text-decoration: underline;
}
.cattitle{ color : var(--color-tan-main); letter-spacing: 0.5px}
.forumlink{ color : var(--color-tan-main); }
a.topictitle:visited, a.postlink:visited { color : var(--color-text-light); } /* Відвідані світліші */


/* --- ЦИТАТИ ТА КОД --- */
.code, .quote {
    font-size: 13px;
    background-color: var(--color-bg-paper);
    border: 1px solid var(--color-border-soft);
    border-radius: var(--border-radius-default);
    padding: 10px;
    margin: 15px 0;
    line-height: 1.5;
}
.code {
    font-family: 'Courier New', monospace;
    color: #8D6E63; /* Коричневий для коду */
    border-left: 5px solid var(--color-tan-light);
}
.quote {
    color: var(--color-text-dark);
    border-left: 5px solid var(--color-border-soft); /* М'яка розділювальна смуга */
}


/* --- ФОРМИ ТА КНОПКИ --- */
input,textarea, select {
    color : var(--color-text-dark);
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid var(--color-border-soft);
    background-color : var(--color-bg-paper);
    border-radius: var(--border-radius-default);
    padding: 6px 10px;
}
input.button, input.mainoption, input.liteoption, .fakebut {
    border: none;
    background-color : var(--color-tan-main);
    color : var(--color-bg-paper);
    font-weight : bold;
    font-size: 14px;
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.2s;
}
input.button:hover, input.mainoption:hover, input.liteoption:hover, .fakebut:hover {
    background-color: var(--color-tan-light);
}

/* --- WR-Forum Professional fixes --- */
.pgbutt a {
    border: 1px solid var(--color-border-soft);
    background: var(--color-bg-soft);
    color: var(--color-text-dark);
    border-radius: 4px;
}
.pgbutt a:hover {
    background: var(--color-tan-main);
    color: var(--color-bg-paper);
    border-color: var(--color-tan-main);
}

/* QR-CODE */
#qr img{border: 1px solid var(--color-border-soft); padding: 1px;}

/* Аватар */
.guestavatar{
    background: var(--color-bg-soft);
    color: var(--color-tan-main);
    border-radius: 50%;
}

/* МЕНЮ В АДМІНЦІ */
#nav8, #nav8 ul {background: var(--color-bg-paper);}
#nav8 td:hover, #nav8 li:hover {background: var(--color-bg-soft);}
#nav8 a {color: var(--color-text-dark);}
#nav8 td:hover a {color: var(--color-tan-main);}

/* Блок загрузки */
#cssbar-border {border:3px solid var(--color-tan-main); height:100%;}
#cssbar-line {background-color:var(--color-tan-main);}