/* Catalogue-page specifics: the heading, pagination, neighbour cities and the
   SEO box. The card itself lives in card.css — the profile page shares it. */

/*-------------------------------
		Heading & navbar
-------------------------------*/

/*-------------------------------
		Catalog
-------------------------------*/
.catalog h1 {margin: 10px 0; font-size: 21px; line-height: 150%}

.catalog .navbar {font-size: 15px;}

.catalog .navbar a {font-size: 14px;}

/* The SEO box under the cards */

main .info-for-users > div {padding: 10px; background: var(--panel); border: 1px solid var(--border);}

@media only screen and (max-width: 620px) {
	main .info-for-users > div {padding: 8px 5px;}
}

/*-------------------------------
		Pagination & near cities
-------------------------------*/

.catalog .pages a {padding: 3px; margin: 3px 3px;}

.pages .numbers {margin: 10px;}

.catalog .pages .neighbour-buttons a {color: white; padding:5px 10px; margin: 5px 5px;}

.catalog .pages .neighbour-buttons span {background: var(--panel); border: 1px solid var(--border); font-weight: normal !important; padding:5px 10px; margin: 5px 5px; text-decoration: none; font-size: 14px; color: #5f5f5f; cursor: default;}

.catalog .pages .neighbour-buttons span:active {background: var(--panel); border: 1px solid var(--border) !important;}

/*
	Near cities
*/
.near-cities {text-align: center;}

.near-cities a {font-size: 12px; color: var(--text); text-decoration: none; line-height: 17px;}

.near-cities a:hover {text-decoration: underline;}

/*---------------------------------------------------------------
  Продакшн-состояния и починки
---------------------------------------------------------------*/

.catalogue-empty {
  position: relative;
  overflow: hidden;
  min-height: 185px;
  margin: 10px 0 20px;
  padding: 36px 32px 32px 110px;
  border: 1px solid #25221c;
  background:
    linear-gradient(135deg, rgba(177, 165, 129, .08), transparent 55%),
    var(--panel);
}

.catalogue-empty__mark {
  position: absolute;
  left: 26px;
  top: 28px;
  color: var(--gold);
  font: 72px/1 Georgia, "Times New Roman", serif;
  opacity: .72;
}

.catalogue-empty h2 {
  margin: 0 0 12px;
  color: var(--link);
  font-size: 20px;
}

.catalogue-empty p { margin: 0; color: #858585; text-indent: 0; }


@media only screen and (max-width: 620px) {
  .catalogue-empty { min-height: 0; padding: 28px 18px 26px 72px; }
  .catalogue-empty__mark { left: 15px; top: 24px; font-size: 50px; }
  .catalogue-empty h2 { font-size: 17px; }
}