:root{
	--cau-primary-color : #EF4B00;
    --cau-primary-color-2 : #e67845 !important;

}

body {
  background-color: #f0f7f7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a {
  text-decoration: none;
}

body.loading-active {
  overflow: hidden !important;
}

.loading-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--cau-primary-color);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

.loading-content {
  text-align: center;
  color: white;
}

.loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: loading-spin 1s ease-in-out infinite;
  margin: 0 auto 15px auto;
}

.loading-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0.9;
}

@keyframes loading-spin {
  to { transform: rotate(360deg); }
}

.loading-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.page-header {
  background-color: var(--cau-primary-color);
  color: white;
  padding-top: 1.5rem;
  padding-bottom: 5rem;
  width: 100%;
  position: relative;
}

.header-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.header-left, 
.header-right {
  flex: 1;
  display: flex;
  align-items: center;
}

.header-center {
  flex: 2;
  display: flex;
  justify-content: center;
  text-align: center;
}

.header-right {
  justify-content: flex-end;
  gap: 10px;
}

.logo {
  display: block;
  max-width: 220px; 
  width: 100%;
  height: auto;
}

.page-header h1.h2 {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
  white-space: nowrap;
}

.lang-link {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  font-size: 0.95rem;
  transition: color 0.2s;
}

.lang-link:hover, 
.lang-link.active {
  color: #ffffff;
}

.lang-divider {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .header-inner {
    flex-direction: column;
    gap: 1rem;
  }
  .header-left, 
  .header-center, 
  .header-right {
    width: 100%;
    justify-content: center;
    flex: auto;
  }
  .page-header {
    padding-bottom: 4rem;
  }
}

.content-card {
  border-radius: 1rem;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-top: -2rem; 
  z-index: 10;
  position: relative;
  background-color: white;
}

.content-nav-wrapper {
  position: relative;
}

.scroll-btn {
  position: absolute;
  top: 0;
  bottom: 0.5rem;
  width: 50px;
  z-index: 10;
  border: none;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  background: transparent;
}
.scroll-btn:hover{
    background-color: #03244F !important;
}
.profile-content .scroll-btn {
    bottom: 0;
}

.scroll-btn-left {
  left: 0;
    background-color: #03244F !important;
}

.scroll-btn-right {
  right: 0;
  background-color: #EF4B00 !important;
}

#bolum-filtre-alani-wrapper .scroll-btn-left,
.content-nav-wrapper nav ~ .scroll-btn-left { 
    background-color: #03244F !important;
}

#bolum-filtre-alani-wrapper .scroll-btn-right,
.content-nav-wrapper nav ~ .scroll-btn-right {
    background-color: #03244F !important;
}

.scroll-btn.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.horizontal-scroll-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: grab;
}

.horizontal-scroll-wrapper.active-scroll {
  cursor: grabbing;
}

.horizontal-scroll-wrapper::-webkit-scrollbar {
  display: none;
}

.faculty-pills .btn-pill {
  flex-shrink: 0;
  background-color: #f0f4f8;
  color: #5a788d;
  border-radius: 50rem;
  padding: 0.5rem 1.25rem;
  margin: 0.25rem;
  font-weight: 500;
  font-size: 0.9rem;
  border: 1px solid #dee2e6;
  transition: all 0.2s;
}

.faculty-pills .btn-pill:hover,
.faculty-pills .btn-pill.active {
  background-color: #03244F;
  color: white;
  border-color: #03244F;
}

#bolum-filtre-alani {
  background-color: #f8f9fa;
  border-radius: 0.75rem;
  padding: 0.5rem 0.25rem;
  margin-top: 0.5rem;
}

#bolum-filtre-alani .btn-pill {
  flex-shrink: 0;
  background-color: #fff;
  color: #03244F;
  border: 1px solid #dee2e6;
  border-radius: 50rem;
  padding: 0.4rem 1rem;
  margin: 0.25rem;
  font-weight: 500;
  font-size: 0.85rem;
}

#bolum-filtre-alani .btn-pill:hover {
  background-color: #eef;
}

#bolum-filtre-alani .btn-pill.active {
  background-color: #03244F;
  color: white;
  border-color: #03244F;
}

.title-filters {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}

.title-filters .nav-item {
  flex-shrink: 0;
}

.title-filters .nav-link {
  color: #6c757d;
  font-weight: 600;
  padding-bottom: 0.75rem;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
}

.title-filters .nav-link:hover,
.title-filters .nav-link.active {
  color: #03244F !important;
  border-bottom-color: #03244F;
}

.badge-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e6ebf0;
  color: #03244F;
  font-size: 0.75rem;
  font-weight: 700;
  height: 22px;
  padding: 0 10px;
  border-radius: 12px;
  transition: all 0.2s ease;
}

.title-filters .nav-link:hover .badge-count,
.title-filters .nav-link.active .badge-count {
  background-color: #03244F;
  color: #ffffff;
}

.search-wrapper-new {
  position: relative;
  border-bottom: 2px solid #ced4da;
  transition: border-color 0.2s;
}

.search-wrapper-new .form-control {
  border: none;
  padding-left: 2.5rem;
}

.search-wrapper-new .form-control:focus {
  box-shadow: none;
}

.search-wrapper-new:focus-within {
  border-color: #03244F;
}

.search-wrapper-new .search-icon {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
  pointer-events: none;
}

a.profile-card-wrapper {
  text-decoration: none;
  display: block;
  color: inherit;
}

.profile-card {
  border: 1px solid #eee;
  background-color: white;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  min-height: 280px;
}

a.profile-card-wrapper:hover .profile-card {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  background-color: var(--cau-primary-color-2);
  border-color: var(--cau-primary-color-2);
}

.profile-default {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  padding: 1.5rem;
}

.profile-default img {
  width: 130px;
  height: 130px;
  object-fit: cover;
}

.profile-default .card-title {
  color: #6c757d;
  font-size: 0.9rem;
}

.profile-default .card-text {
  color: #212529;
  font-weight: 600;
  font-size: 1.1rem;
}

.profile-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: var(--cau-primary-color-2);
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

a.profile-card-wrapper:hover .profile-default {
  opacity: 0;
  visibility: hidden;
}

a.profile-card-wrapper:hover .profile-hover {
  opacity: 1;
  visibility: visible;
}

a.profile-card-wrapper:hover .profile-default .card-title,
a.profile-card-wrapper:hover .profile-default .card-text {
  color: #ffffff;
}

.overlay-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.btn-overlay-pill {
  background-color: #ffffff;
  color: #03244F;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.25rem 0.6rem;
}

.overlay-long-pill {
  background-color: #ffffff;
  color: #03244F;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.4rem 0.8rem;
  text-align: center;
}
.profile-sidebar-inner {
  background-color: #03244F;
  color: #f0f4f8;
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  height: 100%;
  position: relative; 
}
.profile-sidebar-inner img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.profile-sidebar-inner .name {
  font-weight: 700;
  color: white;
  margin-top: 1rem;
}
.profile-back-btn {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  text-decoration: none;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.profile-back-btn i {
  font-size: 1.25rem;
  line-height: 1;
  margin-right: 2px;
}

.profile-back-btn:hover {
	background-color: var(--cau-primary-color );
    color: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--cau-primary-color );
}

.sidebar-info-list {
  list-style: none;
  padding-left: 0;
  margin-top: 2rem;
  font-size: 0.9rem;
}

.sidebar-info-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.sidebar-info-list li i {
  font-size: 1.25rem;
  margin-right: 1rem;
  width: 20px;
  color: white;
}

.sidebar-info-list li div small {
  color: #adb5bd;
  font-size: 0.8rem;
}

.sidebar-info-list li a {
  color: #f0f4f8;
  text-decoration: none;
}

.sidebar-info-list li a:hover {
  text-decoration: underline;
}

.sidebar-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  border-top: 1px solid #344a6c;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
}

.social-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  border-radius: 50%;
  text-decoration: none;
  transition: background-color 0.2s;
}

.social-icon:hover {
    background-color: rgb(239 75 0 / 82%);
}

.profile-content {
  padding: 1rem;
}

.content-nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: grab;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.content-nav::-webkit-scrollbar {
  display: none;
}

.content-nav.active-scroll {
  cursor: grabbing;
}

.content-nav .nav-link {
  color: #343a40;
  font-weight: 500;
  font-size: 0.9rem;
  flex-shrink: 0;
  white-space: nowrap;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

.content-nav .nav-link:hover {
  background-color: #e9ecef;
}

.content-section {
  margin-top: 2rem;
  scroll-margin-top: 5rem;
}

.section-title {
  font-weight: 600;
  color: #03244F;
  border-bottom: 2px solid #f0f4f8;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

.research-pill {
  display: inline-block;
  background-color: #fff4e6;
  color: #b97427;
  border: 1px solid #ffe8d1;
  border-radius: 50rem;
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
}

#baglantilar {
  margin: 50px 0px 75px 0px;
}

.baglantilar-card {
  background-color: #fff;
  border-radius: 0.8rem;
  margin-top: 50px;
  padding: 1.25rem 1.5rem;
  height: 100%;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.baglantilar-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.baglantilar-header {
  margin-bottom: 1.2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f0f0f0;
}

.baglantilar-logo-text {
  font-family: Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  display: inline-block;
}

.baglantilar-body {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.baglantilar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.95rem;
}

.baglantilar-label { color: #666; font-weight: 500; }
.baglantilar-value { font-weight: 700; font-size: 1.05rem; }
.text-scopus { color: #ff8000; }
.text-scholar { color: #4285F4; }
.baglantilar-border-scopus { border-top: 4px solid #ff8000; }
.baglantilar-border-scholar { border-top: 4px solid #4285F4; }

.baglantilar-q1-card {
  background-color: #fff;
  border-radius: 0.8rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.baglantilar-q1-header {
  padding: 1.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.baglantilar-q1-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}

.baglantilar-q1-label { color: #666; font-size: 0.95rem; font-weight: 500; }
.baglantilar-q1-value { color: #333; font-size: 1.75rem; font-weight: 800; line-height: 1; }

.baglantilar-q1-footer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.baglantilar-q1-box {
  flex: 1;
  min-width: 80px;
  padding: 1.25rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}

.baglantilar-q1-icon-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
  -webkit-text-stroke: 0.5px;
}

.baglantilar-q1-box-val { font-size: 1.2rem; font-weight: 700; line-height: 1; }
.baglantilar-q1-box-label { font-size: 0.8rem; font-weight: 600; opacity: 0.9; }

.baglantilar-q1-type-q1 { background-color: #f1f8f1; color: #4a7c4a; }
.baglantilar-q1-type-q1 .baglantilar-q1-icon-circle { background-color: #5c8d5d; color: white; }
.baglantilar-q1-type-q2 { background-color: #fcfbe3; color: #9da336; }
.baglantilar-q1-type-q2 .baglantilar-q1-icon-circle { background-color: #b0b63e; color: white; }
.baglantilar-q1-type-q3 { background-color: #fff5eb; color: #d9822b; }
.baglantilar-q1-type-q3 .baglantilar-q1-icon-circle { background-color: #e68e35; color: white; }
.baglantilar-q1-type-q4 { background-color: #fbecec; color: #d6454a; }
.baglantilar-q1-type-q4 .baglantilar-q1-icon-circle { background-color: #e04f54; color: white; }

@media (max-width: 576px) {
  .baglantilar-q1-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.ozgecmis-container {
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 1rem;
}

.ozgecmis-contact-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .ozgecmis-contact-grid { grid-template-columns: repeat(2, 1fr); }
}

.ozgecmis-contact-card {
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  padding: 1rem;
  border-radius: 0.5rem;
  transition: transform 0.2s;
}

.ozgecmis-contact-card:hover {
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}

.ozgecmis-icon {
  width: 45px;
  height: 45px;
  background-color: #eef2f7;
  color: #03244F;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.ozgecmis-info { display: flex; flex-direction: column; overflow: hidden; }
.ozgecmis-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; color: #6c757d; font-weight: 700; margin-bottom: 0.25rem; }
.ozgecmis-link { color: #333; text-decoration: none; font-weight: 500; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; transition: color 0.2s; }
.ozgecmis-link:hover { color: #0d6efd; text-decoration: underline; }
.ozgecmis-divider { margin: 1.5rem 0; color: #dee2e6; }
.ozgecmis-content p { color: #444; line-height: 1.7; margin-bottom: 1rem; text-align: justify; }

.ozgecmis-checkbox { display: none; }
.ozgecmis-hidden-text { display: none; }
.ozgecmis-checkbox:checked~.ozgecmis-content .ozgecmis-hidden-text { display: block; animation: sectionFadeIn 0.5s ease; }
.ozgecmis-btn-wrapper { text-align: center; margin-top: 2rem; }
.ozgecmis-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.6rem 2rem; border-radius: 50px; font-weight: 600; font-size: 0.9rem;
  cursor: pointer; transition: all 0.2s; color: #03244F; background-color: transparent; border: 2px solid #03244F;
}
.ozgecmis-btn:hover { background-color: #03244F; color: #fff; }
.ozgecmis-btn-hide { display: none; }
.ozgecmis-checkbox:checked~.ozgecmis-btn-wrapper .ozgecmis-btn-show { display: none; }
.ozgecmis-checkbox:checked~.ozgecmis-btn-wrapper .ozgecmis-btn-hide { display: inline-flex; }

@keyframes sectionFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.timeline-container { overflow-x: auto; padding: 20px 0 40px 0; -webkit-overflow-scrolling: touch; }
.timeline-container::-webkit-scrollbar { height: 6px; }
.timeline-container::-webkit-scrollbar-thumb { background-color: #dee2e6; border-radius: 10px; }
.timeline-wrapper { display: flex; justify-content: space-between; position: relative; min-width: 700px; padding: 0 30px; }
.timeline-line { position: absolute; top: 48px; left: 0; right: 0; height: 3px; background-color: #dee2e6; z-index: 0; border-radius: 2px; }
.timeline-item { position: relative; z-index: 1; text-align: center; flex: 1; padding: 0 10px; display: flex; flex-direction: column; align-items: center; }
.timeline-degree { font-weight: 700; color: #03244F; margin-bottom: 15px; font-size: 1rem; height: 24px; }
.timeline-dot { width: 18px; height: 18px; background-color: #17a2b8; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 1px #dee2e6; margin-bottom: 15px; }
.timeline-info { font-size: 0.85rem; color: #555; line-height: 1.4; }
.timeline-info .university { font-weight: 500; margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 180px; }
.timeline-info .year { color: #17a2b8; font-weight: 600; }

.yayinlar-grid, .projeler-grid, .tezler-grid, .oduller-grid {
  display: grid; gap: 1rem; grid-template-columns: 1fr; width: 100%;
}
@media (min-width: 768px) {
  .projeler-grid, .tezler-grid, .oduller-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .yayinlar-grid { grid-template-columns: repeat(2, 1fr); }
}

.yayinlar-card, .projeler-card, .tezler-card, .oduller-card {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.75rem; 
  padding: 1.5rem; 
  display: flex;
  align-items: center;
  transition: transform 0.2s, box-shadow 0.2s;
  height: 100%;
}

.yayinlar-card:hover, .projeler-card:hover, .tezler-card:hover, .oduller-card:hover {
  transform: translateY(-3px); 
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-color: #dee2e6;
}

.yayinlar-card { flex-direction: column; text-align: center; }
.yayinlar-icon { width: 50px; height: 50px; background-color: #f0f7f7; color: #03244F; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; margin-bottom: 1rem; }
.yayinlar-title { font-size: 0.95rem; font-weight: 600; color: #333; margin: 0; line-height: 1.4; }

.projeler-card { padding: 0.75rem 1rem; } 
.projeler-badge { width: 32px; height: 32px; background-color: #00bfa5; color: white; font-weight: 700; font-size: 0.9rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; flex-shrink: 0; }
.projeler-content { font-size: 0.95rem; color: #333; font-weight: 500; line-height: 1.4; }

.tezler-card { flex-direction: column; text-align: center; }
.tezler-icon { width: 50px; height: 50px; background-color: #fff4e6; color: #b97427; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; margin-bottom: 1rem; }
.tezler-year { display: inline-block; background-color: #f8f9fa; color: #6c757d; font-size: 0.8rem; font-weight: 700; padding: 0.25rem 0.6rem; border-radius: 20px; margin-bottom: 0.5rem; border: 1px solid #dee2e6; }
.tezler-title { font-size: 0.95rem; font-weight: 600; color: #333; margin: 0; line-height: 1.5; text-transform: uppercase; }

.oduller-card { flex-direction: column; text-align: center; border-radius: 12px; }
.oduller-icon-wrapper { width: 56px; height: 56px; background-color: #fff9db; color: #f59f00; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.75rem; margin-bottom: 1rem; flex-shrink: 0; }
.oduller-content { width: 100%; }
.oduller-year { display: inline-block; background-color: #f8f9fa; color: #6c757d; font-size: 0.8rem; font-weight: 700; padding: 0.25rem 0.6rem; border-radius: 20px; margin-bottom: 0.5rem; border: 1px solid #dee2e6; }
.oduller-title { font-size: 1rem; font-weight: 600; color: #333; margin: 0 0 0.25rem 0; line-height: 1.4; }
.oduller-org { font-size: 0.85rem; color: #666; margin: 0; }

.yayinlar-checkbox, .projeler-checkbox, .tezler-checkbox, .oduller-checkbox { display: none; }
.yayinlar-hidden, .projeler-hidden, .tezler-hidden, .oduller-hidden { display: none; }

.yayinlar-checkbox:checked~.yayinlar-grid .yayinlar-hidden,
.projeler-checkbox:checked~.projeler-grid .projeler-hidden,
.tezler-checkbox:checked~.tezler-grid .tezler-hidden,
.oduller-checkbox:checked~.oduller-grid .oduller-hidden {
  display: flex;
  animation: cardFadeIn 0.5s ease;
}

@keyframes cardFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.yayinlar-btn-wrapper, .projeler-btn-wrapper, .tezler-btn-wrapper, .oduller-btn-wrapper {
  text-align: center; margin-top: 2rem;
}

.yayinlar-btn, .projeler-btn, .tezler-btn, .oduller-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.6rem 2rem; border-radius: 50px; font-weight: 600; font-size: 0.9rem;
  cursor: pointer; transition: all 0.2s; color: #03244F; background-color: transparent; border: 2px solid #03244F;
}

.yayinlar-btn:hover, .projeler-btn:hover, .tezler-btn:hover, .oduller-btn:hover {
  background-color: #03244F; color: #fff;
}

.yayinlar-btn-hide, .projeler-btn-hide, .tezler-btn-hide, .oduller-btn-hide { display: none; }

.yayinlar-checkbox:checked~.yayinlar-btn-wrapper .yayinlar-btn-show,
.projeler-checkbox:checked~.projeler-btn-wrapper .projeler-btn-show,
.tezler-checkbox:checked~.tezler-btn-wrapper .tezler-btn-show,
.oduller-checkbox:checked~.oduller-btn-wrapper .oduller-btn-show {
  display: none;
}

.yayinlar-checkbox:checked~.yayinlar-btn-wrapper .yayinlar-btn-hide,
.projeler-checkbox:checked~.projeler-btn-wrapper .projeler-btn-hide,
.tezler-checkbox:checked~.tezler-btn-wrapper .tezler-btn-hide,
.oduller-checkbox:checked~.oduller-btn-wrapper .oduller-btn-hide {
  display: inline-flex;
}