/* ADMAG PHP — dizayna əlavə kiçik stillər */

/* Kateqoriya siyahısı (sidebar) */
.categorywidget .category-list { list-style:none; margin:0; padding:0; }
.categorywidget .category-list li {
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 0; border-bottom:1px solid #eceff3;
}
.categorywidget .category-list li a { color:#333; font-weight:500; }
.categorywidget .category-list li a:hover { color:#e74c3c; }
.categorywidget .category-list li span {
  background:#f0f2f5; color:#8a97a5; font-size:11px;
  min-width:26px; text-align:center; padding:2px 8px; border-radius:20px;
}

/* Səhifələmə */
.pagination-wrapper .pagination { display:inline-flex; gap:6px; padding:0; margin:0; list-style:none; }
.pagination-wrapper .pagination li a {
  display:block; padding:8px 14px; border:1px solid #e3e8ef;
  border-radius:4px; color:#333; font-weight:600;
}
.pagination-wrapper .pagination li.active a,
.pagination-wrapper .pagination li a:hover { background:#e74c3c; color:#fff; border-color:#e74c3c; }

/* Lazy-load edən şəkillər üçün yumşaq keçid */
img[loading="lazy"] { background:#eef2f7; }
.image-overlay img, .featured-href img, .simple-thumb img { width:100%; height:auto; display:block; }

/* Uzun məqalələrdə mündəricat və suallar */
.post-content .article-toc {
  margin:24px 0 32px; padding:20px 24px;
  background:#f7f8fa; border-left:3px solid #e74c3c;
}
.post-content .article-toc ul { padding-left:20px; margin-bottom:0; }
.post-content .article-toc li { margin:6px 0; line-height:1.55; }
.post-content h2[id] { scroll-margin-top:90px; }
.post-content .article-faq { margin-top:32px; }
.post-content .article-faq h3 { font-size:21px; line-height:1.4; margin-top:24px; }

/* Axtarış forması düyməsi */
.searchwidget-form { position:relative; }
.searchwidget-form button {
  position:absolute; right:4px; top:4px; bottom:4px;
  border:0; background:#e74c3c; color:#fff; padding:0 16px; border-radius:4px; cursor:pointer;
}

/* ===== Footer: yuxarıdan boşluq + fərqli tünd fon ===== */
#footer { margin-top: 55px; }
#footer .footer-top {
  background: #1f2733;
  padding: 55px 0 35px;
}
#footer .footer-top,
#footer .footer-top p,
#footer .footer-top .footer-block p { color: #aeb7c4; }
#footer .footer-top .footer-title { color: #ffffff; }
#footer .footer-top .footer-menu a { color: #aeb7c4; }
#footer .footer-top .footer-menu a:hover { color: #ffffff; }
#footer .footer-top .logo { color: #ffffff; }
#footer .footer-top .logo span { color: #e74c3c; }
#footer .footer-top .footer-social-icons a { color: #aeb7c4; }
#footer .footer-top .footer-social-icons a:hover { color: #ffffff; }
#footer .footer-top .form-control {
  background: #2b3442; border-color: #3a4555; color: #fff;
}
#footer .footer-top .form-control::placeholder { color: #8893a2; }

/* ===== Menyu: "Daha çox" dropdown ===== */
.mega-menu, .navbar-collapse { overflow: visible; }
.navbar-nav .more-dropdown { position: relative; }
.navbar-nav .more-dropdown > a .caret { margin-left: 5px; }
/* .dropdown-menu bootstrap-da default gizlidir; hover və ya klik (.open) ilə açılır */
.navbar-nav .more-dropdown .dropdown-menu {
  left: 0; right: auto; top: 100%; min-width: 230px;
  margin: 0; padding: 8px 0; list-style: none; background: #fff;
  border: none; border-top: 3px solid #e74c3c;
  box-shadow: 0 10px 30px rgba(0,0,0,.15); z-index: 1050;
}
.navbar-nav .more-dropdown:hover .dropdown-menu { display: block; }
.navbar-nav .more-dropdown .dropdown-menu > li { float: none; display: block; }
.navbar-nav .more-dropdown .dropdown-menu > li > a {
  display: block; padding: 9px 18px; color: #333;
  white-space: nowrap; font-weight: 500; line-height: 1.4;
}
.navbar-nav .more-dropdown .dropdown-menu > li > a:hover { background: #f5f6f8; color: #e74c3c; }
.navbar-nav .more-dropdown .dropdown-menu > li.dd-tests { border-top: 1px solid #eee; margin-top: 4px; }
.navbar-nav .more-dropdown .dropdown-menu > li.dd-tests > a { color: #e74c3c; font-weight: 700; }
.navbar-nav .more-dropdown .dropdown-menu > li.dd-tests > a i { margin-right: 6px; }

/* ===== Yuxarı hissə (header) — səliqəli, menyu bir sətirdə ===== */
.header .logo { font-size: 24px; line-height: 26px; margin-top: 14px; }
.header .logo span { color: #e74c3c; }              /* ".az" ağ fonda görünən olsun */
.header .header-right { display: none; }             /* işləməyən sosial ikonları gizlət */
/* Menyunu tək sətirdə saxla + kompaktlaşdır */
.header .mega-menu .navbar-nav { white-space: nowrap; }
.header .mega-menu .navbar-nav > li { float: none; display: inline-block; vertical-align: middle; }
.header .mega-menu .navbar-nav > li > a {
  font-size: 15px; padding: 14px 13px; line-height: 20px;
}
.header .mega-menu .navbar-nav > li.more-dropdown > a.dropdown-toggle:after { margin-left: 6px; }

/* ===================== TESTLƏR bölməsi ===================== */
/* Landing — test kartları */
.test-section { margin-bottom: 18px; }
.test-card {
  display: flex; align-items: center; gap: 14px;
  background: #fff; border: 1px solid #e7ebf1; border-radius: 10px;
  padding: 18px 18px; margin-bottom: 22px; color: #222;
  box-shadow: 0 2px 10px rgba(0,0,0,.04); transition: .15s; min-height: 92px;
}
.test-card:hover { border-color: #e74c3c; box-shadow: 0 8px 24px rgba(231,76,60,.12); color: #222; }
.test-card-icon {
  flex: 0 0 48px; width: 48px; height: 48px; border-radius: 10px;
  background: #fdece9; color: #e74c3c; font-size: 22px;
  display: flex; align-items: center; justify-content: center;
}
.test-card-body { flex: 1 1 auto; display: flex; flex-direction: column; }
.test-card-title { font-weight: 700; font-size: 16px; line-height: 1.3; color: #1f2733; }
.test-card-meta { color: #8a97a5; font-size: 13px; margin-top: 3px; }
.test-card-go { color: #e74c3c; font-weight: 600; font-size: 14px; white-space: nowrap; }

/* Test (quiz) səhifəsi */
.test-breadcrumb { color: #8a97a5; font-size: 14px; margin: 0 0 6px; }
.test-breadcrumb a { color: #e74c3c; }
.test-hint { color: #555; margin: 0 0 20px; }
.quiz-form { max-width: 820px; }
.quiz-q {
  background: #fff; border: 1px solid #e7ebf1; border-radius: 10px;
  padding: 18px 20px; margin-bottom: 16px;
}
.quiz-qtext { font-size: 17px; font-weight: 600; color: #1f2733; margin: 0 0 14px; line-height: 1.5; }
.quiz-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%; background: #1f2733; color: #fff;
  font-size: 13px; margin-right: 10px; flex: 0 0 26px;
}
.quiz-options { list-style: none; margin: 0; padding: 0; }
.quiz-options li { margin: 0 0 8px; border: 1px solid #e3e8ef; border-radius: 8px; transition: .12s; }
.quiz-options li:hover { border-color: #c7d0db; background: #fafbfc; }
.quiz-options label { display: flex; align-items: center; gap: 10px; padding: 11px 14px; margin: 0; cursor: pointer; font-weight: 400; }
.quiz-options input[type=radio] { margin: 0; }
.opt-letter {
  flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%;
  background: #eef2f7; color: #55606e; font-weight: 700; font-size: 13px;
  display: inline-flex; align-items: center; justify-content: center;
}
.opt-text { color: #333; }
/* Yoxlanıldıqdan sonra */
.quiz-options li.correct { border-color: #27ae60; background: #eafaf0; }
.quiz-options li.correct .opt-letter { background: #27ae60; color: #fff; }
.quiz-options li.wrong { border-color: #e74c3c; background: #fdecea; }
.quiz-options li.wrong .opt-letter { background: #e74c3c; color: #fff; }
.quiz-explain {
  display: none; margin-top: 12px; padding: 12px 15px;
  background: #f7f8fa; border-left: 3px solid #ffb300; border-radius: 6px;
  color: #444; font-size: 14.5px; line-height: 1.55;
}
.quiz-actions { margin: 6px 0 40px; display: flex; gap: 12px; flex-wrap: wrap; }
.btn-quiz-check { background: #e74c3c; border-color: #e74c3c; color: #fff; font-weight: 600; padding: 11px 26px; border-radius: 6px; }
.btn-quiz-check:hover { background: #cf3f30; color: #fff; }
.btn-quiz-reset { background: #eef2f7; border-color: #e3e8ef; color: #55606e; font-weight: 600; padding: 11px 22px; border-radius: 6px; }
.btn-quiz-reset:hover { background: #e3e8ef; color: #333; }
.quiz-result {
  padding: 16px 20px; border-radius: 10px; font-size: 18px; margin-bottom: 22px;
  border: 1px solid #e3e8ef; background: #f7f8fa; max-width: 820px;
}
.quiz-result.good { background: #eafaf0; border-color: #a8e6bf; color: #1e7e44; }
.quiz-result.mid  { background: #fff7e6; border-color: #ffdf9e; color: #a86a00; }
.quiz-result.low  { background: #fdecea; border-color: #f5c3bd; color: #c0392b; }
@media (max-width: 767px) {
  .test-card { min-height: 0; }
  .quiz-qtext { font-size: 16px; }
}