/* =========================================================
   BEE FOOTER CSS – FINAL STABLE VERSION
   Compatible with Newkarma Theme
   ========================================================= */

/* ================= FONT ================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* ================= GLOBAL RESET (BEE ONLY) ================= */
.bee-row,
.bee-row * {
	box-sizing: border-box;
	font-family: Roboto, Tahoma, Verdana, Segoe, sans-serif;
	float: none !important;
	position: static !important;
}

/* ================= FORCE VERTICAL STACK ================= */
.bee-row-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto;
	padding: 6px 0;
	text-align: center !important;
}

/* Kill Bootstrap / theme columns */
.bee-row [class*="col-"],
.bee-row [class*="pull-"] {
	float: none !important;
	width: 100% !important;
	text-align: center !important;
}

/* ================= BACKGROUND ================= */
.bee-row-1,
.bee-row-1 .bee-row-content {
	background-image: linear-gradient(-225deg, #a70110 10%, #ff1022 25%, #000 55%, #0095fe 75% , #002172 100%);
}

.bee-row-6 .bee-row-content {
	background-color: #ffffff;
}

.bee-row-7,
.bee-row-7 .bee-row-content {
	background-color: #000000;
}

/* ================= COLUMN ================= */
.bee-col {
	padding: 0 30px;
	width: 100%;
}

/* ================= DIVIDER ================= */
.bee-divider {
	padding: 5px 0;
}

.bee-divider .bee-separator {
	width: 100%;
	height: 1px;
	background: #dddddd;
}

/* ================= MENU ================= */
.bee-paragraph {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center !important;
}

.bee-paragraph span {
	display: inline-block;
	margin: 3px 6px;
}

.bee-paragraph a {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
}

.bee-paragraph a:hover {
	text-decoration: underline;
}

/* ================= LOGO (HARD CENTER FIX) ================= */
.bee-row-3 .custom-logo-link,
.bee-row-3 .custom-logo,
.bee-row-3 img,
.bee-row-3 a {
	display: block !important;
	margin: auto !important;
	float: none !important;
	text-align: center !important;
	max-width: 200px;
	height: auto;
	padding-top: 10px;
}

/* ================= ADDRESS / CONTACT ================= */
.bee-row-5 .bee-paragraph {
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.bee-row-5 .bee-paragraph span {
	display: block !important;
	width: 100%;
	text-align: center !important;
	margin: 0px 0;
}

/* ================= COPYRIGHT ================= */
.bee-heading {
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	padding: 6px 0;
	text-align: center !important;
}

/* ================= TOOLTIP (OPTIONAL) ================= */
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 100px;
	background-image: radial-gradient(
		circle 986.6px at 10% 20%,
		rgba(251,6,6,0.94) 0%,
		rgba(3,31,213,1) 82.8%,
		rgba(248,101,248,1) 87.9%
	);
	color: #ffffff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 999;
	bottom: 130%;
	left: 50%;
	margin-left: -50px;
	font-size: 13px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {

	.bee-paragraph {
		font-size: 12px;
	}

	.bee-row-content {
		padding: 8px 0;
	}

	.bee-row-3 img {
		max-width: 160px;
	}
}