/**
 * YGT Ask — Q&A front-end styles. Uses the base theme's --ygt-* design tokens so
 * it inherits the active site's brand color (Ask red #ff4136 via site-config).
 */

.ygt-ask-page { --ygt-ask-accent: var(--ygt-primary, #ff4136); }

.ygt-ask-notice {
	padding: 12px 16px;
	border-radius: var(--ygt-radius, 8px);
	background: var(--ygt-bg-alt, #f7f7f8);
	border: 1px solid var(--ygt-border, #e5e7eb);
	margin-bottom: 16px;
	font-size: var(--ygt-text-sm, 14px);
}
.ygt-ask-notice--ok {
	background: #fff5f4;
	border-color: var(--ygt-ask-accent);
	color: var(--ygt-ask-accent);
}

.ygt-ask-breadcrumb { margin-bottom: 14px; font-size: var(--ygt-text-sm, 14px); }
.ygt-ask-breadcrumb a { color: var(--ygt-ask-accent); text-decoration: none; }

/* ---- List / bar ---- */
.ygt-ask-list__bar {
	display: flex; align-items: center; justify-content: space-between;
	gap: 12px; margin-bottom: 18px; flex-wrap: wrap;
}
.ygt-ask-list__count { font-weight: 700; color: var(--ygt-text, #111); }

.ygt-ask-submit {
	display: inline-block;
	background: var(--ygt-ask-accent);
	color: #fff !important;
	border: 0;
	padding: 10px 18px;
	border-radius: var(--ygt-radius, 8px);
	font-weight: 700;
	font-size: var(--ygt-text-sm, 14px);
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2;
}
.ygt-ask-submit:hover { filter: brightness(0.94); }

/* ---- Question cards ---- */
.ygt-ask-qcards { list-style: none; margin: 0; padding: 0; }
.ygt-ask-qcard {
	display: flex; gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var(--ygt-border, #e5e7eb);
}
.ygt-ask-qcard__stats {
	display: flex; flex-direction: column; gap: 8px;
	min-width: 64px; text-align: center;
}
.ygt-ask-qcard__stat {
	display: flex; flex-direction: column;
	font-size: 12px; color: var(--ygt-text-muted, #6b7280);
	border: 1px solid var(--ygt-border, #e5e7eb); border-radius: 6px; padding: 4px 6px;
}
.ygt-ask-qcard__stat strong { font-size: 16px; color: var(--ygt-text, #111); }
.ygt-ask-qcard__answers.is-solved { background: var(--ygt-ask-accent); border-color: var(--ygt-ask-accent); }
.ygt-ask-qcard__answers.is-solved, .ygt-ask-qcard__answers.is-solved strong { color: #fff; }
.ygt-ask-qcard__title { font-size: var(--ygt-text-lg, 18px); margin: 0 0 6px; line-height: 1.3; }
.ygt-ask-qcard__title a { color: var(--ygt-text, #111); text-decoration: none; }
.ygt-ask-qcard__title a:hover { color: var(--ygt-ask-accent); }
.ygt-ask-qcard__excerpt { color: var(--ygt-text-muted, #6b7280); font-size: var(--ygt-text-sm, 14px); margin-bottom: 8px; }
.ygt-ask-qcard__meta { font-size: 12px; color: var(--ygt-text-muted, #6b7280); }
.ygt-ask-qcard__by { margin-left: 6px; }

.ygt-ask-tag {
	display: inline-block;
	background: var(--ygt-bg-alt, #f1f1f3);
	color: var(--ygt-text-muted, #555) !important;
	font-size: 12px; padding: 2px 8px; border-radius: 4px; text-decoration: none; margin-right: 4px;
}
.ygt-ask-tag:hover { background: var(--ygt-ask-accent); color: #fff !important; }

/* ---- Vote widget ---- */
.ygt-ask-vote { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 48px; }
.ygt-ask-vote__btn {
	background: none; border: 0; cursor: pointer;
	font-size: 18px; line-height: 1; color: var(--ygt-text-muted, #9ca3af);
	padding: 2px 6px; border-radius: 4px;
}
.ygt-ask-vote__btn:hover { color: var(--ygt-ask-accent); background: var(--ygt-bg-alt, #f1f1f3); }
.ygt-ask-vote__btn.is-active { color: var(--ygt-ask-accent); }
.ygt-ask-vote__count { font-weight: 700; font-size: 16px; color: var(--ygt-text, #111); }

/* ---- Single question / answers ---- */
.ygt-ask-q__head, .ygt-ask-a__head { display: flex; gap: 16px; }
.ygt-ask-q__title { font-size: var(--ygt-text-2xl, 26px); margin: 0 0 8px; line-height: 1.25; }
.ygt-ask-q__meta, .ygt-ask-a__meta { font-size: var(--ygt-text-sm, 13px); color: var(--ygt-text-muted, #6b7280); }
.ygt-ask-q__body { margin: 16px 0; }
.ygt-ask-q__terms { margin-top: 12px; }

.ygt-ask-answers { margin-top: 32px; }
.ygt-ask-answers__title { font-size: var(--ygt-text-xl, 20px); padding-bottom: 8px; border-bottom: 2px solid var(--ygt-border, #e5e7eb); }
.ygt-ask-a { padding: 18px 0; border-bottom: 1px solid var(--ygt-border, #e5e7eb); }
.ygt-ask-a.is-best { background: #fff8f7; border-left: 3px solid var(--ygt-ask-accent); padding-left: 14px; border-radius: 6px; }
.ygt-ask-a__bestbadge { color: var(--ygt-ask-accent); font-weight: 700; font-size: var(--ygt-text-sm, 14px); margin-bottom: 6px; }
.ygt-ask-a__body { margin-bottom: 10px; }
.ygt-ask-best-btn {
	margin-left: 10px; background: none; border: 1px solid var(--ygt-border, #d1d5db);
	color: var(--ygt-text-muted, #6b7280); font-size: 12px; padding: 3px 10px; border-radius: 4px; cursor: pointer;
}
.ygt-ask-best-btn.is-active, .ygt-ask-best-btn:hover { border-color: var(--ygt-ask-accent); color: var(--ygt-ask-accent); }

/* ---- Forms ---- */
.ygt-ask-answerform, .ygt-ask-askform { margin-top: 28px; }
.ygt-ask-form { display: flex; flex-direction: column; gap: 10px; max-width: 720px; }
.ygt-ask-form__label { font-weight: 600; font-size: var(--ygt-text-sm, 14px); }
.ygt-ask-form input[type="text"], .ygt-ask-form textarea, .ygt-ask-form select {
	width: 100%; padding: 10px 12px; border: 1px solid var(--ygt-border, #d1d5db);
	border-radius: var(--ygt-radius, 8px); font: inherit; font-size: var(--ygt-text-base, 15px);
}
.ygt-ask-form input:focus, .ygt-ask-form textarea:focus, .ygt-ask-form select:focus {
	outline: none; border-color: var(--ygt-ask-accent); box-shadow: 0 0 0 3px rgba(255,65,54,0.12);
}
.ygt-ask-form__note { font-size: 12px; color: var(--ygt-text-muted, #9ca3af); margin: 0; }
.ygt-ask-form .ygt-ask-submit { align-self: flex-start; }

/* ---- Terms grid ---- */
.ygt-ask-terms__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.ygt-ask-terms__list.is-tags { grid-template-columns: none; display: flex; flex-wrap: wrap; }
.ygt-ask-term {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	border: 1px solid var(--ygt-border, #e5e7eb); border-radius: 6px; padding: 10px 12px;
}
.ygt-ask-term a { text-decoration: none; color: var(--ygt-text, #111); font-weight: 600; }
.ygt-ask-term a:hover { color: var(--ygt-ask-accent); }
.ygt-ask-term__count { background: var(--ygt-bg-alt, #f1f1f3); border-radius: 10px; padding: 1px 8px; font-size: 12px; color: var(--ygt-text-muted, #6b7280); }

.ygt-ask-empty { color: var(--ygt-text-muted, #6b7280); padding: 24px 0; }
.ygt-ask-pagination { margin-top: 20px; display: flex; gap: 6px; flex-wrap: wrap; }
.ygt-ask-pagination .page-numbers { padding: 6px 12px; border: 1px solid var(--ygt-border, #e5e7eb); border-radius: 6px; text-decoration: none; color: var(--ygt-text, #111); }
.ygt-ask-pagination .page-numbers.current { background: var(--ygt-ask-accent); color: #fff; border-color: var(--ygt-ask-accent); }

@media (max-width: 767px) {
	.ygt-ask-qcard { gap: 10px; }
	.ygt-ask-qcard__stats { min-width: 52px; }
	.ygt-ask-q__title { font-size: var(--ygt-text-xl, 21px); }
}