/*
 * Stoc Mogoșoaia — stiluri frontend.
 *
 * Folosim variabilele CSS ale temei Woodmart (--wd-*), nu o paletă nouă,
 * cu excepția etichetei "În stoc Mogoșoaia" mai jos (culoare proprie, cerută
 * explicit, ca să nu se confunde cu Sale/Hot/New din temă — toate deja
 * ocupate de roșu/verde).
 */

.tb-sm-top-block {
	margin: 15px auto 10px;
}

.tb-sm-intro {
	margin-bottom: 1.5em;
	padding: 0.85em 1.1em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.025);
}

.tb-sm-intro p {
	margin: 0;
}

.tb-sm-badge {
	display: inline-block;
	padding: 0.15em 0.65em;
	border-radius: 3px;
	background: var(--wd-primary-color, currentColor);
	color: #fff;
	font-size: 0.78em;
	line-height: 1.6;
	white-space: nowrap;
	vertical-align: middle;
}

.tb-sm-badge-line {
	margin: 0.5em 0;
}

/*
 * Eticheta rotundă "Stoc / Mogoșoaia" (badge_short, rupt pe două rânduri —
 * grilă + pagina produsului), adăugată de TB_SM_Badge::add_loop_label() în
 * același loc unde tema
 * construiește Sale/Sold out/Hot/New (.product-labels > .product-label) —
 * moștenește forma/cercul de-acolo (vezi woo-mod-product-labels*.min.css),
 * aici schimbăm doar culoarea. Galben, ca în temă: --wd-alternative-color e
 * varianta CSS a opțiunii "Secondary color" din Theme Panel (implicit
 * #fbbc34, setată pe acest site la rgb(253,217,0)) — nu o culoare inventată.
 * Text închis, nu alb, pentru contrast pe fundal deschis (același principiu
 * ca .out-of-stock din temă, care e tot pe fundal deschis). Selector cu un
 * nivel de specificitate în plus (.product-labels ...) ca să bată regula
 * implicită a temei fără !important.
 */
.product-labels .product-label.tb-sm-stock-label {
	background-color: var(--wd-alternative-color, #fbbc34);
	color: var(--color-gray-900, #242424);
}

/*
 * "Sold out" (fără stoc deloc) are implicit fundal alb în temă
 * (.product-label.out-of-stock { background-color: var(--bgcolor-white) }) —
 * pe o poză de produs cu fundal deschis cercul devine invizibil, fără
 * contur. Adăugăm un chenar subțire ca să rămână vizibil oriunde apare
 * (nu doar pe paginile Stoc Mogoșoaia — e un bug de temă, nu unul specific
 * acestui plugin, dar il reparăm aici ca să nu mai fie nevoie de o a doua
 * foaie de stiluri).
 */
.product-labels .product-label.out-of-stock {
	border: 1px solid var(--color-gray-900, #242424);
}

/*
 * Navigare rapidă între cele 6 liste de etichetă Mogoșoaia — înlocuiește
 * meniul standard de categorii al temei pe aceste pagini (vezi
 * TB_SM_Archives::maybe_disable_theme_categories_menu()). Aceleași clase
 * .btn ca butoanele din bannerul de homepage, nicio culoare nouă.
 */
.tb-sm-quicknav {
	margin: 0 0 1.5em;
}

.tb-sm-quicknav__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 0.6em;
}

.tb-sm-quicknav__grid .btn {
	width: 100%;
	text-align: center;
	white-space: normal;
}

.tb-sm-quicknav__item--current {
	pointer-events: none;
}

.tb-sm-quicknav__all {
	display: inline-block;
	margin-top: 0.8em;
	color: var(--wd-link-color, inherit);
	text-decoration: underline;
}

@media (max-width: 767px) {
	.tb-sm-quicknav__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
