/* =========================================
   AFRICA FORUM — Savanna Light Edition
   Светлая версия с песочной палитрой
========================================= */

/* ====== Фон с SVG (светлая саванна) ====== */
body {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", "Gill Sans", Tahoma, sans-serif;
  background-color: #f6efe3;
  background-image: url("data:image/svg+xml;utf8,
  <svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'>
    <rect width='100%' height='100%' fill='%23f6efe3'/>

    <!-- Этно-узор -->
    <g fill='%23e2c9a0' opacity='0.35'>
      <polygon points='20,20 60,20 40,55'/>
      <polygon points='120,40 160,40 140,75'/>
      <polygon points='220,20 260,20 240,55'/>
      <polygon points='320,40 360,40 340,75'/>
      <polygon points='70,120 110,120 90,155'/>
      <polygon points='170,140 210,140 190,175'/>
      <polygon points='270,120 310,120 290,155'/>
    </g>

    <!-- Светлый силуэт Африки -->
    <path d='M210 120 
             C250 110, 290 140, 285 180
             C300 220, 270 260, 250 300
             C230 340, 200 350, 180 320
             C160 290, 170 250, 150 220
             C130 200, 140 160, 170 140
             C190 125, 200 130, 210 120 Z'
          fill='%23c59d5f'
          opacity='0.15'/>
  </svg>");
  background-repeat: repeat;
  color: #3e2f1c;
}

/* ====== Общий текст ====== */
p, td, th, font {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.3px;
}

/* ====== Ссылки ====== */
a {
  text-decoration: none;
  color: #b9770e;
  font-weight: 600;
  transition: 0.3s ease;
}
a:visited {
  color: #9c640c;
}
a:hover, a:active {
  color: #1e8449;
  text-shadow: 0 0 4px rgba(30,132,73,0.3);
}

/* ====== Заголовки ====== */
.maintitle, h1, h2 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #a04000;
  text-transform: uppercase;
  border-bottom: 2px solid #d4ac0d;
  padding-bottom: 6px;
  margin-bottom: 14px;
}

/* ====== Таблицы форума ====== */
table.forumline {
  border: 1px solid #d4ac0d;
  background: rgba(255, 250, 240, 0.95);
  border-collapse: collapse;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border-radius: 8px;
  overflow: hidden;
}

table.forumline th {
  background: linear-gradient(90deg, #d4ac0d, #b7950b);
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

table.forumline td {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding: 8px;
}

table.forumline tr:nth-child(even) {
  background-color: rgba(212,172,13,0.05);
}

table.forumline tr:hover {
  background-color: rgba(30,132,73,0.08);
  transition: 0.2s ease-in-out;
}

/* ====== Навигация ====== */
.nav {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.nav a {
  padding: 6px 12px;
  border-radius: 20px;
  background: rgba(212,172,13,0.15);
  border: 1px solid #d4ac0d;
}

.nav a:hover {
  background: #1e8449;
  color: #ffffff;
  box-shadow: 0 0 8px rgba(30,132,73,0.4);
}

/* ====== Кнопки ====== */
input.button,
input.mainoption,
input.liteoption {
  background: linear-gradient(90deg, #f4d03f, #d4ac0d);
  color: #3e2f1c;
  border: none;
  border-radius: 30px;
  padding: 6px 14px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s ease;
}

input.button:hover,
input.mainoption:hover,
input.liteoption:hover {
  background: linear-gradient(90deg, #1e8449, #117a65);
  color: #ffffff;
  box-shadow: 0 0 10px rgba(30,132,73,0.5);
}

/* ====== Цитаты ====== */
.quote {
  background: rgba(212,172,13,0.08);
  border-left: 4px solid #d4ac0d;
  padding: 12px;
  font-style: italic;
  color: #5d4037;
  border-radius: 6px;
}

/* ====== Код ====== */
.code {
  background: #fdf6e3;
  border: 1px solid #d4ac0d;
  padding: 10px;
  font-family: "Consolas", monospace;
  color: #7d6608;
  border-radius: 6px;
}

/* ====== Аватары гостей ====== */
.guestavatar {
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #f4d03f, #b7950b);
  color: #3e2f1c;
  font-size: 38px;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border: 3px solid #1e8449;
}