/*
Theme Name: Yazılı Sohbet
Theme URI: https://yazilisohbet.com/
Author: qbilisim.com
Author URI: https://qbilisim.com/
Description: Yazılı Sohbet Odaları ve Chat Portalı için WordPress CSF Teması.
Version: 1.0.0
Text Domain: yazilisohbet
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.0
*/

@font-face{font-family:'arista';src:url(font.ttf); font-display: swap}html{--scrollbarbg:#fff;--thumbbg:#0c345e}body::-webkit-scrollbar{width:15px}body{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body::-webkit-scrollbar-track{background:var(--scrollbarBG)}body::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}body{background-image:url(img/yildiz.png);background:#032446;font-family:'arista',sans-serif}.nav-bar{background:#032446;padding:10px}.nav-bar .container{background:#002b58;padding:10px;border-radius:10px}.nav-li ul{display:block;height:45px}.nav-li ul li{display:inline-block;padding:10px 5px;font-weight:700;list-style-type:none}.nav-li ul li i{margin-right:5px;color:#ff914d;margin-right:5px}.nav-li ul li a{color:#d7d7d7;font-size:20px;font-weight:700}.nav-li ul li a:hover{color:#fff;text-decoration:none}.nav-li .hizli{position:relative;background:#032446;color:#fff;border:3px solid #032446;padding:10px;border-radius:5px;margin-left:31px;font-size:30px;transition:all .5s ease}.nav-li .hizli:hover{background:#032446;color:#ff914d;border-color:#ff914d;transition:all .5s ease;z-index:1}.nav-li .hizli::before{content:"";position:absolute;top:0;left:0;width:0;height:95%;background:#fff;border-radius:5px;transition:all .5s ease;z-index:-1}.nav-li .hizli:hover::before{width:100%;transition:all .5s ease}.headbar{background:#fff;padding:10px;border-radius:10px;font-family:'Arial';margin-top:20px}.sohbetbar{border-top:1px solid silver;padding:23px;background:#fff;box-shadow:0 0 5px 2px #fff;border-radius:5px;margin-top:20px}.sohbetbar h2{text-align:center;padding:10px;border-bottom:1px solid silver}.sohbetbar i{font-size:20px;background:#032446;color:#ff914d;border-radius:5px;padding:10px}.sohbetbar input{padding:10px;font-weight:700;font-size:20px;width:80%;border:none;border-bottom:1px solid #000;text-align:center;outline:0}.sohbetbar button{position:relative;padding:5px;width:100%;border:none;text-align:center;border-radius:10px;font-size:26px;font-weight:700;background:#ff914d;color:#032446;border:3px solid #032446;letter-spacing:5px;transition:all .5s ease;z-index:1}.sohbetbar button:hover{color:#002b58;transition:all .5s ease}.sohbetbar button::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#fff;border-radius:10px;transition:all .5s ease;z-index:-1}.sohbetbar button:hover::before{width:100%}.col-soh{-ms-flex:0 0 29%;flex:0 0 29%;max-width:50%;margin:0 auto;margin-top:10px}.altbar{margin-top:20px;border-radius:10px;padding:10px}.altbar .title{text-align:center;font-weight:700;color:#ff914d}.altbar .describe{text-align:center;font-weight:700;font-size:25px;color:#bfbfbf}.altbar .row .row i{font-size:30px}.altbar .alt1{background:#fff;color:#032446;border-radius:30px 30px 30px 0}.altbar .alt2{background:#2f82d7;color:#fff;border-radius:30px 30px 30px 0;margin-top:30px}.altbar .alt3{background:#c70000;color:#fff;border-radius:30px 30px 30px 0}.altbar .alt4{background:#c70000;color:#fff;border-radius:30px 30px 30px 0;margin-top:30px}.altbar .col-rek a{color:#0071e5}.altbar .col-rek a:hover{text-decoration:none}.altbar .col-rek h3{font-size:16px;color:#000;font-weight:700}.col-rek i{color:#ff914d}.download{background:#fbfbfb;margin-top:10px;margin-bottom:10px;border-radius:10px;padding:10px}.download i{font-size:60px;color:#ff914d}.download a{color:#fff}.download a:hover{color:#dfdfdf;text-decoration:none}.download h2{font-size:20px;font-weight:700}.download h3{font-size:15px}.download .item{background:#032446;border-radius:20px 20px 0;padding:13px;color:#fff;font-family:'Arial'}.download .item2{background:#032446;border-radius:20px;padding:13px;color:#fff;font-family:'Arial'}.download .item3{background:#032446;border-radius:20px 20px 20px 0;padding:13px;color:#fff;font-family:'Arial'}.blog{background:#fff;padding:10px;font-family:'arial';border-radius:10px}.blog h2{font-weight:700;padding:10px;font-size:25px;color:#032446}.blog b{color:#032446}.devam{display:none}.devambtn{border:none;padding:5px;font-weight:700;border-radius:5px;background:#ff914d;color:#032446;font-size:15px;margin-bottom:10px}.sosyal{margin:20px 40px 10px;background:#002b58;padding:20px;border-radius:10px}.sosyal h2{text-align:center;font-size:25px;padding:20px;color:#d9d9d9}.sosyal i{color:#ff914d;font-size:35px;margin-right:10px}.sosyal a{color:#d9d9d9;font-size:30px}.sosyal a:hover{text-decoration:none;color:#fff}.footer{margin-top:50px}.footer img{width:25%}.footer ul{margin-top:20px;text-align:center}.footer ul li{display:inline-block;margin-right:15px}.footer ul li a{color:#e7e5e5;font-size:20px}.footer ul li a:hover{text-decoration:none;color:#ff914d}.hakkimizda{color:#a3a3a3;font-weight:100}.hakkimizda b{font-weight:700;color:#ff914d}.hakkimizda a{color:#fff}.hakkimizda a:hover{text-decoration:none}.hakkimizda img{margin-top:-40px;margin-bottom:-40px;font-weight:700;width:20px;width:20px}.col-fot{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;text-align:center;border-radius:5px}.col-sosyal:hover{background:#21364a}.col-down{-ms-flex:0 0 30%;flex:0 0 30%;max-width:50%;margin:0 auto;margin-top:10px;padding:10px}.col-rek{-ms-flex:0 0 47%;flex:0 0 47%;max-width:50%;margin:0 auto;padding:35px;text-align:center;font-size:25px;font-weight:700;border-radius:10px;color:#fff}.col-alt{-ms-flex:0 0 47%;flex:0 0 47%;max-width:50%;margin:0 auto;padding:10px;text-align:center}.bars{background:#fff;border-radius:5px;padding:10px}.yukari{display:none;position:fixed;bottom:0;right:0;border:none;padding:10px;margin-bottom:10px;margin-right:10px;background:#ff914d;border-radius:5px;color:#fff;font-size:20px}.metin{font-family:'Arial';background:#fff;margin-top:20px;padding:20px 10px;border-radius:5px}.metin h1{text-align:center;padding:10px;font-weight:700}@media screen and (max-width:1044px){.nav-li ul{display:none;float:none;height:100%}.nav-li ul li{display:block;margin-right:10px;border:none;padding-top:10px;padding-bottom:10px;font-weight:700;color:#777;list-style-type:none;text-align:center;width:100%;margin-left:-20px}.col-soh{-ms-flex:0 0 90%;flex:0 0 90%;max-width:100%;margin:0 auto;margin-top:10px}.col-alt{-ms-flex:0 0 90%;flex:0 0 90%;max-width:100%;margin:0 auto;margin-top:10px;padding:10px;text-align:center}.col-down{-ms-flex:0 0 94%;flex:0 0 94%;max-width:100%;margin:0 auto;margin-top:10px;padding:10px}.col-rek{-ms-flex:0 0 47%;flex:0 0 90%;max-width:100%;margin:0 auto;padding:10px}.sosyal h2{text-align:center;font-size:23px;padding:20px;color:#d9d9d9}.footer img{width:80%}.altbar .row,.download .row{margin-right:-10px;margin-left:-10px}}@keyframes right{0%{transform:translateX(0)}40%{transform:translateX(10px)}60%{transform:translateX(5px)}100%{transform:translateX(0)}}@font-face{font-family:'Lexend Deca';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/lexenddeca/v16/K2FifZFYk-dHSE0UPPuwQ7CrD94i-NCKm-U48M1wqxnG.ttf) format('truetype')}

.wayb-01{
	margin-top:20px;
	margin-bottom:30px;
}
.wayb-01{
	position:relative;
	z-index:1;
}
body::before{
	content:"";
	position:fixed;
	top:16px;
	left:12px;
	width:520px;
	height:560px;
	pointer-events:none;
	opacity:.16;
	z-index:0;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-20 32 32)'%3E%3Cpath d='M32 49s-11-7-15-14c-3-5 .7-12 7-12 3.5 0 6 1.7 8 4.7 2-3 4.5-4.7 8-4.7 6.3 0 10 7 7 12-4 7-15 14-15 14Z' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(18 32 32)'%3E%3Crect x='14' y='16' width='36' height='24' rx='7' fill='none' stroke='%2390afce' stroke-width='1.7'/%3E%3Cpath d='M25 40 20 48l10-6' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(180 32 32)'%3E%3Ccircle cx='32' cy='32' r='15' fill='none' stroke='%2390afce' stroke-width='1.7'/%3E%3Ccircle cx='27' cy='29' r='1.6' fill='%2390afce'/%3E%3Ccircle cx='37' cy='29' r='1.6' fill='%2390afce'/%3E%3Cpath d='M25 37c2 2.8 4.5 4.2 7 4.2s5-1.4 7-4.2' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-90 32 32)'%3E%3Cpath d='M12 45 52 32 12 19l6 10 16 3-16 3-6 10Z' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(90 32 32)'%3E%3Cpath d='M12 45 52 32 12 19l6 10 16 3-16 3-6 10Z' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(14 32 32)'%3E%3Ccircle cx='24' cy='27' r='5' fill='none' stroke='%2390afce' stroke-width='1.7'/%3E%3Ccircle cx='40' cy='25' r='6' fill='none' stroke='%2390afce' stroke-width='1.7'/%3E%3Cpath d='M14 46c1-6 5-9 10-9M28 46c1-7 6-11 12-11 6 0 11 4 12 11' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(-12 32 32)'%3E%3Crect x='14' y='16' width='36' height='24' rx='7' fill='none' stroke='%2390afce' stroke-width='1.7'/%3E%3Cpath d='M25 40 20 48l10-6' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M32 30s-4-2.6-5.3-5c-1-1.7.2-3.9 2.6-3.9 1.2 0 2.2.6 2.7 1.6.6-1 1.5-1.6 2.7-1.6 2.4 0 3.7 2.2 2.6 3.9C36 27.4 32 30 32 30Z' fill='none' stroke='%2390afce' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(28 32 32)'%3E%3Crect x='13' y='14' width='38' height='30' rx='7' fill='none' stroke='%2390afce' stroke-width='1.7'/%3E%3Cpath d='M21 24h22M21 31h14M21 38h18' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(145 32 32)'%3E%3Cpath d='M32 49s-11-7-15-14c-3-5 .7-12 7-12 3.5 0 6 1.7 8 4.7 2-3 4.5-4.7 8-4.7 6.3 0 10 7 7 12-4 7-15 14-15 14Z' fill='none' stroke='%2390afce' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:35px 35px,55px 55px,45px 45px,65px 65px,40px 40px,58px 58px,38px 38px,62px 62px,48px 48px;
	background-position:20px 14px,118px 36px,220px 20px,60px 108px,182px 112px,300px 88px,96px 204px,224px 218px,42px 312px,186px 338px;
	filter:blur(.2px);
}
.wayb-02,.wayb-08{
	margin-top:10px;
}
.wayb-17{
	display:flex;
}
.wayb-03{
	background:linear-gradient(150deg,#ffffff 0%,#eef4ff 100%);
	border:1px solid rgba(12,52,94,.12);
	border-radius:16px;
	padding:26px 24px;
	box-shadow:0 18px 35px rgba(5,35,66,.16);
	position:relative;
	overflow:visible;
	isolation:isolate;
	height:100%;
}
.wayb-03 > *{
	position:relative;
	z-index:1;
}
.wayb-03 h2{
	font-size:34px;
	font-weight:700;
	color:#032446;
	margin:0;
}
.wayb-03 p{
	margin:10px 0 18px;
	font-family:'Arial',sans-serif;
	font-size:16px;
	color:#48617d;
}
.wayb-18{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#fff;
}
.wayb-18 h2{
	margin:0;
	font-size:36px;
	font-weight:700;
	color:#fff;
}
.wayb-18 p{
	margin:12px 0 0;
	font-family:'Arial',sans-serif;
	font-size:19px;
	line-height:1.45;
	color:#fff;
	max-width:520px;
}
.wayb-04{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.wayb-05{
	display:flex;
	align-items:center;
	background:#fff;
	border:1px solid #d6e1ef;
	border-radius:12px;
	padding:6px 14px;
}
.wayb-06{
	width:38px;
	height:38px;
	border-radius:10px;
	background:#032446;
	color:#ff914d;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.wayb-06 svg{
	width:21px;
	height:21px;
}
.wayb-05 input{
	width:100%;
	border:none;
	outline:none;
	padding:8px 12px;
	font-size:18px;
	font-weight:700;
	background:transparent;
	color:#032446;
}
.wayb-05 input::placeholder{
	color:#5f748d;
	font-weight:600;
}
.wayb-07{
	border:none;
	border-radius:12px;
	padding:14px;
	font-size:21px;
	font-weight:700;
	letter-spacing:2px;
	color:#fff;
	background:#032446;
	border:2px solid #032446;
	transition:all .3s ease;
}
.wayb-07:hover{
	background:#032446;
	color:#ff914d;
	border-color:#ff914d;
}
.wayb-16{
	display:block;
	text-align:center;
	border:none;
	border-radius:12px;
	padding:14px;
	font-size:21px;
	font-weight:700;
	letter-spacing:1px;
	color:#fff;
	background:#2f82d7;
	border:2px solid #0a3f75;
	transition:all .3s ease;
	text-decoration:none;
}
.wayb-16:hover{
	background:#1d6cbd;
	color:#fff;
	text-decoration:none;
}
.wayb-09{
	background:linear-gradient(145deg,#072f59 0%,#043a70 100%);
	color:#fff;
	border-radius:16px;
	padding:24px;
	box-shadow:0 18px 35px rgba(4,27,52,.24);
}
.wayb-09 .title{
	margin:0;
	color:#ff914d;
	font-size:34px;
	text-align:left;
}
.wayb-09 .describe{
	margin:8px 0 16px;
	color:#dde7f3;
	font-size:23px;
	text-align:left;
}
.wayb-10{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.wayb-11{
	background:rgba(255,255,255,.1);
	border:1px solid rgba(255,255,255,.22);
	border-radius:12px;
	padding:14px;
	font-size:18px;
	font-weight:700;
	display:flex;
	align-items:center;
	gap:10px;
}
.wayb-12{
	width:34px;
	height:34px;
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#ff914d;
}
.wayb-12 svg{
	width:24px;
	height:24px;
}
.wayb-13{
	margin-top:14px;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.wayb-14{
	background:#fff;
	color:#032446;
	border-radius:12px;
	padding:15px 14px;
	display:flex;
	align-items:center;
	gap:10px;
	box-shadow:0 10px 20px rgba(4,35,66,.18);
	position:relative;
	overflow:hidden;
	isolation:isolate;
}
.wayb-14::before{
	content:"";
	position:absolute;
	top:-36px;
	right:-28px;
	width:110px;
	height:110px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(168,206,255,.62) 0%,rgba(168,206,255,.26) 48%,rgba(168,206,255,0) 74%);
	filter:blur(8px);
	opacity:.9;
	pointer-events:none;
	z-index:0;
}
.wayb-14 > *{
	position:relative;
	z-index:1;
}
.wayb-14 h2{
	font-size:22px;
	font-weight:700;
	margin:0;
}
.wayb-15{
	width:36px;
	height:36px;
	flex-shrink:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#ff914d;
}
.wayb-15 svg{
	width:24px;
	height:24px;
}
.wy-0{
	padding-left:0px;
}
@media screen and (max-width:1044px){
	body::before{
		width:340px;
		height:390px;
		opacity:.14;
		background-size:24px 24px,40px 40px,31px 31px,46px 46px,28px 28px,42px 42px,26px 26px,44px 44px,34px 34px;
		background-position:14px 10px,84px 30px,154px 14px,38px 80px,124px 84px,214px 64px,68px 152px,170px 168px,30px 236px,132px 252px;
	}
	.wayb-03 h2,.wayb-09 .title{
		font-size:28px;
	}
	.wayb-18 h2{
		font-size:30px;
	}
	.wayb-18 p{
		font-size:17px;
	}
	.wayb-09 .describe{
		font-size:20px;
	}
	.wayb-10,.wayb-13{
		grid-template-columns:1fr;
	}
	.wayb-07{
		font-size:19px;
	}
	.wy-0{
		padding-left:15px;
	}
}

.download .item,
.download .item2,
.download .item3{
	position:relative;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.22);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	box-shadow:0 12px 26px rgba(3,23,44,.28);
}
.download .item::before,
.download .item2::before,
.download .item3::before{
	content:"";
	position:absolute;
	top:-38px;
	right:-28px;
	width:130px;
	height:130px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(167,206,255,.56) 0%,rgba(167,206,255,.22) 48%,rgba(167,206,255,0) 76%);
	filter:blur(10px);
	opacity:.9;
	pointer-events:none;
}
.download .item > *,
.download .item2 > *,
.download .item3 > *{
	position:relative;
	z-index:1;
}
.wayb-19{
	width:62px;
	height:62px;
	border-radius:18px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#cfe7ff;
	border:1px solid rgba(255,255,255,.3);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(2,18,36,.34);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}
.wayb-19 svg{
	width:30px;
	height:30px;
}
.wayb-19a{
	background:linear-gradient(145deg,rgba(61,139,214,.58) 0%,rgba(26,86,143,.45) 100%);
}
.wayb-19b{
	background:linear-gradient(145deg,rgba(255,149,77,.62) 0%,rgba(214,100,26,.45) 100%);
}
.wayb-19c{
	background:linear-gradient(145deg,rgba(125,98,255,.6) 0%,rgba(70,46,170,.44) 100%);
}
.nav-li .hizli:hover::before{
	width:0;
}


/* ==========================================================================
   YAZILISOHBET - MODERN GELİŞMİŞ BLOG, SİDEBAR & SAYFALANDIRMA STİLLERİ
   ========================================================================== */

/* Canlı Kullanıcı Durum Rozeti (Hero Alanı) */
.online-indicator-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	background: rgba(16, 185, 129, 0.12);
	border: 1px solid rgba(16, 185, 129, 0.3);
	border-radius: 20px;
	font-size: 0.84rem;
	color: #6ee7b7;
	margin-bottom: 14px;
}
.pulse-green-dot {
	width: 9px;
	height: 9px;
	background: #10b981;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	animation: pulseStatus 1.8s infinite;
}
@keyframes pulseStatus {
	0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
	70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Hero Hızlı Kanal Çipleri */
.hero-room-shortcuts {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 14px;
}
.hero-room-shortcuts span.label {
	font-size: 0.8rem;
	color: #94a3b8;
	font-weight: 600;
	margin-right: 4px;
}
.hero-room-chip {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	color: #e2e8f0;
	font-size: 0.78rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}
.hero-room-chip:hover {
	background: #0284c7;
	border-color: #38bdf8;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-1px);
}

/* Bölüm Başlıkları (Section Heading) */
.section-heading {
	margin-bottom: 32px;
}
.section-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px;
	background: rgba(56, 189, 248, 0.1);
	border: 1px solid rgba(56, 189, 248, 0.25);
	border-radius: 20px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #38bdf8;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
}
.section-title {
	font-size: 1.85rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 8px 0;
}
.section-subtitle {
	font-size: 0.98rem;
	color: #94a3b8;
	max-width: 680px;
	margin: 0 auto;
	line-height: 1.6;
}

/* Blog Post Kartları (Grid) */
.blog-grid-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.blog-grid-col {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	display: flex;
}
.blog-grid-card {
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: 100%;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.blog-grid-card:hover {
	transform: translateY(-5px);
	border-color: #38bdf8;
	box-shadow: 0 12px 30px rgba(56, 189, 248, 0.2);
}
.card-media-wrap {
	position: relative;
	height: 190px;
	background: #032446;
	overflow: hidden;
}
.card-thumb-link {
	display: block;
	width: 100%;
	height: 100%;
}
.card-thumb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}
.blog-grid-card:hover .card-thumb-img {
	transform: scale(1.06);
}
.card-fallback-thumb {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #002b58 0%, #032446 60%, #0c3d70 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #38bdf8;
	position: relative;
}
.card-fallback-thumb .fallback-icon {
	font-size: 2.4rem;
	opacity: 0.85;
}
.card-fallback-thumb .fallback-site {
	font-size: 0.82rem;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 1px;
}
.card-cat-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #0284c7;
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 6px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
	transition: background 0.2s ease;
}
.card-cat-badge:hover {
	background: #0369a1;
	color: #ffffff;
	text-decoration: none;
}
.card-read-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	background: rgba(10, 25, 47, 0.85);
	color: #cbd5e1;
	font-size: 0.72rem;
	padding: 4px 8px;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
}
.card-body-wrap {
	padding: 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.card-meta-row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.78rem;
	color: #94a3b8;
	margin-bottom: 10px;
}
.card-meta-row .meta-sep {
	opacity: 0.5;
}
.card-heading {
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.45;
	margin: 0 0 10px 0;
}
.card-heading-link {
	color: #ffffff;
	text-decoration: none;
	transition: color 0.2s ease;
}
.card-heading-link:hover {
	color: #38bdf8;
	text-decoration: none;
}
.card-excerpt {
	color: #cbd5e1;
	font-size: 0.88rem;
	line-height: 1.6;
	margin: 0 0 18px 0;
	flex-grow: 1;
}
.card-bottom-row {
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-btn-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #38bdf8;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}
.card-btn-more:hover {
	color: #7dd3fc;
	transform: translateX(3px);
	text-decoration: none;
}

/* Numaralı Sayfalandırma (Pagination: 1 2 3 ...) */
.yazilisohbet-pagination {
	margin: 25px 0 10px 0;
	text-align: center;
}
.pagination-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}
.pagination-item {
	margin: 0;
}
.pagination-item a,
.pagination-item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: #cbd5e1;
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}
.pagination-item a:hover {
	background: rgba(56, 189, 248, 0.15);
	border-color: #38bdf8;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
}
.pagination-item.is-active span,
.pagination-item .current {
	background: #0284c7 !important;
	border-color: #38bdf8 !important;
	color: #ffffff !important;
	box-shadow: 0 0 15px rgba(2, 132, 199, 0.45);
}
.pagination-item .dots {
	background: transparent;
	border-color: transparent;
	color: #64748b;
}

/* Sidebar & Widget Stilleri */
.sidebar-wrap {
	margin-top: 0;
	position: relative;
}

@media (min-width: 992px) {
	.sidebar-wrap {
		position: -webkit-sticky;
		position: sticky;
		top: 24px;
		align-self: flex-start;
		z-index: 20;
	}
	.sidebar-sticky-inner {
		max-height: calc(100vh - 48px);
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: thin;
		scrollbar-color: rgba(56, 189, 248, 0.35) transparent;
		padding-right: 4px;
	}
	.sidebar-sticky-inner::-webkit-scrollbar {
		width: 5px;
	}
	.sidebar-sticky-inner::-webkit-scrollbar-track {
		background: transparent;
	}
	.sidebar-sticky-inner::-webkit-scrollbar-thumb {
		background: rgba(56, 189, 248, 0.35);
		border-radius: 10px;
	}
	.sidebar-sticky-inner::-webkit-scrollbar-thumb:hover {
		background: rgba(56, 189, 248, 0.7);
	}
}
.sidebar-widget {
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	padding: 22px 20px;
	margin-bottom: 22px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.widget-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #38bdf8;
	margin: 0 0 14px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	gap: 10px;
}
.widget-desc {
	font-size: 0.85rem;
	color: #94a3b8;
	margin-bottom: 14px;
	line-height: 1.5;
}

/* Widget: Arama */
.search-input-group {
	position: relative;
	display: flex;
}
.search-field {
	width: 100%;
	padding: 11px 48px 11px 16px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: #ffffff;
	font-size: 0.9rem;
	outline: none;
	transition: all 0.2s ease;
}
.search-field:focus {
	border-color: #38bdf8;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15);
}
.search-submit {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	background: #0284c7;
	border: none;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s ease;
}
.search-submit:hover {
	background: #0369a1;
}

/* Widget: Kategoriler */
.widget-cat-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.widget-cat-item {
	margin: 0;
}
.widget-cat-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 8px;
	color: #cbd5e1;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}
.widget-cat-link:hover,
.widget-cat-item.active .widget-cat-link {
	background: rgba(56, 189, 248, 0.12);
	border-color: rgba(56, 189, 248, 0.35);
	color: #ffffff;
	transform: translateX(3px);
	text-decoration: none;
}
.widget-cat-link .cat-name {
	display: flex;
	align-items: center;
	gap: 8px;
}
.widget-cat-link .cat-name i {
	color: #38bdf8;
	font-size: 0.8rem;
}
.widget-count {
	background: rgba(255, 255, 255, 0.08);
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 0.78rem;
	color: #94a3b8;
	font-weight: 700;
}
.widget-cat-link:hover .widget-count {
	background: #0284c7;
	color: #ffffff;
}

/* Widget: Popüler Odalar */
.widget-header-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.widget-header-flex .widget-title {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.live-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 9px;
	background: rgba(16, 185, 129, 0.15);
	border: 1px solid rgba(16, 185, 129, 0.3);
	border-radius: 12px;
	font-size: 0.72rem;
	color: #6ee7b7;
	font-weight: 700;
	text-transform: uppercase;
}
.live-dot {
	width: 6px;
	height: 6px;
	background: #10b981;
	border-radius: 50%;
}
.rooms-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}
.room-card-chip {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.2s ease;
	overflow: hidden;
}
.room-card-chip:hover {
	background: rgba(56, 189, 248, 0.12);
	border-color: #38bdf8;
	transform: translateY(-2px);
	text-decoration: none;
}
.room-icon {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	flex-shrink: 0;
}
.room-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.room-name {
	font-size: 0.82rem;
	font-weight: 700;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.room-sub {
	font-size: 0.68rem;
	color: #94a3b8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.room-badge {
	background: rgba(56, 189, 248, 0.12);
	color: #38bdf8;
	font-size: 0.68rem;
	font-weight: 700;
	padding: 2px 5px;
	border-radius: 4px;
	flex-shrink: 0;
}

/* Widget: Son Eklenenler */
.widget-recent-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.widget-recent-item {
	margin: 0;
}
.widget-recent-link {
	display: flex;
	gap: 12px;
	text-decoration: none;
	align-items: center;
	transition: all 0.2s ease;
}
.widget-recent-link:hover .recent-title {
	color: #38bdf8;
}
.recent-thumb {
	width: 58px;
	height: 52px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	background: #002b58;
}
.recent-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recent-thumb.fallback-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #38bdf8;
	font-size: 1.2rem;
}
.recent-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.recent-title {
	font-size: 0.88rem;
	font-weight: 600;
	color: #e2e8f0;
	line-height: 1.35;
	transition: color 0.2s ease;
}
.recent-meta {
	font-size: 0.74rem;
	color: #94a3b8;
}
.recent-meta .sep {
	margin: 0 4px;
	opacity: 0.5;
}

/* Widget: Yorumlar & Topluluk Değerlendirmeleri */
.widget-comments-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.widget-comment-item {
	padding: 12px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 8px;
}
.comment-author-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}
.comment-avatar .avatar-img {
	border-radius: 50%;
}
.comment-meta {
	display: flex;
	flex-direction: column;
}
.author-name {
	font-size: 0.86rem;
	color: #ffffff;
}
.comment-post a {
	font-size: 0.74rem;
	color: #38bdf8;
	text-decoration: none;
}
.comment-excerpt {
	font-size: 0.8rem;
	color: #94a3b8;
	margin: 0;
	font-style: italic;
	line-height: 1.4;
}
.community-reviews {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.review-card {
	padding: 12px 14px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 8px;
}
.review-stars {
	color: #f59e0b;
	font-size: 0.85rem;
	margin-bottom: 5px;
	letter-spacing: 2px;
}
.review-text {
	font-size: 0.82rem;
	color: #cbd5e1;
	line-height: 1.45;
	margin: 0 0 8px 0;
	font-style: italic;
}
.review-user {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.76rem;
	color: #94a3b8;
}
.review-avatar {
	color: #10b981;
}
.review-name strong {
	color: #ffffff;
}

/* Widget: Etiketler */
.tags-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.tag-chip {
	padding: 5px 11px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	color: #94a3b8;
	font-size: 0.78rem;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}
.tag-chip:hover {
	background: #0284c7;
	border-color: #38bdf8;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
}

/* Arşiv Başlık Bannerı (archive.php, search.php) */
.archive-header-banner {
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	padding: 30px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.archive-eyebrow {
	font-size: 0.82rem;
	font-weight: 700;
	color: #38bdf8;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
}
.archive-title {
	font-size: 1.8rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 10px 0;
}
.archive-description {
	font-size: 0.95rem;
	color: #cbd5e1;
	line-height: 1.6;
	margin: 0 0 16px 0;
	max-width: 720px;
}
.archive-stats-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.archive-stat-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	font-size: 0.8rem;
	color: #cbd5e1;
}

/* Tekil Makale Sayfası (single.php) */
.single-article-card {
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	padding: 32px 34px;
	margin-bottom: 35px;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35);
}
@media (max-width: 768px) {
	.single-article-card {
		padding: 22px 18px;
	}
}
.article-top-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}
.article-cat-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	background: #0284c7;
	color: #ffffff;
	font-size: 0.78rem;
	font-weight: 700;
	border-radius: 6px;
	text-decoration: none;
}
.article-cat-pill:hover {
	background: #0369a1;
	color: #ffffff;
	text-decoration: none;
}
.article-read-pill {
	font-size: 0.8rem;
	color: #94a3b8;
}
.article-main-title {
	font-size: 2rem;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.35;
	margin: 0 0 18px 0;
}
@media (max-width: 768px) {
	.article-main-title {
		font-size: 1.55rem;
	}
}
.article-author-bar {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 24px;
}
.author-avatar-wrap .author-img {
	border-radius: 50%;
}
.author-details {
	flex: 1;
}
.author-display-name {
	font-size: 0.95rem;
	color: #ffffff;
}
.article-dates {
	font-size: 0.8rem;
	color: #94a3b8;
	margin-top: 2px;
}
.date-sep {
	margin: 0 6px;
	opacity: 0.5;
}
.comments-quick-link {
	color: #38bdf8;
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: rgba(56, 189, 248, 0.1);
	border-radius: 6px;
}
.comments-quick-link:hover {
	background: #0284c7;
	color: #ffffff;
	text-decoration: none;
}
.article-featured-media {
	margin-bottom: 26px;
	border-radius: 12px;
	overflow: hidden;
}
.featured-img-responsive {
	width: 100%;
	height: auto;
	display: block;
}

/* İçerik İçi Sohbet CTA Kutusu */
.article-chat-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding: 18px 22px;
	background: linear-gradient(135deg, rgba(2, 132, 199, 0.25) 0%, rgba(15, 23, 42, 0.8) 100%);
	border: 1px solid #0284c7;
	border-radius: 12px;
	margin-bottom: 26px;
}
.article-chat-cta strong {
	color: #ffffff;
	font-size: 1.05rem;
	display: block;
	margin-bottom: 4px;
}
.article-chat-cta p {
	color: #cbd5e1;
	font-size: 0.86rem;
	margin: 0;
}
.cta-join-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: #ff914d;
	color: #032446;
	font-weight: 800;
	font-size: 0.9rem;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.2s ease;
	flex-shrink: 0;
}
.cta-join-btn:hover {
	background: #ffffff;
	color: #002b58;
	text-decoration: none;
	transform: translateY(-2px);
}

/* Makale Metin Tipografisi */
.article-body-content {
	color: #cbd5e1;
	font-size: 1.02rem;
	line-height: 1.85;
}
.article-body-content p {
	margin-bottom: 1.4rem;
}
.article-body-content h2 {
	color: #38bdf8;
	font-size: 1.45rem;
	font-weight: 700;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.article-body-content h3 {
	color: #ffffff;
	font-size: 1.22rem;
	font-weight: 700;
	margin-top: 1.6rem;
	margin-bottom: 0.85rem;
}
.article-body-content ul,
.article-body-content ol {
	padding-left: 24px;
	margin-bottom: 1.4rem;
}
.article-body-content li {
	margin-bottom: 8px;
}
.article-body-content blockquote {
	border-left: 4px solid #38bdf8;
	background: rgba(56, 189, 248, 0.06);
	padding: 16px 20px;
	border-radius: 0 8px 8px 0;
	font-style: italic;
	color: #e2e8f0;
	margin: 1.5rem 0;
}
.article-body-content strong {
	color: #ffffff;
}
.article-body-content a {
	color: #38bdf8;
	text-decoration: underline;
}
.article-body-content a:hover {
	color: #7dd3fc;
}

/* Paylaşım & Etiketler */
.article-tags-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin-top: 24px;
}
.tags-lead {
	font-size: 0.88rem;
	color: #94a3b8;
	font-weight: 700;
}
.article-tag-item {
	padding: 4px 10px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	color: #cbd5e1;
	font-size: 0.82rem;
	text-decoration: none;
	transition: all 0.2s ease;
}
.article-tag-item:hover {
	background: #0284c7;
	color: #ffffff;
	text-decoration: none;
}
.article-share-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	padding: 18px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	margin-top: 12px;
}
.share-title {
	font-size: 0.88rem;
	font-weight: 700;
	color: #94a3b8;
}
.share-buttons-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.share-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 6px;
	font-size: 0.82rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.2s ease;
}
.share-btn:hover {
	transform: translateY(-2px);
	text-decoration: none;
	color: #ffffff;
}
.share-whatsapp { background: #25d366; }
.share-telegram { background: #0088cc; }
.share-twitter  { background: #000000; border: 1px solid rgba(255, 255, 255, 0.2); }
.share-facebook { background: #1877f2; }

/* Yazar Kartı */
.article-author-card {
	display: flex;
	gap: 18px;
	padding: 22px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	margin-top: 24px;
	align-items: center;
}
.author-card-avatar .author-card-img {
	border-radius: 50%;
}
.author-card-role {
	font-size: 0.74rem;
	text-transform: uppercase;
	color: #38bdf8;
	font-weight: 700;
	letter-spacing: 1px;
}
.author-card-name {
	font-size: 1.1rem;
	font-weight: 700;
	color: #ffffff;
	margin: 2px 0 6px 0;
}
.author-card-bio {
	font-size: 0.85rem;
	color: #94a3b8;
	margin: 0;
	line-height: 1.5;
}

/* Makale Gezintisi */
.article-nav-row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.article-nav-col {
	flex: 1;
}
.nav-direction-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
}
.nav-dir-label {
	font-size: 0.76rem;
	color: #38bdf8;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.nav-dir-title {
	font-size: 0.92rem;
	color: #ffffff;
	font-weight: 600;
	transition: color 0.2s ease;
}
.nav-direction-link:hover .nav-dir-title {
	color: #38bdf8;
}

/* Benzer Yazılar */
.related-posts-section {
	margin-top: 35px;
	margin-bottom: 35px;
}
.related-heading {
	font-size: 1.25rem;
	font-weight: 700;
	color: #38bdf8;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Yorumlar Alanı (comments.php) */
.comments-container {
	background: rgba(15, 23, 42, 0.75);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	padding: 30px;
	margin-top: 30px;
}
.comments-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	gap: 10px;
}
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
}
.single-comment-item {
	margin-bottom: 20px;
}
.comment-body-card {
	display: flex;
	gap: 16px;
	padding: 18px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
}
.avatar-rounded {
	border-radius: 50%;
}
.comment-content-wrap {
	flex: 1;
}
.comment-header-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}
.commenter-name,
.commenter-name a {
	color: #ffffff;
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration: none;
}
.comment-date {
	font-size: 0.76rem;
	color: #94a3b8;
}
.comment-text {
	color: #cbd5e1;
	font-size: 0.9rem;
	line-height: 1.6;
	margin-bottom: 8px;
}
.comment-reply-wrap a {
	color: #38bdf8;
	font-size: 0.78rem;
	font-weight: 700;
	text-decoration: none;
}
.comment-reply-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 10px;
}
.comment-notes {
	font-size: 0.82rem;
	color: #94a3b8;
	margin-bottom: 18px;
}
.comment-notes .required {
	color: #f43f5e;
}
.comment-form-group {
	margin-bottom: 16px;
}
.comment-form-group label {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	color: #e2e8f0;
	margin-bottom: 6px;
}
.comment-form-group input,
.comment-form-group textarea {
	width: 100%;
	padding: 10px 14px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: #ffffff;
	font-size: 0.9rem;
	outline: none;
	transition: all 0.2s ease;
}
.comment-form-group input:focus,
.comment-form-group textarea:focus {
	border-color: #38bdf8;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15);
}
.comment-btn-submit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 24px;
	background: #0284c7;
	border: none;
	border-radius: 8px;
	color: #ffffff;
	font-size: 0.92rem;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);
}
.comment-btn-submit:hover {
	background: #0369a1;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45);
}