@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Genel */
body { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; margin: 0; padding: 0; color: #222; background-color: #f2f2f7; padding-top: 60px; }
h3 { font-size: 16px; font-weight: 600; margin-bottom: 0; }

/* CompanyUser Styles */
.required::after { content: " *"; color: #dc3545; }
.btn-group .btn { margin-right: 2px; }
.btn-group .btn:last-child { margin-right: 0; }
.badge { font-size: 0.75em; }
.rounded-circle { border-radius: 50% !important; }
.text-muted { color: #6c757d !important; }

/* Navbar */
.navbar { display: flex; justify-content: space-between; align-items: center; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.04); padding: 10px 20px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; box-sizing: border-box; }
.navbar-logo { font-size: 1.7rem; font-weight: bold; text-decoration: none; display: flex; align-items: center; margin-right: 32px; }
.navbar-logo img { width: 180px; }

.navbar-left { display: flex; align-items: center; }
.navbar-left li a { display: flex; align-items: center; gap: 8px; }
.navbar-left li a svg { width: 16px; height: 16px; }
.navbar-menu { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; }
.navbar-menu li a { color: #001C59; text-decoration: none; font-weight: 400; padding: 7px 10px; border-radius: 4px; transition: background 0.2s; }
.navbar-menu li a:hover { background: #f0f4ff; color: #2a4d9b; }
.navbar-right { display: flex; align-items: center; }
.navbar-ilanver { margin-right: 15px; border-radius: 4px; padding: 8px 16px; text-decoration: none; font-weight: 500; padding: 8px 12px; border-radius: 4px; transition: background 0.2s; color: #001C59; margin-left: 8px; display: flex; align-items: center; gap: 8px; }
.navbar-ilanver svg { width: 24px; height: 24px; }
.navbar-ilanver:hover { background: #f0f4ff; color: #2a4d9b; }
.navbar-login { color: #fff; background: #F97316; padding: 8px 15px 8px 10px; border-radius: 4px; text-decoration: none; font-weight: 500; display: flex; align-items: center; transition: background 0.2s; }
.navbar-login:hover { background: #1a3266; }
.login-icon { width: 24px; height: 24px; display: inline-block; margin-right: 8px; }

.navbar-button { background-color: #34C759; color: #fff !important; }
.navbar-button:hover { background-color: #12742a !important; color: #fff !important; }

.admin-navbar-menu > li a { font-size: 14px; }
.admin-navbar-menu > li a svg { width: 24px; height: 24px; }
.admin-navbar-menu > li a .down-arrow svg { width: 16px; height: 16px; }
.admin-navbar-menu > li a:hover ul li { display: block; border: solid 1px red; }

/* Admin Navbar Submenu Hover */
.admin-navbar-menu .has-submenu { position: relative; }
.admin-navbar-menu .submenu { display: none; position: absolute; left: 0; top: 100%; min-width: 180px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 100; padding: 8px 0; border-radius: 0 0 8px 8px; list-style: none; }
.admin-navbar-menu .has-submenu:hover > .submenu { display: block; }
.admin-navbar-menu .submenu li a { display: block; padding: 8px 24px; color: #001C59; text-decoration: none; font-size: 14px; border-radius: 0; transition: background 0.2s, color 0.2s; }
.admin-navbar-menu .submenu li a:hover { background: #f0f4ff; color: #2a4d9b; }

/* Hero Section & Search */
.hero-section { background-image: url('/img/hero-bg.jpg'); background-size: cover; background-position: center; padding: 60px 0 60px 0; text-align: center; }
.hero-section h1 { font-size: 32px; font-weight: 600; margin-bottom: 24px; color: #002169; }

.search-area-home .search-bar { padding: 0; display: flex; flex-direction: column; background: #fff; box-shadow: 0 2px 16px rgba(42,77,155,0.5); border-radius: 7px; }
.search-area-home .search-bar .search-row { padding: 0; display: flex; align-items: center; }
.search-area-home .search-bar .search-row:nth-child(2) { border-top: solid 1px #efefef; }
.search-area-home .search-bar .part-title { flex: 1; padding: 20px 20px; text-align: left; font-size: 20px; font-weight: 600; color: #002169; }
.search-area-home .search-bar .part-parameter { flex: 1; padding: 20px 20px; border-left: solid 1px #EFEFEF; text-align: left; }
.search-area-home .search-bar .part-parameter > span { color: #F97316; font-size: 14px; font-weight: 600; display: block; text-align: left; }
.search-area-home .search-bar .part-parameter > input { width: 100%; border: none; }

.search-keyword { margin-top: 5px; margin-bottom: 5px; border: 1px solid transparent; border-radius: 6px; }
.search-keyword:focus { border: 1px solid #ff7a1a !important; margin-top: 4px; margin-bottom: 4px; outline: none !important; box-shadow: 0 0 0 2px rgba(255, 122, 26, 0.2) !important; }

.search-area-home .search-bar .part-parameter > select { width: 100%; border: none; }
.search-area-home .search-bar .part-button { flex: 1; padding: 20px 20px; text-align: right; color: darkorange; font-weight: bold; display: block; }
.search-area-home .search-bar .search-btn { background: #2a4d9b; color: #fff; border: none; border-radius: 5px; padding: 10px 25px; font-weight: 600; cursor: pointer; transition: background 0.2s; width: 100%;}
.search-area-home .search-bar .search-btn:hover { background: #1a3266; }
.search-area-home .search-bar .btn-advanced-search { margin-top: 5px; text-decoration: none; cursor: pointer; color: #001C59; font-size: 14px; font-weight: 400; display: inline-block; width: 100%; text-align: center; }
.search-area-home .search-bar .btn-advanced-search:hover { color: #F97316; }

.search-area-home .search-tags { margin-top: 20px; font-size: 0.98rem; color: #888; }
.search-area-home .search-tags .title { font-weight: 600; color: #000; display: inline-block; line-height: 28px; vertical-align: top; }
.search-area-home .search-tags .tag { background: #f0f4ff; color: #2a4d9b; border-radius: 4px; padding: 5px 8px; margin-left: 4px; font-size: 12px; }

.home-cta-section { background-color: #F2F2F7; padding: 25px 0 25px 0; }
.home-cta-section .row { align-items: center; }
.home-cta-section .row > div { display: flex; align-items: center; }
.home-cta-section .row > div.text-center { justify-content: center; }
.home-cta-section .row > div.text-end { justify-content: flex-end; }
.home-cta-section .title { font-size: 26px; font-weight: 600; padding: 5px 0; display: flex; align-items: center; gap: 10px; color: #002169; text-align: left; line-height: 1.4; }

.search-clear-button { margin-top: 6px; transition: all 0.3s; }
.search-clear-button:hover { color: red; cursor: pointer; }

#generic-modal .modal-title { color: #1e3a8a; font-size: 16px !important; }

.modal-form-custom { }
.modal-form-custom .form-label { font-size: 12px; margin-bottom: 0px; }
.modal-form-custom input.form-control, .modal-form-custom textarea.form-control, .modal-form-custom select.form-control, .modal-form-custom .form-select, .modal-form-custom .form-check { font-size: 13px; border-radius: 4px; }
.modal-form-custom input.form-control:focus { border: solid 1px rgb(249,115,22); box-shadow: none; }
.modal-form-custom .select2-container .select2-selection--single { font-size: 13px; padding: 2px 2px; height: 35px; }



.hero-actions { margin-top: 18px; display: flex; justify-content: center; gap: 16px; }
.btn-outline { background: #fff; color: #2a4d9b; border: 2px solid #2a4d9b; border-radius: 6px; padding: 10px 22px; font-weight: 600; cursor: pointer; transition: background 0.2s, color 0.2s; }
.btn-outline:hover { background: #2a4d9b; color: #fff; }
.btn-blue { display: flex; text-decoration: none; justify-content: center; gap: 16px; background: #2a4d9b; color: #fff; border: none; border-radius: 6px; padding: 10px 22px; font-weight: 500; cursor: pointer; transition: all 0.3s; }
.btn-blue:hover { background: #1a3266; }
.btn-orange { display: flex; text-decoration: none; justify-content: center; gap: 16px; background: #ff7a1a; color: #fff; border: none; border-radius: 6px; padding: 10px 22px; font-weight: 500; cursor: pointer; transition: all 0.3s; }
.btn-orange:hover { background: #d95e00; color: #fff; }

/* Bootstrap Overrides  */
.btn-primary { background-color: #1E3A8A; border: none; }
.btn-success { background-color: #34C759; border: none; }
.btn-danger { background-color: #FF3B30; border: none; }
.btn-warning { background-color: #FFCC00; border: none; }
.btn-white { background-color: #FFFFFF; border: none; color: #393939; border-radius: 5px; }

a.btn-primary { background-color: #1E3A8A; border: none; color: #FFF !important; display: inline-flex; align-items: center; align-content: center; justify-content: center; gap: 10px; }
a.btn-primary:hover { background-color: #002169; }
a.btn-secondary { background-color: #6c757d; border: none; color: #FFF !important; display: inline-flex; align-items: center; align-content: center; justify-content: center; gap: 10px; }
a.btn-secondary:hover { background-color: #495057; }
a.btn-success { background-color: #34C759; border: none; color: #FFF !important; display: inline-flex; align-items: center; align-content: center; justify-content: center; gap: 10px; }
a.btn-success:hover { background-color: #28A745; }
a.btn-danger { background-color: #FF3B30; border: none; color: #FFF !important; display: inline-flex; align-items: center; align-content: center; justify-content: center; gap: 10px; }
a.btn-danger:hover { background-color: #FF3B30; }
a.btn-warning { background-color: #FFCC00; border: none; color: #FFF !important; display: inline-flex; align-items: center; align-content: center; justify-content: center; gap: 10px; }
a.btn-warning:hover { background-color: #ffac00; }
a.btn-white { background-color: #FFFFFF; border: none; color: #393939 !important; display: inline-flex; align-items: center; align-content: center; justify-content: center; gap: 10px; border-radius: 5px; }
a.btn-white:hover { background-color: #FDFDFD; }

.bg-success { background-color: #34C759 !important; }
.bg-danger { background-color: #FF3B30 !important; }
.bg-warning { background-color: #FFCC00 !important; }

.text-primary { color: #002169 !important; }
.text-success { color: #34C759 !important; }
.text-danger { color: #FF3B30 !important; }
.text-warning { color: #FFCC00 !important; }

.btn-outline-primary { border: solid 1px #1E3A8A !important; color: #1E3A8A !important; }
.btn-outline-primary:hover { background-color: #1E3A8A !important; color: #FFF !important; border-color: #1E3A8A !important; }
.btn-outline-secondary { border: solid 1px #1E3A8A !important; color: #1E3A8A !important; }
.btn-outline-secondary:hover { background-color: #1E3A8A; color: #FFF !important; border-color: #1E3A8A !important; }
.btn-outline-success { border: solid 1px #34C759 !important; color: #34C759 !important; }
.btn-outline-success:hover { background-color: #34C759 !important; color: #FFF !important; }
.btn-outline-danger { border: solid 1px #FF3B30 !important; color: #FF3B30 !important; }
.btn-outline-danger:hover { background-color: #FF3B30 !important; color: #FFF !important; }
.btn-outline-warning { border: solid 1px #FFCC00 !important; color: #FFCC00 !important; }
.btn-outline-warning:hover { background-color: #FFCC00 !important; color: #FFF !important; }

.form-check-input:checked { background-color: #001C59; border-color: #002169; }

.badge-bg-tr { background-color: #FF3B30; }
.badge-bg-en { background-color: #1E3A8A; }
.badge-bg-de { background-color: #34C759; }

/* Custom Buttons */

.btn-view { background-color: #1e3a8a; border: none; color: #fff; }
.btn-view:hover { background-color: #122558; border: none; color: #fff; }

.btn-outline-view { border: solid 1px #1e3a8a; color: #1e3a8a; }
.btn-outline-view:hover { background-color: #1e3a8a; color: #FFF; }
.btn-outline-orange { border: solid 1px #F97316; color: #F97316; }
.btn-outline-orange:hover { background-color: #F97316; color: #FFF; }


/* Info Section */
.info-section { background-color: #FFF; }
.info-box { background-color: #efefef; color: #fff; border-radius: 5px; margin-top: 25%; padding: 28px 32px; display: flex; align-items: top; gap: 18px; min-width: 320px; max-width: 400px; transition: all 0.3s; position: relative; overflow: hidden; text-decoration: none; }
.info-box:hover { cursor: pointer; }
.info-box::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.5s; pointer-events: none; }
.info-box:hover::before { left: 100%; }
.info-box h3 { margin: 0 0 8px 0; font-size: 20px; color: #fff; }
.info-box p { margin: 0 0 10px 0; font-size: 14px; color: #fff; }
.info-link { color: #fff; text-decoration: none; font-weight: 500; display: block; text-align: right; }
.info-img { width: 100%; background: #e0f0ff; border-radius: 5px; }
.info-box.info-personel { background-color: #1E3A8A; }
.info-box.info-personel:hover { background-color: #001C59; }
.info-box.info-personel .info-img { background: url('/wwwroot/img/personel.svg') no-repeat center/60px, #e0f0ff; }
.info-box.info-job { background-color: #F97316; }
.info-box.info-job:hover { background-color: #d95e00; }
.info-box.info-job .info-img { background: url('/wwwroot/img/job.svg') no-repeat center/60px, #f7e6ff; }

/* Sayaçlar */
.counter-section { background-image: url('/img/hero-bg.jpg'); padding: 60px 0; text-align: center; position: relative; overflow: hidden; }
.counter-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/img/categories-bg2.jpg') center/cover; opacity: 0.1; }
.counter-section .container { position: relative; z-index: 1; }
.counter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; max-width: 1000px; margin: 0 auto; }
.counter-item { background: rgba(255, 255, 255, 1); backdrop-filter: blur(10px); border-radius: 7px; padding: 20px 10px; transition: all 0.3s ease; box-shadow: 0 2px 16px rgba(42,77,155,0.2); }
.counter-item:hover { transform: translateY(-10px); background: rgba(255, 255, 255, 0.75);}
.counter-icon { margin-bottom: 20px; }
.counter-icon svg { color: #002169; }
.counter-number { font-size: 24px; font-weight: 700; color: #002169; margin-bottom: 8px; }
.counter-label { font-size: 16px; color: #002169; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; }

/* Sizden Gelenler */
.testimonials-section-employee { background-color: #f2f2f7; padding: 10px 0 10px 0; text-align: center; }
.testimonials-section-employee h2 { color: #002169; font-size: 1.5rem; font-weight: 700; margin-bottom: 24px; }
.testimonials-section-employee .card { min-height: 300px }
.testimonials-section-employee .card .card-text { min-height: 150px; display: inline-flex; align-items: center; }
.testimonials-section-employee .card hr { color: #aab; }

.testimonials-section-company { background-color: #f2f2f7; padding: 10px 0 10px 0; text-align: center; }
.testimonials-section-company h2 { color: #002169; font-size: 1.5rem; font-weight: 700; margin-bottom: 24px; }
.testimonials-section-company .card { min-height: 400px; }
.testimonials-section-company .card .card-text { min-height: 100px; display: inline-flex; align-items: center; }
.testimonials-section-company .card hr { color: #fff; }
.testimonials-section-company .card .card-body { padding-top: 0; }
.testimonials-section-company .card .company-logo { display: block; margin-bottom: 15px !important; width: 120px; height: 120px; margin: 0 auto; }

.btn-showall { display: inline-block; text-decoration: none; border: solid 1px #002169; background-color: transparent; color: #002169; border-radius: 5px; padding: 10px 22px; font-weight: 600; cursor: pointer; transition: all 0.3s; margin-top: 20px; }
.btn-showall:hover { background: #002169; color: #fff; }

/* Footer */
.footer { background: #5A5D62; color: #fff; padding: 40px 0 0 0; font-size: 14px; font-weight: 400; }
.footer-content { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.footer-section { flex: 1 1 200px; margin-bottom: 24px; }
.footer-section .footer-logo { margin-bottom: 10px; }
.footer-section .company-desc { font-size: 14px; font-weight: 400; }
.footer-links h4 { color: #ff7a1a; font-size: 1.1rem; margin-bottom: 8px; }
.footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 6px; }
.footer-links a { color: #fff; text-decoration: none; opacity: 0.85; transition: opacity 0.2s; }
.footer-links a:hover { opacity: 1; text-decoration: underline; }

/* Footer Social Media */
.footer-social { padding: 24px 40px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.footer-social-content { max-width: 1200px; margin: 0 auto; text-align: center; }
.footer-social-content h4 { color: #ff7a1a; font-size: 1.1rem; margin-bottom: 16px; }
.social-links { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; }
.social-link { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: #fff; text-decoration: none; font-size: 18px; transition: all 0.3s ease; }
.social-link:hover { background-color: #ff7a1a; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.social-link.whatsapp-link:hover { background-color: #25d366; }
.whatsapp-note { font-size: 12px; color: #bbb; margin-top: 8px; margin-bottom: 0; font-style: italic; }

.footer-copyrights { margin-top: 18px; padding: 18px 40px 10px 40px; font-size: 0.95rem; text-align: center; color: #bbb; }

.footer-bottom { background-color: #f2f2f7; border-top: 1px solid #444; }
.footer-bottom .footer-bottom-content { padding: 18px 40px 18px 40px; text-align: left; color: #424242; display: flex; align-items: center; gap: 15px; }
.footer-bottom .footer-iskur-logo { width: 32px; }
.footer-bottom .footer-legal { font-size: 12px; color: #424242; flex: 1; margin-bottom: 0; }

/* Listing Employee */
.search-area-employee { background-color: #fff; padding: 25px 0; box-shadow: 0 2px 10px rgba(42,77,155,0.07); background-image: url('/img/filter-bg-1.jpg'); background-size: cover; background-position: center; }
.search-area-employee .title { text-align: center; }
.search-area-employee .title h1 { font-size: 24px; font-weight: 600; color: #002169; }
.search-area-employee .title p { font-size: 14px; color: #888; }

.search-area-employee .search-bar { padding: 0; background: #fff; box-shadow: 0 2px 16px rgba(42,77,155,0.5); border-radius: 7px; margin-top: 15px; }
.search-area-employee .search-bar .search-row { padding: 0; display: flex; align-items: center; }
.search-area-employee .search-bar .search-row:nth-child(2) { border-top: solid 1px #efefef; }
.search-area-employee .search-bar .part-title { flex: 1; padding: 10px 10px; text-align: left; font-size: 20px; font-weight: 600; color: #002169; }
.search-area-employee .search-bar .part-parameter { flex: 1; padding: 10px 10px; border-left: solid 1px #EFEFEF; text-align: left; }
.search-area-employee .search-bar .part-parameter > span { color: #F97316; font-size: 14px; font-weight: 600; display: block; text-align: left; }
.search-area-employee .search-bar .part-parameter > input { width: 100%; border: none; }
.search-area-employee .search-bar .part-parameter > select { width: 100%; border: none; }
.search-area-employee .search-bar .part-button { flex: 1; padding: 10px 10px; text-align: right; color: darkorange; font-weight: bold; display: block; }
.search-area-employee .search-bar .search-btn { background: #2a4d9b; color: #fff; border: none; border-radius: 5px; padding: 10px 15px; font-weight: 600; cursor: pointer; transition: background 0.2s; width: 100%; }
.search-area-employee .search-bar .search-btn:hover { background: #1a3266; }
.search-area-employee .search-bar .btn-advanced-search { margin-top: 5px; text-decoration: none; cursor: pointer; color: #001C59; font-size: 14px; font-weight: 400; display: inline-block; width: 100%; text-align: center; }
.search-area-employee .search-bar .btn-advanced-search:hover { color: #F97316; }

#listingEmployee { border-radius: 5px; }
#listingEmployee th { background-color: #F97316; color: #fff; font-weight: 400; }
#listingEmployee tr { cursor: pointer; }

#listingEmployee thead th:first-child { border-top-left-radius: 5px; }
#listingEmployee thead th:last-child { border-top-right-radius: 5px; }
#listingEmployee tfoot th:first-child { border-bottom-left-radius: 5px; }
#listingEmployee tfoot th:last-child { border-bottom-right-radius: 5px; }
#listingEmployee tfoot .dt-column-footer { display: none; }

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after { opacity: 1; }

table.dataTable td, table.dataTable th { font-size: 14px; }
.dt-layout-row { font-size: 14px; }

.btn-view-listing-detail { border: none; margin: 0; padding: 0; background: none; }
.btn-view-listing-detail:hover { border: none; margin: 0; padding: 0; background: none; color: red; filter: opacity(0.7); }

.listing-employee-detail-modal { }
.listing-employee-detail-modal .modal-xl { max-width: 850px; }
.listing-employee-detail-modal .modal-dialog { }
.listing-employee-detail-modal .modal-dialog .modal-content { border-radius: 7px; }
.listing-employee-detail-modal .modal-header { color: #fff; background: linear-gradient(to right, #F97316, #7001C2); border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.listing-employee-detail-modal .modal-header .header-info { display: flex; gap: 30px; justify-content: space-between; align-items: center; width: 100%; }
.listing-employee-detail-modal .modal-header .header-info .header-part { display: flex; font-size: 12px; }
.listing-employee-detail-modal .modal-header .header-info .header-part .title { }
.listing-employee-detail-modal .modal-header .header-info .header-part .desc { font-weight: 600; }
.listing-employee-detail-modal .modal-header .header-info .header-part.header-title { flex: 2; font-size: 16px; font-weight: 600; }
.listing-employee-detail-modal .modal-header .header-info .header-part.header-button { align-content: end; text-align: right; }
.listing-employee-detail-modal .modal-header .header-info .header-part.header-button button { color: #000; }
.listing-employee-detail-modal .modal-header .btn-close { }
.listing-employee-detail-modal .applicant-info { background-color: white; border-radius: 8px; font-size: 12px; }
.listing-employee-detail-modal .applicant-info .position { color: #001C59; display: inline-block; margin-bottom: 15px; display: flex; }
.listing-employee-detail-modal .applicant-info .position .title { color: #6c757d; }
.listing-employee-detail-modal .applicant-info .position .desc { color: #001C59; font-weight: 500; font-size: 16px; }
.listing-employee-detail-modal .description-box { background-color: #F2F2F7; border-radius: 5px; min-height: 140px; margin-bottom: 20px; position: relative; transition: all 0.3s; }
.listing-employee-detail-modal .description-box .modal-description { height: 150px; min-height: 150px; overflow: hidden; padding: 10px; padding-bottom: 30px; transition: all 0.3s; font-size: 13px; }
.listing-employee-detail-modal .description-box .btn-more { background-color: #E5E5EA; color: #2A2A2A; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 3px; transition: all 0.2s; cursor: pointer; user-select: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-decoration: none; }
.listing-employee-detail-modal .description-box .btn-more:hover { background-color: #424242; color: #fff; text-decoration: none; }
.listing-employee-detail-modal .contact-info { margin-bottom: 0; }
.listing-employee-detail-modal .contact-info .form-control { background-color: #f8f9fa; border: 1px solid #dee2e6; }
.listing-employee-detail-modal .butonlar { display: flex; gap: 10px; margin-top: 10px; }
.listing-employee-detail-modal .btn-message { background-color: #1D3A8A; font-size: 12px; color: white; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; }
.listing-employee-detail-modal .btn-message:hover { background-color: #127c22 !important; color: white; }
.listing-employee-detail-modal .btn-detail { background-color: #1D3A8A; font-size: 12px; color: white; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; }
.listing-employee-detail-modal .btn-detail:hover { background-color: #102253 !important; color: white; }
.listing-employee-detail-modal .btn-other { background-color: #F2F2F7; font-size: 12px; color: #373737; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; }
.listing-employee-detail-modal .btn-other:hover { background-color: #bcbcbf !important; color: #373737; }
.listing-employee-detail-modal .info-row { margin-bottom: 15px; }
.listing-employee-detail-modal .info-label { color: #495057; margin-bottom: 5px; }
.listing-employee-detail-modal .info-value { font-weight: bold; color: #000; }
.listing-employee-detail-modal .language-badge { background-color: #e9ecef; color: #495057; padding: 4px 8px; border-radius: 4px; margin-right: 5px; margin-bottom: 5px; display: inline-block; }
.listing-employee-detail-modal .cv-link { color: #007bff; text-decoration: none; }
.listing-employee-detail-modal .cv-link:hover { text-decoration: underline; }
.listing-employee-detail-modal .message-section { background-color: #f8f9fa; border-radius: 8px; padding: 10px 0 10px 0; margin-top: 20px; display: none; font-size: 12px; }
.listing-employee-detail-modal .message-textarea { border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; min-height: 100px; resize: vertical; font-size: 12px; }
.listing-employee-detail-modal .message-section .btn-send { background-color: #F97316; color: white; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; font-size: 12px; }
.listing-employee-detail-modal .message-section .btn-send:hover { background-color: #cb5707; color: white; }
.listing-employee-detail-modal .info-item { display: flex; align-items: center; gap: 5px; color: #6c757d; }


/* Listing Company */
.search-area-company { background-color: #fff; padding: 25px 0; box-shadow: 0 2px 10px rgba(42,77,155,0.07); background-image: url('/img/filter-bg-2.jpg'); background-size: cover; background-position: center; }
.search-area-company .title { text-align: center; }
.search-area-company .title h1 { font-size: 24px; font-weight: 600; color: #002169; }
.search-area-company .title p { font-size: 14px; color: #888; }

.search-area-company .search-bar { padding: 0; background: #fff; box-shadow: 0 2px 16px rgba(42,77,155,0.5); border-radius: 7px; margin-top: 15px; }
.search-area-company .search-bar .search-row { padding: 0; display: flex; align-items: center; }
.search-area-company .search-bar .search-row:nth-child(2) { border-top: solid 1px #efefef; }
.search-area-company .search-bar .part-title { flex: 1; padding: 10px 10px; text-align: left; font-size: 20px; font-weight: 600; color: #002169; }
.search-area-company .search-bar .part-parameter { flex: 1; padding: 10px 10px; border-left: solid 1px #EFEFEF; text-align: left; }
.search-area-company .search-bar .part-parameter > span { color: #F97316; font-size: 14px; font-weight: 600; display: block; text-align: left; }
.search-area-company .search-bar .part-parameter > input { width: 100%; border: none; }
.search-area-company .search-bar .part-parameter > select { width: 100%; border: none; }
.search-area-company .search-bar .part-button { flex: 1; padding: 10px 10px; text-align: right; color: darkorange; font-weight: bold; display: block; }
.search-area-company .search-bar .search-btn { background: #2a4d9b; color: #fff; border: none; border-radius: 5px; padding: 10px 15px; font-weight: 600; cursor: pointer; transition: background 0.2s; width: 100%; }
.search-area-company .search-bar .search-btn:hover { background: #1a3266; }
.search-area-company .search-bar .btn-advanced-search { margin-top: 5px; text-decoration: none; cursor: pointer; color: #001C59; font-size: 14px; font-weight: 400; display: inline-block; width: 100%; text-align: center; }
.search-area-company .search-bar .btn-advanced-search:hover { color: #F97316; }

#listingCompany { border-radius: 5px; }
#listingCompany th { background-color: #1E3A8A; color: #fff; font-weight: 400; }
#listingCompany tr { cursor: pointer; }
#listingCompany tbody td:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; }

#listingCompany thead th:first-child { border-top-left-radius: 5px; }
#listingCompany thead th:last-child { border-top-right-radius: 5px; }
#listingCompany tfoot th:first-child { border-bottom-left-radius: 5px; }
#listingCompany tfoot th:last-child { border-bottom-right-radius: 5px; }
#listingCompany tfoot .dt-column-footer { display: none; }

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after { opacity: 1; }

table.dataTable td, table.dataTable th { font-size: 14px; }
.dt-layout-row { font-size: 14px; }

.btn-view-listing-detail { border: none; margin: 0; padding: 0; background: none; }
.btn-view-listing-detail:hover { border: none; margin: 0; padding: 0; background: none; color: red; filter: opacity(0.7); }

.listing-company-detail-modal { }
.listing-company-detail-modal .modal-xl { max-width: 850px; }
.listing-company-detail-modal .modal-dialog { }
.listing-company-detail-modal .modal-dialog .modal-content { border-radius: 7px; }
.listing-company-detail-modal .modal-header { color: #fff; background: linear-gradient(to right, #06B6D4, #2563EB); border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.listing-company-detail-modal .modal-header .header-info { display: flex; gap: 30px; justify-content: space-between; align-items: center; width: 100%; }
.listing-company-detail-modal .modal-header .header-info .header-part { display: flex; font-size: 12px; }
.listing-company-detail-modal .modal-header .header-info .header-part .title { }
.listing-company-detail-modal .modal-header .header-info .header-part .desc { font-weight: 600; }
.listing-company-detail-modal .modal-header .header-info .header-part.header-title { flex: 2; font-size: 16px; font-weight: 600; }
.listing-company-detail-modal .modal-header .header-info .header-part.header-button { align-content: end; text-align: right; }
.listing-company-detail-modal .modal-header .header-info .header-part.header-button button { color: #000; }
.listing-company-detail-modal .modal-header .btn-close { }
.listing-company-detail-modal .applicant-info { background-color: white; border-radius: 8px; font-size: 12px; }
.listing-company-detail-modal .applicant-info .position { color: #001C59; display: inline-block; margin-bottom: 15px; display: flex; }
.listing-company-detail-modal .applicant-info .position .title { color: #6c757d; }
.listing-company-detail-modal .applicant-info .position .desc { color: #001C59; font-weight: 500; font-size: 16px; }
.listing-company-detail-modal .description-box { background-color: #F2F2F7; border-radius: 5px; min-height: 150px; margin-bottom: 20px; position: relative; transition: all 0.3s; }
.listing-company-detail-modal .description-box .modal-description { height: 208px; min-height: 208px; overflow: hidden; padding: 10px; padding-bottom: 30px; font-size: 13px; transition: all 0.3s; }
.listing-company-detail-modal .description-box .btn-more { background-color: #E5E5EA; color: #2A2A2A; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 3px; transition: all 0.2s; cursor: pointer; user-select: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-decoration: none; }
.listing-company-detail-modal .description-box .btn-more:hover { background-color: #424242; color: #fff; text-decoration: none; }
.listing-company-detail-modal .contact-info { margin-bottom: 0; }
.listing-company-detail-modal .contact-info .form-control { background-color: #f8f9fa; border: 1px solid #dee2e6; }
.listing-company-detail-modal .butonlar { display: flex; gap: 10px; margin-top: 10px; }
.listing-company-detail-modal .btn-message { background-color: #1D3A8A; font-size: 12px; color: white; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; }
.listing-company-detail-modal .btn-message:hover { background-color: #127c22 !important; color: white; }
.listing-company-detail-modal .btn-detail { background-color: #1D3A8A; font-size: 12px; color: white; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; }
.listing-company-detail-modal .btn-detail:hover { background-color: #102253 !important; color: white; }
.listing-company-detail-modal .btn-other { background-color: #F2F2F7; font-size: 12px; color: #373737; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; }
.listing-company-detail-modal .btn-other:hover { background-color: #bcbcbf !important; color: #373737; }
.listing-company-detail-modal .info-row { margin-bottom: 15px; }
.listing-company-detail-modal .info-label { color: #495057; margin-bottom: 5px; }
.listing-company-detail-modal .info-value { font-weight: bold; color: #000; }
.listing-company-detail-modal .language-badge { background-color: #e9ecef; color: #495057; padding: 4px 8px; border-radius: 4px; margin-right: 5px; margin-bottom: 5px; display: inline-block; }
.listing-company-detail-modal .cv-link { color: #007bff; text-decoration: none; }
.listing-company-detail-modal .cv-link:hover { text-decoration: underline; }
.listing-company-detail-modal .message-section { background-color: #f8f9fa; border-radius: 8px; padding: 10px 0 10px 0; margin-top: 20px; display: none; font-size: 12px; }
.listing-company-detail-modal .message-textarea { border: 1px solid #dee2e6; border-radius: 8px; padding: 15px; min-height: 100px; resize: vertical; font-size: 12px; }
.listing-company-detail-modal .message-section .btn-send { background-color: #F97316; color: white; border: none; padding: 8px 15px; border-radius: 5px; display: flex; align-items: center; gap: 8px; font-size: 12px; }
.listing-company-detail-modal .message-section .btn-send:hover { background-color: #cb5707; color: white; }
.listing-company-detail-modal .info-item { display: flex; align-items: center; gap: 5px; color: #6c757d; }

.custom-dropdown { position: relative; background: #fff; }
.selected-tags { display: flex; flex-wrap: wrap; gap: 4px; min-height: 30px; }
.selected-tag { background: #f2f2f7; font-size: 12px; border-radius: 4px; padding: 2px 8px; display: flex; align-items: center; margin: 2px 0; }
.selected-tag .remove-tag { margin-left: 6px; cursor: pointer; color: #c00; }
.dropdown-toggle { cursor: pointer; color: #888; }
.dropdown-list { min-width: 250px; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; border-radius: 0 0 6px 6px; z-index: 10; max-height: 300px; overflow-y: auto; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.city-item { padding: 6px 12px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.city-item.selected { background: #f0f0f0; }
.city-arrow { margin-left: 8px; cursor: pointer; }
.district-list { margin-left: 20px; }
.district-item { padding: 4px 12px; cursor: pointer; }
.district-item.selected { background: #e0e0e0; }
.city-item { transition: background 0.2s; }
.city-item:hover { background: #f0f6ff; }
.district-item { transition: background 0.2s; }
.district-item:hover { background: #f0f6ff; }

/* ArgDropdown (argd-) için positionsdropdown ile uyumlu stiller */
.argd-dropdown { position: relative; width: 100%; font-family: inherit; }
.argd-dropdown.argd-with-border { border: 1px solid #C7C7CC; border-radius: 6px; padding-left: 10px; padding-right: 10px; }
.argd-header { display: flex; align-items: center; justify-content: space-between; border: none; background: white; cursor: pointer; transition: border-color 0.2s ease; min-height: 38px; border-radius: 6px; }
.argd-header:hover, .argd-header.active { border: none; }
.argd-selected-items { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; }
/* ArgDropdown tag stilleri positionsdropdown ile aynı */
.argd-tag { background: #f0f6ff; font-size: 12px; border-radius: 4px; padding: 2px 8px; display: flex; align-items: center; margin: 2px 0; color: #222; }
/* Birden fazla seçimde gösterilen tag (argd-tag.argd-count) da normal tag gibi görünsün */
.argd-tag.argd-count { background: #fff; color: #222; font-size: 16px; font-weight: 600; }
.argd-remove, .argd-remove-all { margin-left: 6px; cursor: pointer; color: #c00; font-size: 15px; transition: color 0.2s; }
.argd-remove:hover, .argd-remove-all:hover { color: #d32f2f; }
.argd-placeholder { color: #6c757d; font-style: normal; text-align: left; font-size: 16px; margin-left: 0; margin-right: auto; display: block; }
.argd-arrow { transition: transform 0.2s ease; color: #6c757d; font-size: 12px; margin-left: 8px; }
.argd-list-container { position: absolute; top: 100%; left: 0; right: 0; min-width: 250px; background: white; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; max-height: 450px; overflow-y: auto; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 0; }
.argd-search-container { padding: 10px; border-bottom: 1px solid #eee; }
.argd-search { width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
.argd-search:focus { outline: none; border-color: #ff7a1a; }
.argd-list { max-height: 380px; overflow-y: auto; }
.argd-group { border-bottom: 1px solid #f0f0f0; }
.argd-group-header { display: flex; align-items: center; justify-content: flex-start; gap: 8px; background: #f8f9fa; cursor: pointer; font-weight: 600; color: #495057; border-bottom: 1px solid #e9ecef; transition: background-color 0.2s ease; }
.argd-group-header.open, .argd-group-header:hover { background: #f0f6ff; }
.argd-group-checkbox { font-size: 16px; color: #007bff; margin-right: 4px; margin-left: 12px; cursor: pointer; min-width: 16px; }
.argd-group-title { font-size: 14px; font-weight: 600; flex: 1; padding: 12px 0px; }
.argd-group-arrow { font-size: 12px; transition: transform 0.2s ease; color: #6c757d; padding: 12px 12px; }
.argd-group-children { display: block; }
.argd-item { display: flex; align-items: center; cursor: pointer; transition: background-color 0.2s ease; border-bottom: 1px solid #f8f9fa; }
.argd-item.selected { background: #e3f2fd; border-left: 3px solid #2196f3; }
.argd-item:hover { background: #f8f9fa; }
.argd-item-checkbox { margin-right: 7px; margin-left: 25px; }
.argd-item-checkbox:disabled { opacity: 0.5; cursor: not-allowed; }
.argd-item-checkbox:checked { accent-color: #2196f3; }
.argd-item-title { flex: 1; font-size: 14px; color: #495057; padding: 8px 8px; }

/* --- Mobil Menü (Hamburger ve Panel) --- */
.mobile-menu-toggle { display: none; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; background: none; border: none; cursor: pointer; z-index: 1; margin-left: auto; }
.mobile-menu-toggle span { display: block; width: 28px; height: 3px; background: #001C59; margin: 4px 0; border-radius: 2px; transition: all 0.3s; }

.mobile-menu-panel { position: fixed; top: 0; right: -320px; width: 300px; height: 100vh; background: #fff; box-shadow: -2px 0 16px rgba(0,0,0,0.12); z-index: 1200; transition: right 0.35s cubic-bezier(0.4,0,0.2,1); display: flex; flex-direction: column; padding: 0; }
.mobile-menu-panel.open { right: 0; }
.mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 22px 22px 10px 22px; border-bottom: 1px solid #eee; }
.mobile-menu-title { font-size: 1.2rem; font-weight: 600; color: #001C59; }
.mobile-menu-close { background: none; border: none; font-size: 2rem; color: #001C59; cursor: pointer; line-height: 1; }
.mobile-menu-list { list-style: none; padding: 0 0 0 0; margin: 0; flex: 1; }
.mobile-menu-list li { border-bottom: 1px solid #f0f0f0; }
.mobile-menu-list li a { display: block; padding: 18px 28px; color: #001C59; text-decoration: none; font-size: 1.08rem; font-weight: 500; transition: background 0.2s, color 0.2s; }
.mobile-menu-list li a:hover { background: #f0f4ff; color: #2a4d9b; }
.mobile-menu-bottom { padding: 18px 28px 28px 28px; border-top: 1px solid #eee; }
.mobile-menu-login { display: block; width: 100%; background: #F97316; color: #fff; text-align: center; padding: 12px 0; border-radius: 6px; font-weight: 600; text-decoration: none; font-size: 1.08rem; transition: background 0.2s; }
.mobile-menu-login:hover { background: #d95e00; }

/* Mobil menü açıkken body scroll'u engelle */
body.mobile-menu-open { overflow: hidden; }

/* Button Styles  */
.btn-standard { background-color: #1e3a8a; color: #fff; border: none; font-weight: 500; font-size: 14px; padding: 10px 15px; }
.btn-standard:hover { background-color: #001C59; color: #fff; }

/* Default Card Style */
.card { background-color: #fff; border: none; border-radius: 5px; margin-bottom: 25px; font-size: 14px; }
.card-header { border: none; }
.card-header .card-title { padding: 15px 15px 0 15px; margin-bottom: 0; }
.card-header .card-title h3 { font-size: 20px; font-weight: 700; color: #2a4d9b; text-align: center }
.card-body { padding: 25px; }
.card-body input { border: solid 1px #C7C7CC; padding: 10px; }
.card-body input:focus { border: solid 1px #d95e00; box-shadow: none; padding: 10px; }
.card-body textarea { border: solid 1px #C7C7CC; padding: 10px; }
.card-body textarea:focus { border: solid 1px #d95e00; box-shadow: none; padding: 10px; }
.card-body .form-check label { margin-left: 10px; line-height: 30px; }
.card-footer { background-color: #fff; padding: 25px; }

/* Components Styles  */
.sidebar-menu { font-size: 14px; }
.sidebar-menu .title { font-weight: 600; margin-bottom: 7px; display: block; }
.sidebar-menu ul { list-style-type: none; padding: 0; }
.sidebar-menu ul li { }
.sidebar-menu ul li a { color: #000; line-height: 40px; text-decoration: none; transition: all 0.3s; }
.sidebar-menu ul li a:hover { color: #F97316; }

/* Page Styles */
.login-page { background-image: url('/img/bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.login-page h2 { margin-top: 20%; font-size: 32px; color: #fff; font-weight: 600; line-height: 55px; }
.login-page .card { background-color: #fff; margin: 90px auto; max-width: 293px; font-size: 14px; }
.login-page .card-header { background-color: #fff; border: none; }
.login-page .card-header .card-title { padding: 15px 15px 0 15px; margin-bottom: 0; }
.login-page .card-header .card-title h3 { font-size: 20px; font-weight: 700; color: #2a4d9b; text-align: center }
.login-page .card-body { padding: 15px; }
.login-page .card-body input { border: solid 1px #747474; padding: 10px; }
.login-page .card-body input:focus { border: solid 1px #d95e00; box-shadow: none; padding: 10px; }
.login-page .card-body .form-check label { margin-left: 10px; line-height: 30px; }
.login-page .card-body .link-disari { font-size: 14px; color: #495057; text-decoration: none; transition: all 0.3s; }
.login-page .card-body .link-disari:hover { color: #f97316; }
.login-page .card-body button { padding: 10px; background: #2a4d9b; border: none; }
.login-page .card-body button:hover { background-color: #001C59; }
.login-page .card-footer { background-color: #fff; padding: 15px; }
.login-page .card-footer a { color: #F97316; color: #f97316; text-decoration: none; font-weight: 700; transition: all 0.3s; }
.login-page .card-footer a:hover { color: #001C59; }

.registermain-page { background-image: url('/img/bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 150px; }
.registermain-page h2 { margin-top: 50px; font-size: 32px; color: #fff; font-weight: 600; line-height: 55px; text-shadow: 0 0 5px #333; }
.registermain-page .card { background-color: #fff; font-size: 14px; width: 360px; transition: all 0.3s; }
.registermain-page .card:hover { box-shadow: 0 0 10px #495057; }
.registermain-page .card-header { background-color: #fff; border: none; border-bottom: solid 1px #f2f2f7; }
.registermain-page .card-header .card-title { padding: 15px 15px 15px 15px; margin-bottom: 0; }
.registermain-page .card-header .card-title h3 { text-align: center; display: inline-flex; gap: 10px; font-weight: 700; font-size: 20px; align-items: center; }
.registermain-page .card-body { padding: 15px; }

.register-page { background-image: url('/img/bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.register-page .page-desc h2 { margin-top: 20%; font-size: 32px; color: #fff; font-weight: 600; line-height: 48px; }
.register-page .page-desc p { font-size: 18px; color: #fff; font-weight: 400; line-height: 25px; }
.register-page .card { background-color: #fff; margin: 40px auto; font-size: 14px; }
.register-page .card-header { background-color: #fff; border: none; }
.register-page .card-header .card-title { padding: 15px 15px 0 15px; margin-bottom: 0; }
.register-page .card-header .card-title h3 { font-size: 20px; font-weight: 700; color: #2a4d9b; text-align: center }
.register-page .card-body { padding: 15px; }
.register-page .card-body input { border: solid 1px #747474; padding: 10px; }
.register-page .card-body input:focus { border: solid 1px #d95e00; box-shadow: none; padding: 10px; }
.register-page .card-body .form-check label { margin-left: 10px; line-height: 30px; }
.register-page .card-body .form-check a { text-decoration: none; font-weight: 600; color: #2a4d9b; cursor: pointer; transition: all 0.3s; }
.register-page .card-body .form-check a:hover { text-decoration: none; color: #F97316; }
.register-page .card-body .link-disari { font-size: 14px; color: #495057; text-decoration: none; transition: all 0.3s; }
.register-page .card-body .link-disari:hover { color: #f97316; }
.register-page .card-body button { padding: 10px; background: #2a4d9b; border: none; }
.register-page .card-body button:hover { background-color: #001C59; }
.register-page .card-footer { background-color: #fff; padding: 15px; }
.register-page .card-footer a { color: #F97316; color: #f97316; text-decoration: none; font-weight: 700; transition: all 0.3s; }
.register-page .card-footer a:hover { color: #001C59; }

.testimonials-page { padding-top: 25px; }
.testimonials-page .page-title { color: #1E3A8A; font-weight: 600; font-size: 24px; margin-bottom: 0; }
.testimonials-page .sidebar { }
.testimonials-page .sidebar h3 { font-size: 16px; line-height: 22px; font-weight: 600; }
.testimonials-page .sidebar p { font-size: 14px; line-height: 22px; }
.testimonials-page .testimonials-list { font-size: 14px; }
.testimonials-page .testimonials-list ul { list-style-type: none; padding: 0; }
.testimonials-page .testimonials-list ul li { border-radius: 5px; background-color: #fff; margin-bottom: 15px; padding: 25px; }
.testimonials-page .testimonials-list ul li .header { display: flex; margin-bottom: 5px; }
.testimonials-page .testimonials-list ul li .header .name { flex: 1; color: #001C59; font-weight: 600; }
.testimonials-page .testimonials-list ul li .header .date { display: flex; gap: 5px; align-items: center; }
.testimonials-page .testimonials-list ul li .header .date .icon { }
.testimonials-page .testimonials-list ul li .header .date .icon svg { width: 20px; }
.testimonials-page .testimonials-list ul li .header .date .text { }
.testimonials-page .testimonials-list ul li .body { }
.testimonials-page .testimonials-list .btn-more { display: block; padding: 15px 25px; width: 100%; background-color: #F97316; transition: all 0.3s; }
.testimonials-page .testimonials-list .btn-more:hover { background-color: #001C59; }

.support-page { padding-top: 25px; }
.support-page .page-title { color: #1E3A8A; font-weight: 600; font-size: 24px; margin-bottom: 0; }
.support-page .sidebar { }
.support-page .sidebar p { font-size: 14px; line-height: 22px; }
.support-page .accordion { border: none; font-size: 14px; }
.support-page .accordion-item { border: none; border-radius: 5px; margin-bottom: 15px; }
.support-page .accordion-button { background-color: #fff; border-radius: 5px; font-size: 14px; font-weight: 500; }
.support-page .accordion-button:focus { box-shadow: inset 0px -1px 0px #f2f2f7; }
.support-page .accordion-button:hover { background-color: #F97316; color: #fff; }

.contact-page { padding-top: 25px; }
.contact-page .page-title { color: #1E3A8A; font-weight: 600; font-size: 24px; margin-bottom: 0; }
.contact-page p { font-size: 14px; margin-bottom: 0; }
.contact-page h3 { margin-bottom: 20px; }
.contact-page .title { width: 100%; display: block; }
.contact-page .value { display: block; margin-bottom: 15px; font-weight: 500; }
.contact-page .contact-form { }
.contact-page .contact-form h3 { font-size: 16px; font-weight: 600; margin-bottom: 15px; }
.contact-page .contact-form label { display: block; width: 100%; }
.contact-page .contact-form input, .contact-page .contact-form textarea { width: 100%; margin-bottom: 8px; }
.contact-page .contact-form button { }

.password-page { font-size: 14px; }
.password-page .page-title { color: #1E3A8A; font-weight: 600; font-size: 20px; margin-bottom: 0; }
.password-page input { font-size: 14px; width: 100%; margin-bottom: 8px; }
.password-page p { }

.activation-page { font-size: 14px; }
.activation-page .page-title { color: #1E3A8A; font-weight: 600; font-size: 20px; margin-bottom: 0; }
.activation-page input { font-size: 14px; width: 100%; margin-bottom: 8px; }
.activation-page p { }


/* Sidebar Member Menu */
.sidebar-member-menu { list-style: none; margin: 0; padding: 10px; font-size: 14px; }
.sidebar-member-menu li { }
.sidebar-member-menu li:last-child { border-bottom: none; }
.sidebar-member-menu a { border-radius: 5px; display: flex; align-items: center; gap: 12px; padding: 8px 14px; color: #001C59; text-decoration: none; font-weight: 400; transition: background 0.18s, color 0.18s; }
.sidebar-member-menu a:hover { background: #F2F2F7; color: #F97316; }
.sidebar-member-menu a.active { background: #ffd7ba; font-weight: 500; }
.sidebar-member-menu a.active:hover { background: #F2F2F7; color: #F97316; }
.sidebar-member-menu .sidebar-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; }

.sidebar-member-menu-button { display: none; border-radius: 5px !important; transition: all 0.3s; }
.sidebar-member-menu-button:active, .sidebar-member-menu-button:focus { background-color: #F2F2F7; }
.sidebar-member-menu-button h3 svg { transform: rotate(0deg); transition: all 0.3s; }

.candidate-profile-page { }
.candidate-profile-page .card { font-size: 12px; }
.candidate-profile-page .card h4 { font-size: 16px; font-weight: 500; }
.candidate-profile-page .name { font-size: 20px; }
.candidate-profile-page .fs-6 { font-size: 14px !important; }
.candidate-profile-page .resume-sections { font-size: 14px !important; position: sticky; top: 100px; align-self: flex-start; }
.candidate-profile-page .resume-sections ul { padding: 0; margin: 0; }
.candidate-profile-page .resume-sections ul li { padding: 0; margin: 0; }
.candidate-profile-page .resume-sections ul li a { display: block; padding: 8px; margin: 0; transition: all 0.3s; border-radius: 5px; }
.candidate-profile-page .resume-sections ul li a:hover { background-color: #f2f2f7; }
.candidate-profile-page .scroll-offset { scroll-margin-top: 150px; /* navbar yüksekliği kadar */ }
.candidate-profile-page .btn-showresume { display: inline-flex; align-items: center; padding: 8px 15px; font-size: 14px; font-weight: 500; }
.candidate-profile-page .btn-showresume:hover { background-color: #F97316; }

.company-profile-page { }
.company-profile-page .card { font-size: 12px; }
.company-profile-page .card .company-desc { font-size: 12px; font-weight: 400; line-height: 22px; }
.company-profile-page .card .company-desc h4 { font-size: 14px; font-weight: 600; margin-top: 15px; }
.company-profile-page .name { font-size: 20px; }
.company-profile-page .fs-6 { font-size: 14px !important; }
.company-profile-page .company-info-sidebar { font-size: 12px !important; }
.company-profile-page .company-info-sidebar ul { padding: 0; margin: 0; }
.company-profile-page .company-info-sidebar ul li { display: flex; padding: 0; margin: 0; padding: 10px 0; }
.company-profile-page .company-info-sidebar ul li svg { margin-right: 5px; }
.company-profile-page .company-info-sidebar ul li .item { flex: 1; }
.company-profile-page .company-info-sidebar ul li .item .text { display: block; }
.company-profile-page .company-info-sidebar ul li .item .value { display: block; font-size: 12px; font-weight: 600; }
.company-profile-page .company-info-sidebar ul li a { display: block; padding: 8px; margin: 0; transition: all 0.3s; border-radius: 5px; }
.company-profile-page .company-info-sidebar ul li a:hover { background-color: #f2f2f7; }
.company-profile-page .scroll-offset { scroll-margin-top: 150px; /* navbar yüksekliği kadar */ }
.company-profile-page .btn-showresume { display: inline-flex; align-items: center; padding: 8px 15px; font-size: 14px; font-weight: 500; }
.company-profile-page .btn-showresume:hover { background-color: #F97316; }

.company-profile-page .company-info-header { margin-left: 20px; }

.company-profile-page .listings { list-style-type: none; padding: 0; margin-top: 15px; }
.company-profile-page .listings li { border: solid 1px #ededed; border-radius: 5px; padding: 10px; display: flex; align-items: center; margin-bottom: 10px; }
.company-profile-page .listings li > span { flex: 1; }
.company-profile-page .listings li .text { display: block; }
.company-profile-page .listings li .value { display: block; font-weight: 600; }
.company-profile-page .listings li .icon { flex: 0.2; }
.company-profile-page .listings li .position { flex: 1; }
.company-profile-page .listings li .date { }
.company-profile-page .listings li .duration { }
.company-profile-page .listings li .detail { text-align: right; }
.company-profile-page .listings li .detail a { padding: 5px 10px; font-weight: 400; font-size: 12px; }


.member-page { font-size: 12px; font-weight: 400; }
.member-page h1 { font-size: 20px; font-weight: 500; margin: 0; }
.member-page h2 { font-size: 16px; font-weight: 500; margin: 0; }
.member-page h3 { font-size: 14px; font-weight: 500; margin: 0; }
.member-page h4 { font-size: 14px; font-weight: 500; margin: 0; color: #1E3A8A; }
.member-page hr { color: #cbcbcb; }
.member-page .card { margin-bottom: 10px; font-size: 12px; }
.member-page .card-header { padding: 15px; background-color: #fff; padding-bottom: 0; }
.member-page .card-body { padding: 15px; }
.member-page .card-footer { padding: 15px; }
.member-page .card-header a { font-size: 12px; }
.member-page a { font-size: 14px; color: #001C59; font-weight: 500; text-decoration: none; transition: all 0.3s; }
.member-page a:hover { color: #F97316; }
.member-page .btn { font-size: 14px; font-weight: 500; text-decoration: none; transition: all 0.3s; }
.member-page .btn-sm { font-size: 12px; font-weight: 400; text-decoration: none; transition: all 0.3s; }

.member-page input.form-control { border: 1px solid #ced4da; font-size: 12px; border-radius: 5px; }

.member-page button.form-control { border: 1px solid #ced4da; font-size: 12px; border-radius: 5px; padding: 10px; }
.member-page button.form-control:hover { background-color: #001C59; color: #fff; }
.member-page button.form-control:focus { outline: none !important; box-shadow: none !important; }

.member-page .listings-list { padding: 0; list-style-type: none; }
.member-page .listings-list li { }
.member-page .listings-list li a { display: flex; align-items: center; gap: 10px; padding: 5px 5px; border-radius: 5px; transition: all 0.3s; color: #001C59; }
.member-page .listings-list li a:hover { background-color: #f2f2f7; }
.member-page .listings-list img { width: 24px; height: 24px; }
.member-page .listings-list .date { font-weight: 500; font-size: 12px; width: 80px; }
.member-page .listings-list .title { font-size: 12px; font-weight: 400; flex: 1 }
.member-page .listings-list .title2 { font-size: 12px; font-weight: 400; }


.member-page .listings-list .message { }
.member-page .listings-list .message .info { display: block; width: 100%; }
.member-page .listings-list .message .line { display: block; width: 100%; }
.member-page .listings-list .message .title { margin-right: 15px; font-weight: 500; }
.member-page .listings-list .message .text { font-weight: 400; font-size: 12px; }
.member-page .listings-list .message .time { display: block; width: 100%; font-weight: 400; font-size: 12px; color: #495057; }

/* Select2 özel stiller */
.select2-container .select2-selection--single { padding: 4px 7px; height: 40px; display: flex; align-items: center; border-radius: 4px; border: 1px solid #ced4da; transition: border-color 0.2s; width: 100%; }
.select2-container .select2-selection--single:focus,
.select2-container .select2-selection--single.select2-selection--focus { border: 1px solid #F97316; outline: none; }
.select2-container .select2-dropdown { border-radius: 4px; padding: 5px 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); }
.select2-container--default .select2-dropdown { border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border: 1px solid #ced4da; }
.select2-container--default .select2-results__option { padding: 10px 15px; font-size: 14px; color: #495057; transition: background-color 0.2s, color 0.2s; }
.select2-container--default .select2-results__option--highlighted { background-color: #f8f9fa; color: #212529; }
.select2-container--default .select2-results__option { border-bottom: 1px solid #f8f9fa; }
.select2-container--default .select2-results__option--highlighted { background-color: #f8f9fa; color: #212529; }
.select2-container--default .select2-results__option--selected { background-color: #f2f2f7; }
.select2-results__option--highlighted { background: #f8d7da; color: #721c24; }
.select2-search__field { border: 1px solid #ced4da !important; border-radius: 5px; }
.select2-search__field:focus-visible { outline: none; border: 1px solid #F97316 !important; border-radius: 5px; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #f0f6ff; color: #212529; }

.member-page .mylistings .listing { transition: all 0.3s; }
.member-page .mylistings .listing .card-header { padding-bottom: 0 !important; display: flex; }
.member-page .mylistings .listing .card-header .buttons { flex: 1; text-align: right; }
.member-page .mylistings .listing .card-body { padding-top: 0 !important; }
.member-page .mylistings .listing .id { font-size: 16px; font-weight: 500; width: 100px; display: inline-block; }
.member-page .mylistings .listing .title { font-size: 16px; font-weight: 500; }
.member-page .mylistings .listing hr { display: block; }
.member-page .mylistings .listing .part { display: flex; align-items: center; gap: 7px; flex: 1; margin-bottom: 15px; }
.member-page .mylistings .listing .part img { width: 24px; }
.member-page .mylistings .listing .part .info { }
.member-page .mylistings .listing .part .info .title { font-size: 12px; font-weight: 400; display: block; }
.member-page .mylistings .listing .part .info .value { font-size: 14px; font-weight: 600; }

.member-page .myapplications .application { transition: all 0.3s; }
.member-page .myapplications .application:hover { box-shadow: #a6a6a6 0 0 5px; }
.member-page .myapplications .application .card-body { }
.member-page .myapplications .application .part { display: flex; align-items: flex-start; gap: 7px; flex: 1; margin-bottom: 15px; }
.member-page .myapplications .application .row:last-child .part { margin-bottom: 0; }
.member-page .myapplications .application .part img { width: 24px; }
.member-page .myapplications .application .part .info { }
.member-page .myapplications .application .part .info .title { font-size: 12px; font-weight: 400; display: block; }
.member-page .myapplications .application .part .info .value { font-size: 14px; font-weight: 600; }

.member-page .allapplications .application { transition: all 0.3s; }
.member-page .allapplications .application:hover { box-shadow: #a6a6a6 0 0 5px; }
.member-page .allapplications .application .card-body { }
.member-page .allapplications .application .row:last-child .part { margin-bottom: 0; }
.member-page .allapplications .application img { width: 24px; }
.member-page .allapplications .application .info { }
.member-page .allapplications .application .info .title { font-size: 12px; font-weight: 400; display: block; }
.member-page .allapplications .application .info .value { font-size: 14px; font-weight: 600; }

.member-page .messages .message { transition: all 0.3s; }
.member-page .messages .message:hover { box-shadow: #a6a6a6 0 0 5px; }
.member-page .messages .message .card-body { }
.member-page .messages .message .part { display: flex; align-items: center; gap: 7px; flex: 1; margin-bottom: 0px; }
.member-page .messages .message .part img { width: 24px; }
.member-page .messages .message .part .info { }
.member-page .messages .message .part .info .title { font-size: 12px; font-weight: 400; display: block; }
.member-page .messages .message .part .info .value { font-size: 14px; font-weight: 600; }

.member-page .companies .company { transition: all 0.3s; }
.member-page .companies .company:hover { }
.member-page .companies .company .card-body { }
.member-page .companies .company .part { display: flex; align-items: center; gap: 7px; flex: 1; margin-bottom: 0px; }
.member-page .companies .company .part img { width: 24px; }
.member-page .companies .company .part .info { }
.member-page .companies .company .part .info .title { font-size: 12px; font-weight: 400; }
.member-page .companies .company .part .info .value { font-size: 12px; font-weight: 600; }
.member-page .companies .company .listings .listing { border-bottom: solid 1px #f2f2f7; display: flex; align-items: center; padding-top: 5px; padding-bottom: 5px; }
.member-page .companies .company .listings .listing>div { }
.member-page .companies .company .listings .listing .icon { width: 30px; }
.member-page .companies .company .listings .listing .date { width: 80px; }
.member-page .companies .company .listings .listing .position { flex: 1; }
.member-page .companies .company .listings .listing .salary { width: 200px; text-align: right; padding-right: 20px;}
.member-page .companies .company .listings .listing .detail { text-align: right; }
.member-page .companies .company .listings .listing .detail .btn { padding: 4px 10px; }


.member-page .myprofile .part { display: flex; gap: 7px; flex: 1; margin-bottom: 15px; }
.member-page .myprofile .part img { width: 24px; }
.member-page .myprofile .part .info { }
.member-page .myprofile .part .info .title { font-size: 12px; font-weight: 400; display: block; }
.member-page .myprofile .part .info .value { font-size: 14px; font-weight: 600; }
.member-page .myprofile .photo-change-button { background-color: #D1D1D6; text-align: center; border-radius: 5px; padding: 3px; margin-top: 3px; color: #FFF; transition: all 0.3s; cursor: pointer; }
.member-page .myprofile .photo-change-button:hover { background-color: #a1a1a7; }

.member-page .myprofile .experience-row { border-bottom: solid 1px #f2f2f7; margin-top: 15px; transition: all 0.3s; }

.member-page .myprofile .community-row { border-bottom: solid 1px #f2f2f7; margin-top: 15px; transition: all 0.3s; }
.member-page .myprofile .reference-row { border-bottom: solid 1px #f2f2f7; margin-top: 15px; transition: all 0.3s; }
.member-page .myprofile .certificate-row { border-bottom: solid 1px #f2f2f7; margin-top: 15px; transition: all 0.3s; }
.member-page .myprofile .course-row { border-bottom: solid 1px #f2f2f7; margin-top: 15px; transition: all 0.3s; }
.member-page .myprofile .award-row { border-bottom: solid 1px #f2f2f7; margin-top: 15px; transition: all 0.3s; }

.member-page .myprofile .btn-external { color: #fff; background-color: #1e3a8a; padding: 3px 7px; }
.member-page .myprofile .btn-external:hover { background-color: #001C59; }

.member-page .myprofile .btn-download { color: #fff; background-color: #1e3a8a; padding: 3px 7px; }
.member-page .myprofile .btn-download:hover { background-color: #001C59; }

.member-page .settings .check-wrapper { margin-bottom: 20px; }
.member-page .settings .check-wrapper .title { font-weight: 500; margin-bottom: 5px; }
.member-page .settings .check-wrapper .desc { margin-bottom: 5px; }
.member-page .settings .check-wrapper .check { display: flex; gap: 7px; align-items: center; }
.member-page .settings .check-wrapper .check input { width: 40px; }

.member-page .standardTable { border-radius: 5px; }
.member-page .standardTable th { background-color: #fff; color: #333; font-weight: 700; font-size: 12px; }
.member-page .standardTable tr { cursor: pointer; background-color: #fff; box-shadow: none; }
.member-page .standardTable tr td { font-size: 12px; }
.member-page table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * { /*box-shadow: inset 0 0 0 9999px #f2f2f7;*/ }
.member-page table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * { box-shadow: none !important }
.member-page table.dataTable > thead > tr > th, table.dataTable > thead > tr > td { border-bottom: none !important; }
.member-page table.dataTable > tfoot > tr > th, table.dataTable > tfoot > tr > td { border-top: none !important; font-size: 12px !important; }
.member-page table.dataTable.hover > tbody > tr > *, table.dataTable.display > tbody > tr > * { transition: all 0.3s; }
.member-page table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * { box-shadow: inset 0 0 0 9999px #f973166d !important; }
/* listingEmployee hover effect */
#listingEmployee > tbody > tr > * { transition: all 0.3s; }
#listingEmployee > tbody > tr:hover > * { box-shadow: inset 0 0 0 9999px #f973166d !important; }
/* listingCompany hover effect */
#listingCompany > tbody > tr > * { transition: all 0.3s; }
#listingCompany > tbody > tr:hover > * { box-shadow: inset 0 0 0 9999px #1e3a8a6d !important; }
/*table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * { box-shadow: inset 0 0 0 9999px #f2f2f7; }
.member-page .standardTable .sorting_1 { background-color: #fff; box-shadow: none; }
table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td { padding: 5px 5px !important; }
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * { border-top: none !important; }
*/
.member-page .standardTable thead th:first-child { border-top-left-radius: 5px; }
.member-page .standardTable thead th:last-child { border-top-right-radius: 5px; }
.member-page .standardTable tfoot th:first-child { border-bottom-left-radius: 5px; }
.member-page .standardTable tfoot th:last-child { border-bottom-right-radius: 5px; }
.member-page .standardTable tfoot .dt-column-footer { display: none; }
.member-page div.dt-container.dt-empty-footer tbody > tr:last-child > * { border-bottom: solid 1px #f2f2f7; }
.member-page .dt-container .dt-layout-row:nth-child(1) { display: none; }
.member-page .dt-container .dt-layout-row:nth-child(2) { margin-top: 0; }
.member-page table.dataTable td, table.dataTable th { font-size: 12px; }
.member-page .dt-layout-row { font-size: 12px; }

.member-page .messages-page .message-card .col-1-5 { flex: 0 0 5.5%; max-width: 5.5%; }
.member-page .messages-page .message-card { border-radius: 8px; font-size: 12px; border: 1px solid #e9ecef; }
.member-page .messages-page .message-card .card-body { padding: 1rem; }
.member-page .messages-page .message-card .message-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.member-page .messages-page .message-card .info-section { padding: 0.25rem 0; }
.member-page .messages-page .message-card .info-section small { font-size: 12px; color: #6c757d; margin-bottom: 0.25rem; }
.member-page .messages-page .message-card .info-section span { font-size: 12px; color: #495057; line-height: 1.2; }

.member-page .message-detail-page .info-card .col-1-5 { flex: 0 0 5.5%; max-width: 5.5%; }
.member-page .message-detail-page .info-card { border-radius: 8px; font-size: 12px; border: 1px solid #e9ecef; }
.member-page .message-detail-page .info-card .card-body { padding: 1rem; }
.member-page .message-detail-page .info-card .message-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.member-page .message-detail-page .info-card .info-section { padding: 0.25rem 0; }
.member-page .message-detail-page .info-card .info-section small { font-size: 12px; color: #6c757d; margin-bottom: 0.25rem; }
.member-page .message-detail-page .info-card .info-section span { font-size: 12px; color: #495057; line-height: 1.2; }

.member-page .chat-area .messages-area { min-height: 280px; margin-bottom: 20px; }
.member-page .chat-area .message-bubble { margin-bottom: 20px; max-width: 80%; }
.member-page .chat-area .message-bubble.received { margin-right: auto; }
.member-page .chat-area .message-bubble.sent { margin-left: auto; }
.member-page .chat-area .message-content { background-color: #e6ffe6; padding: 15px; border-radius: 12px; position: relative; }
.member-page .chat-area .message-bubble.received .message-content { background-color: #F2F2F7; border: 1px solid #e9ecef; }
.member-page .chat-area .message-content p { margin: 0; color: #212529; line-height: 1.5; }
.member-page .chat-area .message-info { margin-top: 8px; font-size: 0.8rem; color: #6c757d; }
.member-page .chat-area .message-bubble.sent .message-info { text-align: right; }
.member-page .chat-area .message-bubble.received .message-info { text-align: right; }
.member-page .chat-area .sender-name { font-weight: 500; margin-right: 10px; }
.member-page .chat-area .message-time { color: #adb5bd; }
.member-page .chat-area .info-text { background-color: white; padding: 50px; border-radius: 8px; margin-bottom: 10px; text-align: center; }
.member-page .chat-area .info-text p { margin: 0; font-size: 14px; line-height: 1.4; }
.member-page .chat-area .info-text p:first-child { margin-bottom: 8px; font-weight: 500; }
.member-page .chat-area .message-input-area { background-color: white; padding: 20px; border-radius: 8px; border: 1px solid #e9ecef; }
.member-page .chat-area .input-group { display: flex; gap: 10px; }
.member-page .chat-area .form-control { border: 1px solid #dee2e6; border-radius: 8px; padding: 12px 16px; font-size: 1rem; flex: 1; }
.member-page .chat-area .form-control:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.member-page .chat-area .send-button { background-color: #fd7e14; border-color: #fd7e14; border-radius: 8px; padding: 12px 20px; font-weight: 500; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.member-page .chat-area .send-button:hover { background-color: #e8690b; border-color: #e8690b; }
.member-page .chat-area .send-button svg { width: 16px; height: 16px; }

/* Mobil Menü Alt Menü Stilleri */
.mobile-submenu-item { position: relative; }
.mobile-submenu { display: none; list-style: none; padding: 0; margin: 0; background: #f8f9fa; border-top: 1px solid #e9ecef; }
.mobile-submenu li a { padding: 12px 28px 12px 56px; color: #001C59; text-decoration: none; font-size: 1rem; font-weight: 400; display: block; transition: background 0.2s, color 0.2s; }
.mobile-submenu li a:hover { background: #e9ecef; color: #2a4d9b; }
.mobile-submenu-toggle { position: relative; }
.mobile-submenu-toggle::after { content: '+'; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: bold; color: #001C59; transition: transform 0.2s; }
.mobile-submenu-item.active .mobile-submenu-toggle::after { transform: translateY(-50%) rotate(45deg); }
.mobile-submenu-item.active .mobile-submenu { display: block; }

/* Stats Page - Clean White Stat Box Design */
.stats-page { padding: 20px 0; }

.stat-box { background: #ffffff; border-radius: 5px; padding: 28px 24px; margin-bottom: 20px; position: relative; transition: all 0.3s ease; border: 1px solid #f0f0f0; }
.stat-box .title { display: block; color: #666666; font-size: 13px; font-weight: 500; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.stat-box .value { display: block; color: #2a4d9b; font-size: 32px; font-weight: 700; line-height: 1.2; }


.navbar .user-profile { position: relative; display: flex; align-items: center; gap: 10px; border-radius: 5px; transition: all 0.3s; }
.navbar .user-profile .image { width: 40px; height: 40px; background-image: url('/img/default-user-small.png'); background-size: contain; border: solid 1px #f2f2f7; border-radius: 5px; }
.navbar .user-profile .info { flex: 1; font-size: 14px; color: #001C59; }
.navbar .user-profile .info .name { display: block; }
.navbar .user-profile .info .surname { display: block; font-weight: bold; }
.navbar .user-profile .down-arrow { width: 30px; color: #001C59; transition: transform 0.3s; }
.navbar .user-profile:hover { background-color: #f2f2f7; cursor: pointer; }

/* User Profile Dropdown */
.navbar .user-profile .user-dropdown { position: absolute; top: 100%; right: 0; background: #fff; border-radius: 5px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: 200px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; }
.navbar .user-profile .user-dropdown.show { opacity: 1; visibility: visible; transform: translateY(0); }
.navbar .user-profile .user-dropdown ul { list-style: none; padding: 5px 0; margin: 0; }
.navbar .user-profile .user-dropdown li { border-bottom: 1px solid #f0f0f0; }
.navbar .user-profile .user-dropdown li:last-child { border-bottom: none; }
.navbar .user-profile .user-dropdown li a { display: flex; align-items: center; gap: 12px; padding: 12px 20px; color: #001C59; text-decoration: none; font-size: 12px; font-weight: 500; transition: all 0.2s; }
.navbar .user-profile .user-dropdown li a:hover { background-color: #f8f9ff; color: #2a4d9b; }
.navbar .user-profile .user-dropdown li a svg { color: #666; }
.navbar .user-profile .user-dropdown li a:hover svg { color: #2a4d9b; }

/* Arrow rotation when dropdown is open */
.user-profile.active .down-arrow { transform: rotate(180deg); }

/* Mobile User Info */
.mobile-user-info { display: flex; align-items: center; gap: 12px; padding: 16px 0; margin-bottom: 16px; border-bottom: 1px solid #eee; }
.mobile-user-image { width: 45px; height: 45px; background-image: url('/img/default-user-small.png'); background-size: contain; border: solid 1px #f2f2f7; border-radius: 5px; }
.mobile-user-details { flex: 1; }
.mobile-user-name { display: block; font-size: 16px; font-weight: 600; color: #001C59; }
.mobile-menu-logout { display: block; width: 100%; background: #dc3545; color: #fff; text-align: center; padding: 12px 0; border-radius: 6px; font-weight: 600; text-decoration: none; font-size: 1.08rem; transition: background 0.3s; }
.mobile-menu-logout:hover { background: #c82333; }


.arg-daterangepicker { border-radius: 5px; background: url('/icons/calendar3.svg') no-repeat right 10px center; background-size: 16px; padding-right: 35px; }

/* SitePage Styles */

.site-page {  }
.site-page .breadcrumb { margin-bottom: 0; }
.site-page .breadcrumb-item + .breadcrumb-item::before { content: "›"; color: #6c757d; font-weight: bold; }
.site-page .breadcrumb-item a { color: #001C59; text-decoration: none; transition: color 0.2s; }
.site-page .breadcrumb-item a:hover { color: #2a4d9b; text-decoration: underline; }
.site-page .breadcrumb-item.active { color: #6c757d; font-weight: 500; }
.site-page .card-header { background-color: #fff; padding: 25px 25px 0 25px; }
.site-page h1.page-title { font-size: 24px !important; }
.site-page .content-body { font-size: 14px !important; }
.site-page .content-body h1 { font-size: 18px !important; font-weight: 700 !important; }
.site-page .content-body h2 { font-size: 16px !important; font-weight: 600 !important; }
.site-page .content-body h3 { font-size: 14px !important; font-weight: 500 !important; }
.site-page .content-body h4 { font-size: 14px !important; font-weight: 500 !important; }
.site-page .content-body h5 { font-size: 14px !important; }
.site-page .content-body h6 { font-size: 14px !important; }
.site-page .content-body p { font-size: 14px !important; margin-bottom: 20px; }
.site-page .content-body ul,
.site-page .content-body ol { margin-bottom: 20px; padding-left: 20px; }
.site-page .content-body li { margin-bottom: 8px; }

.site-page .sidebar .card { border-radius: 7px; }
.site-page .sidebar .card-header { background-color: #fff; }
.site-page .sidebar .card-body { padding: 25px; }
.site-page .sidebar ul {  }
.site-page .sidebar ul li {  }
.site-page .sidebar ul li a { color: #000; transition: 0.3s all; text-decoration: none; padding: 7px 15px 7px 3px; display: block; border-radius: 5px; }
.site-page .sidebar ul li a:hover { background-color: #f2f2f7; }



/* Tiny MCE reklam butonları gizleme */
.tox-promotion { display: none !important; }
.tox-statusbar__branding { display: none !important; }


/*@media (max-width: 768px) {
    .site-page-content { padding: 20px; }
    .sidebar { margin-top: 30px; }
    .breadcrumb { padding: 12px 16px; font-size: 0.9rem; }
}*/