/* ===== Market Explorer layout ===== */

.market-layout{
	display:flex;
	gap:30px;
	align-items:flex-start;
}

.market-sidebar{
	flex:0 0 25%;
	min-width:280px;
}

.market-content{
	flex:1;
	min-width:0;
}

@media (max-width:768px){
	.market-layout{flex-direction:column;}
	.market-sidebar,
	.market-content{width:100%;}
}

/* ===== Analytics cards ===== */

.market-cards{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));
	gap:20px;
	margin-top:20px;
}

.market-card{
	border:1px solid #d3d3d3;
	border-radius:8px;
	padding:16px;
	background:#fff;
}

.market-card .card-title{
	font-size:10.5pt;
	color:#666;
	margin-bottom:8px;
}

.market-card .card-value{
	font-size:25pt;
	font-weight:600;
	color:#111;
	line-height:1.8;
}

.market-card .card-sub{
	margin-top:6px;
	font-size:10pt;
	color:#888;
}
/* контейнер поля */
.field-d {
	position: relative;
}

/* подсказка */
.cck_form_param_text {
	position: absolute;
	top: 50%;
	left: calc(100% + 12px);
	transform: translateY(-50%);

	min-width: 220px;
	max-width: 280px;

	background: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 6px;
	padding: 10px 12px;

	font-size: 10.5pt;
	line-height: 1.4;
	color: #555;

	box-shadow: 0 6px 15px rgba(0,0,0,0.08);

	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease;

	z-index: 10;
}

/* показываем при наведении */
.field-d:hover .cck_form_param_text {
	opacity: 1;
	visibility: visible;
}
/* === MOBILE FIX === */
@media (max-width: 768px) {
	.cck_form_param_text {
		display: none !important;
	}
}

.market-meta{
	margin-top:30px;
    font-size: 10pt;
}

.market-guest-note {
	margin:20px 0px; 
}

.market-note{
	margin-top:40px; 
	font-size: 10pt;
}
/* ===== GLOBAL MARKET TABLES ===== */

.market-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	font-size: 14px;
}

.market-table th {
	text-align: left;
	font-weight: 500;
	color: #666;
	padding: 6px 0;
	border-bottom: 1px solid #eee;
}

.market-table td {
	padding: 6px 0;
	color: #222;
}

.market-table td:last-child,
.market-table th:last-child {
	text-align: right;
	white-space: nowrap;
}

/* spacing inside global cards */
.market-card table {
	margin-top: 12px;
}

/* card title spacing consistency */
.market-card .card-title {
	font-weight: 600;
	margin-bottom: 6px;
}

/* optional: slightly muted placeholders */
.market-table td:contains("—") {
	color: #999;
}

.market-title{
  position: relative;
  padding-left: 12px;
}

.market-title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  bottom: 0.15em;
  width: 3px;
  border-radius: 2px;
  background: var(--brand-blue, #3a8ac9);
}

/* very soft */
.market-compare.is-above { color: #9b6b6b; }  /* приглушённый красно-коричневый */
.market-compare.is-below { color: #4f7f66; }  /* приглушённый зелёный */
.market-compare.is-equal { color: #777; }
