/**
 * Header Top Bar Icon List Fix
 * 
 * 🇹🇷 TR: Header üst bardaki contact icon list'in beyaz kutularını kaldır
 * 🇬🇧 EN: Remove white boxes from header top bar contact icon list
 * 🎯 PURPOSE: Clean design - white icons and text only, no backgrounds
 * 
 * @package GRPCMedia
 */

/* =====================================================
   HEADER TOP BAR - CONTACT INFO (CLEAN STYLE)
   ===================================================== */

/* Top bar section - mavi arka plan */
header.elementor-location-header > .elementor-section:first-child,
.elementor-location-header .elementor-top-section:first-child {
	background: #2F2483 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* Icon container - ARKA PLAN KALDIR! */
header .elementor-icon-list-icon,
header .elementor-icon-box-icon,
.elementor-location-header .elementor-icon-list-icon,
.elementor-location-header .elementor-icon-box-icon {
	background-color: transparent !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
}

/* Icons - BEYAZ RENK! */
header .elementor-icon-list-icon i,
header .elementor-icon-list-icon svg,
header .elementor-icon-box-icon i,
header .elementor-icon-box-icon svg,
.elementor-location-header .elementor-icon-list-icon i,
.elementor-location-header .elementor-icon-list-icon svg {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	font-size: 16px !important;
}

/* Text - BEYAZ RENK! */
header .elementor-icon-list-text,
header .elementor-icon-list-text a,
header .elementor-icon-box-content,
header .elementor-icon-box-description,
.elementor-location-header .elementor-icon-list-text,
.elementor-location-header .elementor-icon-list-text a,
.elementor-location-header p,
.elementor-location-header span:not(.elementor-icon) {
	color: #FFFFFF !important;
}

/* Icon list item spacing */
header .elementor-icon-list-item,
.elementor-location-header .elementor-icon-list-item {
	padding: 5px 15px !important;
	background: transparent !important;
	border: none !important;
}

/* Hover effects */
header .elementor-icon-list-item:hover,
.elementor-location-header .elementor-icon-list-item:hover {
	background: rgba(255,255,255,0.1) !important;
	border-radius: 8px;
}

header .elementor-icon-list-item:hover a,
.elementor-location-header .elementor-icon-list-item:hover a {
	color: #FFFFFF !important;
	text-decoration: none;
}

