/*
Theme Name: Fabrik
Theme URI: https://fabrik.vamtam.com
Text Domain: fabrik
Description: Welcome to Fabrik, The Ultimate Niche WordPress Theme for the Industrial Sector. This lovely niche theme is built and suitable for any business operating in the industrial segment of the economy, including agriculture, construction, fisheries, forestry, and manufacturing. It has a purpose-oriented design, and it is suitable for users with zero programming skills and advanced developers.
Author: VamTam
Author URI: https://vamtam.com
Version: 20
Tested Up To: 6.1
Requires PHP: 7.4
License: Envato
License URI: https://themeforest.net/licenses
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/

.hide, .hidden{
	display: none !important;
}
.arg-hotspot{	
}
.arg-hotspot .e-hotspot__tooltip{
	border: 1px solid #eee;
    border-radius: 6px;
}

.arg-hotspot-tooltip{
	margin-bottom: 0;
    text-wrap: auto;
    font-size: 14px;
}
.arg-hotspot-tooltip h4{
	font-size: 18px !important;
	color: var(--e-global-color-vamtam_accent_1) !important;
}
.arg-hotspot-tooltip img{
	margin-top: 12px;
	width: 100% !important;
	display: block;
}

.arg-hotspot .e-hotspot__icon i{
  	display: inline-block;
  	animation: pulse 1.5s infinite; /* nama animasi, durasi, dan pengulangan */
  	transform-origin: center; /* pastikan titik skala dari tengah */
}
.pulse-me {
  	display: inline-block;
  	animation: pulse 1.5s infinite; /* nama animasi, durasi, dan pengulangan */
  	transform-origin: center; /* pastikan titik skala dari tengah */
}
.client-logo img{
	padding: 36px;
}
.arg-hotspot .e-hotspot__tooltip.e-hotspot--tooltip-position.e-hotspot--fade-grow{
	min-width: 580px;
	box-shadow: 0px 0px 18px 16px rgb(0 0 0 / 5%) !important;
}
.arg-hotspot a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip{
}
.arg-hotspot a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip>div{
	display: inline;
}

.arg-hotspot a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__icon:before{
    content: '';
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 20px;
    position: absolute;
    top: -60%;
    left: -1px;
}

.arg-hotspot .e-hotspot__icon i{
	color: #fff !important;
}
.arg-hotspot a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__icon{
	position: absolute;
    left: 50%;
    right: 50%;
    top: 120%;
}
.arg-hotspot a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__label{
	background-color:  var(--e-global-color-vamtam_accent_1);
    padding: 4px 8px;
	font-size: 12px;
	white-space: nowrap;
}
.elementor-location-popup{
	max-height: 100%;
}


.client-hotspot{	
}

.client-hotspot-tooltip{
	margin-bottom: 0;
    text-wrap: auto;
    font-size: 14px;
}
.client-hotspot-tooltip h4{
	font-size: 18px !important;
	color: var(--e-global-color-vamtam_accent_1) !important;
}
.client-hotspot-tooltip img{
	margin-top: 12px;
	width: 100% !important;
	display: block;
}

.client-hotspot .e-hotspot__icon i{
  	display: inline-block;
  	animation: pulse 1.5s infinite; /* nama animasi, durasi, dan pengulangan */
  	transform-origin: center; /* pastikan titik skala dari tengah */
}
.client-hotspot .e-hotspot__icon{
	position: absolute;
    left: -60px;
    top: 12px;
}
.client-hotspot .e-hotspot:not(.e-hotspot--circle) .e-hotspot--expand:after{
	content: "";
    border-top: 2px solid var(--e-global-color-vamtam_accent_1);
    width: 42px;
    left: -38px;
    position: absolute;
    top: 20px;
}

.client-hotspot .e-hotspot__tooltip{
	background-color: #fff;
}
.client-hotspot .e-hotspot__label{
	background-color: var(--e-global-color-vamtam_accent_1);
    color: #fff;
    padding: 8px 16px;
    text-wrap: wrap !important;
    width: max-content;
    font-size: 14px;
}

.grecaptcha-badge{
	display: none;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.switcher-lang{
	width: auto !important;
    padding: 0px 24px;
    margin-bottom: 0 !important;
}
.switcher-lang li{
	display: inline-block;
    margin-right: 16px;
}
.switcher-lang li:hover{
    background-color: #eee !important;
    border-radius: 4px !important;
}
.switcher-lang li.current-lang{
    background-color: #eee !important;
    border-radius: 4px !important;
}
.switcher-lang img{
    width: 24px !important;
    height: 16px !important;
}
/* --- HILANGKAN FLAG DEFAULT TANPA MENGHILANGKAN LINK --- */
.elementor-shortcode li.lang-item img {
    display: none !important;
}

/* --- STYLE UNTUK ENGLISH --- */
.elementor-shortcode li.lang-item-en a {
    background-image: url('https://demo01.dharma.co.id/wp-content/uploads/2025/11/en.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 8px 6px;
    height: 26px;
    align-items: center;
    display: inline-block;
    width: 40px;
}

/* --- STYLE UNTUK INDONESIA --- */
.elementor-shortcode li.lang-item-id a {
    background-image: url('https://demo01.dharma.co.id/wp-content/uploads/2025/11/id.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 8px 6px;
    height: 26px;
    align-items: center;
    display: inline-block;
    width: 40px;
}

/* Opsional: beri jarak antar flag */
.elementor-shortcode li.lang-item {
    list-style: none;
    margin-right: 12px;
    display: inline-block;
}

.elementor-tab-title.elementor-tab-desktop-title{
	transition: all .3s;
}

.elementor-tab-title.elementor-tab-desktop-title.elementor-active{
	background-color: #191817;
	color: #fff !important;
	transition: all .3s;
}

.elementor-tab-title.elementor-tab-desktop-title:hover{
	background-color: #0e6fa4;
	color: #fff !important;
	transition: all .3s;
}

/* Packaging Hotspot */


.pkg-hotspot{	
}

.pkg-hotspot-tooltip{
	margin-bottom: 0;
    text-wrap: auto;
    font-size: 14px;
}
.pkg-hotspot-tooltip h4{
	font-size: 18px !important;
	color: #111 !important;
}
.pkg-hotspot-tooltip img{
	margin-top: 12px;
	width: 100% !important;
	display: block;
}

.pkg-hotspot .e-hotspot__icon i{
  	display: inline-block;
  	animation: pulse 1.5s infinite; /* nama animasi, durasi, dan pengulangan */
  	transform-origin: center; /* pastikan titik skala dari tengah */
}
.pkg-hotspot .e-hotspot__icon{
	position: absolute;
    left: -60px;
    top: 12px;
}
.pkg-hotspot .e-hotspot:not(.e-hotspot--circle) .e-hotspot--expand:after{
	content: "";
    border-top: 2px solid #111;
    width: 42px;
    left: -38px;
    position: absolute;
    top: 20px;
}

.pkg-hotspot .e-hotspot__tooltip{
	background-color: #fff;
}

.pkg-hotspot .e-hotspot__tooltip p{
	max-width: 500px;
    text-wrap: auto;
    font-size: 12px;
}

.pkg-hotspot .e-hotspot__label{
	background-color: #111;
    color: #fff;
    padding: 8px 16px;
    text-wrap: wrap !important;
    width: max-content;
    font-size: 14px;
}












@media (max-width: 768px) {
  /* CSS di sini hanya aktif di mobile & tablet kecil */
	a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__label{
		display: none;
	}
	a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__icon:before{
		display: none;
	}
}
@media (max-width: 480px) {
  /* CSS aktif hanya di layar handphone kecil */
	a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__label{
		display: none;
	}
	a.e-hotspot.e-hotspot--link.e-hotspot--no-tooltip .e-hotspot__icon:before{
		display: none;
	}
	.switcher-lang{
		display: contents;
	}
	.switcher-lang li{
		margin-right: 8px;
	}
	
	.pkg-hotspot .e-hotspot{
		display: none !important;
	}
	
}