<?php
/**
 * Register Category Styles.
 *
 * @package Spectra One
 * @author Brainstorm Force
 * @since 1.0.0
 */

declare( strict_types=1 );

namespace Swt;

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

$swt_parent_class = '.is-style-' . SWT_PFX . '-categories-minimal';

register_block_style(
	'core/categories',
	array(
		'name'         => SWT_PFX . '-categories-minimal',
		'label'        => __( 'Minimal', 'spectra-one' ),
		'inline_style' => '

			' . $swt_parent_class . ' {
				padding-left: 0;
				list-style: none;
			}

			' . $swt_parent_class . ' .cat-item {
				font-size: var(--wp--preset--font-size--small);
				margin-bottom: var(--wp--preset--spacing--xx-small);
			}
			
			' . $swt_parent_class . '.wp-block-categories-dropdown select {
				padding-' . rtl_css( 'left' ) . ': var(--wp--preset--spacing--x-small);
				padding-' . rtl_css( 'right' ) . ': var(--wp--preset--spacing--large);
				padding-top: var(--wp--preset--spacing--x-small);
				padding-bottom: var(--wp--preset--spacing--x-small);
				border: 1px solid var(--wp--preset--color--outline);
				border-radius: var(--wp--custom--border-radius--small);
				font-weight: var(--wp--custom--font-weight--regular);
				font-size: var(--wp--preset--font-size--small);
				color: var(--wp--preset--color--heading);
				background-color: var(--wp--preset--color--background);
				width: 100%;
				height: 60px;
				appearance: none;
			}

			' . $swt_parent_class . '.wp-block-categories-dropdown select:focus-visible {
				outline-color: var(--wp--preset--color--heading);
			}

			' . $swt_parent_class . '.wp-block-categories-dropdown {
				position: relative;
			}

			' . $swt_parent_class . '.wp-block-categories-dropdown:after {
				content: "\e900";
				position: absolute;
				font-family: "icomoon" !important;
				font-size: var(--wp--preset--font-size--medium);
				' . rtl_css( 'right' ) . ': 25px;
				top: 50%;
				transform: translateY(-50%);
				pointer-events: none;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		',
	)
);
