/* ------------------------------------------------------------------
   Guler Hukuk Burosu - rexlaw sablonu uzerine ek/duzeltme katmani
   Sadece bu dosya duzenlenir; sablonun style.css'ine dokunulmaz.
------------------------------------------------------------------- */

:root {
	--vurgu: #b89b5e;
	--koyu: #16212e;
	--koyu2: #1f2d3d;
	--metin: #4a4a4a;
}

/* ---- Google ceviri araci: ust bandin sayfayi kaydirmasini engelle ---- */
body {
	top: 0 !important;
	position: static !important;
}
/* 🔴 `iframe.skiptranslate`i toptan gizlemek YANLIS: Google'in dil MENUSU de ayni
   sinifi tasiyor (iframe.VIpgJd-ZVi9od-xl07Ob-OEVmcd.skiptranslate) ve kural onu da
   olduruyordu -> "Dili Seçin"e basildiginda hicbir sey acilmiyordu (olculdu 08-12).
   Sadece ust bilgi bandi gizlenir: guncel sinif + eski .goog-te-banner-frame. */
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd,
.goog-te-banner-frame {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
}
#goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
font font { background-color: transparent !important; box-shadow: none !important; }

.header_ceviri {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.header_ceviri .ceviri_etiket {
	color: var(--koyu);
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: .85;
}
.header_ceviri .ceviri_etiket i { color: var(--vurgu); margin-right: 5px; }
#google_translate_element .goog-te-gadget { font-size: 0 !important; color: transparent !important; }
#google_translate_element .goog-te-gadget-simple {
	background-color: #fff;
	border: 1px solid #d8d8d8;
	padding: 6px 12px;
	border-radius: 2px;
	font-size: 13px;
	line-height: 1.2;
	cursor: pointer;
}
#google_translate_element .goog-te-gadget-simple:hover { border-color: var(--vurgu); }
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: var(--koyu); }
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span { color: var(--koyu) !important; border-color: #d8d8d8 !important; }
#google_translate_element img { display: none; }

/* ---- Logo: beyaz menu seridi uzerinde koyu logo ---- */
.header_style_one .site_logo img { max-height: 52px; width: auto; }
.side_inner_logo img, .footer_logo img { max-height: 46px; width: auto; }
.m-brand-logo img { max-height: 44px; width: auto; }

/* ---- Ust bar ---- */
.header_style_one .header_top { padding-left: 40px; padding-right: 40px; }
.header_contact_info ul li a { color: inherit; }
.header_contact_info ul li a:hover { color: var(--vurgu); }

/* 🔴 Sablon 1199px altinda .header_top'u tamamen gizliyor; dil secici orada duruyor.
   Cevirinin telefonda ulasilamaz olmasi kabul edilemez -> ust bant kucuk ekranda da
   acik kalir, yalnizca sikistirilir (e-posta 480px altinda dusurulur, telefon kalir). */
@media (max-width: 1199px) {
	.header_style_one .header_top {
		display: block;
		padding: 6px 15px;
		border-bottom: 1px solid #ece7dc;
	}
	.header_style_one .header_top .row {
		display: flex; flex-wrap: nowrap; align-items: center;
		justify-content: space-between; margin: 0;
	}
	.header_style_one .header_top [class*="col-"] {
		padding: 0; flex: 0 1 auto; max-width: none; width: auto;
	}
	.header_contact_info, .header_ceviri { float: none !important; }
	.header_contact_info ul li { margin-right: 14px; font-size: 12px; }
	.header_ceviri .ceviri_etiket { display: none; }
	.header_ceviri .goog-te-gadget-simple { padding: 2px 8px; }
}
@media (max-width: 480px) {
	.header_contact_info ul li:first-child { display: none; }
}
/* ust bant geri geldigi icin hamburger dugmesi asagi kayar (sablon top:30px varsayiyor) */
@media (max-width: 1199px) {
	.mobile_menu_button { top: 52px; right: 20px; }
	.header_style_one .header_main_menu { padding: 6px 15px; }
	.header_style_one .site_logo { margin: 0; }
}

/* ---- Telefon kutusu (call_to_quote) artik bir baglanti ---- */
a.call_to_quote { display: block; text-decoration: none; }
a.call_to_quote:hover { text-decoration: none; }

/* ---- Menu: 6 uzun Turkce baslik 1440px'de tasiyordu, sikilastiriliyor ----
   🔴 Ustelik menu makine cevirisiyle UZUYOR (Ingilizce'de "COMMUNICATION" telefon
   kutusunun altina giriyordu). Bu yuzden olcu ayari yetmez: telefon kutusunun
   genisligi kadar sag dolgu ayrilir ve menu satiri tasarsa alt satira SARAR
   (kutunun altinda kaybolmaz). .call_to_quote absolute oldugu icin dolgudan
   etkilenmez. */
.header_style_one .header_main_menu { padding-left: 25px; padding-right: 320px; }
.header_style_one .main_navigation > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 4px;
}
.header_style_one .site_logo { margin: 0 45px 0 0; }
.header_style_one .main_navigation ul li { margin-right: 24px; }
.header_style_one .main_navigation ul li a { font-size: 14px; letter-spacing: 0; }
.header_style_one .main_navigation ul li .dropdown-menu li { margin-right: 0; }
.header_style_one .main_navigation ul li .dropdown-menu li a { font-size: 14px; }
.call_to_quote { width: 305px; }
@media (max-width: 1400px) {
	.header_style_one .main_navigation ul li { margin-right: 16px; }
	.header_style_one .site_logo { margin-right: 25px; }
}

/* ---- Slayt metinleri ----
   🔴 Sablonun kahraman metni #slider_id .owl-item.active kuralina bagli bir
   gecise dayaniyor (opacity:0 -> 1, 900-1200 ms gecikme). Gecis tetiklenmezse
   baslik hic gorunmuyor. Basligin gorunurlugu suse birakilamaz -> zorla acildi. */
#slider_id .slider_text p,
#slider_id .slider_text h1,
#slider_id .slider_text h2.slayt_baslik,
#slider_id .slayt_metin {
	opacity: 1 !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}
.slider_style_one .slider_contect_box { padding: 150px 0; }
.slider_style_one .slider_contect_box .slider_text h1 { font-size: 46px; line-height: 1.25; padding: 14px 0 0; }
@media (max-width: 991px) { .slider_style_one .slider_contect_box .slider_text h1 { font-size: 34px; } }
@media (max-width: 767px) { .slider_style_one .slider_contect_box { padding: 110px 0; } .slider_style_one .slider_contect_box .slider_text h1 { font-size: 26px; } }
.slider_style_one .slider_contect_box { max-width: 900px; margin: 0 auto; }
.slider_style_one .slider_contect_box .slider_text h2.slayt_baslik {
	color: #fff;
	font-size: 46px;
	font-weight: 700;
	line-height: 1.2;
	font-family: "Poppins";
	padding-bottom: 10px;
}
.slider_style_one .slider_contect_box .slayt_metin {
	color: #e9e9e9;
	font-size: 17px;
	line-height: 1.7;
	max-width: 760px;
	margin: 10px auto 0;
}
@media (max-width: 991px) { .slider_style_one .slider_contect_box .slider_text h2.slayt_baslik { font-size: 34px; } }
@media (max-width: 767px) {
	.slider_style_one .slider_contect_box .slider_text h2.slayt_baslik { font-size: 26px; }
	.slider_style_one .slider_contect_box .slayt_metin { font-size: 15px; }
}

/* Sablonun about bolumundeki dekoratif bina fotografi metnin altina tasiyordu */
.about_us_section { background-image: none; }

/* ---- Hizli kartlar: 5 yerine 3 sutun ---- */
.call_action_list.uc_kart li { width: 33.3333%; }
@media (max-width: 991px) { .call_action_list.uc_kart li { width: 50%; } }
@media (max-width: 575px) { .call_action_list.uc_kart li { width: 100%; } }
.call_action_list.uc_kart .kart_baglanti { display: block; color: inherit; text-decoration: none; }
.call_action_list.uc_kart .kart_baglanti:hover { color: inherit; }
.call_action_list.uc_kart .call_action_text h3 { margin-bottom: 8px; }
.call_action_list.uc_kart .call_action_text p { font-size: 15px; line-height: 1.6; }

/* ---- Butonlar ---- */
.alanlar_tumu, .about_alt_btn { margin-top: 30px; }
.alanlar_tumu a, .about_alt_btn a, .yan_iletisim_btn a {
	color: #fff;
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	padding: 16px 34px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: var(--vurgu);
	transition: .3s all ease-in-out;
}
.alanlar_tumu a:hover, .about_alt_btn a:hover, .yan_iletisim_btn a:hover {
	background-color: var(--koyu);
	color: #fff;
}
.yan_iletisim_btn { text-align: center; padding: 0 20px 25px; }

/* ---- Faaliyet alani kartlari ---- */
.service_img_text { background-color: #fff; margin-bottom: 30px; box-shadow: 0 8px 26px 0 rgba(0,0,0,.07); }
.service_img_text .service_img img { width: 100%; height: 230px; object-fit: cover; }
.service_img_text .service_text { padding: 30px 30px 28px; }
.service_img_text .service_content h3 { line-height: 1.35; }
.service_img_text .service_content h3 a { color: var(--koyu); }
.service_img_text .service_content h3 a:hover { color: var(--vurgu); }
.service_img_text .service_content p { font-size: 15px; line-height: 1.7; margin-top: 12px; }
.service_img_text .service_icon i { color: var(--vurgu); font-size: 34px; }
.service_slider .service_img_text { margin-bottom: 10px; }

/* ---- Alan listesi sayfasi ---- */
.alanlar_section, .hakkimda_section, .metin_section, .iletisim_section { padding: 100px 0 90px; }
.alanlar_giris { max-width: 900px; margin: 0 auto 45px; text-align: center; }
.alanlar_giris p { font-size: 17px; line-height: 1.85; color: var(--metin); }
.grup_ozet { margin-bottom: 55px; text-align: center; }
.grup_ozet ul li { display: inline-block; margin: 0 6px 10px; }
.grup_ozet ul li a {
	display: block;
	padding: 12px 22px;
	border: 1px solid #e4e4e4;
	color: var(--koyu);
	font-weight: 600;
	font-size: 14px;
}
.grup_ozet ul li a span { color: var(--vurgu); }
.grup_ozet ul li a:hover { background-color: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.grup_ozet ul li a:hover span { color: #fff; }
.alan_grubu { padding-top: 25px; margin-bottom: 25px; scroll-margin-top: 120px; }

/* ---- Alan detay ---- */
.alan_kapak { margin-bottom: 35px; }
.alan_kapak img { width: 100%; height: auto; }
.alan_alt_baslik { margin: 45px 0 20px; padding-left: 18px; border-left: 4px solid var(--vurgu); }
.alan_alt_baslik h3 { font-size: 22px; font-weight: 600; font-family: "Poppins"; color: var(--koyu); }
.service_details_text article { font-size: 16px; line-height: 1.9; color: var(--metin); margin-bottom: 20px; }
.mevzuat_listesi ul li {
	position: relative;
	padding: 12px 0 12px 32px;
	border-bottom: 1px solid #efefef;
	font-size: 15px;
	color: var(--metin);
}
.mevzuat_listesi ul li i { position: absolute; left: 0; top: 15px; color: var(--vurgu); font-size: 14px; }
/* icinde bulundugumuz alan: yalniz yazi degil satirin tamami isaretlenir */
.pactical_cat ul li.secili {
	background-color: #faf6ec;
	border-left: 3px solid var(--vurgu);
	margin-left: -12px;
	padding: 4px 0 4px 9px;
	font-weight: 700;
}
.pactical_cat ul li.secili a { color: var(--vurgu); }

/* ---- Kimlik bilgileri listesi ---- */
.kimlik_kutu { border-top-color: var(--vurgu); }
.kimlik_listesi ul li {
	padding: 13px 0;
	border-bottom: 1px solid #ececec;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
}
.kimlik_listesi ul li span {
	flex: 0 0 190px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--vurgu);
	padding-top: 2px;
}
.kimlik_listesi ul li strong { flex: 1 1 220px; font-size: 15px; font-weight: 500; color: var(--koyu); }
.kimlik_listesi ul li strong a { color: var(--koyu); }
.kimlik_listesi ul li strong a:hover { color: var(--vurgu); }
.kimlik_not { margin-top: 22px; font-size: 13px; line-height: 1.75; color: #7a7a7a; }
@media (max-width: 575px) { .kimlik_listesi ul li span { flex: 0 0 100%; } }

/* ---- Bilgi notu ---- */
.bilgi_notu_section { padding: 0 0 90px; }
.bilgi_notu {
	position: relative;
	margin: 45px 0 0;
	padding: 28px 30px 28px 68px;
	background-color: #f7f5f0;
	border-left: 4px solid var(--vurgu);
}
.bilgi_notu i { position: absolute; left: 28px; top: 30px; color: var(--vurgu); font-size: 22px; }
.bilgi_notu p { font-size: 15px; line-height: 1.8; color: #5c5c5c; margin: 0; }

/* ---- Iletisim ---- */
.iletisim_kartlar { margin-bottom: 20px; }
.iletisim_kart {
	height: 100%;
	padding: 35px 28px 30px;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #ececec;
	text-align: center;
}
.iletisim_kart .ik_ikon { margin-bottom: 18px; }
.iletisim_kart .ik_ikon i { color: var(--vurgu); font-size: 30px; }
.iletisim_kart h4 { font-size: 18px; font-weight: 600; font-family: "Poppins"; color: var(--koyu); margin-bottom: 12px; }
.iletisim_kart p { font-size: 15px; line-height: 1.7; margin: 0 0 4px; color: var(--metin); }
.iletisim_kart p a { color: var(--metin); }
.iletisim_kart p a:hover { color: var(--vurgu); }
.iletisim_alt { padding-top: 40px; }
.iletisim_form .form_notu, .iletisim_form .gizlilik_notu {
	font-size: 13px;
	line-height: 1.75;
	color: #7a7a7a;
	margin-bottom: 25px;
}
.iletisim_form .gizlilik_notu { margin: 22px 0 0; }
/* Sablon yalnizca input/textarea'yi bicimlendiriyor; select'i biz eslestiriyoruz. */
.iletisim_form select.email {
	width: 100%;
	height: 70px;
	margin-bottom: 30px;
	border: 2px solid #e7e7e7;
	padding: 0 50px 0 85px;
	background-color: #fff;
	color: var(--metin);
	font-size: 15px;
	appearance: none;
	-webkit-appearance: none;
}
.iletisim_form .secim_alani { position: relative; }
.iletisim_form .secim_alani:after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 30px;
	top: 25px;
	color: var(--vurgu);
	pointer-events: none;
}
.harita_cerceve { line-height: 0; border: 1px solid #ececec; }
.harita_not { font-size: 13px; line-height: 1.75; color: #7a7a7a; margin-top: 15px; }
.harita_not a { color: var(--vurgu); }

/* ---- Hakkimda ---- */
.avukat_foto { position: relative; margin-bottom: 35px; }
.avukat_foto img { width: 100%; height: auto; }
.avukat_foto .avukat_foto_alt { background-color: var(--koyu); padding: 22px 25px; }
.avukat_foto .avukat_foto_alt h3 { color: #fff; font-size: 20px; font-family: "Poppins"; margin-bottom: 4px; }
.avukat_foto .avukat_foto_alt span { color: var(--vurgu); font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }

/* ---- Uzun metin sayfalari ---- */
.metin_govde h3 {
	font-size: 21px;
	font-weight: 600;
	font-family: "Poppins";
	color: var(--koyu);
	margin: 40px 0 16px;
	padding-left: 16px;
	border-left: 4px solid var(--vurgu);
}
.metin_govde h3:first-child { margin-top: 0; }
.metin_govde p { font-size: 16px; line-height: 1.9; color: var(--metin); margin-bottom: 16px; }
.metin_govde ul { margin: 0 0 20px; padding-left: 22px; list-style: disc; }
.metin_govde ul li { font-size: 16px; line-height: 1.85; color: var(--metin); margin-bottom: 8px; }
.metin_govde a { color: var(--vurgu); }
.metin_tarih { margin-top: 40px; font-size: 13px; color: #8a8a8a; border-top: 1px solid #ececec; padding-top: 18px; }

/* ---- SSS ---- */
.alan_sss_blok { margin-bottom: 45px; }
.alan_sss_baslik { margin-bottom: 18px; }
.alan_sss_baslik h3 { font-size: 20px; font-weight: 600; font-family: "Poppins"; color: var(--koyu); }
.alan_sss_baslik h3 i { color: var(--vurgu); margin-right: 10px; font-size: 18px; }
.alan_sss_baslik h3 a { color: var(--koyu); }
.alan_sss_baslik h3 a:hover { color: var(--vurgu); }
.faq_section .faq_area { margin-bottom: 20px; }

/* ---- Kenar cubugu iletisim ---- */
.yan_iletisim ul li {
	position: relative;
	padding: 11px 0 11px 28px;
	font-size: 14px;
	line-height: 1.7;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
}
.yan_iletisim ul li i { position: absolute; left: 0; top: 15px; color: var(--vurgu); font-size: 13px; }
.yan_iletisim ul li a { color: inherit; }
.yan_iletisim ul li a:hover { color: var(--vurgu); }
.yan_iletisim_kutu .yan_iletisim { padding: 5px 20px 20px; }
.side_inner_content .yan_iletisim { text-align: left; }
.side_inner_content .yan_iletisim ul li { color: #d6d6d6; border-bottom-color: rgba(255, 255, 255, .12); }
.side_inner_content .yan_iletisim h3 { color: #fff; margin-bottom: 10px; }

/* ---- Alt bilgi ---- */
.footer_section .practice_list ul li { width: 50%; float: left; }
.footer_section .practice_list.tek_kolon ul li { width: 100%; float: none; }
@media (max-width: 575px) { .footer_section .practice_list ul li { width: 100%; float: none; } }
.footer_iletisim { margin: 22px 0 5px; }
.footer_iletisim ul li {
	position: relative;
	padding: 8px 0 8px 26px;
	font-size: 14px;
	line-height: 1.7;
	color: #cfcfcf;
}
.footer_iletisim ul li i { position: absolute; left: 0; top: 12px; color: var(--vurgu); font-size: 13px; }
.footer_iletisim ul li a { color: #cfcfcf; }
.footer_iletisim ul li a:hover { color: var(--vurgu); }
.kimlik_ozet { margin-top: 22px; font-size: 13px; line-height: 1.8; }
.footer_copyright .copyright_text { font-size: 13px; line-height: 1.8; }
@media (max-width: 991px) {
	.footer_copyright .copyright_text,
	.footer_copyright .copyright_text.text-right { text-align: center !important; margin-bottom: 12px; }
	.footer_logo { margin-bottom: 12px; }
}

/* ---- Iletisim bandi (call_action_two) ---- */
.call_action_two { position: relative; background-size: cover; background-position: center; }
.call_action_two .background_overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(12, 18, 26, .86);
}
.call_action_two .container { position: relative; z-index: 1; }
.call_action_two .section_title_area h2 { color: #fff; }
.call_action_two .call_action_number a { color: #fff; }
.call_action_two .call_action_number a:hover { color: var(--vurgu); }

/* ---- Breadcrumb: sablondaki 250px yerine daha olculu ---- */
.breadcrumb_section { padding: 175px 0 165px; background-size: cover; background-position: center; }
@media (max-width: 991px) { .breadcrumb_section { padding: 140px 0 120px; } }
@media (max-width: 767px) { .breadcrumb_section { padding: 120px 0 100px; } }
.breadcrumb_section .breadcrumb-item a { color: #e0e0e0; }
.breadcrumb_section .breadcrumb-item a:hover { color: var(--vurgu); }

/* ---- Mobil menu alt bilgi ---- */
.m_adres_area { color: #cfcfcf; font-size: 13px; line-height: 1.8; padding: 20px 25px 0; }
.free_call_nm .m_call_text strong a { color: inherit; }

/* ---- Akordiyon: bicim kurallari .faq_section altinda oldugu icin govde de o sinifi
   tasiyor; bolum dolgusu yalnizca gercek FAQ bolumunde kalsin ---- */
.faq_govde { padding: 0 !important; }
.faq_govde .faq_area .faq-header h3 button { padding-left: 62px; height: auto; min-height: 64px; padding-top: 14px; padding-bottom: 14px; line-height: 1.5; }
.faq_govde .faq_area .faq-header h3 button:after { top: 20px; left: 26px; }
.faq_govde .faq_area .faq-body { padding: 0 26px 18px 26px; }

/* ---- Bu alanda gorulen isler: 3'lu izgara satir satir hizali olsun ---- */
.alan_govde .about_listitem ul { display: flex; flex-wrap: wrap; }
.alan_govde .about_listitem ul li { flex: 0 0 50%; max-width: 50%; padding-right: 20px; }
@media (max-width: 575px) { .alan_govde .about_listitem ul li { flex: 0 0 100%; max-width: 100%; } }

/* ---- Alan kartlari: bir satirdaki kartlar esit yukseklikte ----
   Ozetler farkli uzunlukta oldugu icin izgara alt kenari tirtikli kaliyordu. */
.alan_izgara { display: flex; flex-wrap: wrap; }
.alan_izgara > [class*="col-"] { display: flex; margin-bottom: 30px; }
.alan_izgara > [class*="col-"] > .service_img_text { width: 100%; display: flex; flex-direction: column; }
.alan_izgara .service_text { flex: 1 1 auto; }

/* 🔴 wow.js ogeye satir-ici visibility:hidden yaziyor; JS calismaz ya da animasyon
   tetiklenmezse metin hic gorunmuyor. Bir hukuk burosu sitesinde icerigin
   gorunurlugu suse birakilamaz -> gorunurluk zorla acik, animasyon opacity ile. */
.wow { visibility: visible !important; }

/* ---- Yatay tasma emniyeti ----
   Sablonun bazi sus ogeleri (kaydiran baslik gorseli, mobil menu paneli) kenardan
   tasiyor; kucuk ekranda bu yatay kaydirma cubugu demek. */
html, body { overflow-x: hidden; }

/* ---- Yazdirma ---- */
@media print {
	.main_header, .footer_section, .footer_copyright, .breadcrumb_section, .call_action_two { display: none !important; }
	.metin_govde p, .metin_govde li { font-size: 12pt; color: #000; }
}