/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.3
*/

/* ============================================================================
 * UK market-specific CSS (git-controlled). Relocated 2026-07-02 from the UK
 * Customizer (post 5400) under the full-drain policy: common CSS → mu-plugin
 * (bollsen-features.css); UK-specific / translatable-content CSS → here.
 * style.css is enqueued site-wide by Flatsome (?ver = header Version above —
 * bump it on every edit to cache-bust).
 * ========================================================================= */

/* ===== Sales-page sale badges — content is EN copy, translate per market — UK Cust. L221-326 ===== */
.sale-button-badge-20::after {
	content:"20% OFF";
}
.sale-button-badge-26::after {
	content:"26% OFF";
}
.sale-button-badge-33::after {
	content:"Most popular -38%";
}
.sale-button-badge-38::after {
	content:"38% OFF";
}
.sale-button-badge-48::after {
	content:"48% OFF";
}
.sale-button-badge-50::after {
	content:"50% OFF";
}
.sale-button-badge-best::after {
	content:"Value for money -60%";
}
.sale-button-badge-FreeAI::after {
	content:"Free AI";
}

.sale-button-badge-best::after,
.sale-button-badge-50::after,
.sale-button-badge-48::after,
.sale-button-badge-38::after,
.sale-button-badge-33::after,
.sale-button-badge-26::after,
.sale-button-badge-20::after,
.sale-button-badge-FreeAI::after{
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: -60%;
	right: -5%;
	transform: rotate(-12deg);
	background-color: #DD3333;
	font-weight: bold;
	border-radius: 200px;
	font-size: 14px;
	color: #fff;
	width: 140px;
	height: 30px;
	z-index: 1;
	animation: pulseAnimate 1.5s ease infinite;
}

.sale-button-badge-33::after,
.sale-button-badge-best::after
{
	line-height: 1;
	font-size: 0.7em;
}
.sale-button-badge-38::after,
.sale-button-badge-FreeAI::after
{
	padding: 5px;
}

@media only screen and (min-width: 700px) {
.sale-button-badge-best::after,
.sale-button-badge-38::after,
.sale-button-badge-50::after,
.sale-button-badge-48::after,
.sale-button-badge-33::after,
.sale-button-badge-26::after,
.sale-button-badge-20::after,
.sale-button-badge-FreeAI::after	{
		bottom: -37%;
	right:-10%;
	}
}

@media only screen and (min-width: 1100px) {
.sale-button-badge-best::after,
.sale-button-badge-38::after,
.sale-button-badge-50::after,
.sale-button-badge-48::after,
.sale-button-badge-33::after,
	.sale-button-badge-26::after,
.sale-button-badge-20::after,
.sale-button-badge-FreeAI::after	{
		bottom: -57%;
	right:-10%;
	}

}

@keyframes pulseAnimate {
  0% {
		scale: 1;
  }
  50% {
		scale: 0.9;
  }
  100% {
		scale: 1;
  }
}

/* ===== Bold nav item — AR KI TECH mega-menu link (2026-07-23) =====
 * Theme nav walker strips HTML from menu labels, so a <strong> in the title
 * doesn't render; bold is applied via the item's CSS class instead. Portable:
 * add the class to the menu item on any market to bold it there too. */
.arki-menu-bold > a {
    font-weight: 700 !important;
}