/* =========================================================
   AGROT — DLE inteqrasiyası
   style.css dizayndan olduğu kimi gəlir və dəyişdirilmir;
   burada yalnız DLE-nin əlavə etdiyi səhifələr və
   məzmunun boş ola biləcəyi yerlər üçün qaydalar var.
   ========================================================= */

/* ---------- üzən əlaqə düymələri ----------
   style.css hər ikonu öz id-si ilə yerləşdirir. Admin paneldə
   WhatsApp/Telegram boş qalanda ikon çıxmır, ona görə mövqeni
   sıraya görə veririk ki, arada boşluq qalmasın.
   (a:nth-of-type(1) — "Qo'ng'iroq buyurtma qilish" linkidir) */
#main-div #main-button.open ~ a.wrappericon:nth-of-type(2) { bottom: 80px; }
#main-div #main-button.open ~ a.wrappericon:nth-of-type(3) { bottom: 150px; }
#main-div #main-button.open ~ a.wrappericon:nth-of-type(4) { bottom: 220px; }
#main-div #main-button.open ~ a.wrappericon:nth-of-type(5) { bottom: 290px; }

/* ---------- mahsulot kartası — indi link ---------- */
.cats__link {
  display: block;
  color: inherit;
}
.cats__link:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 4px;
  border-radius: var(--radius);
}

/* ---------- daxili səhifələr (mahsulot, statik, siyahı) ---------- */
.page {
  padding: var(--section-y) 0 calc(var(--section-y) * 1.5);
  min-height: 50vh;
}

.page__grid {
  margin-top: 8px;
}

/* mahsulot səhifəsi "Kompaniya haqida" blokunun dizaynını işlədir */
.page .about--page {
  background: transparent;
  padding: 0;
  overflow: visible;
}
.about--page .about__box {
  aspect-ratio: auto;
  min-height: 420px;
}
.about--page .about__box:only-child {
  flex-basis: 100%;
  margin-left: 0;
}
.about--page .about__title {
  margin-bottom: 20px;
}

/* redaktordan gələn mətn (mahsulot təsviri, statik səhifələr) */
.page-text > * + * { margin-top: 1em; }
.page-text ul,
.page-text ol { padding-left: 1.4em; }
.page-text ul { list-style: disc; }
.page-text ol { list-style: decimal; }
.page-text a { text-decoration: underline; text-underline-offset: 3px; }
.page-text h2,
.page-text h3 {
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 400;
  line-height: 1.25;
}
.page-text h2 { font-size: 28px; margin-top: 1.6em; }
.page-text h3 { font-size: 22px; margin-top: 1.4em; }
.page-text img { border-radius: var(--radius); height: auto; }

.page-static {
  max-width: 820px;
  margin: 0 auto;
  color: var(--ink);
}
.page-static__title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: var(--title-size);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 28px;
}
.page-static__text {
  font-size: var(--body-size);
  line-height: 1.8;
  color: var(--text-soft);
}

/* DLE xəbərdarlıqları (404, giriş xətası və s.) */
.page-info {
  max-width: 820px;
  margin: 0 auto 32px;
  padding: 24px 28px;
  background: var(--leaf-soft);
  border-left: 4px solid var(--leaf);
  border-radius: var(--radius);
}
.page-info__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.page-info__text { line-height: 1.7; }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
}
.pagination a { border: 1px solid var(--line); }
.pagination a:hover { border-color: var(--moss-700); }
.pagination__pages > span { background: var(--moss-700); color: var(--white); }

.page--offline { text-align: center; }
.page--offline img { margin: 0 auto 32px; }

@media (max-width: 992px) {
  .about--page .about__box { min-height: 0; }
}