/*
Theme Name: BLVNK
Theme URI: https://github.com/PO21OM-DEV/blvnk
Author: PO21OM
Author URI: https://po21om.com
Description: Blank & minimal WordPress starter theme for website builders/developers. Full Site Editing (FSE) ready.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: blvnk
Tags: full-site-editing, block-styles, block-patterns, editor-style, template-editing, wide-blocks, featured-images, custom-colors, custom-logo, translation-ready, accessibility-ready, e-commerce

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

BLVNK WordPress Theme, (C) 2025 PO21OM.
BLVNK is distributed under the terms of the GNU GPL.
*/

/*------------------------------------------------------------
  Theme styles
------------------------------------------------------------*/
.img-gradient {
	position: relative;
	display: inline-block;
}

.img-gradient img {
	display: block;
}

.img-gradient::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		var(--wp--preset--color--accent-1) 55%,
		var(--wp--preset--color--accent-2) 100%
	);
	opacity: 0.7;
}

.box-service {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border: 0;
	border-left: 6px solid transparent;
	border-image-source: linear-gradient(180deg, #006FB9, #5ACBC2);
	border-image-slice: 1;
}

.box-service::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(145deg, #006FB9 55%, #33A4BE 100%);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.28s ease;
	z-index: -1;
}

.box-service.has-light-background-color:hover {
	color: #fff;
}

.box-service.has-light-background-color:hover a {
	color: #fff;
}

.box-service.has-light-background-color:hover::before {
	transform: scaleX(1);
}

.box-service .wp-block-image img {
	transition: filter 0.2s ease;
}

.box-service:hover .wp-block-image img {
	filter: brightness(0) invert(1);
}



