<?php

declare(strict_types=1);

namespace LinkCheckup\Features\PlaceHighlight;

use LinkCheckup\Shared\Links\PlaceAddress;

final class PlaceStyles {

	private const HANDLE   = 'link-checkup-place';
	private const SELECTOR = '[' . PlaceMarker::ATTRIBUTE . ']';
	private const OUTLINE  = 'outline:3px solid #d63638;outline-offset:3px;';
	private const RULES    = self::SELECTOR . '{' . self::OUTLINE
		. 'border-radius:2px;scroll-margin:25vh 0}'
		. 'a' . self::SELECTOR . '{background:#fcf0f1}'
		. 'a' . self::SELECTOR . '::after{content:attr('
		. PlaceMarker::ATTRIBUTE . ');display:inline-block;margin-left:6px;'
		. 'padding:2px 6px;border-radius:3px;background:#d63638;color:#fff;'
		. 'font:600 11px/1.4 sans-serif;white-space:nowrap;'
		. 'vertical-align:middle}'
		. ':is(video,audio,picture):has(>source' . self::SELECTOR . '){'
		. self::OUTLINE . '}'
		. '#' . PlaceAddress::ANCHOR . '{scroll-margin-top:25vh}';

	public function __construct( private string $plugin_version ) {
	}

	public function enqueue(): void {
		wp_register_style(
			self::HANDLE,
			false,
			array(),
			$this->plugin_version
		);
		wp_enqueue_style( self::HANDLE );
		wp_add_inline_style( self::HANDLE, self::RULES );
	}
}