/* --- CSS Стиль: ДУЖЕ СВІТЛА НІЖНА ТРОЯНДА (Soft Rose) --- */

:root {
    --color-rose-main: #E91E63;       /* Насичений Рожевий (Акцент) */
    --color-rose-light: #FF4081;      /* Світліший Рожевий (Hover) */
    --color-text-dark: #444444;       /* Темно-сірий текст */
    --color-text-link: #880E4F;       /* Глибокий рожевий для посилань */
    --color-bg-white: #FFFFFF;        /* Чистий Білий */
    --color-bg-soft: #FFF5F8;         /* Ультра-світло-рожевий */
    --color-border-light: #F8BBD0;    /* Дуже світло-рожева межа */
    --border-radius-default: 6px;
}

body {
    background-color: var(--color-bg-soft); /* Дуже світлий рожевий фон тіла */
    color: var(--color-text-dark);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    /* Оновлення скролбарів */
    scrollbar-face-color: var(--color-bg-soft);
    scrollbar-arrow-color: var(--color-rose-main);
    scrollbar-track-color: var(--color-bg-soft);
}

font,th,td,p { font-family: inherit; font-size: 14px; }

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

/* --- КОНТЕЙНЕРИ І БЛОКИ --- */
.bodyline { background-color: var(--color-bg-white); border: 1px solid var(--color-border-light); }
.forumline {
    background-color: var(--color-bg-white);
    border: 2px solid var(--color-border-light);
    border-radius: var(--border-radius-default);
    overflow: hidden;
}

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


/* --- ЗАГОЛОВКИ ТАБЛИЦЬ (TH) --- */
th {
    color: var(--color-bg-white);
    font-size: 15px;
    font-weight : 600;
    background-color: var(--color-rose-main); /* Насичений рожевий акцент */
    height: 35px;
    background-image: none;
    padding: 0 10px;
}

/* Категорії - дуже світлі */
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-link);
    font-weight: 600;
    height: 30px;
    border: 1px solid var(--color-border-light);
    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-rose-main); color: var(--color-bg-white);
}


/* --- ТЕКСТ ТА НАВІГАЦІЯ --- */
.maintitle,h1,h2 {
    font-weight: 700;
    font-size: 24px;
    color : var(--color-rose-main);
}

.gen,.genmed,.gensmall, .mainmenu, .cattitle, .forumlink, .nav, .topictitle, .name, .postbody { 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-text-link); 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-rose-main); text-decoration: underline;
}
a.topictitle:visited, a.postlink:visited { color : var(--color-border-light); }
.postdetails { font-size : 12px; color : var(--color-text-light); }


/* --- ЦИТАТИ ТА КОД --- */
.code, .quote {
    font-size: 14px;
    background-color: var(--color-bg-soft);
    border: 1px solid var(--color-border-light);
    border-radius: 4px;
    padding: 10px;
    margin: 15px 0;
    line-height: 1.5;
}
.code {
    color: var(--color-rose-main);
    font-family: 'Courier New', monospace;
    border-left: 4px solid var(--color-border-light);
}
.quote {
    color: var(--color-text-dark);
    font-style: italic;
    border-left: 4px solid var(--color-rose-light);
}


/* --- ФОРМИ ТА КНОПКИ --- */
input,textarea, select {
    color : var(--color-text-dark);
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid var(--color-border-light);
    background-color : var(--color-bg-white);
    border-radius: 4px;
    padding: 6px 10px;
}

input.button, input.mainoption, input.liteoption, .fakebut {
    border: none;
    background-color : var(--color-rose-main);
    color : var(--color-bg-white);
    font-weight : 600;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
}
input.button:hover, input.mainoption:hover, input.liteoption:hover, .fakebut:hover {
    background-color: var(--color-rose-light);
}

/* --- WR-Forum Professional fixes --- */
.pgbutt a {
    border: 1px solid var(--color-border-light);
    background: var(--color-bg-soft);
    color: var(--color-text-dark);
    border-radius: 4px;
}
.pgbutt a:hover {
    background: var(--color-rose-main);
    color: var(--color-bg-white);
    border-color: var(--color-rose-main);
}
input.button,input.liteoption,.fakebut {background: var(--color-rose-main); color: var(--color-bg-white); border: none;}

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

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

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

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