<?php
/**
 * WeCodeArt Framework
 *
 * WARNING: This file is part of the core WeCodeArt Framework. DO NOT edit this file under any circumstances.
 * Please do all modifications in the form of a child theme.
 *
 * @package		WeCodeArt Framework
 * @subpackage  Styles\Components
 * @copyright   Copyright (c) 2025, WeCodeArt Framework
 * @since		6.4.4
 * @version		6.4.5
 */

namespace WeCodeArt\Support\Styles\Components;

defined( 'ABSPATH' ) || exit;

use function WeCodeArt\Functions\encode_svg_data;

/**
 * Backdrop Styles
 */
class Backdrop extends Base {
	/**
     * Component's Style Deps.
     *
     * @var     array
     */
    static $deps = [ 'transition' ];

    /**
	 * Component styles.
	 *
	 * @return 	string
	 */
	public static function styles(): string {
		return <<<CSS
			.wp-backdrop {
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				margin: 0!important;
				max-width: 100vw!important;
				background-color: var(--wp--backdrop--background,var(--wp--preset--color--black, #000));
				z-index: var(--wp--backdrop--zindex, 1040);
			}
			.wp-backdrop.fade {
				opacity: 0;
			}
			.wp-backdrop.show {
				opacity: var(--wp--backdrop--opacity, .5);
			}
		CSS;
	}
}
