/* =========================================================
   RASHID FOOTER LINKS - BEYAZ TEMA UYUMLU
   Dost Sayfalar + Sosyal Medya Kutusu
   + Metalik Siyah başlık + Metalik Siyah hover
   ========================================================= */

#rashidi-footer-links {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 14px;
	align-items: start;
	margin: 20px auto 0;
	padding: 22px 15px 18px;
	background: #ffffff;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
}

#rashidi-footer-links .rashidi-footer-box {
	min-width: 0;
	background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 52%, #ececec 100%);
	border: 1px solid #dddddd;
	border-radius: 7px;
	padding: 0 12px 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,.10);
}

/* BAŞLIK - PARLAK METALİK SİYAH */
#rashidi-footer-links .rashidi-footer-title {
	margin: 0 -12px 10px;
	padding: 9px 12px;
	text-align: center;
	background: linear-gradient(
		to bottom,
		#7a7a7a 0%,
		#3a3a3a 20%,
		#1a1a1a 45%,
		#000000 55%,
		#1a1a1a 65%,
		#3a3a3a 85%,
		#5a5a5a 100%
	);
	color: #ffffff !important;
	border-radius: 6px 6px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,0.95);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.9);
}

#rashidi-footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ===== DOST SAYFALAR LİNKLERİ ===== */
#rashidi-footer-links .rashidi-friend-link,
#rashidi-footer-links .rashidi-friend-link:link,
#rashidi-footer-links .rashidi-friend-link:visited {
	display: block;
	margin: 5px 0;
	padding: 7px 10px;
	border-radius: 7px;
	color: #222222;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border: 1px solid #bbbbbb;
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 45%, #e0e0e0 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(0,0,0,0.15);
	transition: all .18s ease;
}

/* PARLAK METALİK SİYAH HOVER - sadece buton içi, dış ışıma yok */
#rashidi-footer-links .rashidi-friend-link:hover,
#rashidi-footer-links .rashidi-friend-link:focus,
#rashidi-footer-links .rashidi-friend-link:active {
	color: #ffffff !important;
	background: linear-gradient(
		to bottom,
		#7a7a7a 0%,
		#3a3a3a 20%,
		#1a1a1a 45%,
		#000000 55%,
		#1a1a1a 65%,
		#3a3a3a 85%,
		#5a5a5a 100%
	);
	border-color: #000000;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.35),
		inset 0 -1px 0 rgba(0,0,0,0.9),
		0 1px 3px rgba(0,0,0,0.3);
	transform: translateY(-1px);
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0,0,0,0.95);
}

/* ===== SOSYAL MEDYA GRID ===== */
#rashidi-footer-links .rashidi-social-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 6px;
	margin-top: 8px;
}

#rashidi-footer-links .rashidi-social {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid #bbbbbb;
	color: #333333;
	text-decoration: none;
	font-weight: 900;
	font-family: "Segoe UI", Tahoma, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 1;
	background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%, #dcdcdc 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	transition: all .18s ease;
	text-transform: uppercase;
}

/* PARLAK METALİK SİYAH HOVER - sadece buton içi, dış ışıma yok */
#rashidi-footer-links .rashidi-social:hover,
#rashidi-footer-links .rashidi-social:focus {
	background: linear-gradient(
		to bottom,
		#7a7a7a 0%,
		#3a3a3a 20%,
		#1a1a1a 45%,
		#000000 55%,
		#1a1a1a 65%,
		#3a3a3a 85%,
		#5a5a5a 100%
	);
	border-color: #000000;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.35),
		inset 0 -1px 0 rgba(0,0,0,0.9),
		0 2px 5px rgba(0,0,0,0.35);
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0,0,0,0.95);
}

/* =========================================================
   SOSYAL MEDYA İKONLARI - KISALTMALAR
   ========================================================= */
#rashidi-footer-links .rsi-youtube::before    { content: "TV"; }
#rashidi-footer-links .rsi-radio::before      { content: "RK"; }
#rashidi-footer-links .rsi-blog::before       { content: "B";  }
#rashidi-footer-links .rsi-book::before       { content: "MB"; }
#rashidi-footer-links .rsi-toplist::before    { content: "TL"; }
#rashidi-footer-links .rsi-tarikat::before    { content: "☪";  font-size: 1.4em; }
#rashidi-footer-links .rsi-pinterest::before  { content: "P";  font-family: Georgia, serif; }
#rashidi-footer-links .rsi-flickr::before     { content: "FL"; }
#rashidi-footer-links .rsi-deviantart::before { content: "DA"; }
#rashidi-footer-links .rsi-facebook::before   { content: "Fa"; font-family: Georgia, serif; }
#rashidi-footer-links .rsi-x::before          { content: "XT"; }
#rashidi-footer-links .rsi-instagram::before  { content: "◎";  font-size: 1.3em; }

/* Instagram özel renk (gradient) */
#rashidi-footer-links .rsi-instagram {
	background: radial-gradient(circle at 30% 110%, #feda75 0%, #fa7e1e 25%, #d62976 55%, #962fbf 80%, #4f5bd5 100%);
	color: #ffffff !important;
	border-color: #962fbf;
}

/* Instagram hover - Parlak metalik siyah, dış ışıma yok */
#rashidi-footer-links .rsi-instagram:hover {
	background: linear-gradient(
		to bottom,
		#7a7a7a 0%,
		#3a3a3a 20%,
		#1a1a1a 45%,
		#000000 55%,
		#1a1a1a 65%,
		#3a3a3a 85%,
		#5a5a5a 100%
	);
	border-color: #000000;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.35),
		inset 0 -1px 0 rgba(0,0,0,0.9),
		0 2px 5px rgba(0,0,0,0.35);
}

/* ===== RESPONSIVE (Mobil uyum) ===== */
@media (max-width: 900px) {
	#rashidi-footer-links {
		grid-template-columns: 1fr 1fr;
	}
	#rashidi-footer-links .rashidi-footer-box:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	#rashidi-footer-links {
		grid-template-columns: 1fr;
	}
	#rashidi-footer-links .rashidi-footer-box:last-child {
		grid-column: auto;
	}
	#rashidi-footer-links .rashidi-social-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}