/* ============================================================
   Güven Grup — ek stil katmanı (2026 güncellemesi)
   Mevcut tasarım korunur; sadece menü dropdown, yeni sayfa
   kartları ve küçük tutarlılık düzeltmeleri eklenmiştir.
   ============================================================ */

:root{
	--gg-kirmizi:#b71c1c;
	--gg-kirmizi-koyu:#8e1515;
	--gg-metin:#3c3c3b;
	--gg-metin-soluk:rgba(60,60,59,.7);
	--gg-cizgi:#e8e9eb;
	--gg-zemin:#f9fafb;
	--gg-golge:0 6px 18px rgba(147,157,173,.16);
	--gg-radius:12px;
}

/* ---------- BAŞLIK SATIRI ----------
   Logo sütunu sabit %25 genişlikteydi ve menüye yalnızca 848px
   bırakıyordu; menü 885px olduğu için ikinci satıra kayıyordu.
   Satır esnek yapıldı: logo kadarını alır, kalanı menüye gider. */
@media (min-width:769px){
	.header-genel > .row{
		display:flex;
		flex-wrap:nowrap;
		align-items:center;
	}
	.header-genel > .row > .logo{
		flex:0 0 auto;
		width:auto;
		padding-right:20px;
	}
	.header-genel > .row > .hlogo-ustmenu{
		flex:1 1 auto;
		width:auto;
		min-width:0;
	}
	.header-genel .menu_logo{white-space:nowrap;}
}

/* ---------- ÜST ŞERİT (bayi / marka linkleri) ----------
   Öğe sayısı arttığı için ikinci satıra taşıyordu; tek satırda
   sağa yaslanmış, sığmazsa düzgün saran esnek bir satır yapıldı. */
@media (min-width:769px){
	.header-ustlinkler ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-items:center;
		margin:0;
		padding:0;
		list-style:none;
	}
	.header-ustlinkler ul li{
		float:none;
		margin:0 0 0 10px;
		padding:0;
		white-space:nowrap;
	}
	/* DIKKAT: <i> (Font Awesome ikonu) uzerine font-size / display
	   TANIMLANMAZ. Tanimlandiginda glyph cozunmuyor ve ikon bos kutu
	   olarak render ediliyor. Ikon boyutu <a>'dan miras alinir. */
	.header-ustlinkler ul li a{
		font-size:11.5px;
		line-height:1.7;
		color:rgba(60,60,59,.72);
		text-decoration:none;
		transition:color .15s;
	}
	.header-ustlinkler ul li a:hover,
	.header-ustlinkler ul li a:focus{color:var(--gg-kirmizi); text-decoration:none;}
}

@media (min-width:769px) and (max-width:1199px){
	.header-ustlinkler ul li{margin-left:10px;}
	.header-ustlinkler ul li a{font-size:10.5px;}
}

/* ---------- ANA MENÜ: tek satırda tut ----------
   9 öğe eski ölçülerle 848px'e sığmıyordu ve sola yaslı olarak
   ikinci satıra kayıyordu. Esnek satır + daralan ölçülerle çözüldü. */
@media (min-width:769px){
	.navbar-default.menu{margin-bottom:0; border:0; background:none; min-height:0;}
	.navbar-default.menu .navbar-header,
	.navbar-default.menu .navbar-collapse{float:none; padding:0; border:0;}
	.navbar-default.menu .nav.navbar-nav{
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
		align-items:center;
		float:none;
		margin:0;
		padding:0;
	}
	.navbar-default.menu .nav.navbar-nav > li{
		float:none;
		white-space:nowrap;
	}
	.navbar-default.menu .nav.navbar-nav > li > a{
		padding:12px 6px;
		font-size:12.5px;
		font-weight:700;
		letter-spacing:-.1px;
		line-height:18px;
		color:var(--gg-metin);
		transition:color .15s;
	}
	.navbar-default.menu .nav.navbar-nav > li > a:hover,
	.navbar-default.menu .nav.navbar-nav > li > a:focus,
	.navbar-default.menu .nav.navbar-nav > li:hover > a{
		color:var(--gg-kirmizi);
		background:none;
	}
}

/* Orta genişlikler: daha da daralt, gerekirse ortalayarak sar */
@media (min-width:769px) and (max-width:1199px){
	.navbar-default.menu .nav.navbar-nav{justify-content:center;}
	.navbar-default.menu .nav.navbar-nav > li > a{padding:10px 6px; font-size:11.5px;}
}

/* ---------- MASAÜSTÜ MENÜ DROPDOWN ---------- */
@media (min-width:769px){
	.navbar-default.menu .nav.navbar-nav > li.dropdown{position:relative;}
	.navbar-default.menu .nav.navbar-nav > li.dropdown > a{cursor:pointer;}
	.navbar-default.menu .nav.navbar-nav > li.dropdown > a i.fas{
		font-size:11px; margin-left:4px; opacity:.65;
	}
	.navbar-default.menu .nav.navbar-nav > li.dropdown > .dropdown-menu{
		display:block;
		visibility:hidden;
		opacity:0;
		pointer-events:none;
		transform:translateY(8px);
		transition:opacity .18s ease, transform .18s ease, visibility 0s .18s;
		position:absolute;
		top:100%;
		left:0;
		min-width:265px;
		max-height:70vh;
		overflow-y:auto;
		padding:8px 0;
		margin:0;
		background:#fff;
		border:0;
		border-top:3px solid var(--gg-kirmizi);
		border-radius:0 0 var(--gg-radius) var(--gg-radius);
		box-shadow:var(--gg-golge);
		z-index:1050;
		text-transform:none;
	}
	.navbar-default.menu .nav.navbar-nav > li.dropdown:hover > .dropdown-menu,
	.navbar-default.menu .nav.navbar-nav > li.dropdown:focus-within > .dropdown-menu{
		visibility:visible;
		opacity:1;
		pointer-events:auto;
		transform:translateY(0);
		transition:opacity .18s ease, transform .18s ease, visibility 0s 0s;
	}
	.navbar-default.menu .dropdown-menu > li > a{
		display:block;
		padding:9px 20px;
		font-size:14px;
		font-weight:500;
		color:var(--gg-metin);
		white-space:normal;
		line-height:1.35;
		border-left:3px solid transparent;
		transition:background .15s, color .15s, border-color .15s;
	}
	.navbar-default.menu .dropdown-menu > li > a:hover,
	.navbar-default.menu .dropdown-menu > li > a:focus{
		background:rgba(183,28,28,.06);
		color:var(--gg-kirmizi);
		border-left-color:var(--gg-kirmizi);
		text-decoration:none;
	}
	.navbar-default.menu .dropdown-menu > li.dropdown-header{
		padding:12px 20px 5px;
		font-size:11px;
		font-weight:700;
		letter-spacing:.6px;
		text-transform:uppercase;
		color:rgba(60,60,59,.45);
	}
	/* son menü öğelerinin dropdown'ı ekran dışına taşmasın */
	.navbar-default.menu .nav.navbar-nav > li.dropdown:nth-last-child(-n+3) > .dropdown-menu{
		left:auto; right:0;
	}
}

/* ---------- HERO (ne-is-yapiyoruz) ---------- */
.gg-hero{
	background:linear-gradient(135deg,#2b2b2b 0%,#4a1414 55%,var(--gg-kirmizi) 100%);
	color:#fff;
	padding:70px 15px 60px;
	margin-bottom:10px;
}
.gg-hero h1{
	font-size:40px;
	line-height:1.25;
	font-weight:700;
	margin:0 auto 18px;
	max-width:900px;
	color:#fff;
}
.gg-hero h1 span{color:#ffcdd2;}
.gg-hero p{
	font-size:18px;
	line-height:1.65;
	max-width:820px;
	margin:0 auto 26px;
	color:rgba(255,255,255,.88);
}
.gg-hero .btn-v3{margin:0 6px 8px;}
/* Koyu hero uzerinde gri ikincil buton okunmuyordu -> beyaz cerceveli */
.gg-hero .btn-v3-secondary2,
.gg-hero .btn-v3-secondary2:hover,
.gg-hero .btn-v3-secondary2:focus{
	background:transparent;
	border:2px solid rgba(255,255,255,.7);
	color:#fff;
}
.gg-hero .btn-v3-secondary2:hover,
.gg-hero .btn-v3-secondary2:focus{
	background:rgba(255,255,255,.14);
	border-color:#fff;
}

/* ---------- SAYFA GİRİŞ METNİ ---------- */
.gg-sayfa-giris{
	max-width:860px;
	margin:0 auto 40px;
	font-size:17px;
	line-height:1.7;
	color:var(--gg-metin-soluk);
}

/* ---------- GRUP / HİZMET KARTLARI ---------- */
.gg-grup-blok{margin-bottom:45px;}
.gg-grup-baslik{
	font-size:24px;
	font-weight:700;
	color:var(--gg-kirmizi);
	margin:0 0 6px;
	padding-bottom:10px;
	border-bottom:2px solid var(--gg-cizgi);
}
.gg-grup-baslik i{margin-right:8px;}
.gg-grup-aciklama{
	font-size:15px;
	color:var(--gg-metin-soluk);
	margin-bottom:22px;
}

.gg-kart{
	display:flex;
	align-items:flex-start;
	gap:16px;
	background:#fff;
	border:1px solid var(--gg-cizgi);
	border-radius:var(--gg-radius);
	padding:22px;
	margin-bottom:24px;
	height:calc(100% - 24px);
	transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.gg-kart:hover{
	box-shadow:var(--gg-golge);
	transform:translateY(-3px);
	border-color:rgba(183,28,28,.25);
}
.gg-kart-ikon{
	flex:0 0 56px;
	width:56px;
	height:56px;
	line-height:56px;
	text-align:center;
	border-radius:14px;
	font-size:24px;
	color:var(--gg-kirmizi);
	background:rgba(183,28,28,.08);
}
.gg-kart-govde{flex:1 1 auto; min-width:0;}
.gg-kart-govde h5{
	font-size:19px;
	font-weight:700;
	margin:2px 0 10px;
	line-height:1.3;
	color:var(--gg-metin);
}
.gg-kart-govde h5 a{color:var(--gg-metin); text-decoration:none;}
.gg-kart-govde h5 a:hover{color:var(--gg-kirmizi);}
.gg-kart-govde p{
	font-size:15px;
	line-height:1.65;
	color:var(--gg-metin-soluk);
	margin-bottom:14px;
}
.gg-kart-govde .btn-v3{margin:0 6px 6px 0;}

.gg-liste{
	list-style:none;
	padding:0;
	margin:0 0 16px;
}
.gg-liste li{
	position:relative;
	padding-left:22px;
	margin-bottom:7px;
	font-size:14.5px;
	line-height:1.5;
	color:var(--gg-metin-soluk);
}
.gg-liste li:before{
	content:"\f00c";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	position:absolute;
	left:0;
	top:1px;
	font-size:12px;
	color:var(--gg-kirmizi);
}

/* eşit yükseklikli kart grid (Bootstrap 3 float'ı bozmadan) */
.gg-kart-grid{display:flex; flex-wrap:wrap;}
.gg-kart-grid > [class*="col-"]{display:flex; float:none;}
.gg-kart-grid .gg-kart{width:100%;}

/* ---------- REFERANS İKON FALLBACK ---------- */
.gg-ref-ikon{
	display:inline-block;
	width:90px;
	height:90px;
	line-height:90px;
	text-align:center;
	font-size:38px;
	color:var(--gg-kirmizi);
	background:rgba(183,28,28,.07);
	border-radius:18px;
	margin-bottom:10px;
}

/* ---------- KÜÇÜK DÜZELTMELER ---------- */
.blok-baslik2.mb-3{margin-bottom:1rem!important;}
.dty-kategori ul{padding-left:0;}

/* Beyaz kart zemininde gri ikincil buton okunmuyordu -> kırmızı çerçeveli */
.gg-kart .btn-v3-secondary2,
.sayfa-icerik .btn-v3-secondary2,
.avantaj-blok .btn-v3-secondary2{
	background:#fff;
	border:2px solid var(--gg-kirmizi);
	color:var(--gg-kirmizi);
}
.gg-kart .btn-v3-secondary2:hover,
.gg-kart .btn-v3-secondary2:focus,
.sayfa-icerik .btn-v3-secondary2:hover,
.avantaj-blok .btn-v3-secondary2:hover{
	background:var(--gg-kirmizi);
	color:#fff;
}

@media (max-width:768px){
	.gg-hero{padding:45px 15px 40px;}
	.gg-hero h1{font-size:27px;}
	.gg-hero p{font-size:16px;}
	.gg-sayfa-giris{font-size:15.5px;}
	.gg-kart{flex-direction:column; padding:18px;}
	.gg-kart-ikon{width:48px; height:48px; line-height:48px; font-size:20px; flex-basis:48px;}
	.gg-grup-baslik{font-size:20px;}
	.gg-kart-grid{display:block;}
	.gg-kart-grid > [class*="col-"]{display:block; float:left;}
}

/* ============================================================
   MOBİL DÜZELTMELER (temada mevcut olan sorunlar)
   ============================================================ */
@media (max-width:768px){
	/* 1) Sağdaki sabit sosyal medya çubuğu tüm sayfalarda metnin
	      üzerine biniyordu. Mobilde gizlendi; sosyal linkler zaten
	      footer'da ve sağ altta WhatsApp butonu var. */
	#fixed-bar2{display:none!important;}

	/* 2) Dev başlıklar (60px) ekrandan taşıyordu. */
	.blok-baslik{font-size:30px!important; line-height:1.2!important; word-wrap:break-word;}
	.blok-baslik2,
	.baslik-yazi h1{font-size:28px!important; line-height:1.25!important; word-wrap:break-word;}
	.menu_logo{font-size:30px!important; line-height:1.2!important;}

	/* 3) Ana sayfa slider metni taşıyordu; kutuya sığdırıldı. */
	#slideust .slide-on2{width:100%!important; padding:0 6px;}
	#slideust .slide-on2 h2{font-size:24px!important; line-height:1.25!important;}
	#slideust .slide-on2 p{font-size:14px!important;}
	#slideust .item{min-height:300px;}

	/* 4) 8px yatay kaydırmayı kesen kural (off-canvas menü panelleri
	      position:fixed olduğu için hidden overflow menüyü bozmaz). */
	body{overflow-x:hidden;}
}

/* ---------- FOOTER MARKA LİNKLERİ ---------- */
.gg-footer-linkler ul{list-style:none; padding:0; margin:0;}
.gg-footer-linkler ul li{margin-bottom:8px;}
.gg-footer-linkler ul li a{
	color:rgba(255,255,255,.82);
	font-size:14px;
	text-decoration:none;
	transition:color .15s;
}
.gg-footer-linkler ul li a:hover{color:#fff; text-decoration:underline;}