/*#region GenelCSS */ /**** genelCss ****/ body { font-family: 'Segoe UI', Calibri, sans-serif; margin: 0; padding: 0; background: #eff2f6; }
input[type="text"]:hover { border-color: #0831a7 !important; }
input[type="text"]:focus { /*outline: none;*/ /*  border: 1px solid #007bff !important;*/ border-color: #0831a7 !important; }
input[type="email"]:hover { border-color: #0831a7 !important; }
input[type="email"]:focus { /*outline: none;*/ border: 1px solid #0831a7 !important; }
.container { display: flex; padding: 20px; max-width: 1200px; margin-left: auto; margin-right: auto; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
/**** genelCss ****/ /*#endregion */ /*#region NAVBAR */ /***Navigasyonbar****/ .navbar { background-color: white; margin: auto; padding: 6px 0; /*border-bottom: 1px solid #eee;*/ box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.navbar-container { display: flex; justify-content: space-between; align-items: center; padding: 0 20px 0 20px; max-width: 1200px; margin-left: auto; margin-right: auto; }
.navbar-logo { color: #333; text-decoration: none; font-size: 24px; font-weight: bold; }
.navbar-links { list-style: none; padding: 0; margin: 0; display: flex; position: relative; }
.navbar-links li { position: relative; }
.navbar-links li a { text-decoration: none; color: #333; padding: 10px 15px; display: block; font-size: 18px; border-radius: 5px; }
.navbar-links li a:hover { background-color: #f2f2f2; }
.navbar-hamburger { display: none; background: none; border: none; }
/****Navigasyonbar****/ /*#endregion */ /*#region FOOTER */ footer { background-color: #f8f9fa; color: #333; }
.footer-container { display: flex; justify-content: space-around; align-items: start; padding: 0; max-width: 1200px; margin: 0 auto; }
.footer-logo a { display: block; font-size: 1.4em; margin-bottom: 15px; color: #333; text-decoration: none; }
.footer-links { display: flex; justify-content: space-between; width: 98%; }
.footer-column { margin-right: 20px; margin-top:10px; }
.footer-column:last-child { margin-right: 0; }
.footer-column h4 { font-size: 1em; color: #333; margin-bottom: 10px; font-weight: 500 }
.footer-column ul { list-style: none; padding: 0; margin: 0; }
.footer-column ul li a { color: #333; text-decoration: none; line-height: 2.2; display: block; }
.footer-column ul li a:hover { text-decoration: underline; }
.footer-social a { display: inline-block; margin: 0 10px; }
.footer-social a img { width: 24px; height: auto; }
.footer-bottom { text-align: center; margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px; padding-bottom: 1px; }
/*#endregion */ /*#region CATEGORY */ .autocomplete-items { /* border: 1px solid #d4d4d4; */ border-bottom: none; border-top: none; z-index: 99; position: absolute; background-color: #fff; max-height: 170px; overflow-y: auto; }
.autocomplete-items div { padding: 10px; cursor: pointer; }
.autocomplete-items div:hover { background-color: #e9e9e9; }
.category-container-header { padding: 1px 20px 20px 20px; max-width: 1200px; margin-left: auto; margin-right: auto; }
.category-header { color: #333; }
.category-description { /*  padding: 0px 10px; */ }
/*  category-search-bararea */ .category-search-bar { display: flex; flex-direction: column; background-color: #fff; border-radius: 12px; gap: 5px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.category-search-input, .category-location-field { padding: 10px; border: 1px solid #ddd; border-radius: 5px; outline: none; font-size: 16px; }
.category-search-button { padding: 10px; border: 1px solid #ddd; border-radius: 5px; outline: none; background-color: #0831a7; color: white; border: none; cursor: pointer; height: auto; }
.category-search-button:hover { background-color: #2b4bcc; }
@media (min-width: 768px) { .category-search-bar { flex-direction: row; }
.category-search-input { flex-grow: 1; }
.category-location-field { margin-right: 10px; width: 16%; }
.category-search-button { width: 10%; }
}
/*  category-search-bararea */ .category-email-icon { font-size: 16px; margin-right: 8px; }
.category-listings { width: 70%; }
.category-sidebar { width: 30%; padding-left: 20px; }
.category-job-listing { background: #fff; margin-bottom: 10px; padding: 20px; border-radius: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-decoration: none; color: #333; display: block; }
.category-job-title { color: #0831a7; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; }
.category-company-name { font-weight: bold; margin-bottom: 5px; color: #333; font-size: 1em; }
.category-job-description { margin-bottom: 10px; color: #333; }
.category-location { margin-bottom: 10px; font-weight: bold; }
.category-job-time-info { font-size: 0.9em; color: #333; }
.category-email-signup { background: white; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 12px; text-align: center; }
.category-email-signup h3 { color: #333; margin-bottom: 15px; }
.category-email-signup p { color: #333; font-size: 0.9em; margin-bottom: 20px; }
.category-email-signup input { width: 90%; padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 5px; }
.category-email-signup button { width: 100%; padding: 10px; background-color: #0831a7; color: white; border: none; border-radius: 5px; cursor: pointer; }
.category-email-signup button:hover { background-color: #2b4bcc; }
.category-disclaimer { margin-top: 20px; color: #333; font-size: 0.8em; }
.category-districts-list { background: white; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 12px; margin-top: 20px; }
.category-districts-list h3 { color: #333; margin-bottom: 15px; }
.category-districts { column-count: 2; word-wrap: break-word; }
.category-positions-box { background: white; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 12px; margin-top: 20px; color: #333; }
.category-position-search { width: 90%; padding: 10px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; }
.category-positions { column-count: 2; word-wrap: break-word; }
/* �l�eler ve pozisyonlar i�in genel stil */ .category-districts a, .category-positions a { background-color: transparent; margin-bottom: 5px; padding: 5px 0; border-radius: 0; display: block; cursor: pointer; color: #0831a7; text-decoration: none; }
.category-districts a:hover, .category-positions a:hover { background-color: transparent; }
/* �l�eler ve pozisyonlar i�in genel stil */ .category-districts span, .category-positions span { background-color: transparent; margin-bottom: 5px; padding: 5px 0; border-radius: 0; display: block; /*cursor: pointer;*/ /*color: #0831a7;*/ text-decoration: none; }
.category-priority-job-links { margin-top: 20px; }
.category-priority-link { display: block; background-color: #0831a7; color: white; text-align: center; padding: 10px 0; margin-bottom: 10px; text-decoration: none; font-weight: bold; text-transform: uppercase; border-radius: 5px; }
.category-priority-link:hover { background-color: #2b4bcc; }
.category-location-icon { display: inline-block; width: 14px; height: 14px; background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjYmJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQyNS45NjMgNDI1Ljk2MyI+PGc+PHBhdGggZD0iTTIxMy4yODUsMGgtMC42MDhDMTM5LjExNCwwLDc5LjI2OCw1OS44MjYsNzkuMjY4LDEzMy4zNjFjMCw0OC4yMDIsMjEuOTUyLDExMS44MTcsNjUuMjQ2LDE4OS4wODFjMzIuMDk4LDU3LjI4MSw2NC42NDYsMTAxLjE1Miw2NC45NzIsMTAxLjU4OGMwLjkwNiwxLjIxNywyLjMzNCwxLjkzNCwzLjg0NywxLjkzNGMwLjA0MywwLDAuMDg3LDAsMC4xMy0wLjAwMmMxLjU2MS0wLjA0MywzLjAwMi0wLjg0MiwzLjg2OC0yLjE0M2MwLjMyMS0wLjQ4NiwzMi42MzctNDkuMjg3LDY0LjUxNy0xMDguOTc2YzQzLjAzLTgwLjU2Myw2NC44NDgtMTQxLjYyNCw2NC44NDgtMTgxLjQ4MkMzNDYuNjkzLDU5LjgyNSwyODYuODQ2LDAsMjEzLjI4NSwweiBNMjc0Ljg2NSwxMzYuNjJjMCwzNC4xMjQtMjcuNzYxLDYxLjg4NC02MS44ODUsNjEuODg0Yy0zNC4xMjMsMC02MS44ODQtMjcuNzYxLTYxLjg4NC02MS44ODRzMjcuNzYxLTYxLjg4NCw2MS44ODQtNjEuODg0QzI0Ny4xMDQsNzQuNzM2LDI3NC44NjUsMTAyLjQ5NywyNzQuODY1LDEzNi42MnoiIC8+PC9nPjwvc3ZnPg=='); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.category-time-icon { display: inline-block; width: 14px; height: 14px; background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIC02IDIwIDI2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZmlsbD0iI2JiYiIgZD0iTTEwLDAgQzE1LjUyMjg0NzUsMCAyMCw0LjQ3NzE1MjUgMjAsMTAgQzIwLDE1LjUyMjg0NzUgMTUuNTIyODQ3NSwyMCAxMCwyMCBDNC40NzcxNTI1LDIwIDAsMTUuNTIyODQ3NSAwLDEwIEMwLDQuNDc3MTUyNSA0LjQ3NzE1MjUsMCAxMCwwIFogTTkuMDY5NzY3NDQsNS41ODEzOTUzNSBDOC42ODQ0NTI1LDUuNTgxMzk1MzUgOC4zNzIwOTMwMiw1Ljg5Mzc1NDgzIDguMzcyMDkzMDIsNi4yNzkwNjk3NyBMOC4zNzIwOTMwMiw2LjI3OTA2OTc3IEw4LjM3MjA5MzAyLDExLjg2MDQ2NTEgQzguMzcyMDkzMDIsMTIuMjQ1NzgwMSA4LjY4NDQ1MjUsMTIuNTU4MTM5NSA5LjA2OTc2NzQ0LDEyLjU1ODEzOTUgTDkuMDY5NzY3NDQsMTIuNTU4MTM5NSBMMTQuNjUxMTYyOCwxMi41NTgxMzk1IEMxNS4wMzY0Nzc3LDEyLjU1ODEzOTUgMTUuMzQ4ODM3MiwxMi4yNDU3ODAxIDE1LjM0ODgzNzIsMTEuODYwNDY1MSBDMTUuMzQ4ODM3MiwxMS40NzUxNTAyIDE1LjAzNjQ3NzcsMTEuMTYyNzkwNyAxNC42NTExNjI4LDExLjE2Mjc5MDcgTDE0LjY1MTE2MjgsMTEuMTYyNzkwNyBMOS43Njc0NDE4NiwxMS4xNjI3OTA3IEw5Ljc2NzQ0MTg2LDYuMjc5MDY5NzcgQzkuNzY3NDQxODYsNS44OTM3NTQ4MyA5LjQ1NTA4MjM4LDUuNTgxMzk1MzUgOS4wNjk3Njc0NCw1LjU4MTM5NTM1IFoiIC8+Cjwvc3ZnPgo="); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
/*#endregion */ /*#region IndexCSS */ /**** IndexCss ****/ .index-searcharea-titleh1 { color: #333; text-align: left !important; font-weight: 500; }
.index-search-area-wrapper { background-color: white; }
.index-search-container { max-width: 1200px; margin: 0 auto; padding: 20px; /*   box-sizing: border-box; */ }
.index-search-container h1, .index-search-container p { margin-bottom: 10px; }
.index-search-form { display: flex; flex-wrap: wrap; gap: 0; }
.index-search-form input, .index-search-form button { border: 1px solid #ccc; padding: 10px; margin: 2px 0; }
.index-search-form input[type='text'] { flex-grow: 1; }
.index-search-form .index-position { flex: 0 0 55%; height: 35px; font-size: 1.25rem; border-radius: 5px 0px 0px 5px; }
.index-search-form .index-location { flex: 0 0 30%; height: 35px; font-size: 1.25rem; }
.index-search-form button { flex: 0 0 10%; background-color: #0831a7; color: white; border: none; cursor: pointer; font-size: 1.25rem; border-radius: 0px 5px 5px 0px; }
.index-custom-cities-area { /* padding: 20px; */ /*   background-color: #f8f9fa; */ /* Arka plan rengi */ }
.index-custom-title { margin-bottom: 15px; font-weight: 500; color: #333; }
.index-custom-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.index-custom-col { padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
.index-custom-list-group-item { display: block; padding: .75rem 1.25rem; margin-bottom: 5px; background-color: #fff; border: 1px solid rgba(0,0,0,.125); text-decoration: none; color: #0831a7 !important; font-weight: 500; font-size: 1rem; border-radius: 5px; }
.index-custom-col { flex: 0 0 25%; max-width: 25%; }
.index-custom-list-group-item:hover { border-color: #0831a7; color: #0831a7 !important; }
.indexshowButton { width: 100%; background-color: #0831a7; color: white; padding: 10px 0; font-size: 16px; border: none; cursor: pointer; border-radius: 5px; text-align: center; /* margin: 10px auto;*/ text-decoration: none; }
.indexshowButton:hover { background-color: #2b4bcc; }
/* IndexCss */ /*#endregion */ /*#region JobDETAILCSS */ /**** JobDetailCss ****/ .jobdetailcontainer { max-width: 800px; margin: 20px auto; padding: 20px; background: #fff; border-radius: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); color: #333; }
.jobdetailcontactarea { padding: 5px; border: 1px solid #4CAF50; font-size: large; }
.jobdetailapply-button { display: block; text-align: center; background: #0831a7; color: #fff; padding: 10px; text-decoration: none; border-radius: 5px; margin-top: 20px; }
.jobdetailapply-button:hover { background: #014a99; }
.jobdetailcategory-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; align-content: space-around; }
.jobdetailcategory-list a { flex: 1; margin-bottom: 10px; background: #0831a7; color: #fff; padding: 10px; text-decoration: none; border-radius: 5px; text-align: center; }
.jobdetailcategory-list a:hover { background: #0056b3; }
.jobdetailsubscribe-form { }
.jobdetailsubscribe-form h2 { margin-bottom: 15px; }
.jobdetailform-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.jobdetailform-group input[type=email], .jobdetailform-group input[type=submit] { padding: 10px; border-radius: 5px; }
.jobdetailform-group input[type=email] { width: 70%; border: 1px solid #ddd; }
.jobdetailform-group input[type=submit] { width: 25%; border: none; background-color: #0831a7; color: white; cursor: pointer; }
.jobdetailform-group input[type=submit]:hover { background-color: #2b4bcc; }
.breadcrumb { max-width: 800px; margin: 10px auto; padding: 20px; background: #fff; border-radius: 12px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); list-style: none; display: flex; flex-wrap: wrap; }
.breadcrumb-item { font-size: 14px; }
.breadcrumb-item a { color: #0831a7; text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb-item::before { content: ">"; padding: 0 8px; color: #6c757d; }
.breadcrumb-item:first-child::before { content: none; }
.breadcrumb-item.active { color: black; pointer-events: none; cursor: default; }
.jobdetailh1 { font-size: 1.5rem !important; color: black; }
.jobdetailh2 { font-size: 1.2rem !important; color: black; }
.jobdetailbottomnavigation-bar { align-items: center; position: fixed; bottom: 0px; width: 100%; display: flex; justify-content: center; background-color: #0831a7; z-index: 100; }
.jobdetailbottomnav-button { background-color: #e31a0b; color: white; border: 1px solid; border-radius: 5px; padding: 10px 10px; text-decoration: none; font-size: 14px; font-weight: bold; margin-right: 20px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }
.jobdetailbottomnav-item { background-color: #0831a7; color: white; border-radius: 5px; padding: 10px; display: flex; align-items: center; flex-direction: column; max-width: 200px; }
.jobdetailbottomnav-link { display: flex; align-items: center; text-decoration: none; color: white; font-weight: bold; }
.jobdetailbottomnav-link:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.jobdetailbottomnav-link .jobdetailbottomchevron { font-size: 40px; padding: 0 10px; }
.jobdetailbottomnav-text { text-align: center; margin: 2px 0; display: none; }
.jobdetailbottomnav-text:first-child { font-size: 16px; display: block; }
.jobdetailbottomnav-text:nth-child(2) { color: #fff; font-size: 12px; }
@media (min-width: 768px) { .jobdetailbottomnav-text { display: block; }
}
.share-button-container { text-align: right; }
.btn-share { padding: 8px 15px; background-color: #0831a7; color: white; border: none; border-radius: 5px; cursor: pointer; }
.sharemodal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.sharemodal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; }
.shareclose { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.shareclose:hover, .shareclose:focus { color: black; text-decoration: none; cursor: pointer; }
.sharesocial-links { text-align: center; }
.sharesocial-button { background-color: #ddd; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; }
.sharesocial-button.facebook { background-color: #3B5998; }
.sharesocial-button.twitter { background-color: #55ACEE; }
.sharesocial-button.linkedin { background-color: #007BB5; }
.share-link-container { display: flex; justify-content: space-between; align-items: center; padding: 10px; }
.share-link-container input { flex-grow: 1; margin-right: 10px; }
/*#region adshighlight */ .highlight-btn { width:100%; background-color: #07115f; /* Göz alıcı turuncu bir renk */ color: #ffffff; padding: 10px 20px; font-size: 18px; font-weight: bold; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; }
.highlight-btn:hover { background-color: #050d3b; /* Hoverda koyulaşarak ilgi çekici olur */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Hafif bir gölge efekti */ }
.adshighlightPopup { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.adshighlightPopup-content { background-color: #fff; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 400px; border-radius: 10px; }
/* Form g�nderim butonu i�in CSS */ .adshighlightPopup-content button[type="submit"] { width: 100%; background-color: #07115f; color: white; border: none; border-radius: 5px; padding: 10px 0; font-size: 18px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; }
/* Buton �zerine gelindi�inde */ .adshighlightPopup-content button[type="submit"]:hover { background-color: #050d3b; }
.adshighlightclose { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.adshighlightclose:hover, .adshighlightclose:focus { color: black; text-decoration: none; cursor: pointer; }
/*#endregion */ /* Pop-up pencere */ .report-button { float: right; background-color: transparent; color: #07115f; border: 1px solid transparent; border-radius: 5px; padding: 4px 10px; font-size: 14px; font-weight: bold; cursor: pointer; transition: border-color 0.2s ease; }
.report-button:hover { border-color: #07115f; }
.reportpopup { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
/* ReportPop-up i�eri�i */ .reportpopup-content { background-color: #fff; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 400px; border-radius: 10px; }
/* Form g�nderim butonu i�in CSS */ .reportpopup-content button[type="submit"] { width: 100%; background-color: #07115f; color: white; border: none; border-radius: 5px; padding: 10px 0; font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; }
/* Buton �zerine gelindi�inde */ .reportpopup-content button[type="submit"]:hover { background-color: #050d3b; }
/* Kapatma butonu */ .reportclose { color: #aaa; float: right; font-size: 28px; font-weight: bold; }
.reportclose:hover, .reportclose:focus { color: black; text-decoration: none; cursor: pointer; }
.similar-job-list { list-style-type: none; padding: 0; margin: 0; }
.similar-job-list li { padding: 15px; border-bottom: 1px solid #eee; transition: transform 0.3s ease, box-shadow 0.3s ease; background: #fff; border-radius: 8px; margin-bottom: 10px; }
.similar-job-list li:last-child { border-bottom: none; }
.similar-job-list li:hover { transform: scale(1.05); /* ��eyi b�y�tme */ box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Hafif bir g�lge ekleyerek b�y�me etkisini art�rma */ }
.similar-job-title { display: block; font-weight: bold; color: #07115f; text-decoration: none; }
.similar-job-title:hover { /*text-decoration: underline;*/ text-decoration:none; }
.similar-company-name { font-weight:400 !important; display: block; color: #333; margin-top: 5px; }
.similar-job-date { font-weight: 400 !important; display: block; color: #333; font-size: 12px; margin-top: 2px; }
/**** JobDetailCss ****/ /*#endregion */ /*#region MostPopulerJobsCSS */ .mostpopulerjobs-container { max-width: 1200px; margin: 0 auto; }
.mostpopulerjobs-row { background-color: white; border-radius: 5px; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.mostpopulerjobs-col { padding-right: 15px; padding-left: 15px; /* margin-bottom: 20px; */ }
.mostpopulerjobs-item { padding: 3px; }
.mostpopulerjobs-nav-links { list-style-type: none; padding: 0; }
.mostpopulerjobs-nav-links_item { margin-bottom: -20px; }
.mostpopulerjobs-nav-links_link { color: #0831a7; text-decoration: none; font-size: 16px; }
.mostpopulerjobs-search-container { text-align: center; margin: 20px 0; }
.mostpopulerjobs-search-input { width: 90%; padding: 10px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; }
.mostpopulerjobsc-container-header { padding: 1px 20px 20px 20px; max-width: 1200px; margin-left: auto; margin-right: auto; }
.mostpopulerjobsc-header { color: #333; }
.mostpopulerjobsc-search-bar { display: flex; flex-direction: column; background-color: #fff; border-radius: 12px; gap: 5px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.mostpopulerjobsc-search-input, .mostpopulerjobsc-location-field { padding: 10px; border: 2px solid #ddd; border-radius: 5px; outline: none; font-size: 14px; }
@media (min-width: 768px) { .mostpopulerjobsc-search-input { flex-grow: 1; }
.mostpopulerjobsc-search-bar { flex-direction: row; }
.mostpopulerjobs-search-input { width: 50%; }
.mostpopulerjobs-col { flex: 1 0 20%; max-width: 25%; }
}
/*#endregion */ /*#region TownCSS */ .towns-city-container { margin-bottom: 20px; max-width: 1200px; padding: 20px; margin-left: auto; margin-right: auto; }
.towns-container span { margin-right: 10px; background-color: #f2f2f2; padding: 5px; border-radius: 5px; }
.towns-container { display: flex; flex-wrap: wrap; gap: 10px; }
.towns-container a { color: #0831a7; }
/*#endregion */ /*#region PaginationCSS */ .pagination-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; margin-top: 20px; }
.pagination-link { text-decoration: none; background-color: #0831a7; color: white; padding: 10px; border-radius: 12px; }
.pagination-current-page { background-color: #4c4848; color: white; padding: 10px; border-radius: 12px; font-weight: bold; }
/* Yeni eklenen s�n�flar */ .pagination-left { text-align: left; flex-grow: 1; }
.pagination-center { flex-grow: 2; text-align: center; }
.pagination-right { text-align: right; flex-grow: 1; }
/*#endregion */ .category-breadcrumb { max-width: 1160px; margin: 0 auto; padding: 20px; /* background: #fff;*/ border-radius: 12px; /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/ list-style: none; display: flex; flex-wrap: wrap; }
@media(max-width:394px){ /*#region JobDetailCSS */ .report-button { float: none; background-color: transparent; color: #07115f; border: 1px solid transparent; border-radius: 5px; padding: 4px 10px; font-size: 14px; font-weight: bold; cursor: pointer; transition: border-color 0.2s ease; margin-top:10px; margin-left:-15px; }
.report-button:hover { border-color: #07115f; }
/*#endregion */ }
@media (max-width: 576px) { .breadcrumb { padding: 4px 8px; border-radius: 0px; }
.breadcrumb-item::before { content: "/"; padding: 0; }
.category-breadcrumb { border-radius: 0px; }
.footer-links { display: flex; justify-content: space-between; width: 98%; flex-direction: column; text-align:center; }
}
@media (max-width: 768px) { /*#region genelCssMobileMod */ .container { flex-direction: column; }
h1 { font-weight: 500; font-size: calc(1.475rem + 2.7vw); }
/*#endregion */ /*#region NavBarMobileMod */ .navbar-container { justify-content: space-between; align-items: center; }
.navbar-links { position: absolute; right: 0; top: 60px; flex-direction: column; width: 100%; display: none; background-color: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.navbar-hamburger { display: block; }
.navbar-links.active { display: flex; }
/*#endregion */ /*#region IndexMobileMod */ .index-searcharea-titleh1 { color: #333; margin-top: -1%; }
.index-position { border-radius: 5px !important; }
.index-location { border-radius: 5px; }
.index-custom-col { padding-right: 2px; padding-left: 0px; flex: 0 0 50%; /* Her bir s�tun ekran�n yar�s�n� kaplar */ max-width: 50%; }
.index-custom-row { margin-right: 0px; margin-left: 0px; }
.index-search-form { flex-direction: column; }
.index-search-form input, .index-search-form button { flex: 0 0 100%; /* Mobil i�in geni�lik */ margin: 5px 0; /* Mobil i�in marj ayar� */ border-radius: 5px !important; }
/*#endregion */ /*#region CategoryMobileMod */ .category-listings, .category-sidebar { width: 100%; padding-left: 0; }
.category-districts { column-count: 2; /* K���k ekranlarda tek s�tun */ }
.category-positions { column-count: 2; /* K���k ekranlarda tek s�tun */ }
.category-company-name { font-size: 0.75em; }
/*#endregion */ /*#region FooterMobileMod */ .footer-container { flex-direction: column; align-items: center; }
.footer-links, .footer-social { /*  justify-content: center; */ }
.footer-column { margin-right: 0; /* Mobil g�r�n�mde s�tunlar aras� bo�luk kald�r�l�yor */ margin-bottom: 20px; }
.footer-column:last-child { margin-bottom: 0; /* Son s�tunda alt bo�luk olmamas� i�in */ }
.footer-column ul li a { font-size: 16px; }
/*#endregion */ /*#region JobDetailMobileMod */ .jobdetailcontainer { width: 80%; margin: 20px auto; }
.jobdetailcategory-list { flex-direction: column; align-content: space-around; }
.jobdetailcategory-list a { width: 90%; }
.jobdetailform-group { flex-direction: column; }
.jobdetailform-group input[type=email], .jobdetailform-group input[type=submit] { width: 100%; }
.jobdetailform-group input[type=submit] { margin-top: 2%; width: 107%; }
.breadcrumb-item, .breadcrumb-item a { font-size: 12px; }
.breadcrumb-item::before { padding: 0 4px; }
.jobdetailbottomnav-button { margin-right:0px; }
/*#endregion */ /*#region MostPopulerJobsMobileMod */ .mostpopulerjobs-col { flex: 0 0 40%; max-width: 50%; }
/*#endregion */ }
.footer-top-button { border-radius: 100px !important; padding: 0px 10px 0px 10px; color: #007bff !important; font-weight: bolder; font-size: 3rem; text-align: center; border: 1px solid #1574d7; background-color: #fff; transition: border .15s ease; /**/ display: none; position: fixed; bottom: 20px; right: 5px; z-index: 99; cursor: pointer; /*border: none;*/ background-color: transparent; }
/*#region blog */ /* Genel Blog Sayfası */ .bc-blog-page-container { display: flex; justify-content: space-between; gap: 20px; margin: 20px; }
/* Blog Yazıları */ .bc-blog-content { flex: 3; }
.bc-blog-content h2 { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.bc-bc-blog-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.bc-blog-post { display: flex; flex-direction: column; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: transform 0.2s; }
.bc-blog-post:hover { transform: scale(1.02); }
.bc-blog-post-image img { width: 100%; height: 150px; object-fit: cover; border-bottom: 1px solid #ddd; }
.bc-blog-post-info { padding: 15px; }
.bc-blog-post-info h3 { font-size: 18px; margin-bottom: 10px; color: #0831a7; text-decoration: none; }
.bc-blog-post-info h3 a { color: #0831a7 !important; }
.bc-blog-post-info h3 a:hover { text-decoration: underline; }
.bc-blog-post-info p { font-size: 14px; color: #555; }
/* Kategoriler */ .bc-blog-sidebar { flex: 1; border: 1px solid #ddd; border-radius: 8px; padding: 15px; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.bc-blog-sidebar h2 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.bc-blog-sidebar ul { list-style: none; padding: 0; }
.bc-blog-sidebar ul li { margin-bottom: 10px; }
.bc-blog-sidebar ul li a { text-decoration: none; color: #0831a7; font-size: 14px; }
.bc-blog-sidebar ul li a:hover { text-decoration: underline; }
.bc-blog-meta { font-size: 12px; color: #888; margin-top: 5px; }
.bc-blog-meta span { margin-right: 10px; }
/*#endregion */ .forversionclass { display: none; }
.category-job-listing { position: relative}
.category-badge-new {position: absolute;top: 10px;right: 12px;padding: 2px 8px;border-radius: 12px;font-size: .75rem;font-weight: 600;background: #1e6221;color: #fff;line-height: 1.6;z-index: 1}
@media (max-width:576px) {.category-badge-new {top: 8px;right: 10px;font-size: .7rem}}