* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-family-headings: 'Poppins', var(--font-family-base);
  --transition-speed-fast: 0.2s;
  --transition-speed-normal: 0.3s;
  --transition-speed-slow: 0.5s;
  --transition-easing: cubic-bezier(0.25, 0.8, 0.25, 1);
  --sidebar-width: 220px;
  --main-content-gap: 25px;
  --header-main-height: 75px;
  --header-subnav-height: 50px;
  --container-max-width: 1480px;
  --container-padding: 20px;
  --card-border-radius: 14px;
  --button-border-radius: 8px;
  --input-border-radius: 8px;

  --dark-bg-color: #101113;
  --dark-card-bg-color: #181a1d;
  --dark-header-bg-color: #141618;
  --dark-subnav-bg-color: #1a1c1f;
  --dark-footer-bg-top: #141618;
  --dark-footer-bg-bottom: #0e0f10;
  --dark-border-color: #2c2f33;
  --dark-border-color-light: #383c41;
  --dark-shadow-color-soft: rgba(0, 0, 0, 0.15);
  --dark-shadow-color-medium: rgba(0, 0, 0, 0.3);
  --dark-shadow-color-strong: rgba(0, 0, 0, 0.5);
  --dark-text-color: #e2e5e9;
  --dark-text-color-muted: #8a9199;
  --dark-text-color-footer: #a6acb3;
  --dark-text-color-strong: #ffffff;
  --dark-accent-color: #a569bd;
  --dark-accent-hover-color: #b47cc9;
  --dark-accent-glow-color: rgba(165, 105, 189, 0.2);
  --dark-accent-text-color: #ffffff;
  --dark-link-color: var(--dark-accent-color);
  --dark-link-hover-color: var(--dark-accent-hover-color);
  --dark-footer-link-color: var(--dark-text-color-footer);
  --dark-footer-link-hover-color: #ffffff;
  --dark-icon-color-default: var(--dark-text-color-muted);
  --dark-icon-color-accent: var(--dark-accent-color);
  --dark-input-bg-color: #1f2124;
  --dark-input-border-color: #35383d;
  --dark-input-focus-border-color: var(--dark-accent-color);
  --dark-input-placeholder-color: #60676e;
  --dark-button-secondary-bg: #2f3237;
  --dark-button-secondary-hover-bg: #3e4247;
  --dark-back-to-top-bg: #f1c40f;
  --dark-back-to-top-color: #2c3e50;
  --dark-back-to-top-hover-bg: #f39c12;
  --dark-accent-color-rgb: 165, 105, 189;
  --dark-danger-color: #e74c3c;
  --dark-danger-hover-color: #c0392b;
  --dark-success-color: #2ecc71;
  --dark-success-hover-color: #27ae60;
  --dark-info-color: #3498db;
  --dark-warning-color: #f39c12;
  --dark-table-header-bg: #1e2023;
  --dark-table-hover-bg: rgba(165, 105, 189, 0.06);
  --dark-table-row-border: #26292d;
  --dark-loadmore-bg: #1f2124;
  --dark-loadmore-border: #2c2f33;
  --dark-loadmore-hover-bg: #292c30;

  --light-bg-color: #f8f9fa;
  --light-card-bg-color: #ffffff;
  --light-header-bg-color: #ffffff;
  --light-subnav-bg-color: #f1f3f5;
  --light-footer-bg-top: #212529;
  --light-footer-bg-bottom: #1a1d20;
  --light-border-color: #e9ecef;
  --light-border-color-light: #f1f3f5;
  --light-shadow-color-soft: rgba(0, 0, 0, 0.04);
  --light-shadow-color-medium: rgba(0, 0, 0, 0.08);
  --light-shadow-color-strong: rgba(0, 0, 0, 0.12);
  --light-text-color: #343a40;
  --light-text-color-muted: #6c757d;
  --light-text-color-footer: #adb5bd;
  --light-text-color-strong: #000000;
  --light-accent-color: #8e44ad;
  --light-accent-hover-color: #7d3c9d;
  --light-accent-glow-color: rgba(142, 68, 173, 0.15);
  --light-accent-text-color: #ffffff;
  --light-link-color: var(--light-accent-color);
  --light-link-hover-color: var(--light-accent-hover-color);
  --light-footer-link-color: var(--light-text-color-footer);
  --light-footer-link-hover-color: #ffffff;
  --light-icon-color-default: var(--light-text-color-muted);
  --light-icon-color-accent: var(--light-accent-color);
  --light-input-bg-color: #ffffff;
  --light-input-border-color: #ced4da;
  --light-input-focus-border-color: var(--light-accent-color);
  --light-input-placeholder-color: #adb5bd;
  --light-button-secondary-bg: #e9ecef;
  --light-button-secondary-hover-bg: #dee2e6;
  --light-back-to-top-bg: #f1c40f;
  --light-back-to-top-color: #2c3e50;
  --light-back-to-top-hover-bg: #f39c12;
  --light-accent-color-rgb: 142, 68, 173;
  --light-danger-color: #dc3545;
  --light-danger-hover-color: #c82333;
  --light-success-color: #28a745;
  --light-success-hover-color: #218838;
  --light-info-color: #17a2b8;
  --light-warning-color: #ffc107;
  --light-table-header-bg: #f8f9fa;
  --light-table-hover-bg: rgba(142, 68, 173, 0.04);
  --light-table-row-border: #e9ecef;
  --light-loadmore-bg: #f1f3f5;
  --light-loadmore-border: #dee2e6;
  --light-loadmore-hover-bg: #e9ecef;
}

body {
  background-color: var(--dark-bg-color);
  color: var(--dark-text-color);
  --bg-color-current: var(--dark-bg-color);
  --card-bg-color-current: var(--dark-card-bg-color);
  --header-bg-color-current: var(--dark-header-bg-color);
  --subnav-bg-color-current: var(--dark-subnav-bg-color);
  --footer-bg-top-current: var(--dark-footer-bg-top);
  --footer-bg-bottom-current: var(--dark-footer-bg-bottom);
  --border-color-current: var(--dark-border-color);
  --border-color-light-current: var(--dark-border-color-light);
  --shadow-color-soft-current: var(--dark-shadow-color-soft);
  --shadow-color-medium-current: var(--dark-shadow-color-medium);
  --shadow-color-strong-current: var(--dark-shadow-color-strong);
  --text-color-current: var(--dark-text-color);
  --text-color-muted-current: var(--dark-text-color-muted);
  --text-color-footer-current: var(--dark-text-color-footer);
  --text-color-strong-current: var(--dark-text-color-strong);
  --accent-color-current: var(--dark-accent-color);
  --accent-hover-color-current: var(--dark-accent-hover-color);
  --accent-glow-color-current: var(--dark-accent-glow-color);
  --accent-text-color-current: var(--dark-accent-text-color);
  --link-color-current: var(--dark-link-color);
  --link-hover-color-current: var(--dark-link-hover-color);
  --footer-link-color-current: var(--dark-footer-link-color);
  --footer-link-hover-color-current: var(--dark-footer-link-hover-color);
  --icon-color-default-current: var(--dark-icon-color-default);
  --icon-color-accent-current: var(--dark-icon-color-accent);
  --input-bg-color-current: var(--dark-input-bg-color);
  --input-border-color-current: var(--dark-input-border-color);
  --input-focus-border-color-current: var(--dark-input-focus-border-color);
  --input-placeholder-color-current: var(--dark-input-placeholder-color);
  --button-secondary-bg-current: var(--dark-button-secondary-bg);
  --button-secondary-hover-bg-current: var(--dark-button-secondary-hover-bg);
  --back-to-top-bg-current: var(--dark-back-to-top-bg);
  --back-to-top-color-current: var(--dark-back-to-top-color);
  --back-to-top-hover-bg-current: var(--dark-back-to-top-hover-bg);
  --accent-color-rgb-current: var(--dark-accent-color-rgb);
  --danger-color-current: var(--dark-danger-color);
  --danger-hover-color-current: var(--dark-danger-hover-color);
  --success-color-current: var(--dark-success-color);
  --success-hover-color-current: var(--dark-success-hover-color);
  --table-header-bg-current: var(--dark-table-header-bg);
  --table-hover-bg-current: var(--dark-table-hover-bg);
  --table-row-border-current: var(--dark-table-row-border);
  --loadmore-bg-current: var(--dark-loadmore-bg);
  --loadmore-border-current: var(--dark-loadmore-border);
  --loadmore-hover-bg-current: var(--dark-loadmore-hover-bg);
}

body.light-theme {
  background-color: var(--light-bg-color);
  color: var(--light-text-color);
  --bg-color-current: var(--light-bg-color);
  --card-bg-color-current: var(--light-card-bg-color);
  --header-bg-color-current: var(--light-header-bg-color);
  --subnav-bg-color-current: var(--light-subnav-bg-color);
  --footer-bg-top-current: var(--light-footer-bg-top);
  --footer-bg-bottom-current: var(--light-footer-bg-bottom);
  --border-color-current: var(--light-border-color);
  --border-color-light-current: var(--light-border-color-light);
  --shadow-color-soft-current: var(--light-shadow-color-soft);
  --shadow-color-medium-current: var(--light-shadow-color-medium);
  --shadow-color-strong-current: var(--light-shadow-color-strong);
  --text-color-current: var(--light-text-color);
  --text-color-muted-current: var(--light-text-color-muted);
  --text-color-footer-current: var(--light-text-color-footer);
  --text-color-strong-current: var(--light-text-color-strong);
  --accent-color-current: var(--light-accent-color);
  --accent-hover-color-current: var(--light-accent-hover-color);
  --accent-glow-color-current: var(--light-accent-glow-color);
  --accent-text-color-current: var(--light-accent-text-color);
  --link-color-current: var(--light-link-color);
  --link-hover-color-current: var(--light-link-hover-color);
  --footer-link-color-current: var(--light-footer-link-color);
  --footer-link-hover-color-current: var(--light-footer-link-hover-color);
  --icon-color-default-current: var(--light-icon-color-default);
  --icon-color-accent-current: var(--light-icon-color-accent);
  --input-bg-color-current: var(--light-input-bg-color);
  --input-border-color-current: var(--light-input-border-color);
  --input-focus-border-color-current: var(--light-input-focus-border-color);
  --input-placeholder-color-current: var(--light-input-placeholder-color);
  --button-secondary-bg-current: var(--light-button-secondary-bg);
  --button-secondary-hover-bg-current: var(--light-button-secondary-hover-bg);
  --back-to-top-bg-current: var(--light-back-to-top-bg);
  --back-to-top-color-current: var(--light-back-to-top-color);
  --back-to-top-hover-bg-current: var(--light-back-to-top-hover-bg);
  --accent-color-rgb-current: var(--light-accent-color-rgb);
  --danger-color-current: var(--light-danger-color);
  --danger-hover-color-current: var(--light-danger-hover-color);
  --success-color-current: var(--light-success-color);
  --success-hover-color-current: var(--light-success-hover-color);
  --table-header-bg-current: var(--light-table-header-bg);
  --table-hover-bg-current: var(--light-table-hover-bg);
  --table-row-border-current: var(--light-table-row-border);
  --loadmore-bg-current: var(--light-loadmore-bg);
  --loadmore-border-current: var(--light-loadmore-border);
  --loadmore-hover-bg-current: var(--light-loadmore-hover-bg);
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap');

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-family-base);
  font-size: 14px;
  line-height: 1.65;
  overflow-x: hidden;
  transition: background-color var(--transition-speed-normal) var(--transition-easing),
              color var(--transition-speed-normal) var(--transition-easing);
}

.container {
  width: 95%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

a {
  color: var(--link-color-current);
  text-decoration: none;
  transition: color var(--transition-speed-fast) var(--transition-easing);
}
a:hover {
  color: var(--link-hover-color-current);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-headings);
  color: var(--text-color-strong-current);
  margin-bottom: 0.7em;
  letter-spacing: -0.5px;
  line-height: 1.3;
}

.card {
  background-color: var(--card-bg-color-current);
  border: 1px solid var(--border-color-current);
  border-radius: var(--card-border-radius);
  margin-bottom: var(--main-content-gap);
  box-shadow: 0 4px 20px var(--shadow-color-soft-current);
  overflow: hidden;
  animation: fadeInUp 0.6s var(--transition-easing) forwards;
  opacity: 0;
  transition: background-color var(--transition-speed-normal) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing),
              box-shadow var(--transition-speed-normal) var(--transition-easing),
              transform var(--transition-speed-fast) var(--transition-easing);
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px var(--shadow-color-medium-current);
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.recent-topics-section.card,
.category-section.card,
.ad-container,
.profile-header,
.profile-stats,
.profile-activity .section-title,
.activity-content .card {
  animation: fadeInUp 0.6s var(--transition-easing) forwards;
  opacity: 0;
}
.recent-topics-section.card { animation-delay: 0.1s; }
.category-section.card { animation-delay: 0.2s; }
.ad-container { animation-delay: 0.3s; }
.profile-header { animation-delay: 0.1s; }
.profile-stats { animation-delay: 0.2s; }
.profile-activity .section-title { animation-delay: 0.3s; }
.activity-content .card { animation-delay: 0.4s; }

.section-title {
  font-size: 1.25em;
  font-weight: 600;
  padding: 18px 25px;
  border-bottom: 1px solid var(--border-color-current);
  margin-bottom: 0;
  color: var(--text-color-strong-current);
  transition: border-color var(--transition-speed-normal) var(--transition-easing);
  letter-spacing: -0.3px;
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
  background-image: linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
}
body.light-theme .section-title { background-image: linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0)); }
.section-title i {
  margin-right: 10px;
  color: var(--accent-color-current);
  font-size: 1em;
  vertical-align: -2px;
}

.ad-container.ad-row-header {
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  display: flex;
  gap: var(--main-content-gap);
  margin-top: var(--main-content-gap);
  margin-bottom: 15px;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.section-footer {
  padding: 12px 25px;
  background-color: rgba(0,0,0,0.1);
  border-top: 1px solid var(--border-color-light-current);
  text-align: center;
  font-size: 0.9em;
  transition: background-color var(--transition-speed-normal) ease, border-color var(--transition-speed-normal) ease;
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
}
body.light-theme .section-footer { background-color: rgba(0,0,0,0.02); }

.button, button, input[type="submit"], input[type="button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-family: var(--font-family-base);
  font-size: 0.95em;
  font-weight: 600;
  border-radius: var(--button-border-radius);
  border: 1px solid transparent;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  transition: all var(--transition-speed-fast) var(--transition-easing);
  text-decoration: none;
}
.button i, button i { margin-right: 8px; vertical-align: -1px;}

.button-primary, .register-button, .new-topic-button, .login-button-form, .reply-button {
  background-color: var(--accent-color-current);
  color: var(--accent-text-color-current);
  border-color: var(--accent-color-current);
  box-shadow: 0 3px 8px rgba(var(--accent-color-rgb-current), 0.2);
}
.button-primary:hover, .register-button:hover, .new-topic-button:hover, .login-button-form:hover, .reply-button:hover {
  background-color: var(--accent-hover-color-current);
  border-color: var(--accent-hover-color-current);
  color: var(--accent-text-color-current);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(var(--accent-color-rgb-current), 0.3);
}

.button-secondary, .login-button {
  background-color: var(--button-secondary-bg-current);
  color: var(--text-color-current);
  border-color: var(--border-color-current);
  box-shadow: 0 2px 4px var(--shadow-color-soft-current);
}
.button-secondary:hover, .login-button:hover {
  background-color: var(--button-secondary-hover-bg-current);
  border-color: var(--border-color-light-current);
  color: var(--text-color-strong-current);
  transform: translateY(-1px);
  box-shadow: 0 3px 6px var(--shadow-color-soft-current);
}

.button-danger {
  background-color: var(--danger-color-current);
  color: #ffffff;
  border-color: var(--danger-color-current);
  box-shadow: 0 3px 8px rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.2);
}
.button-danger:hover {
  background-color: var(--danger-hover-color-current);
  border-color: var(--danger-hover-color-current);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.3);
}

.button-link {
  background: none;
  border: none;
  color: var(--link-color-current);
  padding: 5px;
  font-weight: 500;
}
.button-link:hover {
  color: var(--link-hover-color-current);
  text-decoration: underline;
}

.icon-button {
  background: none;
  border: none;
  color: var(--icon-color-default-current);
  font-size: 1.3em;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  line-height: 1;
  position: relative;
  transition: color var(--transition-speed-fast) var(--transition-easing),
              background-color var(--transition-speed-fast) var(--transition-easing),
              transform var(--transition-speed-fast) var(--transition-easing);
}
.icon-button:hover {
  color: var(--accent-color-current);
  background-color: var(--accent-glow-color-current);
  transform: scale(1.1);
}
.icon-button i { margin-right: 0; }

.form-group { margin-bottom: 20px; }
.form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--text-color-muted-current);
  font-size: 0.9em;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="search"],
.form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--input-border-color-current);
  background-color: var(--input-bg-color-current);
  color: var(--text-color-current);
  border-radius: var(--input-border-radius);
  font-family: var(--font-family-base);
  font-size: 1em;
  transition: border-color var(--transition-speed-fast) var(--transition-easing),
              box-shadow var(--transition-speed-fast) var(--transition-easing),
              background-color var(--transition-speed-fast) var(--transition-easing);
}
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--input-focus-border-color-current);
  box-shadow: 0 0 0 3px var(--accent-glow-color-current);
  background-color: var(--card-bg-color-current);
}
.form-group input[type="search"] { padding: 11px 16px; }
.form-group textarea {
  min-height: 150px;
  resize: vertical;
  line-height: 1.6;
}
.form-group small {
  display: block;
  margin-top: 8px;
  font-size: 0.85em;
  color: var(--text-color-muted-current);
}
::placeholder {
  color: var(--input-placeholder-color-current);
  opacity: 0.9;
}

.form-errors, .form-success {
  padding: 15px 20px;
  margin-bottom: 20px;
  border-radius: var(--button-border-radius);
  border: 1px solid;
  font-size: 0.95em;
}
.form-errors {
  background-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.1);
  border-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.3);
  color: var(--danger-color-current);
}
.form-success {
  background-color: rgba(var(--success-color-current-rgb, 40, 167, 69), 0.1);
  border-color: rgba(var(--success-color-current-rgb, 40, 167, 69), 0.3);
  color: var(--success-color-current);
}
.form-errors strong { display: block; margin-bottom: 5px; }
.form-errors ul { padding-left: 20px; margin-bottom: 0; }

.sticky-header-wrapper {
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 5px 25px var(--shadow-color-medium-current);
  background-color: var(--header-bg-color-current);
}
.site-header {
  background-color: transparent;
  padding: 15px 0;
  min-height: var(--header-main-height);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color-current);
  transition: background-color var(--transition-speed-normal) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing);
}
.header-flex { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%; }
.header-left { display: flex; align-items: center; gap: 15px; flex-shrink: 0; }
.logo img { max-height: 45px; display: block; transition: transform var(--transition-speed-normal) var(--transition-easing); }
.logo:hover img { transform: rotate(-3deg) scale(1.03); }
.header-center { flex-grow: 1; display: flex; justify-content: center; padding: 0 20px; }
.header-search {
  display: flex;
  align-items: center;
  background-color: var(--input-bg-color-current);
  border: 1px solid var(--input-border-color-current);
  border-radius: var(--input-border-radius);
  transition: background-color var(--transition-speed-normal) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing),
              box-shadow var(--transition-speed-fast) var(--transition-easing);
  min-width: 250px;
  max-width: 600px;
  width: 100%;
}
.header-search input[type="search"] {
  flex-grow: 1;
  padding: 11px 16px;
  border: none;
  background: transparent;
  color: var(--text-color-current);
  font-size: 1em;
  outline: none;
  min-width: 0;
}
.header-search button[type="submit"] {
  background: transparent;
  border: none;
  color: var(--text-color-muted-current);
  padding: 11px 15px;
  cursor: pointer;
  transition: color var(--transition-speed-fast) var(--transition-easing);
  border-top-right-radius: var(--input-border-radius);
  border-bottom-right-radius: var(--input-border-radius);
}
.header-search button[type="submit"]:hover { color: var(--accent-color-current); }
.header-search:focus-within {
  border-color: var(--input-focus-border-color-current);
  box-shadow: 0 0 0 3px var(--accent-glow-color-current);
  background-color: var(--card-bg-color-current);
}
.header-right.user-area { display: flex; align-items: center; flex-shrink: 0; gap: 10px; }

.notification-badge {
  position: absolute;
  top: -4px;
  right: -6px;
  background-color: var(--danger-color-current);
  color: white;
  font-size: 0.65em;
  font-weight: bold;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: 0 0 8px rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.7);
  animation: pulse-badge 1.5s infinite ease-in-out;
}
@keyframes pulse-badge {
  0% { transform: scale(1); box-shadow: 0 0 5px rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.5); }
  50% { transform: scale(1.1); box-shadow: 0 0 10px rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.8); }
  100% { transform: scale(1); box-shadow: 0 0 5px rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.5); }
}

.user-info { display: flex; align-items: center; gap: 10px; margin: 0 5px; padding: 5px 10px; border-radius: var(--button-border-radius); transition: background-color var(--transition-speed-fast) var(--transition-easing); cursor: pointer;}
.user-info:hover { background-color: rgba(var(--accent-color-rgb-current), 0.08); }
.user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid var(--border-color-current);
  object-fit: cover;
  transition: transform var(--transition-speed-normal) var(--transition-easing);
}
.user-info:hover .user-avatar { transform: scale(1.1); }
.user-details { display: flex; flex-direction: column; align-items: flex-start; }
.welcome-text { font-size: 0.8em; color: var(--text-color-muted-current); line-height: 1.2; margin-bottom: -2px; }
.username { font-weight: 600; color: var(--text-color-strong-current); line-height: 1.2; font-size: 0.95em; transition: color var(--transition-speed-fast) var(--transition-easing); }
.user-info:hover .username { color: var(--link-hover-color-current); }

.logout-button {
  padding: 8px;
  font-size: 1.2em;
  background: none;
  border: none;
  color: var(--text-color-muted-current);
  cursor: pointer;
  transition: color var(--transition-speed-fast) var(--transition-easing);
}
.logout-button:hover { color: var(--danger-color-current); }

.user-logged-out { display: flex; align-items: center; gap: 10px; }
.user-logged-in { display: none; }
body.user-is-logged-in .user-logged-in { display: flex; align-items: center; gap: 8px; }
body.user-is-logged-in .user-logged-out { display: none; }

.form-meta-links { display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; margin-top: 15px; }
.remember-me { display: flex; align-items: center; gap: 5px; color: var(--text-color-muted-current); cursor: pointer;}
.form-footer-link { text-align: center; margin-top: 25px; font-size: 0.95em; color: var(--text-color-muted-current); }
.form-footer-link a { font-weight: 500; }

.sub-navigation {
  background-color: var(--subnav-bg-color-current);
  border-bottom: 1px solid var(--border-color-current);
  min-height: var(--header-subnav-height);
  display: flex;
  align-items: center;
  transition: background-color var(--transition-speed-normal) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing);
}
.sub-nav-flex { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.sub-nav-links { list-style: none; display: flex; margin: 0; padding: 0 10px 0 0; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--accent-color-current) transparent; }
.sub-nav-links::-webkit-scrollbar { height: 4px; }
.sub-nav-links::-webkit-scrollbar-track { background: transparent; }
.sub-nav-links::-webkit-scrollbar-thumb { background-color: var(--accent-color-current); border-radius: 2px; opacity: 0.5; transition: opacity var(--transition-speed-fast) var(--transition-easing); }
.sub-nav-links:hover::-webkit-scrollbar-thumb { opacity: 0.8; }
.sub-nav-links li { margin: 0; }
.sub-nav-links a {
  display: flex;
  align-items: center;
  padding: 14px 22px;
  color: var(--text-color-muted-current);
  font-weight: 500;
  font-size: 0.98em;
  white-space: nowrap;
  position: relative;
  border-bottom: 3px solid transparent;
  transition: color var(--transition-speed-normal) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing),
              transform var(--transition-speed-fast) var(--transition-easing);
}
.sub-nav-links a i {
  margin-right: 8px;
  font-size: 1em;
  opacity: 0.8;
  transition: opacity var(--transition-speed-fast) var(--transition-easing),
              color var(--transition-speed-fast) var(--transition-easing);
  color: var(--icon-color-default-current);
  vertical-align: -2px;
}
.sub-nav-links a:hover {
  color: var(--text-color-strong-current);
  border-bottom-color: rgba(var(--accent-color-rgb-current), 0.4);
  transform: translateY(-1px);
}
.sub-nav-links a.active {
  color: var(--accent-color-current);
  font-weight: 600;
  border-bottom-color: var(--accent-color-current);
}
.sub-nav-links a:hover i, .sub-nav-links a.active i {
  opacity: 1;
  color: var(--accent-color-current);
}

.theme-switcher { display: flex; align-items: center; margin-left: auto; padding-left: 20px;}
#theme-toggle-subnav {
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  background-color: transparent;
  color: var(--icon-color-default-current);
  transition: all var(--transition-speed-normal) var(--transition-easing);
  flex-shrink: 0;
  font-size: 1.2em;
}
#theme-toggle-subnav:hover {
  color: var(--accent-color-current);
  background-color: var(--accent-glow-color-current);
  transform: rotate(20deg) scale(1.15);
}
#theme-toggle-subnav i { margin-right: 0; }

.left-sidebar {
  position: sticky;
  top: 95px; /* Bu değeri header yüksekliğine göre ayarlayabilirsin */
  height: auto;
  overflow-y: visible; /* Bu elementin kendi içinde kaydırma çubuğu olmamasını sağlar */
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-right: 0;
  /* width: var(--sidebar-width); veya sabit bir genişlik atayabiliriz: width: 220px; */
  /* flex-shrink: 0; Bu satırı buraya eklemeye gerek yok, çünkü yukarıda ekledik. */
  /* align-self: flex-start; Bu satırı buraya eklemeye gerek yok, çünkü yukarıda ekledik. */
}
/* Bu ::-webkit-scrollbar kuralı da .left-sidebar bloğunun hemen altında kalsın */
.left-sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.left-sidebar::-webkit-scrollbar-track { background: transparent; }
.left-sidebar::-webkit-scrollbar-thumb { background-color: transparent; }
.left-sidebar > .card { margin-bottom: var(--main-content-gap); }
.left-sidebar::-webkit-scrollbar {
  width: 0; 
  height: 0;
}
.left-sidebar::-webkit-scrollbar-track { background: transparent; }
.left-sidebar::-webkit-scrollbar-thumb { background-color: transparent; }
.left-sidebar > .card { margin-bottom: var(--main-content-gap); }

.main-column { min-width: 0; }
.main-content { padding: 0; }

.ad-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--main-content-gap);
  margin: var(--main-content-gap) 0;
  padding: 20px;
  background-color: var(--card-bg-color-current);
  border-radius: var(--card-border-radius);
  box-shadow: 0 4px 15px var(--shadow-color-soft-current);
  border: 1px solid var(--border-color-current);
}
.ad-slot {
  flex-basis: 48%;
  flex-grow: 1;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--bg-color-current);
  border: 1px dashed var(--border-color-light-current);
  border-radius: var(--input-border-radius);
  opacity: 1 !important; /* !important ekledik */
}

#loadMoreTopicsBtn {
  display: block;
  width: 100%;
  padding: 12px 20px;
  font-size: 0.95em;
  font-weight: 500; /* Biraz daha belirgin */
  background-color: transparent; /* Arka plan şeffaf */
  color: var(--text-color-muted-current);
  border: none; /* Kenarlıkları kaldır */
  border-top: 1px solid var(--border-color-light-current); /* Sadece üst çizgi */
  border-radius: 0; /* Köşe yuvarlaklığını sıfırla */
  /* Kartın alt köşeleriyle uyumlu olması için alt radiusları ekle */
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
  box-shadow: none;
  transition: background-color var(--transition-speed-fast) var(--transition-easing),
              color var(--transition-speed-fast) var(--transition-easing);
  margin: 0;
  cursor: pointer;
}

#loadMoreTopicsBtn:hover {
  background-color: var(--table-hover-bg-current); /* Tablo satırı hover rengi */
  color: var(--accent-color-current); /* Vurgu rengi */
}

/* Butonun bulunduğu div'in stilini sıfırla (çıkıntıyı kaldır) */
.recent-topics-section > div:has(#loadMoreTopicsBtn) {
  padding: 0; /* İç boşlukları kaldır */
  margin-top: 0;
  border-top: none; /* Üst border butona taşındı */
  background-color: transparent; /* Arka planı şeffaf yap */
  border-bottom-left-radius: 0; /* Radiuslar butona taşındı */
  border-bottom-right-radius: 0;
}

/* Yükleniyor ikonu için de arka planı şeffaf yapalım */
#loadingSpinner {
  padding: 15px 0; /* Buton yerine spinner gösterildiğinde boşluk */
  text-align: center;
  font-size: 1em;
  color: var(--text-color-muted-current);
  opacity: 0;
  transition: opacity var(--transition-speed-fast) ease-in-out;
  background-color: transparent; /* Arka plan şeffaf */
  /* Gerekirse radiusları spinner div'ine de ekleyebilirsiniz */
  /* border-bottom-left-radius: var(--card-border-radius); */
  /* border-bottom-right-radius: var(--card-border-radius); */
}
#loadingSpinner.visible { opacity: 1; }
#loadingSpinner i { margin-right: 8px; animation: spin 1.5s linear infinite; }

.recent-topics-section.card { padding-bottom: 0; }
.topic-tabs {
  padding: 0 15px;
  border-bottom: 1px solid var(--border-color-current);
  background-color: rgba(0,0,0,0.05);
  overflow-x: auto;
  scrollbar-width: none;
  border-top-left-radius: var(--card-border-radius);
  border-top-right-radius: var(--card-border-radius);
}
body.light-theme .topic-tabs { background-color: rgba(0,0,0,0.02); }
.topic-tabs::-webkit-scrollbar { display: none; }
.topic-tabs ul { list-style: none; display: flex; margin: 0; padding: 0; }
.topic-tabs li { margin-right: 5px; }
.topic-tabs a {
  display: block;
  padding: 13px 20px;
  color: var(--text-color-muted-current);
  font-weight: 500;
  font-size: 0.95em;
  border-bottom: 3px solid transparent;
  transition: color var(--transition-speed-normal) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing);
  white-space: nowrap;
  position: relative;
}
.topic-tabs a i { margin-right: 8px; vertical-align: -1px; }
.topic-tabs a:hover { color: var(--text-color-strong-current); }
.topic-tabs a.active { color: var(--accent-color-current); font-weight: 600; }
.topic-tabs a.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--accent-color-current);
}

.topic-table-wrapper {
  overflow-x: auto;
}

.topic-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.95em;
  table-layout: fixed;
}

.topic-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.topic-table th {
  background-color: var(--table-header-bg-current);
  color: var(--text-color-muted-current);
  font-weight: 600;
  font-size: 0.8em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: background-color var(--transition-speed-normal) var(--transition-easing);
  padding: 14px 15px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: left;
  border-bottom: 2px solid var(--border-color-current);
}

.topic-table th i {
  margin-right: 0;
  font-size: 1.2em;
  color: var(--icon-color-default-current);
  vertical-align: -2px;
  display: inline-block;
  width: 20px;
  text-align: center;
}

.topic-table th.col-title { padding-left: 25px; width: auto; }
.topic-table th.col-replies,
.topic-table th.col-views,
.topic-table th.col-category {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.topic-table th.col-replies { width: 70px; }
.topic-table th.col-views { width: 85px; }
.topic-table th.col-category { width: 150px; text-align: left; padding-right: 25px; }

.topic-table td {
  padding: 16px 15px;
  border-bottom: 1px solid var(--table-row-border-current);
  transition: background-color var(--transition-speed-fast) var(--transition-easing);
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topic-table tbody tr:hover td {
  background-color: var(--table-hover-bg-current);
}
.topic-table tbody tr:last-child td { border-bottom: none; }

.topic-table td.col-title { padding-left: 25px; white-space: normal; }
.topic-table td.col-category { padding-right: 25px; text-align: left;}

.topic-table td.col-title a {
  color: var(--text-color-current);
  font-weight: 500;
  transition: color var(--transition-speed-fast) var(--transition-easing);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topic-table td.col-title a:hover { color: var(--link-hover-color-current); }
.topic-table tr.topic-sticky td.col-title a { font-weight: 600; }
.topic-table .sticky-icon, .topic-table .locked-icon {
  color: var(--icon-color-accent-current);
  margin-right: 8px;
  font-size: 0.9em;
  vertical-align: middle;
}

.topic-table td.col-replies, .topic-table td.col-views { text-align: center; }
.topic-table td.col-replies { font-weight: 600; color: var(--text-color-strong-current); font-size: 0.95em; }
.topic-table td.col-views { color: var(--text-color-muted-current); font-size: 0.9em; }

.topic-table td.col-category a {
  color: var(--text-color-muted-current);
  font-size: 0.9em;
  transition: color var(--transition-speed-fast) var(--transition-easing);
}
.topic-table td.col-category a:hover { color: var(--link-hover-color-current); }

.category-section { margin-bottom: var(--main-content-gap); }
.category-section .category-item {
  display: flex;
  align-items: center;
  padding: 25px;
  border-bottom: 1px solid var(--border-color-light-current);
  transition: background-color var(--transition-speed-normal) var(--transition-easing),
              transform var(--transition-speed-fast) var(--transition-easing),
              box-shadow var(--transition-speed-fast) var(--transition-easing),
              border-color var(--transition-speed-normal) var(--transition-easing);
  position: relative;
}
.category-section .category-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
}
.category-section .category-item:hover {
  background: linear-gradient(135deg, rgba(var(--accent-color-rgb-current), 0.06) 0%, rgba(var(--accent-color-rgb-current), 0) 70%);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px var(--shadow-color-medium-current);
  z-index: 5;
  cursor: pointer;
  border-color: rgba(var(--accent-color-rgb-current), 0.15);
}
.category-icon {
  flex-basis: 55px;
  flex-shrink: 0;
  text-align: center;
  font-size: 2em;
  color: var(--accent-color-current);
  margin-right: 25px;
  transition: transform var(--transition-speed-normal) var(--transition-easing);
}
.category-item:hover .category-icon { transform: rotate(-10deg) scale(1.08); }
.category-info { flex-grow: 1; min-width: 0; }
.category-info h3 { margin-bottom: 6px; font-size: 1.2em; font-weight: 600; letter-spacing: -0.4px; }
.category-info h3 a { color: var(--text-color-strong-current); transition: color var(--transition-speed-fast) var(--transition-easing); }
.category-item:hover .category-info h3 a { color: var(--accent-hover-color-current); }
.category-info p { font-size: 0.9em; color: var(--text-color-muted-current); line-height: 1.55; }
.category-stats {
  flex-basis: 110px;
  flex-shrink: 0;
  text-align: center;
  font-size: 0.85em;
  color: var(--text-color-current);
  margin: 0 25px;
}
.category-stats span { display: block; font-weight: 500; }
.category-stats span:first-child { margin-bottom: 5px; font-size: 1.1em; color: var(--text-color-strong-current); }
.category-stats span:last-child { font-size: 0.8em; color: var(--text-color-muted-current); text-transform: uppercase; letter-spacing: 0.5px;}
.category-last-post {
  flex-basis: 210px;
  flex-shrink: 0;
  font-size: 0.85em;
  color: var(--text-color-muted-current);
  text-align: right;
  line-height: 1.5;
}
.category-last-post span { display: block; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.category-last-post span a { color: var(--text-color-current); font-size: 0.95em; font-weight: 500;}
.category-last-post span a:hover { color: var(--link-hover-color-current); }
.category-last-post span:nth-child(2) { font-size: 0.9em; }

.site-footer { margin-top: var(--main-content-gap); padding: 0; background: none; border-top: none; color: var(--text-color-footer-current); font-size: 0.9em; }
.footer-top {
  background-color: var(--footer-bg-top-current);
  padding: 25px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: background-color var(--transition-speed-normal) var(--transition-easing);
}
.footer-top-flex { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;}
.footer-icon-nav { display: flex; flex-wrap: wrap; gap: 15px 25px; }
.footer-icon-nav a {
  color: var(--footer-link-color-current);
  display: inline-flex;
  align-items: center;
  font-size: 0.95em;
  transition: color var(--transition-speed-fast) var(--transition-easing),
              transform var(--transition-speed-fast) var(--transition-easing);
}
.footer-icon-nav a i {
  margin-right: 8px;
  font-size: 1.1em;
  width: 20px;
  text-align: center;
  color: var(--icon-color-default-current);
  transition: color var(--transition-speed-fast) var(--transition-easing);
  vertical-align: -2px;
}
.footer-icon-nav a:hover {
  color: var(--footer-link-hover-color-current);
  transform: translateY(-2px);
}
.footer-icon-nav a:hover i { color: var(--accent-color-current); }
.back-to-top-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: var(--back-to-top-bg-current);
  color: var(--back-to-top-color-current);
  border: none;
  border-radius: 50%;
  font-size: 1.3em;
  cursor: pointer;
  transition: background-color var(--transition-speed-fast) var(--transition-easing),
              transform var(--transition-speed-fast) var(--transition-easing),
              box-shadow var(--transition-speed-fast) var(--transition-easing);
  flex-shrink: 0;
  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.back-to-top-button:hover {
  background-color: var(--back-to-top-hover-bg-current);
  transform: translateY(-3px) rotate(5deg);
  box-shadow: 0 5px 15px rgba(0,0,0,0.35);
}
.footer-bottom {
  background-color: var(--footer-bg-bottom-current);
  padding: 18px 0;
  font-size: 0.9em;
  transition: background-color var(--transition-speed-normal) var(--transition-easing);
}
.footer-bottom-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.copyright { color: var(--text-color-muted-current); }
.footer-links a { color: var(--footer-link-color-current); margin-left: 20px; transition: color var(--transition-speed-fast) var(--transition-easing); }
.footer-links a:hover { color: var(--footer-link-hover-color-current); }

.category-header {
  padding: 25px 30px;
  margin-bottom: var(--main-content-gap);
  background-color: var(--card-bg-color-current);
  border: 1px solid var(--border-color-current);
  border-radius: var(--card-border-radius);
  box-shadow: 0 6px 20px var(--shadow-color-soft-current);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.category-header h1 { margin-bottom: 5px; font-size: 2em; flex-grow: 1; line-height: 1.2; }
.category-header p { color: var(--text-color-muted-current); font-size: 1em; width: 100%; margin-top: 5px; }
.topics-in-category .topic-table th.col-category,
.topics-in-category .topic-table td.col-category { display: none; }

.topic-header {
  padding: 20px 25px;
  margin-bottom: var(--main-content-gap);
  background-color: var(--card-bg-color-current);
  border: 1px solid var(--border-color-current);
  border-radius: var(--card-border-radius);
  box-shadow: 0 6px 20px var(--shadow-color-soft-current);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.breadcrumbs { width: 100%; margin-bottom: 15px; font-size: 0.9em; }
.breadcrumbs ol { list-style: none; padding: 0; margin: 0; display: flex; gap: 5px; align-items: center; flex-wrap: wrap;}
.breadcrumbs li::after { content: '/'; margin-left: 8px; color: var(--text-color-muted-current); font-size: 0.9em; }
.breadcrumbs li:last-child::after { content: ''; }
.breadcrumbs a { color: var(--text-color-muted-current); }
.breadcrumbs a:hover { color: var(--link-hover-color-current); }
.breadcrumbs span[aria-current="page"] { color: var(--text-color-strong-current); font-weight: 500; }

.topic-header h1 {
  font-size: 1.8em;
  margin-bottom: 0;
  flex-grow: 1;
  color: var(--text-color-strong-current);
  line-height: 1.3;
  overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; white-space: normal;
}
.topic-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.topic-actions .button, .topic-actions .topic-locked-info { padding: 8px 15px; font-size: 0.9em; border-radius: var(--button-border-radius); text-decoration: none; display: inline-flex; align-items: center; cursor: pointer; border: none; font-weight: 500; white-space: nowrap; }
.topic-actions .button i { margin-right: 6px; }
.topic-locked-info { color: var(--text-color-muted-current); font-style: italic; background-color: rgba(0,0,0,0.05); }
body.light-theme .topic-locked-info { background-color: rgba(0,0,0,0.03); }
.topic-locked-info i { margin-right: 5px; vertical-align: -1px; }

.post.card { display: flex; flex-direction: row; overflow: hidden; padding: 0; }
.post-sidebar {
  flex-basis: 200px;
  flex-shrink: 0;
  background-color: rgba(0,0,0,0.04);
  padding: 25px;
  border-right: 1px solid var(--border-color-current);
  border-radius: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.light-theme .post-sidebar { background-color: #f8f9fa; }
.post-author-info { display: flex; flex-direction: column; align-items: center; margin-bottom: 15px; }
.post-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 4px solid var(--border-color-light-current);
  box-shadow: 0 4px 12px var(--shadow-color-soft-current);
  transition: transform var(--transition-speed-normal) var(--transition-easing);
  object-fit: cover;
}
.post-avatar:hover { transform: scale(1.06) rotate(2deg); }
.post-author-name { font-weight: 600; color: var(--text-color-strong-current); margin-bottom: 4px; font-size: 1.1em; }
.post-author-name:hover { color: var(--link-hover-color-current); }
.post-author-role { font-size: 0.85em; color: var(--text-color-muted-current); margin-bottom: 15px; font-style: italic; }
.post-author-stats { font-size: 0.8em; color: var(--text-color-muted-current); line-height: 1.5; }
.post-author-stats span { display: block; margin-bottom: 4px; }
.post-main { flex-grow: 1; display: flex; flex-direction: column; }
.post-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85em;
  color: var(--text-color-muted-current);
  border-bottom: 1px dashed var(--border-color-light-current);
  padding: 18px 25px;
  background-color: rgba(0,0,0,0.02);
}
body.light-theme .post-meta { background-color: rgba(0,0,0,0.01); }
.post-edited { margin-left: 8px; font-style: italic; opacity: 0.8; }
.post-permalink a { color: var(--text-color-muted-current); }
.post-permalink a:hover { color: var(--link-hover-color-current); }
.post-content { flex-grow: 1; line-height: 1.75; margin-bottom: 25px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; white-space: normal; padding: 25px; }
.post-content p:last-child { margin-bottom: 0; }
.post-actions { margin-top: auto; padding: 15px 25px; border-top: 1px dashed var(--border-color-light-current); display: flex; gap: 10px; justify-content: flex-end; background-color: rgba(0,0,0,0.02);}
body.light-theme .post-actions { background-color: rgba(0,0,0,0.01); }
.post-actions .button { padding: 6px 12px; font-size: 0.85em; }

.reply-form.card { padding: 25px 30px; margin-top: var(--main-content-gap); }
.reply-form h3 { font-size: 1.4em; margin-bottom: 20px; border-bottom: 1px solid var(--border-color-light-current); padding-bottom: 12px; }
.reply-form h3 i { margin-right: 10px; vertical-align: -1px; }
.reply-form .form-group { margin-bottom: 15px; }
.reply-form .form-actions { text-align: right; margin-top: 20px;}

.page-layout-single { display: block; }
.form-container.card { max-width: 550px; margin: 40px auto; padding: 35px 45px; }
.form-title { text-align: center; margin-bottom: 30px; font-size: 1.8em; color: var(--accent-color-current); }
.form-title i { margin-right: 12px; }
.form-actions { margin-top: 30px; text-align: center; }
.form-actions .button { padding: 12px 35px; font-size: 1.1em; }

.pagination { margin: 30px 0; text-align: center; }
.pagination ul { display: inline-flex; list-style: none; padding: 0; margin: 0; border-radius: var(--button-border-radius); box-shadow: 0 3px 8px var(--shadow-color-soft-current); overflow: hidden; }
.pagination li { margin: 0; }
.pagination li a, .pagination li span { display: block; padding: 10px 16px; color: var(--text-color-muted-current); background-color: var(--card-bg-color-current); border: 1px solid var(--border-color-light-current); border-left-width: 0; text-decoration: none; font-size: 0.9em; transition: background-color var(--transition-speed-fast) var(--transition-easing), color var(--transition-speed-fast) var(--transition-easing); }
.pagination li:first-child a, .pagination li:first-child span { border-left-width: 1px; border-top-left-radius: var(--button-border-radius); border-bottom-left-radius: var(--button-border-radius); }
.pagination li:last-child a, .pagination li:last-child span { border-top-right-radius: var(--button-border-radius); border-bottom-right-radius: var(--button-border-radius); }
.pagination li a:hover { background-color: var(--accent-glow-color-current); color: var(--accent-color-current); }
.pagination li.active span { background-color: var(--accent-color-current); color: var(--accent-text-color-current); border-color: var(--accent-color-current); font-weight: 600; cursor: default; }
.pagination li.disabled span { color: rgba(var(--text-color-muted-rgb, 130, 136, 144), 0.5); cursor: default; background-color: rgba(0,0,0,0.05); }
body.light-theme .pagination li.disabled span { color: rgba(108, 117, 125, 0.5); background-color: rgba(0,0,0,0.02); }

.profile-header { padding: 0; position: relative; margin-bottom: var(--main-content-gap); overflow: hidden; border-radius: var(--card-border-radius); background-color: var(--card-bg-color-current); border: 1px solid var(--border-color-current); box-shadow: 0 8px 25px var(--shadow-color-medium-current); }
.profile-banner { height: 200px; background-color: var(--accent-color-current); background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)), linear-gradient(135deg, var(--accent-color-current) 0%, var(--accent-hover-color-current) 100%); background-size: cover; background-position: center; border-bottom: 1px solid var(--border-color-current); }
.profile-info { display: flex; align-items: flex-end; padding: 20px 30px; margin-top: -80px; position: relative; gap: 30px; flex-wrap: wrap; background: linear-gradient(to top, var(--card-bg-color-current) 75%, transparent 100%); }
.profile-avatar { width: 150px; height: 150px; border-radius: 50%; border: 6px solid var(--card-bg-color-current); box-shadow: 0 6px 20px var(--shadow-color-medium-current); object-fit: cover; flex-shrink: 0; transition: transform var(--transition-speed-normal) var(--transition-easing); margin-bottom: 10px; }
.profile-avatar:hover { transform: scale(1.05) rotate(-2deg); }
.profile-details { flex-grow: 1; margin-bottom: 15px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.profile-details h1 { font-size: 2.4em; margin-bottom: 3px; color: var(--text-color-strong-current); line-height: 1.1; font-weight: 700; }
.profile-role { font-size: 1.1em; color: var(--text-color-muted-current); margin-top: 5px; display: block; font-weight: 500; }
.profile-status-inactive { color: var(--danger-color-current); font-weight: bold; font-size: 0.9em; margin-left: 10px; background-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.1); padding: 3px 8px; border-radius: var(--input-border-radius); }
.profile-actions { display: flex; gap: 12px; flex-shrink: 0; margin-bottom: 15px; margin-left: auto; }
.profile-actions .button { padding: 10px 20px; font-size: 0.95em; border-radius: var(--button-border-radius); border: none; box-shadow: 0 2px 5px var(--shadow-color-soft-current); transition: all var(--transition-speed-fast) var(--transition-easing); }
.profile-actions .button:hover { transform: translateY(-2px); box-shadow: 0 4px 10px var(--shadow-color-medium-current); }
.profile-actions .button i { margin-right: 7px; }
.profile-actions .accent-button { background-color: var(--accent-color-current); color: var(--accent-text-color-current); }
.profile-actions .accent-button:hover { background-color: var(--accent-hover-color-current); }
.profile-actions .secondary-button { background-color: var(--button-secondary-bg-current); color: var(--text-color-current); }
.profile-actions .secondary-button:hover { background-color: var(--button-secondary-hover-bg-current); }

.profile-stats.card { padding: 30px; margin-bottom: var(--main-content-gap); background-color: rgba(var(--card-bg-color-rgb, 24, 26, 29), 0.8); backdrop-filter: blur(8px); border: 1px solid var(--border-color-current); }
body.light-theme .profile-stats.card { background-color: rgba(255, 255, 255, 0.85); }
.profile-stats .section-title { padding: 0 0 20px 0; border-bottom: 1px solid var(--border-color-light-current); margin-bottom: 20px; background: none; font-size: 1.4em; text-align: center; letter-spacing: 0.5px; color: var(--text-color-strong-current);}
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 30px; font-size: 1em; }
.stats-grid > div { line-height: 1.5; background-color: rgba(0,0,0,0.1); padding: 18px; border-radius: var(--input-border-radius); border: 1px solid var(--border-color-light-current); transition: transform var(--transition-speed-fast) var(--transition-easing), box-shadow var(--transition-speed-fast) var(--transition-easing); text-align: center; }
body.light-theme .stats-grid > div { background-color: rgba(0,0,0,0.03); }
.stats-grid > div:hover { transform: translateY(-4px); box-shadow: 0 6px 12px var(--shadow-color-soft-current); }
.stats-grid span { color: var(--text-color-muted-current); display: block; font-size: 0.85em; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px;}
.stats-grid strong { color: var(--text-color-strong-current); font-weight: 600; font-size: 1.4em; display: block; }

.profile-activity.card { padding: 0; background-color: transparent; border: none; box-shadow: none; }
.profile-activity .section-title { padding: 18px 25px; border-bottom: 1px solid var(--border-color-current); margin-bottom: var(--main-content-gap); background-color: var(--card-bg-color-current); border-radius: var(--card-border-radius); border: 1px solid var(--border-color-current); box-shadow: 0 6px 20px var(--shadow-color-soft-current); font-size: 1.4em; }
.activity-content .card { margin-bottom: var(--main-content-gap); }
.activity-content > p { padding: 20px; text-align: center; color: var(--text-color-muted-current); }

.form-actions-flex { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }

.header-dropdowns { display: flex; align-items: center; gap: 5px; margin-right: 10px; }
.dropdown {
  position: relative;
  display: inline-block;
  /* Alt boşluk ekleyerek fare için köprü oluştur */
  padding-bottom: 10px;
  /* Eklenen padding'in diğer elementleri itmesini engelle */
  margin-bottom: -10px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  right: 0; /* Veya left: 0; */
  top: 100%;
  /* Üstteki boşluğu kaldırarak menüyü tetikleyiciye yaklaştır */
  margin-top: 0;
  background-color: var(--card-bg-color-current);
  min-width: 220px; /* Genişliği ayarla */
  box-shadow: 0 8px 25px var(--shadow-color-medium-current); /* Gölgeyi belirginleştir */
  border: 1px solid var(--border-color-current);
  border-radius: var(--input-border-radius);
  z-index: 1050;
  padding: 8px 0;
  max-height: 400px;
  overflow-y: auto;
  animation: fadeInDropdown 0.15s var(--transition-easing) forwards; /* Animasyon hızı ayarlandı */
  transform-origin: top right;
  opacity: 0;
}

/* Bu kuralın aynen kalması önemli (menünün üstündeyken açık kalması için) */
.dropdown:hover .dropdown-menu,
.dropdown-toggle:focus + .dropdown-menu, /* Klavye erişimi için */
.dropdown-menu:hover {
  display: block;
  opacity: 1;
}

/* Dropdown animasyonu (varsa) */
@keyframes fadeInDropdown {
  from { opacity: 0; transform: translateY(-5px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.dropdown:hover .dropdown-menu, .dropdown-toggle:focus + .dropdown-menu, .dropdown-menu:hover { display: block; opacity: 1; }
.dropdown-menu a, .dropdown-item-text { display: block; padding: 10px 18px; color: var(--text-color-current); font-size: 0.95em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; transition: background-color var(--transition-speed-fast) var(--transition-easing), color var(--transition-speed-fast) var(--transition-easing); }
.dropdown-menu a:hover { background-color: var(--accent-glow-color-current); color: var(--accent-color-current); }
.dropdown-item-text { color: var(--text-color-muted-current); font-style: italic; cursor: default; padding: 10px 18px; font-size: 0.9em;}
.dropdown-divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: var(--border-color-light-current); }

@media (max-width: 1200px) {
  .header-search { max-width: 400px; min-width: 200px; }
  .category-stats { flex-basis: 100px; margin: 0 15px;}
  .category-last-post { flex-basis: 180px; }
  .post-sidebar { flex-basis: 180px; }
}
@media (max-width: 992px) {
  .page-layout { grid-template-columns: 1fr; }
  .left-sidebar { position: static; height: auto; margin-bottom: var(--main-content-gap); order: 1; padding-right: 0;}
  .main-column { order: 2; }
  .header-flex { flex-wrap: wrap; }
  .header-center { order: 3; width: 100%; margin-top: 15px; padding: 0; }
  .header-search { max-width: none; margin: 0; }
  .header-left { order: 1; }
  .header-right.user-area { order: 2; }
  .footer-top-flex, .footer-bottom-flex { flex-direction: column; align-items: center; text-align: center; }
  .footer-icon-nav { justify-content: center; margin-bottom: 15px; }
  .back-to-top-button { margin-top: 10px; }
  .footer-links { margin-top: 10px; }
  .footer-links a { margin: 0 10px; display: inline-block; margin-bottom: 5px; }
  .category-section .category-item { flex-wrap: wrap; }
  .category-last-post { flex-basis: 100%; text-align: left; margin-top: 10px; }
}
@media (max-width: 768px) {
  :root { --sidebar-width: 100%; --main-content-gap: 20px; }
  .container { --container-padding: 15px; }
  .header-flex { justify-content: space-between; gap: 10px;}
  .header-left { order: 1; flex-grow: 0; }
  .logo img { max-height: 40px; }
  .header-right.user-area { order: 2; }
  .header-center { order: 3; margin-top: 10px; }
  .sub-nav-links a { padding: 12px 15px; font-size: 0.95em;}
  .ad-container { flex-direction: column; }
  .ad-slot { flex-basis: 100%; }
  .topic-table { table-layout: auto; } /* Mobil için auto daha iyi olabilir */
  .topic-table th, .topic-table td { padding: 12px 10px; font-size: 0.9em; }
  .topic-table th.col-title, .topic-table td.col-title { padding-left: 15px; }
  .topic-table th.col-category, .topic-table td.col-category { padding-right: 15px; }
  .topic-table th.col-views, .topic-table td.col-views,
  .topic-table th.col-lastreply, .topic-table td.col-lastreply { display: none; }
  .category-section .category-item { flex-direction: column; align-items: flex-start; text-align: left; padding: 20px; }
  .category-icon, .category-stats, .category-last-post { flex-basis: auto; text-align: left; margin: 8px 0; width: 100%; }
  .category-last-post { text-align: left; }
  .category-icon { margin-bottom: 10px; font-size: 1.8em;}
  .footer-icon-nav a { font-size: 0.9em; }
  /* --- Post Görünümü (topic.php) --- */

.post.card {
  padding: 0;
  margin-bottom: var(--main-content-gap);
  overflow: visible; /* Mesaj numarası dışarı taşabilsin */
  position: relative; /* Mesaj numarası için */
  background-color: var(--card-bg-color-current);
  border: 1px solid var(--border-color-current);
  box-shadow: 0 5px 15px var(--shadow-color-soft-current);
}

.post-wrapper {
  display: flex;
  flex-direction: row;
}

.post-sidebar {
  flex-basis: 210px;
  flex-shrink: 0;
  background-color: rgba(0,0,0,0.04); /* Hafif farklı arkaplan */
  padding: 25px 20px;
  border-right: 1px solid var(--border-color-current);
  border-top-left-radius: var(--card-border-radius);
  border-bottom-left-radius: var(--card-border-radius);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
body.light-theme .post-sidebar {
  background-color: #f8f9fa;
}

.post-author-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
}

.post-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 4px solid var(--border-color-light-current);
  box-shadow: 0 4px 12px var(--shadow-color-soft-current);
  transition: transform var(--transition-speed-normal) var(--transition-easing);
  object-fit: cover;
  background-color: var(--bg-color-current); /* Avatar yoksa arka plan */
}
.post-avatar:hover {
  transform: scale(1.05);
}

.post-author-details {
  width: 100%;
}

.post-author-name {
  font-weight: 600;
  color: var(--text-color-strong-current);
  margin-bottom: 5px;
  font-size: 1.15em;
  word-break: break-all;
}
.post-author-name a {
  color: inherit;
}
.post-author-name a:hover {
  color: var(--link-hover-color-current);
}

.post-author-rank-icons {
  margin-left: 5px;
  font-size: 0.9em;
}
.post-author-rank-icons .rank-icon {
  margin: 0 1px;
  /* İkon renkleri için ek sınıflar tanımlanabilir: .gold, .blue vs. */
}
.post-author-rank-icons .rank-icon.gold { color: #f1c40f; }
.post-author-rank-icons .rank-icon.blue { color: #3498db; }
.post-author-rank-icons .rank-icon.purple { color: #9b59b6; }


.post-author-title {
  font-size: 0.85em;
  color: var(--text-color-muted-current);
  margin-bottom: 10px;
}

.post-author-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin-bottom: 15px;
}
.post-author-badges .badge {
  font-size: 0.75em;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* Örnek Rozet Stilleri */
.post-author-badges .badge.corporate { background-color: #3498db; color: white; }
.post-author-badges .badge.plus { background-color: #e67e22; color: white; }
.post-author-badges .badge.startup { background-color: #2ecc71; color: white; }


.post-author-stats {
  font-size: 0.8em;
  color: var(--text-color-muted-current);
  line-height: 1.6;
  width: 100%;
  text-align: left; /* İstatistikler sola dayalı olabilir */
  border-top: 1px solid var(--border-color-light-current);
  padding-top: 15px;
}
.post-author-stats span {
  display: block;
  margin-bottom: 5px;
}
.post-author-stats strong {
   color: var(--text-color-current);
   font-weight: 500;
}

.post-main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-width: 0; /* Flexbox taşma sorununu önlemek için */
}

.post-main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.88em;
  color: var(--text-color-muted-current);
  border-bottom: 1px solid var(--border-color-current);
  padding: 12px 20px;
  background-color: rgba(0,0,0,0.02); /* Header'a hafif bir ton */
  border-top-right-radius: var(--card-border-radius); /* Sağ üst köşe */
}
body.light-theme .post-main-header {
  background-color: #fcfcfc;
}

.post-timestamp {
  display: flex;
  align-items: center;
  gap: 8px;
}
.post-timestamp i {
  margin-right: 4px;
}
.post-permalink { color: var(--text-color-muted-current); }
.post-permalink:hover { color: var(--link-hover-color-current); }
.post-edited { font-style: italic; opacity: 0.8; font-size: 0.9em; }

.post-meta-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.post-extra-meta {
  display: flex;
  gap: 10px;
  font-size: 0.9em;
}
.post-extra-meta i {
  margin-right: 3px;
  color: var(--icon-color-default-current);
}
.post-extra-meta strong {
    color: var(--text-color-current);
    font-weight: 500;
}

.post-stats-R10 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9em;
  border-left: 1px solid var(--border-color-light-current);
  padding-left: 15px;
}
.post-stats-R10 span { white-space: nowrap; }
.post-stats-R10 strong { color: var(--text-color-current); font-weight: 500;}
.post-stats-R10 .r10plus-dots {
    font-weight: bold;
    color: var(--success-color-current); /* Yeşil noktalar */
    letter-spacing: 1px;
}
.post-stats-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--text-color-muted-current);
    margin-left: 5px;
}
.post-stats-nav i { cursor: pointer; }
.post-stats-nav i:hover { color: var(--text-color-current); }


.post-message-number {
  font-size: 0.9em;
  font-weight: bold;
  color: #333;
  background-color: #f1c40f; /* Sarı arka plan */
  padding: 3px 8px;
  border-radius: 4px;
  margin-left: 10px;
  position: absolute; /* Kartın dışına taşır */
  top: -10px;
  right: 15px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
body.light-theme .post-message-number {
    color: #333;
    background-color: #f1c40f;
}

.post-content {
  flex-grow: 1;
  line-height: 1.75;
  padding: 25px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal; /* Önemli */
}
.post-content blockquote {
    border-left: 3px solid var(--accent-color-current);
    padding: 10px 15px;
    margin: 15px 0;
    background-color: rgba(var(--accent-color-rgb-current), 0.05);
    color: var(--text-color-muted-current);
    font-style: italic;
    border-radius: 4px;
}
.post-content blockquote p:last-child { margin-bottom: 0; }
.post-content p:last-child { margin-bottom: 0; }
.post-content img { max-width: 100%; height: auto; border-radius: 4px; }


.post-signature {
  border-top: 1px dashed var(--border-color-light-current);
  padding: 15px 25px;
  font-size: 0.85em;
  color: var(--text-color-muted-current);
  line-height: 1.6;
  margin-top: auto; /* İçeriği yukarı iter */
}
.post-signature p:last-child { margin-bottom: 0; }

.post-footer {
  border-top: 1px solid var(--border-color-current); /* Daha belirgin çizgi */
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0,0,0,0.02); /* Footer'a hafif bir ton */
  border-bottom-right-radius: var(--card-border-radius); /* Sağ alt köşe */
}
body.light-theme .post-footer {
  background-color: #fcfcfc;
}


.post-likes {
  display: flex;
  align-items: center;
  gap: 10px;
}
.button-like {
  background-color: var(--button-secondary-bg-current);
  color: var(--text-color-current);
  padding: 5px 10px;
  font-size: 0.85em;
  border: 1px solid var(--border-color-current);
}
.button-like i { margin-right: 5px; }
.button-like:hover {
  background-color: var(--button-secondary-hover-bg-current);
  border-color: var(--border-color-light-current);
}
.like-info {
  font-size: 0.85em;
  color: var(--text-color-muted-current);
  display: flex;
  align-items: center;
  gap: 5px;
}
.liked-by-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 5px; /* Butondan sonra */
}

.post-social-share {
  display: flex;
  gap: 5px;
}
.button-social {
  padding: 6px 8px;
  font-size: 1em;
  border-radius: 4px;
  color: white !important;
  border: none;
  line-height: 1;
}
.button-social i { margin-right: 0; }
.button-social.facebook { background-color: #3b5998; }
.button-social.facebook:hover { background-color: #2d4373; }
.button-social.twitter { background-color: #1da1f2; }
.button-social.twitter:hover { background-color: #0c85d0; }
.button-social.whatsapp { background-color: #25d366; }
.button-social.whatsapp:hover { background-color: #1ebe57; }


.post-actions {
  display: flex;
  gap: 8px;
}
.post-actions .button {
  padding: 5px 12px;
  font-size: 0.85em;
  background-color: var(--button-secondary-bg-current);
  color: var(--text-color-current);
  border: 1px solid var(--border-color-current);
}
.post-actions .button:hover {
  background-color: var(--button-secondary-hover-bg-current);
  border-color: var(--border-color-light-current);
}
.post-actions .button i { margin-right: 6px; font-size: 0.9em;}
.post-actions .button-quick-reply {
  background-color: var(--accent-color-current);
  color: var(--accent-text-color-current);
  border-color: var(--accent-color-current);
}
.post-actions .button-quick-reply:hover {
  background-color: var(--accent-hover-color-current);
  border-color: var(--accent-hover-color-current);
}


/* Mobil uyarlamalar (Mevcut @media sorgularına eklenebilir) */
@media (max-width: 768px) {
  .post-wrapper { flex-direction: column; }
  .post-sidebar {
    flex-basis: auto;
    border-right: none;
    border-bottom: 1px solid var(--border-color-current);
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
    padding: 15px;
    flex-direction: row; /* Sidebar içeriği yan yana */
    align-items: flex-start; /* Yukarı hizala */
    gap: 15px;
    text-align: left;
  }
  .post-avatar {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .post-author-info { margin-bottom: 0; flex-grow: 1; align-items: flex-start; }
  .post-author-details { width: auto; }
  .post-author-name { font-size: 1.05em; margin-bottom: 3px;}
  .post-author-title { margin-bottom: 6px; }
  .post-author-badges { justify-content: flex-start; margin-bottom: 0; }
  .post-author-stats { display: none; } /* Mobilde sidebar istatistiklerini gizle */

  .post-main { border-radius: 0 0 var(--card-border-radius) var(--card-border-radius); }
  .post-main-header { padding: 10px 15px; flex-wrap: wrap; gap: 8px; }
  .post-meta-right { width: 100%; justify-content: space-between; }
  .post-stats-R10 { padding-left: 10px; gap: 8px; font-size: 0.85em; border-left: none; }
  .post-message-number { position: static; margin-left: 0; order: -1; /* Başa al */}

  .post-content { padding: 20px 15px; }
  .post-signature { padding: 15px; }
  .post-footer { padding: 10px 15px; flex-wrap: wrap; gap: 10px;}
  .post-likes { width: 100%; justify-content: flex-start; order: 2; } /* Beğeni alta */
  .post-social-share { order: 1; }
  .post-actions { order: 3; margin-left: auto; } /* Butonlar sağa */
}

@media (max-width: 480px) {
  .post-sidebar { gap: 10px; padding: 12px;}
  .post-avatar { width: 50px; height: 50px; }
  .post-author-name { font-size: 1em; }
  .post-meta-right { flex-direction: column; align-items: flex-start; gap: 5px;}
  .post-stats-R10 { width: 100%; }
  .post-extra-meta { width: 100%; }
  .post-actions { width: 100%; justify-content: space-between;} /* Butonları yay */
  .post-social-share { margin-left: auto;}
  .post-likes { order: 3; }
  .post-actions { order: 2;}
  .post-social-share { order: 1; }

}
  .post-author-role { margin-bottom: 4px; font-size: 0.8em; }
  .post-author-stats { display: flex; flex-wrap: wrap; gap: 10px; font-size: 0.75em; margin-top: 8px;}
  .post-main { border-radius: 0 0 var(--card-border-radius) var(--card-border-radius); }
  .post-meta { padding: 12px 15px; }
  .post-content { padding: 20px 15px; }
  .post-actions { padding: 12px 15px; }
  .profile-info { flex-direction: column; margin-top: -60px; padding: 15px; gap: 15px;}
  .profile-avatar { width: 120px; height: 120px; margin-bottom: 10px; border-width: 5px; }
  .profile-details { margin-top: 0; text-align: center; text-shadow: none; margin-bottom: 0; }
  .profile-details h1 { font-size: 2em; }
  .profile-actions { margin-top: 10px; justify-content: center; margin-left: 0;.header-.header-right.user-logged-out .button {
  padding: 6px 12px;
  font-size: 0.85em;
  font-weight: 500;
  border-radius: 6px;
  box-shadow: none;
  transform: none;
}
.header-right.user-logged-out .button:hover {
    transform: none;
    box-shadow: none;
}
.header-right.user-logged-out .login-button {
  background-color: transparent;
  color: var(--text-color-muted-current);
  border: 1px solid var(--border-color-current);
}
.header-right.user-logged-out .login-button:hover {
  background-color: var(--button-secondary-bg-current);
  border-color: var(--border-color-light-current);
  color: var(--text-color-strong-current);
}
.header-right.user-logged-out .register-button {
  background-color: var(--accent-color-current);
  color: var(--accent-text-color-current);
  border-color: var(--accent-color-current);
}
.header-right.user-logged-out .register-button:hover {
  background-color: var(--accent-hover-color-current);
  border-color: var(--accent-hover-color-current);
  box-shadow: 0 2px 8px rgba(var(--accent-color-rgb-current), 0.2);
}
.header-right.user-logged-out .button i {
    margin-right: 5px;
    font-size: 0.95em;
} margin-bottom: 0; }
  .stats-grid { grid-template-columns: 1fr; gap: 15px;}
  .profile-stats.card { padding: 20px; }
  .profile-stats .section-title { padding-bottom: 15px; margin-bottom: 15px; }
}
@media (max-width: 480px) {
  :root { --main-content-gap: 15px; }
  .container { --container-padding: 10px; }
  .logo img { max-height: 35px; }
  .header-right.user-area { gap: 5px; }
  .user-info { padding: 5px; }
  .user-avatar { width: 32px; height: 32px; }
  .username { font-size: 0.9em; }
  .header-search { font-size: 0.9em; }
  .header-search input[type="search"] { padding: 9px 12px; }
  .header-search button[type="submit"] { padding: 9px 12px; }
  .sub-nav-links a { padding: 10px 12px; font-size: 0.9em;}
  .section-title { padding: 15px 20px; font-size: 1.15em;}
  .topic-table th { font-size: 0.75em; padding: 10px 8px; }
  .topic-table td { padding: 12px 8px; font-size: 0.85em;}
  .topic-table th.col-title, .topic-table td.col-title { padding-left: 10px; }
  .topic-table th.col-category, .topic-table td.col-category { display: none; } /* En küçükte kategori de gizlensin */
  .topic-table th.col-replies { width: 50px; }
  .button, button, input[type="submit"], input[type="button"] { font-size: 0.9em; padding: 8px 15px; }
  .form-container.card { padding: 25px 20px; }
  .form-title { font-size: 1.5em; margin-bottom: 20px;}
  .post-sidebar { padding: 12px; }
  .post-avatar { width: 45px; height: 45px; }
  .post-author-info { gap: 10px; }
  .post-content { padding: 15px; font-size: 0.95em; }
  .post-meta { padding: 10px 15px; font-size: 0.8em;}
  .post-actions { padding: 10px 15px; }
  .profile-banner { height: 150px; }
  .profile-info { margin-top: -50px; }
  .profile-avatar { width: 100px; height: 100px; }
  .profile-details h1 { font-size: 1.8em; }
}
.left-sidebar .ad-placeholder,
.left-sidebar .ad-sidebar-vertical {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 550px; /* Bu minimum yükseklik reklam gösterildiğinde de geçerli olacak */
 background-color: transparent; /* Arka planı şeffaf yap */
 border: none; /* Kenarlığı kaldır */
 border-radius: 0; /* Yuvarlak köşeleri kaldır */
 color: transparent; /* İçindeki "Sağ Dikey Reklam" gibi metinleri gizle */
 font-size: 0; /* Metin boyutu sıfırla */
 text-align: center;
 padding: 0; /* Padding'i kaldır */
 margin-bottom: var(--main-content-gap);
 background-image: none;
 box-shadow: none;
 opacity: 1; /* Opaklığı tam yap, reklamın kendisi görünür olsun */
 transition: none; /* Geçiş efektlerini kaldır */
}

/* Hover efektlerini kaldır */
.left-sidebar .ad-placeholder:hover,
.left-sidebar .ad-sidebar-vertical:hover {
 opacity: 1;
}

/* Aydınlık tema için de aynı kaldırma işlemlerini yap */
body.light-theme .left-sidebar .ad-placeholder,
body.light-theme .left-sidebar .ad-sidebar-vertical {
 background-color: transparent;
 border-color: transparent;
}

/* Kart içinde olan reklam placeholder'ı için de aynı şekilde */
.left-sidebar .card .ad-placeholder,
.left-sidebar .card .ad-sidebar-vertical {
 margin-bottom: 0;
 border-radius: 0;
 border: none; /* Kart içindeki dashed border'ı kaldır */
 background-color: transparent; /* Kart içindeki arka planı kaldır */
 min-height: 550px; /* Bu yine de reklamın minimum yüksekliğini belirler */
 opacity: 1;
}
body.light-theme .left-sidebar .card .ad-placeholder,
body.light-theme .left-sidebar .card .ad-sidebar-vertical {
 border-color: transparent;
 background-color: transparent;
}
.left-sidebar .card .ad-placeholder:hover,
.left-sidebar .card .ad-sidebar-vertical:hover {
opacity: 1;
}

body.light-theme .left-sidebar .ad-placeholder,
body.light-theme .left-sidebar .ad-sidebar-vertical {
    background-color: var(--light-input-bg-color);
    border-color: var(--light-border-color-light);
}

/* Reklam alanı bir kart içindeyse (opsiyonel) */
.left-sidebar .card .ad-placeholder,
.left-sidebar .card .ad-sidebar-vertical {
    margin-bottom: 0;
    border-radius: 0;
    border: 1px dashed var(--border-color-light-current);
    border-top-width: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    min-height: 550px; /* Burayı da güncelledik */
    opacity: 0.8;
    background-color: var(--input-bg-color-current);
}
body.light-theme .left-sidebar .card .ad-placeholder,
body.light-theme .left-sidebar .card .ad-sidebar-vertical {
    border-color: var(--light-border-color-light);
    background-color: var(--light-input-bg-color);
}
.left-sidebar .card .ad-placeholder:hover,
.left-sidebar .card .ad-sidebar-vertical:hover {
    opacity: 0.9;
}
/* Dropdown içindeki 'Daha Fazla' linki */
.dropdown-menu .dropdown-more-link {
  text-align: center;
  font-weight: 500;
  color: var(--text-color-muted-current);
  background-color: rgba(0,0,0,0.05); /* Hafif farklı arka plan */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px; /* Biraz daha boşluk */
  padding-bottom: 12px;
}
body.light-theme .dropdown-menu .dropdown-more-link {
  background-color: rgba(0,0,0,0.03);
}
.dropdown-menu .dropdown-more-link:hover {
  color: var(--accent-color-current);
  background-color: rgba(var(--accent-color-rgb-current), 0.1);
}
.dropdown-menu .dropdown-more-link i {
  margin-right: 6px;
}
.sidebar-nav {
  list-style: none;
  padding: 8px 0; /* Dikey boşluk */
  margin: 0;
}
.sidebar-nav li a {
  display: flex;
  align-items: center;
  padding: 10px 18px; /* Padding ayarlandı */
  color: var(--text-color-muted-current);
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
  font-size: 0.9em; /* Biraz küçültüldü */
  font-weight: 500;
}
.sidebar-nav li a:hover {
  background-color: var(--accent-glow-color-current);
  border-left-color: var(--accent-color-current);
  color: var(--text-color-strong-current);
}
.sidebar-nav li a.active {
  background-color: transparent;
  border-left-color: var(--accent-color-current);
  color: var(--accent-color-current); /* Aktif link rengi */
  font-weight: 600; /* Aktif link kalın */
}
.sidebar-nav li a i.fa-fw {
  margin-right: 10px;
  text-align: center;
  font-size: 1.05em; /* İkon boyutu */
  opacity: 0.9;
  width: 20px; /* Sabit genişlik */
}
.sidebar-nav li a:hover i,
.sidebar-nav li a.active i {
  opacity: 1;
  color: var(--accent-color-current);
}

/* --- Sayfa Başlığı (Gelen Kutusu vb.) --- */
.main-content > .topic-header.card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 22px; /* Padding ayarlandı */
}
.main-content > .topic-header.card h1 {
    margin-bottom: 0;
    font-size: 1.5em; /* Boyut ayarlandı */
}
.main-content > .topic-header.card h1 i {
    margin-right: 10px; /* İkon boşluğu */
    color: var(--accent-color-current);
}

/* --- Mesaj/İstek Listesi --- */
.message-list-section.card,
.message-request-list-section.card,
.friend-request-list-section.card {
  padding: 0; /* İçerik padding'i <li>'den gelecek */
  overflow: hidden; /* Radius için */
  margin-bottom: var(--main-content-gap); /* Alt boşluk */
}

.message-list,
.message-request-list,
.friend-request-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.message-list-item,
.message-request-item,
.friend-request-item {
  border-bottom: 1px solid var(--border-color-light-current);
  transition: background-color 0.15s ease;
}
.message-list-item:last-child,
.message-request-item:last-child,
.friend-request-item:last-child {
  border-bottom: none;
}

/* Tıklanabilir alan (tüm satır - sadece mesaj listesi için) */
.message-list-item .message-link {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  text-decoration: none;
  color: inherit;
  gap: 15px;
}
.message-list-item:hover {
  background-color: var(--table-hover-bg-current); /* Daha belirgin hover */
  cursor: pointer;
}

/* İstek item'ları (tıklanabilir değil, direkt item'a stil) */
.message-request-item,
.friend-request-item {
   display: flex;
   align-items: center;
   padding: 15px 20px;
   gap: 15px;
}


/* Avatar Alanı */
.message-avatar {
  position: relative;
  flex-shrink: 0;
}
.message-avatar img {
  width: 45px; /* Boyut ayarlandı */
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  background-color: var(--input-bg-color-current);
  border: 1px solid var(--border-color-light-current); /* Hafif border */
}
.unread-badge {
  position: absolute;
  bottom: -1px;
  right: -1px;
  background-color: var(--accent-color-current); /* Vurgu rengi */
  color: white;
  font-size: 0.75em;
  font-weight: 600;
  border-radius: 50%;
  min-width: 20px; /* Minimum genişlik */
  height: 20px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 2px solid var(--card-bg-color-current);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Orta Alan (İsim, Snippet/Zaman) */
.message-details {
  flex-grow: 1;
  min-width: 0; /* text-overflow için */
}
.message-partner { /* Hem mesaj listesi hem istekler için */
  font-weight: 500;
  color: var(--text-color-current);
  margin-bottom: 4px;
  font-size: 0.98em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-partner a { color: inherit; text-decoration: none;}
.message-partner a:hover { color: var(--link-hover-color-current); }

.message-snippet { /* Sadece mesaj listesi için */
  font-size: 0.9em;
  color: var(--text-color-muted-current);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.message-snippet i { font-size: 0.9em; opacity: 0.7; margin-right: 3px;}

.message-time { /* Hem mesaj listesi hem istekler için */
  font-size: 0.8em;
  color: var(--text-color-muted-current);
  white-space: nowrap;
}
.message-list-item .message-time { /* Mesaj listesinde sağ üstte */
   margin-left: auto;
   align-self: flex-start;
   padding-top: 2px;
}
.message-request-item .message-time,
.friend-request-item .message-time { /* İsteklerde ismin altında */
    margin-top: 2px;
    font-size: 0.85em;
}
.view-message-link { font-size: 0.9em; margin-left: 5px; }


/* Okunmamış Mesaj Stili */
.message-list-item.unread {
    background-color: rgba(var(--accent-color-rgb-current), 0.05); /* Hafif vurgulu arka plan */
    /* border-left: 3px solid var(--accent-color-current); */ /* Sol çizgi yerine BG daha iyi olabilir */
}
/* .message-list-item.unread .message-link { padding-left: calc(20px - 3px); } */

.message-list-item.unread .message-partner {
  font-weight: 600;
  color: var(--text-color-strong-current);
}
.message-list-item.unread .message-snippet {
  color: var(--text-color-current);
}
.message-list-item.unread .message-time {
    color: var(--text-color-current);
    font-weight: 500;
}


/* İstek Butonları */
.message-request-actions {
   margin-left: auto;
   display: flex;
   gap: 8px;
   flex-shrink: 0;
}
.button-small {
   padding: 4px 8px;
   font-size: 0.75em;
   font-weight: 500;
}
.button-small i { margin-right: 4px; font-size: 0.9em;}

/* Boş Liste Mesajı */
.message-list-section > div[style*="text-align: center"],
.message-request-list-section > div[style*="text-align: center"],
.friend-request-list-section > div[style*="text-align: center"] {
    padding: 40px 20px;
    font-size: 0.95em;
    color: var(--text-color-muted-current);
    text-align: center;
}
.main-content > .topic-header.card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}
.main-content > .topic-header.card h1 {
    margin-bottom: 0;
    font-size: 1.3em;
    display: flex;
    align-items: center;
    gap: 10px;
}
.main-content > .topic-header.card h1 img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid var(--border-color-light-current);
}
.main-content > .topic-header.card h1 a {
    color: var(--text-color-strong-current);
    text-decoration: none;
}
.main-content > .topic-header.card h1 a:hover {
    color: var(--link-hover-color-current);
}
.main-content > .topic-header.card .topic-actions .button {
    font-size: 0.8em;
    padding: 6px 12px;
}


/* --- Mesaj Akışı Alanı --- */
.message-thread.card {
  padding: 20px 15px;
  background-color: var(--input-bg-color-current); /* Hafif farklı BG */
  border-radius: var(--card-border-radius);
  margin-bottom: var(--main-content-gap);
  /* Gerekirse yükseklik ve scroll eklenebilir
  max-height: 60vh;
  overflow-y: auto;
  */
}
body.light-theme .message-thread.card {
    background-color: var(--light-input-bg-color);
}

/* Mesaj Balonu Genel Stili */
.message-bubble {
  display: flex;
  margin-bottom: 12px;
  max-width: 75%;
  align-items: flex-end;
  gap: 8px;
}

.message-sender-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: var(--card-bg-color-current);
  object-fit: cover;
  border: 1px solid var(--border-color-light-current);
}

.message-content-wrapper {
  padding: 10px 14px;
  border-radius: 15px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  position: relative;
}

.message-text {
  line-height: 1.6;
  word-wrap: break-word;
  font-size: 0.95em;
  color: var(--text-color-current);
}
.message-text p:last-child { margin-bottom: 0; }

.message-time-stamp {
  font-size: 0.7em;
  color: var(--text-color-muted-current);
  margin-top: 6px;
  text-align: right;
  display: block;
  opacity: 0.8;
}

/* Gönderilen Mesajlar (Sağa Hizalı) */
.message-sent {
  margin-left: auto; /* Sağa yasla */
  flex-direction: row-reverse; /* İçeriği ters çevir (avatar sağa) */
}
.message-sent .message-content-wrapper {
  background-color: var(--accent-color-current); /* Vurgu rengi arka plan */
  color: var(--accent-text-color-current); /* Vurgu metin rengi */
  border-bottom-right-radius: 5px; /* Sağ alt köşeyi düzleştir (balon efekti) */
}
.message-sent .message-text {
   color: var(--accent-text-color-current);
}
.message-sent .message-time-stamp {
  color: rgba(255,255,255,0.8); /* Vurgu rengi üzerinde okunabilir zaman */
}

/* Alınan Mesajlar (Sola Hizalı) */
.message-received {
  margin-right: auto; /* Sola yasla */
  flex-direction: row;
}
.message-received .message-content-wrapper {
  background-color: var(--button-secondary-bg-current); /* İkincil buton rengi */
  border-bottom-left-radius: 5px; /* Sol alt köşeyi düzleştir */
}
body.light-theme .message-received .message-content-wrapper {
   background-color: var(--light-button-secondary-bg);
   color: var(--light-text-color); /* Açık tema için metin rengi */
}
body.light-theme .message-received .message-time-stamp {
    color: var(--light-text-color-muted); /* Açık tema zaman damgası */
}

/* --- Cevap Formu --- */
#pm-reply-form.card {
    border-top: 1px solid var(--border-color-current);
    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius); /* Üst köşeler düz */
    margin-top: -1px; /* Üstteki mesaj alanı ile birleşik görünsün */
    padding: 20px 25px; /* Padding ayarlandı */
    background-color: var(--card-bg-color-current); /* Kart arka planı */
}
#pm-reply-form h3 { display: none; } /* "Cevap Yaz" başlığını gizle */
#pm-reply-form .form-group { margin-bottom: 15px; }
#pm-reply-form textarea {
    min-height: 80px; /* Daha kompakt textarea */
    font-size: 0.95em;
    border-color: var(--input-border-color-current);
}
#pm-reply-form textarea:focus {
    border-color: var(--input-focus-border-color-current);
    box-shadow: 0 0 0 3px var(--accent-glow-color-current);
}
#pm-reply-form .form-actions {
    margin-top: 10px;
    text-align: right;
}
#pm-reply-form .reply-button {
    font-size: 0.9em;
    padding: 8px 18px;
}
.message-status-icon {
  margin-left: 5px; /* Zaman damgasından sonraki boşluk */
  font-size: 0.9em; /* İkon boyutu */
  display: inline-block;
  vertical-align: middle; /* Zamanla hizalı olsun */
}
.delivered-icon {
  color: var(--text-color-muted-current); /* Gri tek tik */
  opacity: 0.7;
}
.seen-icon {
  color: #4fc3f7; /* Mavi çift tik (WhatsApp mavisi gibi) */
}
/* Açık tema için görüldü ikonu rengi (gerekirse ayarlanabilir) */
body.light-theme .seen-icon {
  color: #03a9f4;
}
/* Gönderilen mesaj balonundaki zaman/durum hizalaması */
.message-sent .message-time-stamp {
    color: rgba(255,255,255,0.8); /* Vurgu rengi üzerinde okunabilir zaman */
}
.message-sent .delivered-icon {
    color: rgba(255,255,255,0.6); /* Vurgu rengi üzerinde gri tik */
}
.message-sent .seen-icon {
    color: #ffffff; /* Vurgu rengi üzerinde beyaz çift tik */
}
.message-bubble .message-sender-avatar {
  display: none; /* Avatarları gizle */
}

/* Avatar gizlendiği için aradaki boşluğu (gap) sıfırla */
.message-bubble {
   gap: 0;
}
/* =============================================== */
/* --- Mesaj Listesi Görünüm ve Silme İyileştirmeleri (messages.php) --- */
/* =============================================== */

.message-list-section.card {
  padding: 0;
  overflow: hidden; /* Köşeler için */
  margin-bottom: var(--main-content-gap); /* Alt boşluk */
}

.message-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Liste Öğesi Genel */
.message-list-item {
  display: flex; /* Checkbox ve linki yan yana getir */
  align-items: center; /* Dikey ortala */
  border-bottom: 1px solid var(--border-color-light-current);
  transition: background-color 0.15s ease;
}
.message-list-item:last-child {
  border-bottom: none;
}
.message-list-item:hover {
  background-color: var(--table-hover-bg-current); /* Hover rengi */
}

/* Checkbox Alanı */
.message-checkbox {
  padding: 0 15px; /* Sağ ve sol boşluk */
  flex-shrink: 0; /* Boyutu sabit kalsın */
  display: flex;
  align-items: center;
}
.message-checkbox input[type="checkbox"] {
  cursor: pointer;
  transform: scale(1.1); /* Biraz daha büyük */
}

/* Mesaj Link Alanı (Checkbox sonrası tüm alan) */
.message-list-item .message-link {
  flex-grow: 1; /* Kalan tüm alanı kapla */
  display: flex;
  align-items: center;
  padding: 14px 15px 14px 0; /* Sol padding yok, checkbox'tan geldi */
  text-decoration: none;
  color: inherit;
  gap: 12px; /* Avatar ve detaylar arası boşluk */
  min-width: 0; /* Flexbox taşma önleme */
}

/* Avatar */
.message-avatar { position: relative; flex-shrink: 0; }
.message-avatar img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  background-color: var(--input-bg-color-current);
  border: 1px solid var(--border-color-light-current);
}
.unread-badge {
  position: absolute;
  bottom: -1px;
  right: -1px;
  background-color: var(--accent-color-current);
  color: white;
  font-size: 0.7em;
  font-weight: 600;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 2px solid var(--card-bg-color-current);
}

/* Orta Alan (İsim + Snippet) */
.message-details { flex-grow: 1; min-width: 0; padding-right: 10px; }
.message-partner { font-weight: 500; color: var(--text-color-current); margin-bottom: 3px; font-size: 0.95em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.message-partner a { color: inherit; text-decoration: none;}
.message-partner a:hover { color: var(--link-hover-color-current); }
.message-snippet { font-size: 0.88em; color: var(--text-color-muted-current); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 1.4; }
.message-snippet i { font-size: 0.9em; opacity: 0.7; margin-right: 3px;}

/* Zaman Damgası */
.message-time { margin-left: auto; flex-shrink: 0; font-size: 0.78em; color: var(--text-color-muted-current); white-space: nowrap; align-self: center; padding-left: 10px; }

/* Okunmamış Stil */
.message-list-item.unread { background-color: rgba(var(--accent-color-rgb-current), 0.04); border-left: 3px solid var(--accent-color-current); }
.message-list-item.unread .message-checkbox { padding-left: calc(15px - 3px); }
.message-list-item.unread .message-partner { font-weight: 600; color: var(--text-color-strong-current); }
.message-list-item.unread .message-snippet { color: var(--text-color-current); }
.message-list-item.unread .message-time { color: var(--text-color-current); font-weight: 500; }

/* Liste Altı Aksiyonları */
.message-list-actions {
  padding: 12px 20px;
  border-top: 1px solid var(--border-color-light-current);
  background-color: var(--post-footer-bg-current); /* Footer ile benzer BG */
  text-align: right;
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.message-list-actions .button-small { padding: 4px 8px; font-size: 0.75em; font-weight: 500; }
.message-list-actions .button-small i { margin-right: 4px; }
.message-list-actions .delete-all-button { /* Tümünü Sil butonu için özel stil */
    background-color: var(--danger-hover-color-current); /* Biraz daha koyu kırmızı */
    border-color: var(--danger-hover-color-current);
    font-size: 0.85em; /* Diğer butondan biraz büyük olabilir */
    padding: 6px 12px;
}
.message-list-actions .delete-all-button i { margin-right: 5px; }
.modal-overlay {
  position: fixed;
  inset: 0; /* top, right, bottom, left = 0 */
  background-color: rgba(0, 0, 0, 0.65); /* Daha belirgin overlay */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100; /* Diğer her şeyin üstünde */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0s 0.25s;
}
.modal-overlay.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease, visibility 0s 0s;
}
.modal-content {
  max-width: 480px; /* Genişlik */
  width: 90%;
  margin-bottom: 0; /* Kartın kendi margin'ini iptal et */
  box-shadow: 0 5px 25px var(--shadow-color-strong-current); /* Daha belirgin gölge */
  transform: scale(0.9);
  transition: transform 0.25s ease;
  overflow: hidden;
}
.modal-overlay.active .modal-content {
    transform: scale(1);
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px; /* Daha kompakt header */
  border-bottom: 1px solid var(--border-color-current);
}
.modal-header h3 {
  margin-bottom: 0;
  font-size: 1.1em; /* Başlık boyutu */
  line-height: 1.2;
}
.modal-close-button {
  background: none;
  border: none;
  font-size: 1.6em;
  line-height: 1;
  color: var(--text-color-muted-current);
  cursor: pointer;
  padding: 0 5px;
}
.modal-close-button:hover {
    color: var(--text-color-strong-current);
}
.modal-body {
  padding: 25px 20px; /* İçerik alanı boşluğu */
  line-height: 1.6;
  font-size: 0.95em;
  color: var(--text-color-current);
}
.modal-footer {
  display: flex;
  justify-content: flex-end; /* Butonlar sağa */
  gap: 10px;
  padding: 12px 20px; /* Daha kompakt footer */
  background-color: rgba(0,0,0,0.05);
  border-top: 1px solid var(--border-color-light-current);
}
body.light-theme .modal-footer {
    background-color: rgba(0,0,0,0.02);
}
.modal-footer .button {
    font-size: 0.85em;
    padding: 6px 14px; /* Buton boyutları */
    font-weight: 500;
}
.profile-nav.card {
    padding: 0;
    box-shadow: none; /* Kenar çubuğu için gölge olmaması genellikle daha temiz durur */
    border: none;
    background-color: transparent;
    margin-bottom: var(--main-content-gap);
}

.profile-nav .section-title {
    border-top-left-radius: var(--card-border-radius);
    border-top-right-radius: var(--card-border-radius);
    background-color: var(--card-header-bg-current, var(--card-bg-color-current)); /* Başlık için belki farklı bir arkaplan */
    border: 1px solid var(--border-color-current);
    border-bottom: 1px solid var(--border-color-current); /* Alt çizgiyi de ekleyelim */
    margin-bottom: 0;
    padding: 15px 20px;
    font-size: 1.05em; /* Biraz daha kompakt */
    font-weight: 600; /* Daha belirgin başlık */
}

.profile-nav .section-title i {
    font-size: 1em;
    margin-right: 10px; /* İkon ve yazı arası boşluk */
    color: var(--accent-color-current); /* Başlık ikon rengi */
}

.profile-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: var(--card-bg-color-current);
    border: 1px solid var(--border-color-current);
    border-top: none; /* Başlıkla birleştiği için üst border'a gerek yok */
    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
    overflow: hidden; /* Border radius'un düzgün çalışması için */
}

.profile-nav li a {
    display: flex;
    align-items: center;
    padding: 13px 20px; /* Biraz daha dikey boşluk */
    color: var(--text-color-muted-current);
    text-decoration: none;
    border-left: 4px solid transparent; /* Aktiflik için kenar çizgisi */
    transition: all 0.25s ease-in-out;
    font-size: 0.9em;
    font-weight: 500;
    border-bottom: 1px solid var(--border-color-light-current);
}

.profile-nav li:last-child a {
    border-bottom: none;
}

.profile-nav li a:hover {
    background-color: var(--accent-glow-color-current);
    color: var(--accent-color-current); /* Hover'da metin rengi de vurgulansın */
    border-left-color: var(--accent-color-current); /* Hover'da da border görünsün */
}

.profile-nav li a:hover i {
    color: var(--accent-color-current); /* Hover'da ikon da renklensin */
    opacity: 1;
}

.profile-nav li a.active {
    background-color: var(--accent-color-current); /* Aktif sekme için belirgin arkaplan */
    color: var(--card-bg-color-current); /* Aktif sekme metin rengi (kontrast için) */
    border-left-color: var(--accent-color-current); /* Zaten arkaplan aynı renk, bu daha koyu bir varyant olabilir veya kaldırılabilir */
    font-weight: 600;
}
body.light-theme .profile-nav li a.active {
    color: var(--light-text-color-on-primary, #fff); /* Açık temada aktif sekme metin rengi */
}


.profile-nav li a i.fa-fw {
    margin-right: 12px; /* İkon ve yazı arası biraz daha boşluk */
    text-align: center;
    font-size: 1.05em; /* İkonları biraz büyütelim */
    opacity: 0.7;
    width: 20px;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.profile-nav li a.active i {
    opacity: 1;
    color: inherit; /* Üst elementin (a.active) rengini alsın */
}


/* === SAĞ İÇERİK BÖLÜMLERİ === */
.profile-section.card {
    margin-bottom: var(--main-content-gap);
    /* JS display:none/block yapacak, .active class'ı animasyon için */
}

.profile-section.card.active {
    display: block;
    animation: fadeInSection 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

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

.profile-section .section-title {
    padding: 18px 25px; /* Başlık için biraz daha fazla iç boşluk */
    font-size: 1.2em; /* İçerik başlıkları biraz daha büyük */
    font-weight: 600;
    border-bottom: 1px solid var(--border-color-current); /* Başlık ve içerik arasını ayır */
    background-color: var(--card-header-bg-current, var(--card-bg-color-current));
}

.profile-section .card-content {
    padding: 25px 30px 30px; /* Alt boşluğu da artıralım */
}


/* === GENEL FORM ELEMANLARI === */
.form-group {
    margin-bottom: 22px; /* Form grupları arası daha fazla boşluk */
}

.form-group label {
    display: block;
    margin-bottom: 8px; /* Etiket ve input arası boşluk */
    font-weight: 500;
    font-size: 0.9em;
    color: var(--text-color-current);
}

/* Genel Input ve Textarea Stilleri */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
    width: 100%;
    padding: 10px 14px; /* Daha ferah iç boşluk */
    border: 1px solid var(--input-border-color-current);
    background-color: var(--input-bg-color-current);
    color: var(--text-color-current);
    border-radius: var(--input-border-radius, 6px); /* Daha belirgin border radius */
    font-size: 0.95em;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    height: 42px; /* Standart yükseklik (textarea hariç) */
    box-sizing: border-box;
}
textarea {
    height: auto; /* Textarea yüksekliği içeriğe göre artsın */
    min-height: 100px; /* Minimum yükseklik */
    line-height: 1.5;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus {
    outline: none;
    border-color: var(--accent-color-current);
    box-shadow: 0 0 0 2px var(--accent-glow-color-current); /* Odaklanma efekti */
}

/* Dosya Yükleme Butonları (Basit iyileştirme) */
input[type="file"] {
    font-size: 0.9em;
    padding: 8px 0; /* Dikey padding'i azalt */
    border: none; /* Kenarlığı kaldır */
    background: none;
    height: auto;
}
input[type="file"]::-webkit-file-upload-button { /* Chrome, Edge, Opera */
    padding: 8px 15px;
    border-radius: var(--button-border-radius);
    background-color: var(--button-secondary-bg-current);
    color: var(--button-secondary-text-current);
    border: 1px solid var(--button-secondary-border-current);
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-weight: 500;
    margin-right: 10px;
}
input[type="file"]::-webkit-file-upload-button:hover {
    background-color: var(--button-secondary-hover-bg-current);
}
input[type="file"]::file-selector-button { /* Firefox */
    padding: 8px 15px;
    border-radius: var(--button-border-radius);
    background-color: var(--button-secondary-bg-current);
    color: var(--button-secondary-text-current);
    border: 1px solid var(--button-secondary-border-current);
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-weight: 500;
    margin-right: 10px;
}
input[type="file"]::file-selector-button:hover {
     background-color: var(--button-secondary-hover-bg-current);
}


/* === LİNK GİRİŞ ALANLARI İÇİN ÖZEL STİLLER === */
.input-group { /* Twitter, Website, Facebook için ortak wrapper */
    display: flex;
    align-items: center; /* Dikeyde ortala */
    border: 1px solid var(--input-border-color-current);
    border-radius: var(--input-border-radius, 6px);
    background-color: var(--input-bg-color-current);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    height: 42px; /* Standart yükseklik */
}
.input-group:focus-within { /* Wrapper'a odaklanma efekti */
    border-color: var(--accent-color-current);
    box-shadow: 0 0 0 2px var(--accent-glow-color-current);
}

.input-group-addon {
    padding: 0 12px; /* İkon/prefix için boşluk */
    color: var(--icon-color-muted-current);
    font-size: 0.95em;
    /* background-color: var(--input-addon-bg-current, var(--border-color-light-current)); /* Prefix/ikon arkaplanı */
    /* border-right: 1px solid var(--input-border-color-current); */ /* Input ile arasında çizgi */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Wrapper yüksekliğini alsın */
    min-width: 40px; /* Minimum genişlik */
}
body.light-theme .input-group-addon {
    /* background-color: var(--light-input-addon-bg-current, #e9ecef); */
}

.input-group input[type="text"],
.input-group input[type="url"] {
    border: none; /* Wrapper border aldığı için input'un border'ına gerek yok */
    background-color: transparent; /* Wrapper arkaplan aldığı için */
    flex-grow: 1; /* Kalan alanı kaplasın */
    padding: 10px 14px; /* Soldaki addon'a göre padding ayarı */
    height: 100%; /* Wrapper yüksekliğini alsın */
    border-radius: 0; /* Wrapper zaten border radius alıyor */
}
.input-group input[type="text"]:focus,
.input-group input[type="url"]:focus {
    box-shadow: none; /* Odaklanma efekti wrapper'da */
}

/* Twitter özelinde, mevcut span'i addon gibi kullanmak */
#twitter_handle_group .input-group-addon { /* HTML'de div'e id="twitter_handle_group" class="input-group" ekle */
    font-weight: 600;
    color: var(--social-twitter-color, #1DA1F2); /* Twitter rengi */
    padding: 0 12px;
}
#twitter_handle_group input#twitter_handle {
    padding-left: 10px; /* @ işaretinden sonraki boşluk */
}


/* === KAYDET BUTONU === */
.form-actions {
    text-align: right;
    margin-top: 25px; /* Buton ve form elemanları arası boşluk */
    padding: 0; /* Zaten kart içinde */
}

.form-actions .button-primary {
    padding: 10px 25px; /* Buton iç boşluğu */
    font-size: 0.98em;
    font-weight: 600;
}
.form-actions .button-primary i {
    margin-right: 8px;
}

/* Yardımcı metinler (örn: imza, şifre için) */
.form-group small {
    font-size: 0.85em;
    color: var(--text-color-muted-current);
    margin-top: 5px;
    display: inline-block; /* margin-top çalışsın diye */
}
.image-upload-wrapper {
    display: flex;
    gap: 20px; /* Önizleme ve kontroller arası boşluk */
    align-items: flex-start; /* Dikeyde üste hizala */
    padding: 15px;
    border: 1px dashed var(--input-border-color-current); /* Kesikli çizgiyle bir alan hissi */
    border-radius: var(--card-border-radius);
    background-color: var(--input-bg-color-current); /* Arkaplan rengi */
}

.image-upload-wrapper.cover-upload-wrapper {
    flex-direction: column; /* Kapak fotoğrafı için dikey dizilim */
    align-items: stretch;
}

.image-preview {
    position: relative;
    cursor: pointer;
    overflow: hidden; /* image-edit-button taşmasın */
    border-radius: var(--border-radius-medium, 8px); /* Genel bir border radius değişkeni */
    border: 2px solid var(--border-color-light-current);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: box-shadow 0.2s ease;
}
.image-preview:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.image-preview img {
    display: block;
    object-fit: cover; /* Resimlerin orantılı ve alanı kaplamasını sağlar */
}

/* Avatar Önizleme */
.avatar-preview {
    width: 120px;
    height: 120px;
    border-radius: 50%; /* Yuvarlak avatar */
}
.avatar-preview img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/* Kapak Fotoğrafı Önizleme */
.cover-preview {
    width: 100%;
    height: 200px; /* Yüksekliği sabit veya orantılı ayarlanabilir */
    background-color: var(--border-color-light-current); /* Placeholder için arkaplan */
    display: flex;
    align-items: center;
    justify-content: center;
}
.cover-preview img {
    width: 100%;
    height: 100%;
    max-height: 200px; /* Yüksekliği aşmasın */
}
.cover-preview img.placeholder-cover {
    /* Placeholder için özel stiller gerekirse */
    filter: grayscale(1); opacity: 0.5;
}


.image-edit-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em; /* İkon boyutu */
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    cursor: pointer;
    border-radius: inherit; /* Üst elementin border-radius'unu alsın */
}
.avatar-preview .image-edit-button {
    border-radius: 50%;
}

.image-preview:hover .image-edit-button {
    opacity: 1;
}

.file-input-hidden {
    display: none !important; /* Gerçek inputu tamamen gizle */
}

.image-upload-controls {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Kontrol elemanları arası boşluk */
    justify-content: center; /* Dikeyde ortala (avatar için) */
}
.cover-upload-wrapper .image-upload-controls {
    margin-top: 15px; /* Kapak önizlemesi sonrası boşluk */
    align-items: flex-start; /* Butonlar sola yaslansın */
}


.browse-button { /* Mevcut buton stilinizi kullanır, button-outline varsaydım */
    padding: 8px 15px;
    font-size: 0.9em;
    align-self: flex-start; /* Kendi genişliğinde kalsın */
}
.browse-button i {
    margin-right: 8px;
}

.file-info { /* Max boyut, dosya türleri bilgisi */
    font-size: 0.85em;
    color: var(--text-color-muted-current);
}

.file-name-display { /* Seçilen dosya adını gösterecek alan */
    font-size: 0.85em;
    color: var(--text-color-current);
    font-style: italic;
    word-break: break-all; /* Uzun dosya adları için */
    margin-top: 5px;
}

/* Input odaklanma genel iyileştirmesi (önceki CSS'ten) */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
.input-group:focus-within { /* Bunu da ekleyelim */
    outline: none;
    border-color: var(--accent-color-current) !important; /* Wrapper border alıyorsa önemli */
    box-shadow: 0 0 0 3px var(--accent-glow-color-current) !important; /* Biraz daha belirgin odak */
}
/* === PROFİL SAYFASI İYİLEŞTİRMELERİ === */
.profile-header.card {
    box-shadow: 0 10px 35px var(--shadow-color-medium-current);
    border: none;
    margin-bottom: calc(var(--main-content-gap) + 10px);
    overflow: visible; /* Avatar taşması için */
}

.profile-banner {
    height: 250px; /* Yüksekliği biraz azaltabiliriz */
    background-size: cover;
    background-position: center center;
    background-color: var(--placeholder-bg-color-current, #333);
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0; /* Üst köşeler */
}

.profile-info-bar {
    display: flex;
    align-items: flex-end; /* Öğeleri alta hizala */
    padding: 0 30px 20px;
    margin-top: -70px; /* Avatarın banner üzerine taşması */
    position: relative;
    gap: 20px;
    flex-wrap: wrap;
    /* Alt gradient kaldırıldı, basitlik için */
}

.profile-avatar-wrapper {
    margin-bottom: -15px; /* Avatarın biraz daha aşağıda durması için */
    flex-shrink: 0;
    z-index: 3; /* Butonların üzerinde */
}

.profile-avatar {
    width: 140px; /* Avatar boyutu */
    height: 140px;
    border-radius: 50%;
    border: 5px solid var(--card-bg-color-current);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    background-color: var(--card-bg-color-current);
    object-fit: cover;
}

.profile-details {
    flex-grow: 1;
    padding-bottom: 5px; /* Butonlarla hizalamak için */
    z-index: 1;
    min-width: 0; /* Flexbox taşma sorunu için */
}

.profile-details h1 {
    font-size: 2em;
    margin-bottom: 2px;
    font-weight: 700;
    color: var(--text-color-strong-current);
    /* Banner üzerine taşan yazı için gölge */
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
}

.profile-role {
    font-size: 1em;
    color: var(--text-color-muted-current);
    font-weight: 500;
    margin-bottom: 5px; /* Unvan için yer aç */
    display: block; /* Yeni satıra geç */
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.profile-role i {
    opacity: 0.8;
    margin-right: 6px;
}

/* Özel Unvan için Yeni Stil */
.user-title-badge.profile-title-badge {
    display: inline-block; /* Yeni satırda değil, rolün altında */
    font-size: 0.85em;
    padding: 4px 10px;
    background-color: rgba(var(--accent-color-rgb-current), 0.15); /* Daha yumuşak BG */
    color: var(--accent-color-current);
    border: 1px solid rgba(var(--accent-color-rgb-current), 0.3);
    border-radius: var(--border-radius-small);
    font-weight: 500;
    margin-top: 5px; /* Role'den sonra boşluk */
    text-shadow: none; /* Gölge olmasın */
}
body.light-theme .user-title-badge.profile-title-badge {
   background-color: rgba(var(--light-accent-color-rgb), 0.1);
   border-color: rgba(var(--light-accent-color-rgb), 0.2);
   color: var(--light-accent-color);
}

.profile-actions {
    display: flex;
    gap: 10px;
    margin-left: auto; /* Butonları sağa iter */
    align-self: flex-end; /* Dikeyde info-bar'ın altına hizalar */
    padding-bottom: 5px;
    z-index: 2; /* Avatarın altında, banner'ın üzerinde */
}
.profile-actions .button {
    padding: 8px 16px; /* Biraz küçült */
    font-size: 0.88em;
}


/* Kullanıcı Panosu */
.profile-dashboard.card {
    border: 1px solid var(--border-color-current);
    box-shadow: 0 6px 20px var(--shadow-color-soft-current);
    padding: 0; /* İçeriği layout yönetecek */
}
.profile-dashboard > .section-title { /* Ana başlık */
    border-bottom: 1px solid var(--border-color-current);
}


.dashboard-column {
    padding: 20px 25px; /* Sütun içi boşluk */
    border-right: 1px solid var(--border-color-light-current); /* Sütun ayıracı */
    display: flex;
    flex-direction: column;
    gap: 18px; /* Item'lar arası dikey boşluk */
}
.dashboard-column:last-child {
    border-right: none; /* Son sütunda ayraç olmasın */
}

.dashboard-column-title {
    font-size: 1.05em; /* Sütun başlığı */
    color: var(--text-color-muted-current);
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--border-color-light-current);
    font-weight: 600;
    letter-spacing: 0.5px;
}
.dashboard-column-title i {
    margin-right: 8px;
    color: var(--icon-color-accent-current);
    font-size: 0.9em;
}


/* Dashboard Item (Sütun içindeki kutular) */
.dashboard-item {
    background: none; /* Arka plan yok */
    padding: 0; /* Padding yok */
    border: none; /* Border yok */
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.dashboard-item:hover { /* Hover efektini kaldır */
    transform: none;
    box-shadow: none;
    border-color: none;
}

.dashboard-item .item-label {
    font-size: 0.8em;
    color: var(--text-color-muted-current);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500; /* Daha ince etiket */
}
.dashboard-item .item-label i {
    font-size: 1em;
    opacity: 0.7;
    width: 15px; /* Daha küçük ikon alanı */
    margin-right: 5px;
}
.dashboard-item .item-value {
    font-size: 0.95em; /* Değerler */
    color: var(--text-color-current);
    line-height: 1.5;
}
.dashboard-item .item-value strong, .dashboard-item strong.item-value {
    font-weight: 600;
    color: var(--text-color-strong-current);
    font-size: 1.1em;
}
.dashboard-item .item-value .text-muted { font-style: italic; opacity: 0.8; }

.about-me-text { font-size: 0.95em; line-height: 1.6; color: var(--text-color-current); }
.forum-signature {
    padding: 10px;
    border: 1px dashed var(--border-color-light-current);
    border-radius: var(--border-radius-small);
    background-color: var(--input-bg-color-current);
    font-size: 0.9em;
    color: var(--text-color-muted-current);
    font-style: italic;
}
.social-links { gap: 12px; }
.social-links a { font-size: 1.4em; }
.current-activity-text { font-style: italic; font-size: 0.95em; }


/* Mobil Düzenlemeler (Dashboard için) */
@media (max-width: 992px) {
    .dashboard-column {
        border-right: none; /* Ayraçları kaldır */
        border-bottom: 1px solid var(--border-color-light-current); /* Alt ayraç ekle */
        padding-bottom: 25px;
        margin-bottom: 15px;
    }
    .dashboard-column:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0px; /* Sonuncuda alt boşluk olmasın */
    }
}

/* Sol Reklam */
.left-sidebar .ad-placeholder {
    min-height: 450px;
    border-radius: var(--card-border-radius);
}


/* Kullanıcı Panosu */
.profile-dashboard.card {
    border: 1px solid var(--border-color-current);
    box-shadow: 0 6px 20px var(--shadow-color-soft-current);
}
.profile-dashboard .section-title {
    font-size: 1.2em;
    padding: 16px 25px;
    background-color: var(--card-header-bg-current, var(--card-bg-color-current));
    border-bottom: 1px solid var(--border-color-current);
}
.profile-dashboard .section-title i {
    color: var(--icon-color-accent-current);
}

.dashboard-grid {
    display: grid;
    /* Hakkımda ve İmza daha geniş, diğerleri daha dar */
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px; /* Boşlukları biraz azalt */
    padding: 20px 25px;
}

.dashboard-item {
    background-color: transparent; /* Arka planı kaldır */
    padding: 15px; /* Padding'i azalt */
    border: 1px solid var(--border-color-light-current); /* Daha ince border */
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.dashboard-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px var(--shadow-color-soft-current);
    border-color: var(--accent-glow-color-current);
}

/* Hakkımda, İmza ve Aktiviteyi daha geniş yapalım */
.dashboard-item.about-me-item,
.dashboard-item.signature-item,
.dashboard-item.activity-item {
   grid-column: span 2; /* Genellikle 2 sütunu kaplasın */
}
/* Eğer tek sütuna düşerse (mobil gibi) tam genişlik yapsın */
@media (max-width: 992px) {
    .dashboard-grid { grid-template-columns: 1fr; }
    .dashboard-item.about-me-item,
    .dashboard-item.signature-item,
    .dashboard-item.activity-item {
       grid-column: 1 / -1; /* Tek sütunda tam genişlik */
    }
}


.dashboard-item .item-label {
    font-size: 0.8em; /* Etiketleri küçült */
    color: var(--text-color-muted-current);
    text-transform: uppercase; /* Büyük harf */
    letter-spacing: 0.5px; /* Harf arası boşluk */
    font-weight: 600; /* Biraz kalın */
}
.dashboard-item .item-label i {
    font-size: 1em; /* İkon boyutunu yazıya göre ayarla */
    opacity: 0.8;
    width: 16px;
    margin-right: 6px;
}

.dashboard-item .item-value {
    font-size: 1em; /* Değerleri biraz büyüt */
    color: var(--text-color-current);
    line-height: 1.5;
}
.dashboard-item .item-value strong, .dashboard-item strong.item-value {
    font-weight: 600;
    color: var(--text-color-strong-current);
    font-size: 1.1em; /* Sayısal değerler daha belirgin */
}
.about-me-text {
    line-height: 1.6;
    font-size: 0.95em; /* Hakkımda yazısı biraz daha küçük */
    color: var(--text-color-current);
    max-height: none; /* Scrollbar yerine tam gösterim */
    overflow-y: visible;
}
.forum-signature {
    padding: 12px;
    border: none;
    background-color: var(--input-bg-color-current); /* İmza için farklı BG */
    border-radius: var(--border-radius-small);
    font-size: 0.9em;
    color: var(--text-color-muted-current);
    max-height: none;
    overflow-y: visible;
    font-style: italic;
}
.social-links { gap: 12px; }
.social-links a { font-size: 1.4em; }

/* Sol Reklam Alanı */
.left-sidebar .ad-placeholder {
    min-height: 450px; /* Yüksekliği ayarla */
    border-radius: var(--card-border-radius);
}
.profile-about.card {
    margin-bottom: var(--main-content-gap);
    padding: 0;
}
.profile-about .section-title {
   padding: 18px 25px;
   font-size: 1.2em;
   font-weight: 600;
   border-bottom: 1px solid var(--border-color-current);
   background-color: var(--card-header-bg-current, var(--card-bg-color-current));
}
.profile-about .card-content { /* card-content sınıfı ekledik */
    padding: 25px 30px 30px;
    line-height: 1.7;
    font-size: 0.98em;
}

/* Mobil görünüm için dashboard layout (eğer 992px altında tek sütuna düşüyorsa, bu kural etkilenmez) */
@media (max-width: 992px) {
    .dashboard-column {
        border-right: none;
        border-bottom: 1px solid var(--border-color-light-current);
        padding-bottom: 25px;
        margin-bottom: 15px;
    }
    .dashboard-column:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0px;
    }
}
/* === PROFİL SAYFASI - Dashboard Düzenlemesi v2 === */


.dashboard-column {
    padding: 20px 25px;
    border-right: 1px solid var(--border-color-light-current);
    display: flex;
    flex-direction: column;
    gap: 18px; /* Sütun içindeki ana öğeler arası boşluk */
}
.dashboard-column:last-child {
    border-right: none;
}
.dashboard-column-title {
    font-size: 1.05em;
    color: var(--text-color-muted-current);
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--border-color-light-current);
    font-weight: 600;
    letter-spacing: 0.5px;
}
.dashboard-column-title i { margin-right: 8px; color: var(--icon-color-accent-current); font-size: 0.9em;}

/* Forum İstatistikleri Sütunu İçin Özel Layout */
.stats-layout {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Satırlar arası boşluk */
}

.stats-row { /* Genel satır */ }

.stats-row-single .dashboard-item {
    /* Tek başına duran item (Şu anki aktivite) */
    background-color: var(--card-alt-bg-current, var(--body-bg-color-current));
    padding: 15px;
    border: 1px solid var(--border-color-light-current);
    border-radius: var(--border-radius-medium);
    text-align: center;
}
.stats-row-single .dashboard-item .item-label { justify-content: center; }


.stats-row-pair {
    display: flex;
    gap: 15px; /* Yan yana duran öğeler arası boşluk */
    justify-content: space-between;
}

.stats-row-pair .dashboard-item {
    flex-basis: calc(50% - 7.5px); /* Boşluğu hesaba katarak %50 genişlik */
    width: calc(50% - 7.5px);
    /* İkili gruplar için stil (border, padding vs.) */
    background-color: var(--card-alt-bg-current, var(--body-bg-color-current));
    padding: 12px 15px; /* Daha kompakt padding */
    border: 1px solid var(--border-color-light-current);
    border-radius: var(--border-radius-medium);
    text-align: center; /* İçeriği ortala */
}
.stats-row-pair .dashboard-item .item-label { justify-content: center; }
.stats-row-pair .dashboard-item .item-value { font-size: 0.9em; }
.stats-row-pair .dashboard-item strong.item-value { font-size: 1.2em; } /* Sayılar biraz daha büyük */


/* Diğer dashboard item stilleri (önceki gibi kalabilir veya ayarlanabilir) */
.dashboard-item {
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
/* Hover efektlerini sadece ikili gruplara uygulayabiliriz */
.stats-row-pair .dashboard-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px var(--shadow-color-soft-current);
    border-color: var(--accent-glow-color-current);
}

.dashboard-item .item-label { font-size: 0.8em; color: var(--text-color-muted-current); text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; }
.dashboard-item .item-label i { font-size: 1em; opacity: 0.7; width: 15px; margin-right: 5px; }
.dashboard-item .item-value { font-size: 0.95em; color: var(--text-color-current); line-height: 1.5; }
.dashboard-item .item-value strong, .dashboard-item strong.item-value { font-weight: 600; color: var(--text-color-strong-current); font-size: 1.1em; }
.dashboard-item .item-value .text-muted { font-style: italic; opacity: 0.8; }
.about-me-text { line-height: 1.7; font-size: 0.98em; } /* Hakkımda kartı için */
.forum-signature { display: none; } /* İmza tamamen kaldırıldı */
.social-links { gap: 12px; }
.social-links a { font-size: 1.4em; }
.current-activity-text { font-style: italic; font-size: 0.95em; }

/* Mobil Düzenlemeler (Dashboard için) */
@media (max-width: 992px) {
    .dashboard-column { border-right: none; border-bottom: 1px solid var(--border-color-light-current); padding-bottom: 25px; margin-bottom: 15px; }
    .dashboard-column:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0px; }
}
/* Daha küçük mobilde istatistik çiftlerini alt alta getir */
@media (max-width: 576px) {
     .stats-row-pair {
        flex-direction: column;
        gap: 15px;
     }
     .stats-row-pair .dashboard-item {
        flex-basis: 100%;
        width: 100%;
     }
}
/* === YENİ ÖZEL MESAJ SAYFASI (new_message.php) İÇİN KAPSAMLI STİLLER === */

/* Sol Sidebar Navigasyonu (Mesajlar Menüsü) */
/* edit_profile.php'deki .profile-nav ile aynı olması için .sidebar-nav kullanıyoruz */
.left-sidebar .card .sidebar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    /* background-color: var(--card-bg-color-current); */ /* Ana kart zaten BG alıyor */
    /* border: 1px solid var(--border-color-current); */ /* Ana kart zaten border alıyor */
    /* border-top: none; */
    /* border-radius: 0 0 var(--card-border-radius) var(--card-border-radius); */
    /* overflow: hidden; */
}

.left-sidebar .card .sidebar-nav li a {
    display: flex;
    align-items: center;
    padding: 12px 18px; /* Dikey ve yatay boşluklar */
    color: var(--text-color-muted-current);
    text-decoration: none;
    border-left: 4px solid transparent;
    transition: all 0.25s ease-in-out;
    font-size: 0.92em;
    font-weight: 500;
    border-bottom: 1px solid var(--border-color-light-current); /* Öğeler arası ayırıcı */
}

.left-sidebar .card .sidebar-nav li:last-child a {
    border-bottom: none; /* Son öğede alt çizgi olmasın */
}

.left-sidebar .card .sidebar-nav li a:hover {
    background-color: var(--accent-glow-color-current);
    color: var(--accent-color-current);
    border-left-color: var(--accent-color-current);
}

.left-sidebar .card .sidebar-nav li a.active {
    background-color: var(--accent-color-current);
    color: var(--accent-text-color-current); /* Genellikle beyaz veya açık renk */
    border-left-color: var(--accent-color-current);
    font-weight: 600;
}
body.light-theme .left-sidebar .card .sidebar-nav li a.active {
    color: var(--light-accent-text-color, #fff);
}

.left-sidebar .card .sidebar-nav li a i.fa-fw {
    margin-right: 12px;
    text-align: center;
    font-size: 1em; /* İkon boyutu yazıya göre */
    opacity: 0.8;
    width: 20px; /* Sabit genişlik */
    transition: color 0.2s ease, opacity 0.2s ease;
}

.left-sidebar .card .sidebar-nav li a:hover i {
    opacity: 1;
    color: var(--accent-color-current);
}
.left-sidebar .card .sidebar-nav li a.active i {
    opacity: 1;
    color: inherit; /* a.active'in rengini alır */
}

/* Ana Form Konteyneri ve Başlığı */
.form-container.card {
    padding: 25px 30px; /* Daha ferah iç boşluk */
    box-shadow: 0 6px 25px var(--shadow-color-medium-current); /* Daha belirgin gölge */
}

.form-title {
    font-size: 1.5em; /* Başlık boyutu */
    font-weight: 600;
    padding-bottom: 15px; /* Başlık altı boşluk */
    margin-bottom: 25px; /* Başlık ve form arası boşluk */
    border-bottom: 1px solid var(--border-color-current);
    color: var(--text-color-strong-current);
    text-align: left; /* Başlığı sola al */
}
.form-title i {
    margin-right: 10px;
    color: var(--accent-color-current);
    font-size: 0.9em; /* İkonu başlığa göre ayarla */
    vertical-align: -1px;
}

/* Genel Form Grupları ve Etiketler */
.form-group {
    margin-bottom: 22px; /* Gruplar arası boşluk */
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 0.9em;
    color: var(--text-color-current);
}

/* Input Alanları ve Textarea */
.form-container input[type="text"],
.form-container textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--input-border-color-current);
    background-color: var(--input-bg-color-current);
    color: var(--text-color-current);
    border-radius: var(--input-border-radius);
    font-family: var(--font-family-base);
    font-size: 0.95em;
    line-height: 1.5;
    transition: border-color var(--transition-speed-fast) ease,
                box-shadow var(--transition-speed-fast) ease;
}

.form-container input[type="text"]:focus,
.form-container textarea:focus {
    outline: none;
    border-color: var(--input-focus-border-color-current);
    box-shadow: 0 0 0 3px var(--accent-glow-color-current);
    background-color: var(--card-bg-color-current); /* Odaklanınca arkaplan değişebilir */
}

/* Alıcı Kullanıcı Adı (İkonlu yapı için) */
.form-container .input-group {
    display: flex;
    align-items: center;
    border: 1px solid var(--input-border-color-current);
    border-radius: var(--input-border-radius);
    background-color: var(--input-bg-color-current);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-container .input-group:focus-within {
    border-color: var(--accent-color-current);
    box-shadow: 0 0 0 3px var(--accent-glow-color-current);
    background-color: var(--card-bg-color-current);
}
.form-container .input-group-addon {
    padding: 0 12px;
    color: var(--text-color-muted-current);
    font-size: 0.95em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--input-border-color-current); /* İkon ve input arası çizgi */
    height: 40px; /* Input yüksekliğine göre ayarla */
}
.form-container .input-group #recipient_username {
    border: none; /* Ana border input-group'dan */
    padding-left: 12px;
    flex-grow: 1;
    height: 40px;
    background-color: transparent;
}
.form-container .input-group #recipient_username:focus {
    box-shadow: none; /* Odak efekti input-group'da */
}


.form-container textarea#pm_content {
    min-height: 180px; /* Daha fazla alan */
    resize: vertical;
}

/* Placeholder Stili */
.form-container ::placeholder {
  color: var(--input-placeholder-color-current);
  opacity: 0.8;
}

/* Form Buton Alanı */
.form-actions {
    margin-top: 28px; /* Buton ve üst eleman arası boşluk */
    text-align: right;
}

.form-actions .button-primary {
    padding: 10px 22px; /* Buton boyutları */
    font-size: 0.98em; /* Buton yazı boyutu */
    font-weight: 600;
}
.form-actions .button-primary i {
    margin-right: 8px;
}

/* Hata ve Başarı Mesajları */
.form-container .form-errors,
.form-container .form-success {
    padding: 12px 18px;
    margin-bottom: 20px;
    border-radius: var(--button-border-radius);
    border-width: 1px;
    border-style: solid;
    font-size: 0.92em;
    line-height: 1.5;
}
.form-container .form-errors {
    background-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.08);
    border-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.3);
    color: var(--danger-color-current);
}
.form-container .form-success {
    background-color: rgba(var(--success-color-current-rgb, 40, 167, 69), 0.08);
    border-color: rgba(var(--success-color-current-rgb, 40, 167, 69), 0.3);
    color: var(--success-color-current);
}
/* --- Gündüz Modu Stilleri (body.light-theme İÇİNE EKLENECEK/GÜNCELLENECEK) --- */

/* ... Diğer light-theme kuralları ... */

/* === İletişim & Sosyal Yazı Renkleri (Gündüz Modu) === */
body.light-theme .profile-contact .contact-list-item .item-label {
    color: #555e67; /* Orta/koyu gri - Etiket rengi */
    font-weight: 500; /* Belki biraz daha belirgin */
}
body.light-theme .profile-contact .contact-list-item .item-label i {
    color: #777; /* İkon rengi */
    opacity: 1;
}
body.light-theme .profile-contact .contact-list-item .item-value {
    color: #212529; /* Koyu ana metin rengi - Değer rengi */
    font-weight: 500;
}
body.light-theme .profile-contact .contact-list-item .item-value a.contact-link {
    color: #0d6efd; /* Standart Bootstrap mavi link rengi (veya kendi temanızın rengi) */
    font-weight: 500;
}
body.light-theme .profile-contact .contact-list-item .item-value a.contact-link:hover {
    color: #0a58ca; /* Hover için daha koyu mavi */
    text-decoration: underline;
}
/* === /İletişim & Sosyal Yazı Renkleri === */

/* ... Diğer light-theme kuralları (istatistikler vb. için olanlar) ... */
body.light-theme .profile-stats .stat-label { color: #555e67; } /* İstatistik etiket rengi */
body.light-theme .profile-stats .stat-value { color: #1c1e21; } /* İstatistik değer rengi */

/* Genel açık tema kart stilleri (önceki yanıttan) */
body.light-theme .profile-page .main-content > section.card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body.light-theme .profile-page section.card > h2.section-title {
    background-color: #f8f9fa;
    border-color: #e9ecef;
    color: #333;
}
body.light-theme .profile-page section.card > h2.section-title i {
    color: var(--light-accent-color, #5a4b8c);
}
.profile-page .profile-stats > h2.section-title,
.profile-page .profile-contact > h2.section-title {
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1)); /* Gece modu varsayılan */
    font-size: 1.05em;
    font-weight: 600;
    color: var(--text-color-lighter, #eee); /* Gece modu varsayılan */
    display: flex;
    align-items: center;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.profile-page .profile-stats > h2.section-title i,
.profile-page .profile-contact > h2.section-title i {
    margin-right: 10px;
    color: var(--accent-color, #a569bd); /* Gece modu varsayılan */
    font-size: 1em;
    width: 1.2em;
    text-align: center;
    transition: color 0.3s ease;
}

/* --- Forum İstatistikleri Bölümü --- */
.profile-stats > .stats-container-grid { /* HTML'deki konteyner */
    display: grid;
    /* Sütun sayısı ve min genişliği ayarla */
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1px; /* Hücreler arası çizgi kalınlığı */
    padding: 0;
    background-color: var(--border-color-light, rgba(255, 255, 255, 0.08)); /* Çizgi rengi için */
    border-top: 1px solid var(--border-color-light, rgba(255, 255, 255, 0.08));
    box-sizing: border-box;
}

.profile-stats .stat-item-grid { /* HTML'deki her bir istatistik öğesi */
    background-color: var(--card-bg-color, #2a2e33); /* Gece modu varsayılan */
    padding: 18px 15px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80px;
    transition: background-color 0.3s ease;
}

.profile-stats .stat-label {
    display: flex;
    align-items: center;
    font-size: 0.8em; /* Küçük etiket */
    color: var(--text-muted-color, #aaa); /* Gece modu varsayılan */
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}
.profile-stats .stat-label i {
    margin-right: 7px;
    font-size: 0.95em;
    opacity: 0.7;
    width: 1.1em;
    text-align: center;
}

.profile-stats .stat-value {
    display: block;
    font-size: 1.35em; /* Biraz daha okunaklı boyut */
    font-weight: 600;
    color: var(--text-color-lighter, #f0f0f0); /* Gece modu varsayılan */
    line-height: 1.3;
    padding-left: calc(1.1em + 7px); /* İkon hizası */
    transition: color 0.3s ease;
}


/* --- İletişim & Sosyal Bölümü (Liste Görünümü) --- */
.profile-contact > .list-layout-container { /* HTML'deki konteyner */
    padding: 15px 20px 15px 20px; /* İç boşluklar */
    box-sizing: border-box;
}

.profile-contact .contact-list-item { /* HTML'deki her bir iletişim satırı */
    display: flex;
    align-items: baseline; /* Hizalama */
    padding: 13px 0; /* Dikey boşluk */
    border-bottom: 1px solid var(--border-color-light, rgba(255, 255, 255, 0.07)); /* İnce ayırıcı */
    gap: 15px; /* Etiket ve değer arası */
    transition: border-color 0.3s ease;
}
.profile-contact .list-layout-container > div:last-child {
    border-bottom: none;
}

.profile-contact .contact-list-item .item-label {
    flex-basis: 115px; /* Etiket genişliği */
    flex-shrink: 0;
    color: var(--text-muted-color, #b0b0b0); /* Gece modu varsayılan */
    font-size: 0.9em;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition: color 0.3s ease;
}
.profile-contact .contact-list-item .item-label i {
    margin-right: 8px;
    width: 1.2em;
    text-align: center;
    opacity: 0.7;
}

.profile-contact .contact-list-item .item-value {
    flex-grow: 1;
    text-align: left;
    word-break: break-word;
    font-size: 0.95em;
    font-weight: 500;
    color: var(--text-color, #e0e0e0); /* Gece modu varsayılan */
    line-height: 1.55; /* Satır yüksekliği */
    transition: color 0.3s ease;
}
/* İletişim Linkleri */
.profile-contact .contact-list-item .item-value a.contact-link {
    color: var(--accent-color-secondary, #90caf9); /* Gece modu link rengi (daha açık mavi?) */
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}
.profile-contact .contact-list-item .item-value a.contact-link:hover {
    text-decoration: underline;
    color: #fff; /* Gece modu hover rengi */
}

/* Bilgi Yok Mesajı */
.no-contact-info {
    color: var(--text-muted-color, #888); /* Gece modu varsayılan */
    font-style: italic;
    font-size: 0.9em;
    text-align: left;
    padding: 10px 0;
    transition: color 0.3s ease;
}


/* ================================================ */
/* --- GÜNDÜZ MODU Renk/Arkaplan Ayarları --- */
/* ================================================ */

/* Başlıklar (Gündüz) */
body.light-theme .profile-page section.card > h2.section-title {
    border-color: #e9ecef;
    color: #333;
    background-color: transparent; /* Beyaz kart üstünde başlık arkaplanı olmasın */
}
body.light-theme .profile-page section.card > h2.section-title i {
    color: var(--light-accent-color, #5a4b8c);
}

/* İstatistikler (Gündüz) */
body.light-theme .profile-stats > .stats-container-grid {
    background-color: #e9ecef; /* Açık gri grid çizgileri */
    border-top-color: #e9ecef;
}
body.light-theme .profile-stats .stat-item-grid {
    background-color: #ffffff; /* Beyaz hücre arka planı */
}
body.light-theme .profile-stats .stat-label {
    color: #6c757d; /* Koyu gri etiket */
}
body.light-theme .profile-stats .stat-value {
    color: #212529; /* Koyu değer */
}

/* İletişim & Sosyal (Gündüz) */
body.light-theme .profile-contact .contact-list-item {
    border-color: #f1f1f1; /* Çok açık gri ayırıcı çizgi */
}
body.light-theme .profile-contact .contact-list-item .item-label {
    color: #555e67; /* Orta gri etiket */
}
body.light-theme .profile-contact .contact-list-item .item-label i {
    opacity: 0.9;
}
body.light-theme .profile-contact .contact-list-item .item-value {
    color: #343a40; /* Koyu metin */
}
body.light-theme .profile-contact .contact-list-item .item-value a.contact-link {
    color: #0056b3; /* Standart mavi link */
}
body.light-theme .profile-contact .contact-list-item .item-value a.contact-link:hover {
    color: #003d80; /* Koyu mavi hover */
}
body.light-theme .no-contact-info {
    color: #777;
}
.profile-page .profile-stats > h2.section-title,
.profile-page .profile-contact > h2.section-title {
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1)); /* Gece modu varsayılan */
    font-size: 1.05em;
    font-weight: 600;
    color: var(--text-color-lighter, #eee); /* Gece modu varsayılan */
    display: flex;
    align-items: center;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.profile-page .profile-stats > h2.section-title i,
.profile-page .profile-contact > h2.section-title i {
    margin-right: 10px;
    color: var(--accent-color, #a569bd); /* Gece modu varsayılan */
    font-size: 1em;
    width: 1.2em;
    text-align: center;
    transition: color 0.3s ease;
}

/* --- Forum İstatistikleri Bölümü - Şık Kartlar --- */
.profile-stats > .stats-container-grid { /* HTML'deki konteyner (Grid yapısı) */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); /* Esnek sütunlar */
    gap: 1px; /* Hücreler arası çizgi */
    padding: 0; /* Konteynerin kendi padding'i yok */
    background-color: var(--border-color-light, rgba(255, 255, 255, 0.08)); /* Çizgi rengi */
    border-top: 1px solid var(--border-color-light, rgba(255, 255, 255, 0.08)); /* Başlıkla ayıran çizgi */
    box-sizing: border-box;
    width: 100%;
}

.profile-stats .stat-item-grid { /* HTML'deki her bir istatistik öğesi */
    background-color: var(--card-bg-color, #2a2e33); /* Gece modu varsayılan */
    padding: 20px 15px; /* İç boşluk */
    text-align: center; /* İçeriği ortala */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; /* Öğeleri ortala */
    min-height: 90px; /* Minimum yükseklik */
    transition: background-color 0.3s ease;
    position: relative; /* Hover efekti için */
}

/* Hover'da hafif bir overlay */
.profile-stats .stat-item-grid::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: var(--accent-color);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Üstüne tıklamayı engellemesin */
    z-index: 1;
    border-radius: inherit; /* Eğer stat-item'a border-radius eklerseniz */
}
.profile-stats .stat-item-grid:hover::after {
    opacity: 0.1;
}

/* İkon (Yeni eklendi, HTML'de de eklenmeli) */
.profile-stats .stat-item-grid .stat-icon {
     font-size: 1.6em; /* İkon boyutu */
     margin-bottom: 10px;
     color: var(--accent-color, #a569bd); /* Vurgu rengi */
     line-height: 1;
     position: relative; z-index: 2; /* Hover efektinin üstünde kalsın */
     transition: color 0.3s ease;
}
.profile-stats .stat-item-grid:hover .stat-icon {
    color: var(--accent-color-darker); /* Hover'da ikon rengi koyulaşsın */
}


.profile-stats .stat-item-grid .stat-value {
    display: block;
    font-size: 1.5em; /* Değer boyutu */
    font-weight: 700; /* Kalın */
    color: var(--text-color-lighter, #f0f0f0); /* Gece modu varsayılan */
    line-height: 1.2;
    margin-bottom: 4px; /* Değer ve etiket arası */
    padding-left: 0; /* Hizalama kaldırıldı */
    transition: color 0.3s ease;
    position: relative; z-index: 2;
}

.profile-stats .stat-item-grid .stat-label {
    display: block; /* İkon kaldırıldığı için */
    font-size: 0.7em; /* Çok küçük etiket */
    color: var(--text-muted-color, #aaa); /* Gece modu varsayılan */
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    transition: color 0.3s ease;
    position: relative; z-index: 2;
}
/* Etiket içindeki ikonu tamamen gizle */
.profile-stats .stat-item-grid .stat-label i { display: none; }


/* --- İletişim & Sosyal Bölümü - Gelişmiş Liste --- */
.profile-contact > .list-layout-container {
    padding: 10px 25px 15px 25px; /* Daha ferah padding */
}

.profile-contact .contact-list-item {
    display: flex;
    align-items: center; /* Dikeyde ortala */
    padding: 14px 0; /* Dikey boşluk artırıldı */
    border-bottom: 1px solid var(--border-color-light, rgba(255, 255, 255, 0.07));
    gap: 15px; /* İkon/Etiket ve değer arası boşluk */
    transition: border-color 0.3s ease;
}
.profile-contact .list-layout-container > div:last-child { border-bottom: none; }

.profile-contact .contact-list-item .item-label {
    flex-basis: 130px; /* Etiket alanı genişliği */
    flex-shrink: 0;
    color: var(--text-muted-color, #b5b5b5); /* Gece modu varsayılan */
    font-size: 0.9em;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition: color 0.3s ease;
}
.profile-contact .contact-list-item .item-label i {
    margin-right: 10px; /* İkon ve yazı arası */
    width: 1.1em; /* İkon genişliği */
    text-align: center;
    opacity: 0.7;
    font-size: 1.1em; /* İkonu biraz büyüt */
    color: var(--accent-color, #a569bd); /* İkonlar vurgu renginde */
}

.profile-contact .contact-list-item .item-value {
    flex-grow: 1;
    text-align: left;
    word-break: break-word;
    font-size: 0.95em;
    font-weight: 400;
    color: var(--text-color, #e0e0e0); /* Gece modu varsayılan */
    line-height: 1.5;
    transition: color 0.3s ease;
}
.profile-contact .contact-list-item .item-value a.contact-link {
    color: var(--text-color-link, #a0cfff); /* Gece modu link rengi (daha parlak) */
    text-decoration: none;
    border-bottom: 1px solid transparent; /* Başlangıçta çizgi yok */
    transition: color 0.2s ease, border-color 0.2s ease;
}
.profile-contact .contact-list-item .item-value a.contact-link:hover {
    color: #fff; /* Beyaz hover */
    border-bottom-color: var(--accent-color, #a569bd); /* Hover'da alt çizgi */
    text-decoration: none;
}

.no-contact-info {
    color: var(--text-muted-color, #888);
    font-style: italic; font-size: 0.9em; text-align: left; padding: 15px 0;
    transition: color 0.3s ease;
}


/* ================================================ */
/* --- GÜNDÜZ MODU Renk/Arkaplan Ayarları --- */
/* ================================================ */

/* Genel Başlık (Gündüz) */
body.light-theme .profile-page section.card > h2.section-title {
    border-color: #e9ecef; color: #333; background-color: #f8f9fa;
}
body.light-theme .profile-page section.card > h2.section-title i { color: var(--light-accent-color, #5a4b8c); }

/* İstatistikler (Gündüz) */
body.light-theme .profile-stats > .stats-container-grid { background-color: #e9ecef; border-top-color: #e9ecef; }
body.light-theme .profile-stats .stat-item-grid { background-color: #ffffff; }
body.light-theme .profile-stats .stat-item-grid .stat-icon { color: var(--light-accent-color, #5a4b8c); }
body.light-theme .profile-stats .stat-item-grid .stat-value { color: #212529; }
body.light-theme .profile-stats .stat-item-grid .stat-label { color: #6c757d; }
body.light-theme .profile-stats .stat-item-grid:hover::after { opacity: 0.06; } /* Gündüz modu hover overlay */


/* İletişim & Sosyal (Gündüz) */
body.light-theme .profile-contact .contact-list-item { border-color: #eaeaea; }
body.light-theme .profile-contact .contact-list-item:hover { background-color: #f8f9fa; }
body.light-theme .profile-contact .contact-list-item .item-label { color: #555e67; }
body.light-theme .profile-contact .contact-list-item .item-label i { color: var(--light-accent-color, #5a4b8c); opacity: 0.9; }
body.light-theme .profile-contact .contact-list-item .item-value { color: #343a40; }
body.light-theme .profile-contact .contact-list-item .item-value a.contact-link {
    color: #0056b3; border-bottom: 1px dotted #a0cfff;
}
body.light-theme .profile-contact .contact-list-item .item-value a.contact-link:hover {
    color: #003d80; border-bottom-color: #003d80;
}
body.li/* --- İletişim & Sosyal - İKİ SÜTUNLU Liste Görünümü --- */
.profile-contact > .two-column-contact { /* Ana konteyner */
    /* padding: 15px 5px 15px 5px; */ /* Eski hali (Yorum satırı yapıldı) */
    padding: 20px 25px 20px 25px; /* YENİ: Sol ve Sağ padding 25px'e çıkarıldı */
    display: grid;
    /* Eşit iki sütun oluştur, min 240px genişlik */
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 15px 30px; /* Dikey boşluk 15px, Yatay (sütun arası) boşluk 30px */
    box-sizing: border-box;
}

.profile-contact .contact-column {
    /* Sütunlar için özel bir stil gerekirse buraya */
}
.profile-contact .contact-column > div:first-child {
   /* padding-top: 0; */
}


/* Liste Öğesi Stilleri (.contact-list-item) */
.two-column-contact .contact-list-item {
    display: flex;
    align-items: center; /* Dikeyde ortala (baseline yerine) */
    padding: 11px 0;     /* Dikey padding ayarlandı */
    border-bottom: 1px solid var(--border-color-light, rgba(255, 255, 255, 0.06)); /* Çok ince ayırıcı */
    gap: 12px;           /* İkon/Etiket ve değer arası boşluk */
}
.two-column-contact .contact-column > div:last-child {
    border-bottom: none; /* Her sütunun son öğesinin alt çizgisini kaldır */
}

.two-column-contact .contact-list-item .item-label {
    flex-basis: 115px; /* Etiket genişliği */
    flex-shrink: 0;
    color: var(--text-muted-color, #b0b0b0);
    font-size: 0.85em; /* Biraz daha küçük etiket */
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
.two-column-contact .contact-list-item .item-label i {
    margin-right: 8px;
    width: 1.2em;
    text-align: center;
    opacity: 0.75;
    color: var(--accent-color, #a569bd); /* İkon rengi */
}

.two-column-contact .contact-list-item .item-value {
    flex-grow: 1;
    text-align: left;
    word-break: break-word;
    font-size: 0.9em; /* Değer boyutu */
    font-weight: 400;
    color: var(--text-color, #e0e0e0);
    line-height: 1.45;
}
.two-column-contact .contact-list-item .item-value a.contact-link {
    color: var(--text-color-link, #a0cfff);
    text-decoration: none;
    border-bottom: 1px dotted transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.two-column-contact .contact-list-item .item-value a.contact-link:hover {
    color: #fff;
    border-bottom-color: var(--accent-color, #a569bd);
}

/* Bilgi Yok Mesajı */
.two-column-contact .no-contact-info {
    grid-column: 1 / -1; /* Eğer grid konteynerindeyse tüm sütunları kapsa */
    color: var(--text-muted-color, #999);
    font-style: italic;
    font-size: 0.9em;
    text-align: left;
    padding: 10px 0;
}


/* --- GÜNDÜZ MODU Renkleri (.light-theme altında) --- */
body.light-theme .two-column-contact .contact-list-item { border-color: #f0f0f0; }
body.light-theme .two-column-contact .contact-list-item .item-label { color: #555e67; }
body.light-theme .two-column-contact .contact-list-item .item-label i { color: var(--light-accent-color, #5a4b8c); }
body.light-theme .two-column-contact .contact-list-item .item-value { color: #343a40; }
body.light-theme .two-column-contact .contact-list-item .item-value a.contact-link { color: #0056b3; border-bottom-color: transparent; }
body.light-theme .two-column-contact .contact-list-item .item-value a.contact-link:hover { color: #003d80; border-bottom-color: #0056b3; }
body.light-theme .two-column-contact .no-contact-info { color: #777; }ght-theme .no-contact-info { color: #777; }
/* --- İletişim & Sosyal - İKİ SÜTUNLU Liste Görünümü --- */
.profile-contact > .two-column-contact { /* Ana konteyner */
    /* padding: 15px 5px 15px 5px; */ /* Eski hali (Yorum satırı yapıldı) */
    padding: 20px 25px 20px 25px; /* YENİ: Sol ve Sağ padding 25px'e çıkarıldı */
    display: grid;
    /* Eşit iki sütun oluştur, min 240px genişlik */
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 15px 30px; /* Dikey boşluk 15px, Yatay (sütun arası) boşluk 30px */
    box-sizing: border-box;
}

.profile-contact .contact-column {
    /* Sütunlar için özel bir stil gerekirse buraya */
}
.profile-contact .contact-column > div:first-child {
   /* padding-top: 0; */
}


/* Liste Öğesi Stilleri (.contact-list-item) */
.two-column-contact .contact-list-item {
    display: flex;
    align-items: center; /* Dikeyde ortala (baseline yerine) */
    padding: 11px 0;     /* Dikey padding ayarlandı */
    border-bottom: 1px solid var(--border-color-light, rgba(255, 255, 255, 0.06)); /* Çok ince ayırıcı */
    gap: 12px;           /* İkon/Etiket ve değer arası boşluk */
}
.two-column-contact .contact-column > div:last-child {
    border-bottom: none; /* Her sütunun son öğesinin alt çizgisini kaldır */
}

.two-column-contact .contact-list-item .item-label {
    flex-basis: 115px; /* Etiket genişliği */
    flex-shrink: 0;
    color: var(--text-muted-color, #b0b0b0);
    font-size: 0.85em; /* Biraz daha küçük etiket */
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
.two-column-contact .contact-list-item .item-label i {
    margin-right: 8px;
    width: 1.2em;
    text-align: center;
    opacity: 0.75;
    color: var(--accent-color, #a569bd); /* İkon rengi */
}

.two-column-contact .contact-list-item .item-value {
    flex-grow: 1;
    text-align: left;
    word-break: break-word;
    font-size: 0.9em; /* Değer boyutu */
    font-weight: 400;
    color: var(--text-color, #e0e0e0);
    line-height: 1.45;
}
.two-column-contact .contact-list-item .item-value a.contact-link {
    color: var(--text-color-link, #a0cfff);
    text-decoration: none;
    border-bottom: 1px dotted transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.two-column-contact .contact-list-item .item-value a.contact-link:hover {
    color: #fff;
    border-bottom-color: var(--accent-color, #a569bd);
}

/* Bilgi Yok Mesajı */
.two-column-contact .no-contact-info {
    grid-column: 1 / -1; /* Eğer grid konteynerindeyse tüm sütunları kapsa */
    color: var(--text-muted-color, #999);
    font-style: italic;
    font-size: 0.9em;
    text-align: left;
    padding: 10px 0;
}


/* --- GÜNDÜZ MODU Renkleri (.light-theme altında) --- */
body.light-theme .two-column-contact .contact-list-item { border-color: #f0f0f0; }
body.light-theme .two-column-contact .contact-list-item .item-label { color: #555e67; }
body.light-theme .two-column-contact .contact-list-item .item-label i { color: var(--light-accent-color, #5a4b8c); }
body.light-theme .two-column-contact .contact-list-item .item-value { color: #343a40; }
body.light-theme .two-column-contact .contact-list-item .item-value a.contact-link { color: #0056b3; border-bottom-color: transparent; }
body.light-theme .two-column-contact .contact-list-item .item-value a.contact-link:hover { color: #003d80; border-bottom-color: #0056b3; }
body.light-theme .two-column-contact .no-contact-info { color: #777; }
/* --- ÖRNEK DÜZELTME --- */

/* Konu ve Mesaj Kartları */
.search-topic-item, 
.search-post-item {
    /* Benim verdiğim fallback'i kaldırıp kendi değişkenini kullanmalısın */
    /* background-color: var(--card-content-bg-color, var(--card-bg-color, #fff)); */ /* <-- Bu satırı düzenle */
    background-color: var(--senin-dark-mod-kart-arkaplan-değişkenin); /* VEYA direkt renk kodu: #2d2d2d; */
    
    /* Genel yazı rengini ayarla */
    color: var(--senin-dark-mod-yazi-rengi-değişkenin); /* VEYA direkt renk kodu: #e0e0e0; */

    border-bottom: 1px solid var(--senin-dark-mod-border-rengi); /* VEYA: #444; */
}
.search-topic-list li:last-child,
.post-results-list li:last-child {
    border-bottom: none;
}
.search-topic-item:hover,
.search-post-item:hover {
     /* Hover rengini de ayarla */
    background-color: var(--senin-dark-mod-kart-hover-rengi); /* VEYA: #3f3f3f; */
}

/* Başlık Linkleri */
.search-item-title, 
.item-context a,
.go-to-post-link {
    /* color: var(--link-color); */ /* <-- Bu satırı düzenle */
     color: var(--senin-dark-mod-link-rengi); /* VEYA: #8ab4f8; */
}
.search-item-title:hover, 
.item-context a:hover,
.go-to-post-link:hover {
    color: var(--senin-dark-mod-link-hover-rengi); /* VEYA: #c7d8ff; */
}

/* Meta Bilgiler (Yazar, tarih vb.) */
.search-item-meta, 
.item-context {
    /* color: var(--text-color-muted-current); */ /* <-- Bu satırı düzenle */
     color: var(--senin-dark-mod-soluk-yazi-rengi); /* VEYA: #a0a0a0; */
}
.search-item-meta a {
    /* color: var(--link-color-muted, var(--link-color)); */ /* <-- Bu satırı düzenle */
    color: var(--senin-dark-mod-soluk-link-rengi); /* VEYA: #8ab4f8; */
}

/* Kart Başlıkları (Eşleşen Konular vb.) */
.search-results-section .card-header {
    /* background-color: var(--card-header-bg-color, #f8f9fa); */ /* <-- Bu satırı düzenle */
    background-color: var(--senin-dark-mod-kart-baslik-arkaplan); /* VEYA: #3a3a3a; */
    /* color: var(--card-header-text-color, var(--text-color-emphasis)); */ /* <-- Bu satırı düzenle */
    color: var(--senin-dark-mod-kart-baslik-yazi); /* VEYA: #e0e0e0; */
    border-bottom: 1px solid var(--senin-dark-mod-border-rengi); /* VEYA: #444; */
}

/* Vurgulama */
.search-highlight {
    /* background-color: var(--highlight-bg-color, #fff3cd); */ /* <-- Bu satırı düzenle */
    background-color: var(--senin-dark-mod-vurgu-arkaplan); /* VEYA: #6a5d1b; */
    /* color: var(--highlight-text-color, #664d03); */ /* <-- Bu satırı düzenle */
    color: var(--senin-dark-mod-vurgu-yazi); /* VEYA: #f0e68c; */
    box-shadow: none; /* Gölge karanlıkta iyi durmayabilir */
}

/* Canlı arama kutusu */
.search-results-dropdown {
    background-color: var(--senin-dark-mod-dropdown-arkaplan); /* VEYA: #3a3a3a; */
    border: 1px solid var(--senin-dark-mod-dropdown-border); /* VEYA: #555; */
}
.search-results-dropdown .results-header {
     color: var(--senin-dark-mod-soluk-yazi-rengi); /* VEYA: #a0a0a0; */
     border-bottom: 1px solid var(--senin-dark-mod-border-rengi); /* VEYA: #444; */
}
.search-results-dropdown li a {
     color: var(--senin-dark-mod-dropdown-link); /* VEYA: #d0d0d0; */
}
.search-results-dropdown li a:hover {
    background-color: var(--senin-dark-mod-dropdown-hover-arkaplan); /* VEYA: #4f4f4f; */
    color: var(--senin-dark-mod-dropdown-hover-link); /* VEYA: #ffffff; */
}
.search-results-dropdown .all-results-link-container {
     border-top: 1px solid var(--senin-dark-mod-border-rengi); /* VEYA: #444; */
     background-color: var(--senin-dark-mod-dropdown-footer-arkaplan); /* VEYA: #2c2c2c; */
}
.search-results-dropdown .all-results-link {
     color: var(--senin-dark-mod-link-rengi); /* VEYA: #8ab4f8; */
}

/* ================================================= */
/* === HEADER CANLI ARAMA - DAHA GÜZEL STİLLER === */
/* ================================================= */

/* Ana Arama Formu Konteyneri (Relative konumlandırma için) */
#headerSearchForm { 
  position: relative; /* Açılır kutunun buna göre konumlanması için */
} 

/* Ana Açılır Kutu (#headerSearchResults) */
#headerSearchResults { 
    position: absolute;
    top: calc(100% + 6px); /* Input altı + 6px boşluk */
    left: 0;
    width: 100%; /* Genişlik (veya min/max ayarla) */
    min-width: 350px; 
    max-width: 550px; /* Biraz daha geniş olabilir */

    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    background-color: var(--dropdown-bg, #2f3136); /* Koyu Gri Arkaplan */
    border: 1px solid var(--dropdown-border, #40444b);  /* Daha Açık Gri Kenarlık */
    color: var(--dropdown-text-color, #dcddde);          /* Açık Gri Yazı */
    /* ======================================================= */

    z-index: 1050; 
    max-height: 450px; 
    overflow-y: auto; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.4); /* Belirgin Gölge */
    border-radius: 6px; /* Yumuşak Köşeler */
    
    /* Giriş Animasyonu */
    opacity: 0; 
    transform: scale(0.98) translateY(-10px); /* Hafif küçülerek yukarıdan gelsin */
    transform-origin: top center; /* Animasyon merkezi */
    transition: opacity 0.18s ease-out, transform 0.18s ease-out; /* Hızlı Geçiş */
    pointer-events: none; /* Gizliyken tıklanmasın */
    /* display: none; JS class ile yönetecek */
}
/* Görünür Hal (JS .visible class'ını ekleyince) */
#headerSearchResults.visible { 
    display: block !important; /* Bunu ekle veya !important olmadan dene */
    opacity: 1;
    transform: scale(1) translateY(0);
    pointer-events: auto; 
}
/* ===== Aydınlık Mod Stilleri (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults {
    background-color: var(--dropdown-bg-light, #ffffff);
    border: 1px solid var(--dropdown-border-light, #e0e0e0); /* Açık Gri Kenarlık */
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    color: var(--dropdown-text-color-light, #2e3338); /* Koyu Yazı */
}
/* ======================================================================== */


/* Bölümler (Konular, Kullanıcılar) */
#headerSearchResults .results-section {
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    border-bottom: 1px solid var(--dropdown-divider-color, #3a3c43); /* Bölüm Ayırıcı Çizgi */
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults .results-section {
     border-bottom: 1px solid var(--dropdown-divider-color-light, #f0f0f0); 
}
#headerSearchResults .results-section:last-of-type { border-bottom: none; }


/* Bölüm Başlıkları */
#headerSearchResults .results-header {
    font-size: 0.7em; 
    font-weight: 700; 
    padding: 9px 15px; /* Biraz daha az dikey padding */
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    color: var(--dropdown-header-color, #8e9297); /* Soluk Başlık Rengi */
    background-color: var(--dropdown-header-bg, rgba(0,0,0,0.15)); /* Hafif Koyu Arka Plan */
    border-bottom: 1px solid var(--dropdown-divider-color, #3a3c43); 
    /* ======================================================= */
    margin: 0;
    text-transform: uppercase; 
    letter-spacing: 1px; 
}
#headerSearchResults .results-section:first-of-type .results-header{
     border-radius: 5px 5px 0 0; /* Üst köşeler yuvarlak */
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults .results-header {
     color: var(--dropdown-header-color-light, #6c757d);
     background-color: var(--dropdown-header-bg-light, #f7f7f7);
     border-bottom: 1px solid var(--dropdown-divider-color-light, #f0f0f0); 
}
/* ======================================================================== */


/* Sonuç Listeleri */
#headerSearchResults ul {
    list-style: none;
    padding: 5px; /* Liste etrafına boşluk */
    margin: 0;
}

/* Liste Öğeleri (Linkler) */
#headerSearchResults li a {
    display: flex; align-items: center;
    padding: 10px 12px; /* Dikey/Yatay boşluk */
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    color: var(--dropdown-link-color, #c2c6cc); /* Açık Gri Link */
    /* ======================================================= */
    text-decoration: none; font-size: 0.95em; 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    transition: background-color 0.15s ease, color 0.15s ease; /* Daha hızlı geçiş */
    border-radius: 4px; 
    margin: 1px 0; 
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults li a {
     color: var(--dropdown-link-color-light, #3e444c);
}
/* ======================================================================== */

#headerSearchResults li a:hover {
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    background-color: var(--dropdown-hover-bg, #3a3c43); /* Hover Arkaplan */
    color: var(--dropdown-link-hover-color, #ffffff); /* Beyaz Hover Rengi */
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults li a:hover {
    background-color: var(--dropdown-hover-bg-light, #f0f3f5);
    color: var(--dropdown-link-hover-color-light, #1a1d20);
}
/* ======================================================================== */


/* Kullanıcı Avatarı */
#headerSearchResults .avatar-tiny { 
    width: 30px; height: 30px; border-radius: 50%; 
    margin-right: 12px; 
    object-fit: cover; flex-shrink: 0;
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    border: 1px solid var(--avatar-border-color, #40444b); 
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults .avatar-tiny { 
     border: 1px solid var(--avatar-border-color-light, #dee2e6); 
}
/* ======================================================================== */


/* Kullanıcı adı metni */
#headerSearchResults li a span { overflow: hidden; text-overflow: ellipsis; }


/* "Tüm Sonuçları Gör" Linki */
#headerSearchResults .all-results-link-container {
    padding: 0; text-align: center;
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    border-top: 1px solid var(--dropdown-divider-color, #3a3c43);
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults .all-results-link-container {
     border-top: 1px solid var(--dropdown-divider-color-light, #f0f0f0);
}
/* ======================================================================== */

#headerSearchResults .all-results-link {
    display: block; padding: 11px 15px; 
    font-size: 0.9em; font-weight: 600; /* Daha kalın */
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    color: var(--link-color, #8ea1e1); /* Mavi tonlu link */
    background-color: var(--dropdown-footer-bg, rgba(0,0,0,0.15)); /* Hafif arkaplan */
    /* ======================================================= */
    text-decoration: none; 
    transition: background-color 0.2s ease;
    border-radius: 0 0 5px 5px; /* Alt köşeler */
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults .all-results-link {
    color: var(--link-color-light, #007bff);
    background-color: var(--dropdown-footer-bg-light, #f9fafb);
}
/* ======================================================================== */

#headerSearchResults .all-results-link:hover {
    /* ===== Senin Karanlık Tema Renklerinle Değiştir! ===== */
    background-color: var(--dropdown-footer-hover-bg, rgba(255,255,255,0.05));
    text-decoration: none; 
}
/* ===== Aydınlık Mod (Senin değişkenlerin/renklerinle değiştir!) ===== */
body.light-theme #headerSearchResults .all-results-link:hover {
     background-color: var(--dropdown-footer-hover-bg-light, #e9ecef);
}
/* ======================================================================== */


/* Yükleniyor / Hata Mesajları */
.search-loading, .search-error {
    padding: 20px 15px; 
    text-align: center;
    color: var(--text-color-muted-current);
    font-size: 0.9em;
}
.search-error { color: var(--error-text-color, #f04747); } /* Kırmızı tonlu hata */

/* ================================================= */
/* === search.php - 2 SÜTUNLU YAPI ve STİLLER === */
/* ================================================= */

/* Genel Sayfa Konteyneri */
.search-page-container { padding-top: 20px; padding-bottom: 30px; }
.page-header h1 { /* ... önceki stil ... */ }
.search-results-summary.card { /* ... önceki stil ... */ }
.no-results-card .card-content { /* ... önceki stil ... */ }

/* --- İki Sütunlu Alan --- */
.search-results-columns {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlar için alta kaydır */
    gap: 30px; /* Sütunlar arası boşluk */
    margin-bottom: 30px; /* Sayfalama ile arası */
}
.results-column {
    flex: 1; /* Sütunlar eşit yer kaplasın */
    min-width: 300px; /* Minimum genişlik */
    display: flex; /* İçerik yoksa bile yer kaplasın diye */
    flex-direction: column;
}
.results-column > .card { /* Sütun içindeki kart tüm alanı doldursun */
    flex-grow: 1;
    margin-bottom: 0 !important; /* Kartın kendi alt boşluğunu kaldır */
}

/* Küçük ekranlarda sütunları alt alta diz */
@media (max-width: 850px) { /* Bu değeri kendine göre ayarla */
    .search-results-columns {
         gap: 0; /* Yığıldığında boşluk olmasın */
    }
     .results-column {
         flex-basis: 100%; /* Tam genişlik */
         margin-bottom: 30px; /* Alt alta geldiğinde boşluk */
     }
     .results-column:last-child {
         margin-bottom: 0;
     }
}
/* Mini "Sonuç Yok" Mesajı */
.no-results-mini .card-content {
    text-align: center;
    padding: 20px;
    font-size: 0.9em;
    color: var(--text-color-muted-current);
}

/* --- Sonuç Kartları İçin Stiller (Önceki cevaptan) --- */
.search-results-section.card {
    /* ... (Önceki cevaptaki card stilleri) ... */
     border: 1px solid var(--card-border-color, var(--border-color-soft, #3a3e44)); 
     box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
     border-radius: 8px;
     display: flex; /* İçeriğin dikey büyümesi için */
     flex-direction: column;
}
body.light-theme .search-results-section.card { /* ... */ }

.search-results-section .card-header {
    /* ... (Önceki cevaptaki card-header stilleri) ... */
     font-size: 1.05em; 
}
body.light-theme .search-results-section .card-header { /* ... */ }

.search-topic-list, .post-results-list { 
    list-style: none; padding: 0; margin: 0; 
    background-color: var(--card-bg-color, #2b2d31); 
    flex-grow: 1; /* Kartın kalanını doldur */
    border-radius: 0 0 8px 8px; /* Kartın alt köşeleri */
}
body.light-theme .search-topic-list, body.light-theme .post-results-list { 
     background-color: var(--card-bg-color-light, #ffffff);
}

/* --- Konu Öğesi --- */
.search-topic-item { /* ... (Önceki cevaptaki Grid veya Flex stilleri) ... */ }
.search-topic-list li:last-child { border-bottom: none; }
.search-topic-item:hover { /* ... */ }
/* Aydınlık Mod */
body.light-theme .search-topic-item { /* ... */ }
body.light-theme .search-topic-item:hover { /* ... */ }

.search-topic-icon { /* ... (Önceki stil) ... */ }
body.light-theme .search-topic-icon { /* ... */ }

.search-topic-details { /* ... (Önceki stil) ... */ }
.search-item-title { /* ... (Önceki stil) ... */ }
.search-item-title:hover { /* ... */ }
/* Aydınlık mod */
body.light-theme .search-item-title { /* ... */ }
body.light-theme .search-item-title:hover { /* ... */ }

.search-item-meta { /* ... (Önceki stil) ... */ }
.search-item-meta span { /* ... */ }
.search-item-meta i { /* ... */ }
.search-item-meta a { /* ... */ }
.search-item-meta a:hover { /* ... */ }
body.light-theme .search-item-meta a:hover { /* ... */ }

.search-topic-stats { /* ... (Önceki Grid için eklenen stil) ... */ }

/* --- Mesaj Öğesi --- */
.search-post-item { /* ... (Önceki stil) ... */ }
.post-results-list li:last-child { border-bottom: none; }
.search-post-item:hover { /* ... */ }
/* Aydınlık mod */
body.light-theme .search-post-item { /* ... */ }
body.light-theme .search-post-item:hover { /* ... */ }

.item-context { /* ... (Önceki stil) ... */ }
.item-snippet { /* ... (Önceki stil) ... */ }
body.light-theme .item-snippet { /* ... */ }
/* Mesaj Meta (.search-item-meta stillerini kullanır) */
.search-post-item .search-item-meta { margin-top: 10px; }
.go-to-post-link { /* ... (Önceki stil) ... */ }
.go-to-post-link:hover { /* ... */ }
.go-to-post-link:hover i { /* ... */ }

/* --- Diğer Stiller --- */
.search-highlight { /* ... (Önceki stil) ... */ }
body.light-theme .search-highlight { /* ... */ }

/* Ana Sayfalama Konteyneri */
.main-pagination-container {
   text-align: center;
   margin-top: 20px; /* Sütunlardan sonraki boşluk */
   padding: 10px;
   background: var(--pagination-container-bg, transparent); /* İstersen arkaplan */
}
/* Sayfalama Linkleri (.pagination vb. önceki stiller geçerli) */
/* ==========================================================================
   1. CSS Değişkenleri (Varsayılan Koyu / .light-theme Açık)
   ========================================================================== */
:root { /* VARSAYILAN: KOYU TEMA */
    /* ... (Önceki yanıttaki tüm :root değişkenleri) ... */
    --font-family-base: 'Inter', 'Poppins', sans-serif;
    --spacing-xs: 0.25rem; --spacing-sm: 0.5rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem;
    --border-radius-sm: 0.25rem; --border-radius-md: 0.375rem; --border-radius-lg: 0.5rem;
    --transition-fast: 0.15s ease-in-out; --transition-normal: 0.3s ease-in-out;

    --color-body-bg: #16181a;
    --color-text-primary: #e1e3e6;
    --color-text-secondary: #adb5bd;
    --color-text-muted: #868e96;
    --color-link-default: #69b1ff;
    --color-link-hover: #8cc2ff;
    --color-border-default: #343a40;
    --color-border-subtle: #2c3034; /* Daha ince kenarlık */
    --color-surface-1: #1e2124;
    --color-surface-2: #23272a;
    --color-surface-3: #2a2e32;
    --color-shadow-default: rgba(0, 0, 0, 0.2);
    --color-primary-default: #69b1ff;
    --color-primary-hover: #52a1f5;
    --color-primary-text: #121212;
    --color-highlight-bg: #5d4d0c;
    --color-highlight-text: #ffe082;
    --color-secondary-default: #5a6268; --color-secondary-hover: #4a4f54; --color-secondary-text: #ffffff;
    --color-danger-default: #dc3545; --color-danger-hover: #c82333; --color-danger-text: #ffffff;
    --color-success-default: #28a745; --color-success-hover: #218838; --color-success-text: #ffffff;
    --color-button-text: var(--color-text-primary);
    --color-modal-overlay-bg: rgba(0, 0, 0, 0.7);
}
body.light-theme { /* AÇIK TEMA */
    /* ... (Önceki yanıttaki tüm body.light-theme değişkenleri) ... */
     --color-body-bg: #f4f6f8;
    --color-text-primary: #212529;
    --color-text-secondary: #495057;
    --color-text-muted: #6c757d;
    --color-link-default: #007bff;
    --color-link-hover: #0056b3;
    --color-border-default: #dee2e6;
    --color-border-subtle: #e9ecef; /* Daha ince kenarlık */
    --color-surface-1: #ffffff;
    --color-surface-2: #f8f9fa;
    --color-surface-3: #e9ecef;
    --color-shadow-default: rgba(0, 0, 0, 0.06);
    --color-primary-default: #007bff;
    --color-primary-hover: #0069d9;
    --color-primary-text: #ffffff;
    --color-highlight-bg: #ffeeba;
    --color-highlight-text: #60490f;
    --color-secondary-default: #6c757d; --color-secondary-hover: #5a6268; --color-secondary-text: #ffffff;
    --color-danger-default: #dc3545; --color-danger-hover: #c82333; --color-danger-text: #ffffff;
    --color-success-default: #28a745; --color-success-hover: #218838; --color-success-text: #ffffff;
    --color-button-text: var(--color-text-primary);
    --color-modal-overlay-bg: rgba(0, 0, 0, 0.4);
}
/* ==========================================================================
   3. SEARCH.PHP Özel Elemanları (Tablomsu Görünüm v2)
   ========================================================================== */

/* Reklam Alanı */
.ad-container.ad-row-header { display: flex; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.ad-slot { flex: 1; background-color: var(--color-surface-2); border: 1px dashed var(--color-border-default); color: var(--color-text-muted); display: flex; align-items: center; justify-content: center; min-height: 60px; text-align: center; font-size: 0.85rem; border-radius: var(--border-radius-sm); opacity: 0.7; }

/* Sayfa Başlığı ("Arama Sonuçları: XCS") */
.page-container > .page-header { text-align: center; margin-top: var(--spacing-xl); margin-bottom: var(--spacing-lg); }
.page-container > .page-header h1 { font-size: 1.75rem; font-weight: 600; color: var(--color-text-primary); margin: 0; padding-bottom: 0; border-bottom: none; }

/* Arama Özeti Kartı ("XCS" için sonuçlar...) */
.search-results-summary { border: none; box-shadow: none; background-color: transparent; padding: 0; margin-bottom: var(--spacing-md); }
.search-results-summary .card-content { padding: var(--spacing-sm) 0; }
.search-results-summary .card-content h3 { margin: 0 0 var(--spacing-xs) 0; font-size: 1.1rem; font-weight: 500; color: var(--color-text-secondary); }
.search-results-summary .card-content p { margin: 0; font-size: 0.95rem; color: var(--color-text-muted); }
.search-results-summary .card-content strong { color: var(--color-text-secondary); font-weight: 600; }

/* ----- Konu Sonuçları Bölümü ----- */
.search-results-section.card {
    border: 1px solid var(--color-border-default); /* Kenarlık */
    box-shadow: none;
    padding: 0;
}
.search-results-section .card-header {
    border-bottom: 1px solid var(--color-border-default);
    border-radius: 0;
    margin: 0;
    background-color: var(--color-surface-2);
    font-size: 0.9rem;
    font-weight: 600;
    padding: var(--spacing-sm) var(--spacing-md);
}

ul.search-topic-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* HER BİR KONU SATIRI */
li.search-topic-item {
    display: flex;
    align-items: center;
    padding: var(--spacing-md) var(--spacing-sm); /* Dikey boşluk fazla, yatay az */
    border-bottom: 1px solid var(--color-border-subtle);
    gap: var(--spacing-md);
    transition: background-color var(--transition-fast);
}
li.search-topic-item:last-child { border-bottom: none; }
li.search-topic-item:hover { background-color: var(--color-surface-2); }

/* SOL TARAF: İKON */
.search-topic-icon {
    flex: 0 0 auto;
    font-size: 1.7rem;
    color: var(--color-text-muted);
    line-height: 1;
    margin-left: var(--spacing-xs);
}
.search-topic-icon i.fas { vertical-align: middle; }

/* ORTA BÖLÜM: BAŞLIK ve ALTINDAKİ METADATA (Yazar, Cevap, Görünüm) */
.search-topic-details {
    flex: 1 1 auto; /* Esnek genişlik */
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

a.search-item-title {
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-text-primary);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
a.search-item-title:hover { color: var(--color-link-default); }

.search-highlight,
a.search-item-title mark {
    background-color: var(--color-highlight-bg);
    color: var(--color-highlight-text);
    padding: 0.1em 0.3em;
    border-radius: var(--border-radius-sm);
    font-weight: inherit;
}

/* Yazar, Cevap, Görünüm Metadataları */
.search-item-meta {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: var(--spacing-md); /* Aralarındaki boşluk */
    font-size: 0.8rem;
    color: var(--color-text-muted);
}
.search-item-meta span { display: inline-flex; align-items: center; white-space: nowrap; }
.search-item-meta i.fas { margin-right: var(--spacing-xs); font-size: 0.9em; width: 1em; text-align: center; }
.search-item-meta .meta-author a { color: inherit; font-weight: 500; }
.search-item-meta .meta-author a:hover { color: var(--color-link-default); text-decoration: underline; }
.search-item-meta .meta-replies,
.search-item-meta .meta-views { color: var(--color-text-secondary); }


/* SAĞ TARAF: TARİH (HTML DEĞİŞTİRİLDİ VARSAYILIYOR!) */
/* Önemli: span.meta-date'i li.search-topic-item'ın son çocuğu yapmalısın! */
.search-topic-item > .meta-date {
    flex: 0 0 auto; /* Sabit genişlik */
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    white-space: nowrap;
    text-align: right; /* Sağa hizalı */
    margin-left: auto; /* Sola it */
    padding-left: var(--spacing-md); /* Sol boşluk */
}
.search-topic-item > .meta-date i.fas {
    margin-right: var(--spacing-xs);
    font-size: 0.9em;
    color: var(--color-text-muted);
}
/* EĞER HTML DEĞİŞTİRİLEMEDİYSE BU ÜSTTEKİ .meta-date BLOĞUNU SİL! */


/* Sayfalama */
.pagination-container { padding: var(--spacing-md); text-align: center; border-top: 1px solid var(--color-border-subtle); background-color: var(--color-surface-2); }
ul.pagination { display: inline-flex; list-style: none; padding: 0; margin: 0; border-radius: var(--border-radius-sm); overflow: hidden; box-shadow: none; }
.pagination li a, .pagination li span { display: inline-block; padding: var(--spacing-xs) var(--spacing-sm); font-size: 0.85rem; color: var(--color-text-secondary); background-color: var(--color-surface-1); border: 1px solid var(--color-border-default); border-left-width: 0; text-decoration: none; transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast); white-space: nowrap; }
.pagination li:first-child a, .pagination li:first-child span { border-left-width: 1px; }
.pagination li a:hover { background-color: var(--color-surface-3); color: var(--color-link-default); border-color: var(--color-border-default); }
.pagination li.active span { background-color: var(--color-primary-default); color: var(--color-primary-text); border-color: var(--color-primary-default); font-weight: 600; cursor: default; z-index: 2; }
.pagination li.disabled span { background-color: transparent; color: var(--color-text-muted); opacity: 0.6; border-color: var(--color-border-default); cursor: not-allowed; }

/* ==========================================================================
   4. Responsive
   ========================================================================== */
@media (max-width: 992px) {
    li.search-topic-item { flex-wrap: wrap; position: relative; padding-bottom: calc(var(--spacing-md) * 2); }
    .search-topic-details { flex-basis: 100%; order: 1; margin-bottom: var(--spacing-sm); }
    a.search-item-title { white-space: normal; }
    .search-topic-icon { order: 0; }

    /* Tarihi sağ alt köşeye al (HTML DEĞİŞTİRİLDİYSE) */
    .search-topic-item > .meta-date { position: absolute; bottom: var(--spacing-sm); right: var(--spacing-md); margin-left: 0; padding-left: 0; font-size: 0.75rem; }
    /* EĞER HTML DEĞİŞMEDİYSE BU BLOĞU SİL */

}
@media (max-width: 768px) {
    .page-container > .page-header h1 { font-size: 1.5rem; }
    a.search-item-title { font-size: 0.95rem; }
    .search-item-meta { font-size: 0.75rem; gap: var(--spacing-sm);}
    .search-topic-item > .meta-date { font-size: 0.7rem; right: var(--spacing-sm); } /* Tarih HTML değiştiyse */
    .ad-container.ad-row-header { flex-direction: column; }
    .pagination li a, .pagination li span { padding: calc(var(--spacing-xs) * 1.5) var(--spacing-sm); font-size: 0.8rem; }
}

.flash-message-container {
    margin-bottom: 15px; /* Mesaj ile içerik arasına boşluk */
}
.message {
    padding: 15px;
    margin-bottom: 0; /* Eğer container'da margin-bottom varsa */
    border: 1px solid transparent;
    border-radius: 4px; /* Card class'ından gelebilir ama garanti olsun */
    font-size: 0.9em;
}
.message.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.message.info { /* Bilgi mesajları için opsiyonel */
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.profile-actions .friend-action-form {
    display: inline-block;
    margin-left: 5px; /* Butonlar arasına boşluk */
}
.profile-actions .friend-action-form:first-child {
    margin-left: 0;
}
.friend-status-text {
    display: inline-block;
    padding: 6px 12px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9em;
    margin-left: 5px;
    vertical-align: middle;
}
/* Discord kopyalama butonu için (eğer AJAXsız bir JS ile yapılacaksa) */
.copy-discord-handle-no-ajax {
    /* Mevcut stilleri kalabilir */
}
/* css/notifications-page.css */

/* Tema Değişkenleri (Açık Tema Varsayılan) */
:root {
    --np-page-bg: #f9fbfd; /* Sayfa arka planı (hafif maviye çalan beyaz) */
    --np-content-bg: #ffffff; /* İçerik alanı arka planı */
    --np-text-color: #333740;
    --np-title-color: #2c323b;
    --np-border-color: #e4e9f0;
    --np-card-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    
    --np-card-unread-bg: #ffffff;
    --np-card-unread-border: #007bff; /* Okunmamış için sol kenarlık rengi */
    --np-card-unread-text-strong: #1a2538;

    --np-card-read-bg: #f8f9fa; /* Okunmuş bildirim arka planı */
    --np-card-read-text-color: #5a6268;
    --np-card-read-icon-color: #7a8288;

    --np-timestamp-color: #777e89;
    --np-link-color: #007bff;
    --np-link-hover-color: #0056b3;

    --np-icon-default-color: #6c757d;
    --np-icon-primary-color: #007bff;
    --np-icon-success-color: #28a745;
    --np-icon-info-color: #17a2b8;
    --np-icon-warning-color: #ffc107;
    --np-icon-danger-color: #dc3545;

    --np-button-danger-outline-text: #dc3545;
    --np-button-danger-outline-border: #dc3545;
    --np-button-danger-outline-hover-bg: #dc3545;
    --np-button-danger-outline-hover-text: #ffffff;

    --np-empty-icon-color: #b0bac3;
    --np-empty-text-color: #6c757d;
    --np-empty-lead-color: #495057;

    --np-alert-success-bg: #d1e7dd;
    --np-alert-success-text: #0a3622;
    --np-alert-success-border: #a3cfbb;
    --np-alert-danger-bg: #f8d7da;
    --np-alert-danger-text: #58151c;
    --np-alert-danger-border: #f1aeb5;
}

/* Gece Modu Değişkenleri */
body:not(.light-theme) {
    --np-page-bg: #1a1d21;
    --np-content-bg: #23272c;
    --np-text-color: #c9d1d9;
    --np-title-color: #e9ecef;
    --np-border-color: #373b41;
    --np-card-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

    --np-card-unread-bg: #282c31;
    --np-card-unread-border: #58a6ff;
    --np-card-unread-text-strong: #e0e6ec;

    --np-card-read-bg: #212529;
    --np-card-read-text-color: #909da7;
    --np-card-read-icon-color: #7a8288;

    --np-timestamp-color: #8b949e;
    --np-link-color: #58a6ff;
    --np-link-hover-color: #79b8ff;

    --np-icon-default-color: #8b949e;
    --np-icon-primary-color: #58a6ff;
    --np-icon-success-color: #3fb950;
    --np-icon-info-color: #39c5bb;
    --np-icon-warning-color: #e0a800; /* Sarı gece modunda da parlak kalabilir */
    --np-icon-danger-color: #f17071;

    --np-button-danger-outline-text: #f17071;
    --np-button-danger-outline-border: #f17071;
    --np-button-danger-outline-hover-bg: #f17071;
    --np-button-danger-outline-hover-text: #1a1d21;

    --np-empty-icon-color: #5a6268;
    --np-empty-text-color: #8b949e;
    --np-empty-lead-color: #adb5bd;

    --np-alert-success-bg: #0d2818;
    --np-alert-success-text: #7ee2a8;
    --np-alert-success-border: #225e3c;
    --np-alert-danger-bg: #3a171c;
    --np-alert-danger-text: #f8a4ac;
    --np-alert-danger-border: #7e2c36;
}

/* Sayfa Genel Stilleri */
.notifications-page {
    background-color: var(--np-page-bg);
    color: var(--np-text-color);
}

.notifications-page .main-page-content-area {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background-color: var(--np-content-bg); /* Ana içerik alanı için ayrı arka plan */
    border-radius: 0.5rem;
    box-shadow: var(--np-card-shadow);
    margin-top: 1.5rem; /* Header'dan boşluk */
    margin-bottom: 1.5rem; /* Footer'dan boşluk */
}

.notifications-page .page-header {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--np-border-color);
}

.notifications-page .page-title {
    font-size: 2rem; /* Başlık boyutu artırıldı */
    font-weight: 700; /* Daha kalın başlık */
    color: var(--np-title-color);
}
.notifications-page .page-title .fas.fa-bell {
    color: var(--np-icon-primary-color);
    margin-right: 0.75rem !important; /* Bootstrap me-2 üzerine yazmak için */
}

.notifications-page .notification-page-actions .btn-outline-danger {
    color: var(--np-button-danger-outline-text);
    border-color: var(--np-button-danger-outline-border);
    font-weight: 500;
    padding: 0.4rem 0.8rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.notifications-page .notification-page-actions .btn-outline-danger:hover {
    background-color: var(--np-button-danger-outline-hover-bg);
    color: var(--np-button-danger-outline-hover-text);
}
.notifications-page .notification-page-actions .btn-outline-danger .fas {
    margin-right: 0.35rem !important;
}

/* Bildirim Kartı Stilleri */
.notifications-page .notification-item-card {
    background-color: var(--np-card-bg);
    border: 1px solid var(--np-border-color);
    box-shadow: var(--np-card-shadow);
    border-radius: 0.5rem; /* Daha yuvarlak köşeler */
    margin-bottom: 1rem !important; /* Kartlar arası boşluk */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    overflow: hidden; /* border-left'in taşmasını engellemek için */
}
.notifications-page .notification-item-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.35rem 1rem rgba(0,0,0,0.08);
}
body:not(.light-theme) .notifications-page .notification-item-card:hover {
    box-shadow: 0 0.35rem 1rem rgba(0,0,0,0.18);
}

.notifications-page .notification-item-card.bg-light-subtle { /* Okunmuş */
    background-color: var(--np-card-read-bg) !important;
    border-color: var(--np-border-color); /* Okunmuşsa vurgulu kenarlık olmasın */
}
.notifications-page .notification-item-card.border-primary { /* Okunmamış */
    border-left: 5px solid var(--np-card-unread-border); /* Sol kenarlık vurgusu */
    background-color: var(--np-card-unread-bg); /* Okunmamış için farklı arka plan */
}

.notifications-page .notification-item-card .card-body {
    padding: 1.25rem; /* Daha ferah iç boşluk */
}

.notifications-page .notification-item-card .rounded-circle {
    width: 50px; 
    height: 50px;
    object-fit: cover;
    border: 2px solid var(--np-border-color);
}

.notifications-page .notification-main-link {
    color: inherit; /* Kartın genel yazı rengini alsın */
    display: block; /* Tüm kart alanını tıklanabilir yapar */
}
.notifications-page .notification-main-link:hover {
    text-decoration: none; /* Link alt çizgisini kaldır */
}

.notifications-page .notification-generated-text {
    font-size: 0.98rem; /* Biraz daha büyük yazı */
    line-height: 1.55;
    color: var(--np-text-color);
    margin-bottom: 0.3rem !important;
}
.notifications-page .notification-generated-text.fw-bold {
    font-weight: 600 !important;
    color: var(--np-card-unread-text-strong) !important; /* Okunmamışsa daha güçlü renk */
}
.notifications-page .notification-generated-text .fas,
.notifications-page .notification-generated-text .far {
    width: 22px; 
    text-align: center;
    margin-right: 0.5rem !important;
    font-size: 1.1em; /* İkonları biraz büyüt */
}

/* İkon Renkleri (CSS değişkenleri ile) */
.notifications-page .fa-envelope.text-primary { color: var(--np-icon-primary-color) !important; }
.notifications-page .fa-reply.text-success { color: var(--np-icon-success-color) !important; }
.notifications-page .fa-comments.text-info { color: var(--np-icon-info-color) !important; }
.notifications-page .fa-at.text-warning { color: var(--np-icon-warning-color) !important; }
.notifications-page .fa-user-plus.text-info { color: var(--np-icon-info-color) !important; }
.notifications-page .fa-user-check.text-success { color: var(--np-icon-success-color) !important; }
.notifications-page .fa-heart.text-danger { color: var(--np-icon-danger-color) !important; }
.notifications-page .fa-cog.text-muted { color: var(--np-icon-default-color) !important; }
.notifications-page .fa-question-circle.text-secondary { color: var(--np-icon-default-color) !important; }

.notifications-page .notification-item-card.bg-light-subtle .notification-generated-text .fas,
.notifications-page .notification-item-card.bg-light-subtle .notification-generated-text .far {
    color: var(--np-card-read-icon-color) !important; /* Okunmuş kartlardaki ikon rengi */
}
.notifications-page .notification-item-card.bg-light-subtle .notification-generated-text {
    color: var(--np-card-read-text-color);
}


.notifications-page .notification-timestamp {
    font-size: 0.82rem;
    color: var(--np-timestamp-color);
}
.notifications-page .notification-timestamp .far.fa-clock {
    margin-right: 5px;
}

.notifications-page .btn-outline-danger.border-0 { /* Tekli silme butonu */
    padding: 0.2rem 0.5rem;
    line-height: 1;
    background: transparent !important;
}
.notifications-page .btn-outline-danger.border-0 .fa-times {
    font-size: 1rem;
    color: var(--np-timestamp-color); /* Daha yumuşak bir silme ikonu rengi */
    transition: color 0.2s ease;
}
.notifications-page .btn-outline-danger.border-0:hover .fa-times {
    color: var(--np-icon-danger-color); /* Üzerine gelince kırmızı */
}


/* Bildirim Yok Mesajı */
.notifications-page .text-center.p-5 {
    background-color: var(--np-card-read-bg); /* Okunmuş kart arka planı gibi */
    border: 1px dashed var(--np-border-color);
    border-radius: 0.5rem;
    padding: 3.5rem !important;
}
.notifications-page .text-center.p-5 .fa-bell-slash {
    color: var(--np-empty-icon-color);
    margin-bottom: 1.25rem !important;
    font-size: 3.5rem !important;
}
.notifications-page .text-center.p-5 .lead {
    font-size: 1.35rem;
    font-weight: 500;
    color: var(--np-empty-lead-color);
    margin-bottom: 0.75rem !important;
}
.notifications-page .text-center.p-5 p:not(.lead) {
    color: var(--np-empty-text-color);
    font-size: 0.95rem;
}

/* Bootstrap alert özelleştirmesi */
.notifications-page .alert {
    border-left-width: 5px;
    border-radius: 0.375rem;
    font-size: 0.95rem;
    padding: 0.9rem 1.25rem;
}
.notifications-page .alert-success {
    background-color: var(--np-alert-success-bg);
    color: var(--np-alert-success-text);
    border-color: var(--np-alert-success-border);
}
.notifications-page .alert-danger {
    background-color: var(--np-alert-danger-bg);
    color: var(--np-alert-danger-text);
    border-color: var(--np-alert-danger-border);
}
.notifications-page .alert .btn-close {
    filter: var(--bs-btn-close-white-filter, none);
}
body:not(.light-theme) .notifications-page .alert .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ==========================================================================
   Friends Page (friends.php) Styles
   ========================================================================== */

/* Sayfa Genel Ayarları */
.friends-page-body .page-container#friends-page {
    /* Konteyner için ek özel ayar gerekirse buraya eklenebilir.
       Genel .container stilini devralacaktır. */
}

.friends-page-body .page-title {
    font-size: 1.8em; /* Ana CSS'deki .form-title veya .category-header h1 ile benzer */
    color: var(--text-color-strong-current);
    margin-bottom: var(--main-content-gap);
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color-current);
    display: flex;
    align-items: center;
}

.friends-page-body .page-title .fas.fa-users {
    margin-right: 12px;
    color: var(--accent-color-current);
    font-size: 0.9em; /* Başlığa göre ikon boyutu */
}

/* Flash Mesajları (Toast Bildirimleri) - Mevcut .form-errors/success benzeri */
.friends-page-body .toast-notification.manual-toast {
    padding: 15px 20px;
    margin-bottom: var(--main-content-gap);
    border-radius: var(--button-border-radius); /* Ana CSS'den */
    border-width: 1px;
    border-style: solid;
    font-size: 0.95em;
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.friends-page-body .toast-notification.manual-toast .toast-icon {
    margin-right: 12px;
    font-size: 1.2em;
    line-height: 1;
}
.friends-page-body .toast-notification.manual-toast.success {
    background-color: rgba(var(--success-color-current-rgb, 40, 167, 69), 0.1);
    border-color: rgba(var(--success-color-current-rgb, 40, 167, 69), 0.3);
    color: var(--success-color-current);
}
.friends-page-body .toast-notification.manual-toast.error {
    background-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.1);
    border-color: rgba(var(--danger-color-current-rgb, 220, 53, 69), 0.3);
    color: var(--danger-color-current);
}
.friends-page-body .toast-notification.manual-toast.warning {
    /* Ana CSS'de --warning-color-current-rgb tanımlıysa kullanılabilir, değilse fallback */
    background-color: rgba(var(--warning-color-current-rgb, 243, 156, 18), 0.1);
    border-color: rgba(var(--warning-color-current-rgb, 243, 156, 18), 0.3);
    color: var(--warning-color-current, #f39c12);
}
.friends-page-body .toast-notification.manual-toast.info {
     /* Ana CSS'de --info-color-current-rgb tanımlıysa kullanılabilir, değilse fallback */
    background-color: rgba(var(--info-color-current-rgb, 52, 152, 219), 0.1);
    border-color: rgba(var(--info-color-current-rgb, 52, 152, 219), 0.3);
    color: var(--info-color-current, #3498db);
}


/* Bilgi Mesajı (Arkadaş Yoksa) */
.friends-page-body .alert.alert-info {
    background-color: rgba(var(--info-color-current-rgb, 52, 152, 219), 0.1); /* Ana CSS'de info-color-current-rgb yoksa genel bir renk */
    border: 1px solid rgba(var(--info-color-current-rgb, 52, 152, 219), 0.3);
    color: var(--info-color-current, #3498db); /* Ana CSS'de yoksa genel bir renk */
    padding: 15px 20px;
    border-radius: var(--button-border-radius);
    font-size: 0.95em;
    display: flex;
    align-items: center;
}
.friends-page-body .alert.alert-info .fas.fa-info-circle {
    margin-right: 10px;
    font-size: 1.1em;
}

/* Arkadaş Listesi */
.friends-page-body .friends-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); /* Esnek kart genişliği */
    gap: var(--main-content-gap);
}

/* Arkadaş Kartı */
.friends-page-body .friend-card {
    background-color: var(--card-bg-color-current);
    border: 1px solid var(--border-color-current);
    border-radius: var(--card-border-radius);
    box-shadow: 0 4px 15px var(--shadow-color-soft-current);
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Köşelerin düzgün görünmesi için */
    transition: transform var(--transition-speed-fast) var(--transition-easing),
                box-shadow var(--transition-speed-normal) var(--transition-easing);
}
.friends-page-body .friend-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px var(--shadow-color-medium-current);
}

/* Kart Başlığı (Avatar Alanı) */
.friends-page-body .friend-card-header {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid var(--border-color-light-current);
    /* Arka plana hafif bir gradient eklenebilir */
    background: linear-gradient(rgba(255,255,255,0.03), rgba(255,255,255,0));
}
body.light-theme .friends-page-body .friend-card-header {
    background: linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0));
}

.friends-page-body .friend-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--border-color-light-current);
    box-shadow: 0 2px 8px var(--shadow-color-soft-current);
    transition: transform var(--transition-speed-normal) var(--transition-easing);
}
.friends-page-body .friend-card-header a:hover .friend-avatar {
    transform: scale(1.05);
}

/* Kart Gövdesi (Kullanıcı Bilgileri) */
.friends-page-body .friend-card-body {
    padding: 20px;
    text-align: center;
    flex-grow: 1; /* Kart içindeki alanı doldurur */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Dikeyde ortala */
}

.friends-page-body .friend-username {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--text-color-strong-current);
    line-height: 1.3;
}
.friends-page-body .friend-username a {
    color: inherit;
    text-decoration: none;
}
.friends-page-body .friend-username a:hover {
    color: var(--link-hover-color-current);
}

.friends-page-body .friend-user-title,
.friends-page-body .friend-branch {
    font-size: 0.9em;
    color: var(--text-color-muted-current);
    margin-bottom: 6px;
    line-height: 1.4;
}
.friends-page-body .friend-branch .fas.fa-map-marker-alt {
    margin-right: 5px;
    opacity: 0.8;
}

.friends-page-body .friend-last-activity {
    font-size: 0.85em;
    color: var(--text-color-muted-current);
    margin-top: 10px;
}
.friends-page-body .online-status .fas.fa-circle,
.friends-page-body .online-status .far.fa-circle {
    margin-right: 6px;
    font-size: 0.8em;
    vertical-align: middle;
}
.friends-page-body .online-status.online {
    color: var(--success-color-current); /* Ana CSS'deki success değişkeni */
}
.friends-page-body .online-status.offline {
    color: var(--text-color-muted-current);
}

/* Kart Eylemleri (Butonlar) */
.friends-page-body .friend-card-actions {
    padding: 15px 20px;
    border-top: 1px solid var(--border-color-light-current);
    background-color: rgba(0,0,0,0.02); /* Hafif farklı bir arka plan */
    display: flex;
    gap: 10px; /* Butonlar arası boşluk */
    justify-content: center; /* Butonları ortala */
}
body.light-theme .friends-page-body .friend-card-actions {
    background-color: rgba(0,0,0,0.01);
}

/* Buton Boyutları (button-sm) */
.friends-page-body .friend-card-actions .button.button-sm {
    padding: 8px 15px; /* Daha küçük padding */
    font-size: 0.85em;  /* Daha küçük yazı boyutu */
    font-weight: 500;
}
.friends-page-body .friend-card-actions .button.button-sm i {
    margin-right: 6px; /* İkon ve yazı arası */
    font-size: 0.95em;
}

/* Responsiveness */
@media (max-width: 768px) {
    .friends-page-body .page-title {
        font-size: 1.6em;
    }
    .friends-page-body .friends-list {
        grid-template-columns: 1fr; /* Mobilde tek sütun */
    }
    .friends-page-body .friend-avatar {
        width: 80px;
        height: 80px;
    }
    .friends-page-body .friend-username {
        font-size: 1.1em;
    }
    .friends-page-body .friend-card-actions {
        flex-direction: column; /* Butonları alt alta */
    }
    .friends-page-body .friend-card-actions .button.button-sm {
        width: 100%; /* Butonlar tam genişlik */
    }
}


html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

header.site-header,
nav.sub-navigation,
footer.site-footer,
body > .container:has(.ad-container.ad-row-header) { /* Bu, reklamları içeren .container'ı hedefler */
    flex-shrink: 0; /* Bu elemanların küçülmesini engelle */
}
div.page-container {
    flex-grow: 1; /* Bu elemanın kalan tüm boşluğu doldurmasını sağlar */
}

a:hover,
a:focus {
  text-decoration: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none !important;
}
/* Keyframe Animasyonları (Bir öncekiyle aynı, isimleri güncelledim) */
@keyframes flowGradientSiteUyumlu {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes liquidDropInSiteUyumlu {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.3);
        border-radius: 60% 40% 70% 30% / 50% 60% 40% 50%;
    }
    70% {
        opacity: 1;
        transform: translateY(-8px) scale(1.1);
        border-radius: 40% 60% 50% 50% / 60% 50% 50% 40%;
    }
    100% {
        opacity: 0.95;
        transform: translateY(0) scale(1);
        border-radius: 50%;
    }
}

@keyframes pulseShadowSiteUyumlu {
    0% { box-shadow: 0 0 0 0 var(--btn-accent-color-transparent); }
    70% { box-shadow: 0 0 8px 15px var(--btn-accent-color-transparent-end); }
    100% { box-shadow: 0 0 0 0 var(--btn-accent-color-transparent-end); }
}

/* CSS Değişkenleri (Bir öncekiyle aynı) */
:root {
    --btn-accent-color-start: #A060E5;
    --btn-accent-color-mid: #8A42D9;
    --btn-accent-color-end: #7F00FF;
    --btn-icon-color: #FFFFFF;
    --btn-accent-color-transparent: rgba(127, 0, 255, 0.4);
    --btn-accent-color-transparent-end: rgba(127, 0, 255, 0);
    --btn-hover-shadow-color1: rgba(127, 0, 255, 0.3);
    --btn-hover-shadow-color2: rgba(160, 96, 229, 0.4);
    --btn-active-shadow-color: rgba(127, 0, 255, 0.2);
}

/* Koyu Mod Renkleri (Opsiyonel, bir öncekiyle aynı) */
body.dark-mode #back-to-top,
html[data-theme="dark"] #back-to-top {
    /* Koyu mod için gerekirse renk değişkenlerini burada override edin */
}

#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%; /* Kapanışta bu hedeflenecek */
    cursor: pointer;
    display: flex; /* JS değiştiriyor, CSS sadece başlangıçta tanımlıyor */
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--btn-icon-color);

    background: linear-gradient(135deg, var(--btn-accent-color-start), var(--btn-accent-color-mid), var(--btn-accent-color-end), var(--btn-accent-color-mid), var(--btn-accent-color-start));
    background-size: 350% 350%;
    animation: flowGradientSiteUyumlu 8s ease infinite;

    /* Başlangıç ve Kapanış Hedef Stilleri */
    opacity: 0;
    transform: translateY(40px) scale(0.4); /* Kapanışta bu hedeflenecek (biraz değiştirildi) */
    visibility: hidden; /* Başlangıçta ve kapanıştan sonra gizli */

    /* === KAPANMA ANİMASYONU İÇİN GÜNCELLENMİŞ TRANSITION === */
    transition: opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), /* Hızlanarak solma (easeInQuad) */
                transform 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19), /* Hızlanarak küçülme ve aşağı kayma (easeInCubic) */
                visibility 0s 0.4s, /* Animasyon bittikten sonra gizle (opacity veya transform süresinin en uzunu kadar gecikme) */
                border-radius 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); /* Küçülürken border-radius'un da son %50 haline yumuşak geçişi */
}

/* Açılış Animasyonu Tetikleyicisi (Bir öncekiyle aynı) */
#back-to-top[style*="display: flex"] {
    visibility: visible; /* Görünür yap */
    opacity: 0.95; /* Açılış animasyonunun son opacity değeri */
    transform: translateY(0) scale(1); /* Açılış animasyonunun son transform değeri */
    border-radius: 50%; /* Açılış animasyonunun son border-radius değeri */
    animation: liquidDropInSiteUyumlu 0.7s cubic-bezier(0.68, -0.55, 0.26, 1.55) forwards,
               pulseShadowSiteUyumlu 2.2s infinite 0.8s;
    /* Not: 'forwards' nedeniyle liquidDropInSiteUyumlu animasyonunun son karedeki değerleri
       (opacity, transform, border-radius) element üzerinde kalır.
       Bu transition, açılış için de bir fallback görevi görebilir ama asıl işi keyframe yapar. */
}

/* Hover ve Active Stilleri (Bir öncekiyle aynı) */
#back-to-top:hover {
    opacity: 1;
    transform: scale(1.12) rotate(4deg);
    background-size: 200% 200%;
    box-shadow: 0px 6px 20px var(--btn-hover-shadow-color1), 0px 0px 8px var(--btn-hover-shadow-color2);
    /* pulseShadow animasyonunu durdurmak yerine devam etmesini veya farklı bir hover animasyonu eklemeyi düşünebilirsiniz */
    animation-play-state: running, running; /* Her iki animasyon da hover'da devam etsin veya istediğiniz gibi ayarlayın */
}

#back-to-top:hover .fas.fa-arrow-up {
    transform: scale(1.15) translateY(-1px) rotate(8deg);
    color: #FFFFFF;
}

#back-to-top:active {
    transform: scale(0.96) rotate(-3deg);
    opacity: 0.9;
    box-shadow: 0px 3px 12px var(--btn-active-shadow-color);
    transition-duration: 0.08s; /* Tıklama anında daha hızlı tepki */
}

#back-to-top .fas.fa-arrow-up {
    font-size: 18px;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.25s ease;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
:root {
    --scrollbar-track-color-light: rgba(0, 0, 0, 0.03);
    --scrollbar-thumb-gradient-start-light: #A060E5;
    --scrollbar-thumb-gradient-mid-light: #8A42D9;
    --scrollbar-thumb-gradient-end-light: #7F00FF;
    --scrollbar-thumb-hover-gradient-start-light: #7F00FF;
    --scrollbar-thumb-hover-gradient-end-light: #A060E5;

    --scrollbar-track-color-dark: rgba(255, 255, 255, 0.04);
    --scrollbar-thumb-gradient-start-dark: #B388FF;
    --scrollbar-thumb-gradient-mid-dark: #9B59FF;
    --scrollbar-thumb-gradient-end-dark: #8A2BE2;
    --scrollbar-thumb-hover-gradient-start-dark: #8A2BE2;
    --scrollbar-thumb-hover-gradient-end-dark: #B388FF;

    --scrollbar-ff-thumb-color-light: #8A42D9;
    --scrollbar-ff-track-color-light: rgba(0, 0, 0, 0.03);
    --scrollbar-ff-thumb-color-dark: #9B59FF;
    --scrollbar-ff-track-color-dark: rgba(255, 255, 255, 0.04);
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color-light);
    border-radius: 10px;
    margin: 2px;
}

body.dark-mode::-webkit-scrollbar-track,
html[data-theme="dark"]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color-dark);
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-image: linear-gradient(145deg, var(--scrollbar-thumb-gradient-start-light), var(--scrollbar-thumb-gradient-mid-light), var(--scrollbar-thumb-gradient-end-light));
    border-radius: 10px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    transition: background-image 0.3s ease-in-out;
}

body.dark-mode::-webkit-scrollbar-thumb,
html[data-theme="dark"]::-webkit-scrollbar-thumb {
    background-image: linear-gradient(145deg, var(--scrollbar-thumb-gradient-start-dark), var(--scrollbar-thumb-gradient-mid-dark), var(--scrollbar-thumb-gradient-end-dark));
    box-shadow: inset 0 0 3px rgba(255,255,255,0.1);
}

body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(145deg, var(--scrollbar-thumb-hover-gradient-start-light), var(--scrollbar-thumb-gradient-mid-light), var(--scrollbar-thumb-hover-gradient-end-light));
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2), 0 0 8px var(--scrollbar-thumb-gradient-mid-light);
}

body.dark-mode::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(145deg, var(--scrollbar-thumb-hover-gradient-start-dark), var(--scrollbar-thumb-gradient-mid-dark), var(--scrollbar-thumb-hover-gradient-end-dark));
    box-shadow: inset 0 0 5px rgba(0,0,0,0.3), 0 0 8px var(--scrollbar-thumb-gradient-mid-dark);
}

body::-webkit-scrollbar-corner,
html::-webkit-scrollbar-corner {
    background-color: transparent;
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-ff-thumb-color-light) var(--scrollbar-ff-track-color-light);
}

body.dark-mode html,
html[data-theme="dark"] {
    scrollbar-color: var(--scrollbar-ff-thumb-color-dark) var(--scrollbar-ff-track-color-dark);
}

:root {
    --modal-enter-duration: 0.8s;
    --modal-exit-duration: 0.5s;
    --modal-glow-pulse-color-dark: rgba(var(--dark-accent-color-rgb, 165, 105, 189), 0.7);
    --modal-glow-pulse-color-light: rgba(var(--light-accent-color-rgb, 142, 68, 173), 0.6);
    --input-focus-border-animation-color-dark: var(--dark-accent-color, #a569bd);
    --input-focus-border-animation-color-light: var(--light-accent-color, #8e44ad);
    --button-particle-color-dark: var(--dark-accent-color, #a569bd);
    --button-particle-color-light: var(--light-accent-color, #8e44ad);
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, rgba(var(--dark-bg-color-rgb, 10,10,12), 0.7) 0%, rgba(var(--dark-bg-color-rgb, 10,10,12), 0.95) 100%);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  opacity: 0;
  transition: opacity var(--modal-exit-duration) cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(12px) brightness(0.7) saturate(150%);
  -webkit-backdrop-filter: blur(12px) brightness(0.7) saturate(150%);
  perspective: 1000px;
}
body.light-theme .modal-overlay {
  background: radial-gradient(ellipse at center, rgba(var(--light-bg-color-rgb, 240,242,245), 0.6) 0%, rgba(var(--light-bg-color-rgb, 240,242,245), 0.85) 100%);
}

.modal-overlay.active {
  display: flex;
  opacity: 1;
  transition-duration: var(--modal-enter-duration);
}

@keyframes modalEnterAdvanced {
  0% {
    opacity: 0;
    transform: translateY(100px) scale(0.7) rotateX(-60deg) rotateY(30deg);
    filter: brightness(0.5) blur(5px);
  }
  50% {
    opacity: 0.8;
    transform: translateY(-20px) scale(1.05) rotateX(10deg) rotateY(-5deg);
    filter: brightness(1) blur(1px);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1) rotateX(0deg) rotateY(0deg);
    filter: brightness(1) blur(0);
  }
}

@keyframes modalExitAdvanced {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: translateY(80px) scale(0.8) rotateX(30deg);
    filter: blur(5px);
  }
}

.modal-content.card {
  position: relative;
  max-width: 520px;
  width: calc(100% - 20px);
  margin: 10px;
  padding: 0;
  border-radius: calc(var(--card-border-radius, 16px) + 8px);
  background: var(--dark-card-bg-color, #181a1d);
  border: 1px solid transparent;
  box-shadow: 0 0 15px 0px var(--modal-glow-pulse-color-dark),
              0 30px 80px -20px rgba(0,0,0,0.8);
  opacity: 0;
  animation: modalEnterAdvanced var(--modal-enter-duration) cubic-bezier(0.16, 1, 0.3, 1) forwards;
  overflow: hidden;
  transform-style: preserve-3d;
}
.modal-overlay:not(.active) .modal-content.card {
  animation: modalExitAdvanced var(--modal-exit-duration) cubic-bezier(0.7, 0, 0.84, 0) forwards;
}

.modal-content.card::before {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: inherit;
    background: linear-gradient(145deg,
        rgba(var(--dark-accent-color-rgb, 165, 105, 189), 0.4),
        rgba(var(--dark-accent-color-rgb, 165, 105, 189), 0.1) 30%,
        transparent 60%,
        rgba(var(--dark-border-color-rgb, 44, 47, 51), 0.5)
    );
    z-index: -1;
    animation: borderShine 8s linear infinite;
}

@keyframes borderShine {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 200%; }
}


body.light-theme .modal-content.card {
  background: var(--light-card-bg-color, #ffffff);
  box-shadow: 0 0 15px 0px var(--modal-glow-pulse-color-light),
              0 25px 70px -15px var(--light-shadow-color-strong, rgba(0,0,0,0.3));
}
body.light-theme .modal-content.card::before {
    background: linear-gradient(145deg,
        rgba(var(--light-accent-color-rgb, 142, 68, 173), 0.3),
        rgba(var(--light-accent-color-rgb, 142, 68, 173), 0.05) 30%,
        transparent 60%,
        rgba(var(--light-border-color-rgb, 233, 236, 239), 0.5)
    );
}


.modal-header {
  padding: 22px 30px;
  border-bottom: 1px solid transparent;
  background: linear-gradient(to bottom, rgba(var(--dark-card-bg-color-rgb,24,26,29),0.3), transparent);
  position: relative;
  text-align: center;
}
body.light-theme .modal-header {
  background: linear-gradient(to bottom, rgba(var(--light-card-bg-color-rgb,255,255,255),0.1), transparent);
  border-bottom: 1px solid rgba(var(--light-border-color-rgb, 233, 236, 239), 0.5);
}

.modal-content .form-title {
  font-size: 1.9em;
  color: var(--dark-text-color-strong, #f5f6fa);
  font-weight: 700;
  letter-spacing: -0.2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-shadow: 0 0 15px var(--modal-glow-pulse-color-dark), 0 1px 2px rgba(0,0,0,0.5);
  animation: titlePulseColor 3s infinite alternate;
}
@keyframes titlePulseColor {
    0% { color: var(--dark-accent-color, #a569bd); }
    50% { color: var(--dark-text-color-strong, #f5f6fa); }
    100% { color: var(--dark-accent-hover-color, #b47cc9); }
}
body.light-theme .modal-content .form-title {
  color: var(--light-text-color-strong, #1a1f24);
  text-shadow: 0 0 10px var(--modal-glow-pulse-color-light), 0 1px 1px rgba(0,0,0,0.1);
}
body.light-theme @keyframes titlePulseColor {
    0% { color: var(--light-accent-color, #8e44ad); }
    50% { color: var(--light-text-color-strong, #1a1f24); }
    100% { color: var(--light-accent-hover-color, #7d3c9d); }
}
.modal-content .form-title i {
  margin-right: 12px;
  font-size: 1.3em;
  animation: iconRotateZoom 3s infinite ease-in-out;
  text-shadow: 0 0 8px currentColor;
}
@keyframes iconRotateZoom {
  0% { transform: rotate(0deg) scale(1); opacity: 0.8;}
  25% { transform: rotate(15deg) scale(1.2); opacity: 1;}
  50% { transform: rotate(-10deg) scale(1.1); opacity: 0.9;}
  75% { transform: rotate(10deg) scale(1.25); opacity: 1;}
  100% { transform: rotate(0deg) scale(1); opacity: 0.8;}
}

.modal-body {
  padding: 30px 35px 25px;
}

.modal-close-button {
  top: 18px;
  right: 18px;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.modal-close-button:hover {
  transform: rotate(360deg) scale(1.3) !important;
  box-shadow: 0 0 15px rgba(var(--dark-danger-color-rgb,220,53,69),0.6);
}
body.light-theme .modal-close-button:hover {
  box-shadow: 0 0 15px rgba(var(--light-danger-color-rgb,220,53,69),0.4);
}

.form-group.floating-label-group {
  position: relative;
  margin-bottom: 30px;
}
.form-group.floating-label-group label {
  position: absolute;
  left: 28px;
  top: 14px;
  font-size: 0.95em;
  color: var(--dark-text-color-muted, #8a9199);
  pointer-events: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left top;
  white-space: nowrap;
  display: flex;
  align-items: center;
  line-height: 1.4;
}
body.light-theme .form-group.floating-label-group label {
  color: var(--light-text-color-muted, #6c757d);
}
.form-group.floating-label-group input:focus ~ label,
.form-group.floating-label-group input:not(:placeholder-shown) ~ label {
  top: -12px;
  left: 10px;
  transform: scale(0.8);
  color: var(--dark-accent-color, #a569bd);
  background-color: var(--dark-card-bg-color, #181a1d);
  padding: 0 5px;
  border-radius: 3px;
  line-height: 1.4;
}
body.light-theme .form-group.floating-label-group input:focus ~ label,
body.light-theme .form-group.floating-label-group input:not(:placeholder-shown) ~ label {
  color: var(--light-accent-color, #8e44ad);
  background-color: var(--light-card-bg-color, #ffffff);
}
.form-group.floating-label-group input:focus ~ label i,
.form-group.floating-label-group input:not(:placeholder-shown) ~ label i {
  display: none;
}
.form-group.floating-label-group label i {
  margin-right: 8px;
  font-size: 0.9em;
  opacity: 0.7;
}

.form-group.floating-label-group .input-focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--input-focus-border-animation-color-dark);
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
body.light-theme .form-group.floating-label-group .input-focus-border {
  background-color: var(--input-focus-border-animation-color-light);
}
.form-group.floating-label-group input:focus ~ .input-focus-border {
  width: 100%;
}

.modal-content .form-group input[type="text"],
.modal-content .form-group input[type="email"],
.modal-content .form-group input[type="password"] {
  padding: 15px 20px;
}

.modal-content .form-group.floating-label-group label {
  display: flex;
  align-items: center;
}

.remember-me.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 1px; height: 1px;
}
.remember-me.custom-checkbox .checkbox-visual {
  width: 20px;
  height: 20px;
  border: 2px solid var(--dark-input-border-color, #3a3e44);
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  cursor: pointer;
  transition: all var(--transition-speed-fast) ease;
  transform: scale(1);
}
.remember-me.custom-checkbox .checkbox-visual i {
  font-size: 10px;
  color: var(--dark-card-bg-color);
  opacity: 0;
  transform: scale(0.5);
  transition: all var(--transition-speed-fast) ease;
}
.remember-me.custom-checkbox input[type="checkbox"]:checked + .checkbox-visual {
  background-color: var(--dark-accent-color, #a569bd);
  border-color: var(--dark-accent-color, #a569bd);
  animation: checkboxPop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.remember-me.custom-checkbox input[type="checkbox"]:checked + .checkbox-visual i {
  opacity: 1;
  transform: scale(1);
}
@keyframes checkboxPop {
  0% { transform: scale(0.8); }
  70% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
body.light-theme .remember-me.custom-checkbox .checkbox-visual {
  border-color: var(--light-input-border-color, #ced4da);
}
body.light-theme .remember-me.custom-checkbox .checkbox-visual i {
  color: var(--light-card-bg-color);
}
body.light-theme .remember-me.custom-checkbox input[type="checkbox"]:checked + .checkbox-visual {
  background-color: var(--light-accent-color, #8e44ad);
  border-color: var(--light-accent-color, #8e44ad);
}

.animated-link {
  position: relative;
  text-decoration: none !important;
  transition: color var(--transition-speed-fast) ease;
}
.animated-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: var(--dark-accent-hover-color, #b47cc9);
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}
body.light-theme .animated-link::before {
  background-color: var(--light-accent-hover-color, #7d3c9d);
}
.animated-link:hover::before {
  visibility: visible;
  transform: scaleX(1);
}
.animated-link:hover {
    color: var(--dark-accent-hover-color, #b47cc9) !important;
}
body.light-theme .animated-link:hover {
    color: var(--light-accent-hover-color, #7d3c9d) !important;
}

.button-icon-animated {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-block;
}
.button:hover .button-icon-animated {
  transform: translateX(5px) rotate(15deg) scale(1.1);
}

.captcha-group {
  margin-top: 25px;
  margin-bottom: 25px;
}
.captcha-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 0;
  background-color: transparent;
  border: none;
}
.captcha-text {
    font-family: 'Orbitron', 'Audiowide', 'Consolas', monospace;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 8px;
    color: var(--dark-text-color-strong, #fff);
    flex-grow: 1;
    text-align: center;
    text-transform: lowercase;
    padding: 10px 8px;
    border-radius: calc(var(--input-border-radius, 8px) - 0px);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background: linear-gradient(170deg, rgba(var(--dark-bg-color-rgb, 10, 10, 12), 0.92) 0%, rgba(var(--dark-bg-color-rgb, 18, 19, 22), 0.98) 100%),
                url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23${'var(--dark-accent-color, #a569bd)'.replace('#', '')}' fill-opacity='0.07'%3E%3Cpath d='M36 0c-5.523 0-10 4.477-10 10s4.477 10 10 10c5.522 0 10-4.477 10-10S41.523 0 36 0zm0 30c-5.523 0-10 4.477-10 10s4.477 10 10 10c5.522 0 10-4.477 10-10S41.523 30 36 30zm0 30c-5.523 0-10 4.477-10 10s4.477 10 10 10c5.522 0 10-4.477 10-10S41.523 60 36 60zM6 0C.477 0-4 4.477-4 10s4.477 10 10 10C11.523 20 16 15.523 16 10S11.523 0 6 0zm0 30C.477 30-4 34.477-4 40s4.477 10 10 10c5.523 0 10-4.477 10-10S11.523 30 6 30zm0 30C.477 60-4 64.477-4 70s4.477 10 10 10c5.523 0 10-4.477 10-10S11.523 60 6 60z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    border: 2px dashed var(--dark-accent-color, #a569bd);
    box-shadow: inset 0 0 8px rgba(var(--dark-accent-color-rgb, 165, 105, 189),0.15), 0 0 10px rgba(var(--dark-accent-color-rgb, 165, 105, 189),0.1);
    position: relative;
    overflow: hidden;
    animation: captchaTextGlow 2.5s infinite alternate, captchaScan 5s linear infinite;
}

.captcha-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(45deg, rgba(var(--dark-text-color-rgb, 245, 246, 250),0.02) 25%, transparent 25%, transparent 75%, rgba(var(--dark-text-color-rgb, 245, 246, 250),0.02) 75%, rgba(var(--dark-text-color-rgb, 245, 246, 250),0.02)),
                    linear-gradient(-45deg, rgba(var(--dark-text-color-rgb, 245, 246, 250),0.02) 25%, transparent 25%, transparent 75%, rgba(var(--dark-text-color-rgb, 245, 246, 250),0.02) 75%, rgba(var(--dark-text-color-rgb, 245, 246, 250),0.02));
  background-size: 6px 6px;
  opacity: 0.5;
  pointer-events: none;
  animation: captchaSubtleNoise 1.2s linear infinite alternate;
}

@keyframes captchaScan {
    0% { background-position: 0 0, 0 0; }
    100% { background-position: 120px 0, 0 0; }
}

@keyframes captchaSubtleNoise {
  0% { background-position: 0 0; }
  100% { background-position: 3px 3px; }
}

body.light-theme .captcha-text {
    color: var(--light-accent-color, #8e44ad);
    border-color: var(--light-accent-color, #8e44ad);
    background: linear-gradient(170deg, rgba(var(--light-bg-color-rgb, 248, 249, 250), 0.95) 0%, rgba(var(--light-bg-color-rgb, 238, 239, 242), 0.9) 100%),
                url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23${'var(--light-accent-color, #8e44ad)'.replace('#', '')}' fill-opacity='0.05'%3E%3Cpath d='M36 0c-5.523 0-10 4.477-10 10s4.477 10 10 10c5.522 0 10-4.477 10-10S41.523 0 36 0zm0 30c-5.523 0-10 4.477-10 10s4.477 10 10 10c5.522 0 10-4.477 10-10S41.523 30 36 30zm0 30c-5.523 0-10 4.477-10 10s4.477 10 10 10c5.522 0 10-4.477 10-10S41.523 60 36 60zM6 0C.477 0-4 4.477-4 10s4.477 10 10 10C11.523 20 16 15.523 16 10S11.523 0 6 0zm0 30C.477 30-4 34.477-4 40s4.477 10 10 10c5.523 0 10-4.477 10-10S11.523 30 6 30zm0 30C.477 60-4 64.477-4 70s4.477 10 10 10c5.523 0 10-4.477 10-10S11.523 60 6 60z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    box-shadow: inset 0 0 8px rgba(var(--light-accent-color-rgb, 142, 68, 173),0.1), 0 0 10px rgba(var(--light-accent-color-rgb, 142, 68, 173),0.08);
}

body.light-theme .captcha-text::before {
  background-image: linear-gradient(45deg, rgba(var(--light-text-color-strong-rgb, 26, 31, 36),0.025) 25%, transparent 25%, transparent 75%, rgba(var(--light-text-color-strong-rgb, 26, 31, 36),0.025) 75%, rgba(var(--light-text-color-strong-rgb, 26, 31, 36),0.025)),
                    linear-gradient(-45deg, rgba(var(--light-text-color-strong-rgb, 26, 31, 36),0.025) 25%, transparent 25%, transparent 75%, rgba(var(--light-text-color-strong-rgb, 26, 31, 36),0.025) 75%, rgba(var(--light-text-color-strong-rgb, 26, 31, 36),0.025));
}

button.refresh-captcha-button {
  font-size: 1.2em !important;
  padding: 0 !important;
  width: 48px !important;
  height: 48px !important;
  background: linear-gradient(145deg, var(--dark-accent-color, #a569bd), var(--dark-accent-hover-color, #b47cc9));
  border: none;
  color: var(--dark-accent-text-color, #fff) !important;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(var(--dark-accent-color-rgb, 165,105,189),0.4), inset 0 -2px 3px rgba(0,0,0,0.2);
  transition: all 0.2s ease-out !important;
}
button.refresh-captcha-button:hover {
  background: linear-gradient(145deg, var(--dark-accent-hover-color, #b47cc9), var(--dark-accent-color, #a569bd));
  box-shadow: 0 5px 15px rgba(var(--dark-accent-color-rgb, 165,105,189),0.6), inset 0 -2px 3px rgba(0,0,0,0.1);
  transform: translateY(-2px) scale(1.05) rotate(360deg) !important;
}
button.refresh-captcha-button:active {
  transform: translateY(0px) scale(0.95) rotate(350deg) !important;
  box-shadow: 0 1px 4px rgba(var(--dark-accent-color-rgb, 165,105,189),0.3), inset 0 1px 2px rgba(0,0,0,0.3);
}
body.light-theme button.refresh-captcha-button {
  background: linear-gradient(145deg, var(--light-accent-color, #8e44ad), var(--light-accent-hover-color, #7d3c9d));
  box-shadow: 0 3px 8px rgba(var(--light-accent-color-rgb, 142,68,173),0.3), inset 0 -2px 3px rgba(0,0,0,0.1);
}
body.light-theme button.refresh-captcha-button:hover {
  background: linear-gradient(145deg, var(--light-accent-hover-color, #7d3c9d), var(--light-accent-color, #8e44ad));
  box-shadow: 0 5px 15px rgba(var(--light-accent-color-rgb, 142,68,173),0.4), inset 0 -2px 3px rgba(0,0,0,0.05);
}

.captcha-group input[type="text"] {
    padding-left: 20px !important;
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.1em;
}

.captcha-group small.captcha-info-text {
    font-size: 0.85em;
    text-align: center;
    display: block;
    margin-top: 10px;
    opacity: 0.8;
    font-style: italic;
}

.modal-info-text {
    text-align: center;
    font-size: 0.95em;
    line-height: 1.65;
    color: var(--dark-text-color-muted, #b0b3b8);
    margin-bottom: 25px !important;
    padding: 15px;
    background: rgba(var(--dark-accent-color-rgb, 165, 105, 189), 0.08);
    border-left: 4px solid var(--dark-accent-color, #a569bd);
    border-radius: 0 var(--input-border-radius, 8px) var(--input-border-radius, 8px) 0;
    animation: slideInLeft 0.5s var(--transition-easing) 0.3s forwards;
    opacity: 0;
}
@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}
body.light-theme .modal-info-text {
    color: var(--light-text-color-muted, #5a6268);
    background: rgba(var(--light-accent-color-rgb, 142, 68, 173), 0.06);
    border-left-color: var(--light-accent-color, #8e44ad);
}
.index-page .container.page-layout,
.category-page .container.page-layout {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: flex-start; /* Önemli: Dikey hizalamayı üste çek */
}

.index-page .main-column,
.category-page .main-column {
  order: 1;
  flex: 1;
  flex-shrink: 0; /* Yeni: Küçülmeyi engelle */
}

.index-page .left-sidebar,
.category-page .left-sidebar {
  order: 2;
  margin-left: 20px;
  flex-shrink: 0; /* Yeni: Küçülmeyi engelle */
  position: sticky; /* Sticky'yi buraya da uygulayalım */
  top: 95px; /* Başlık ve alt menü toplamına uygun bir değer */
  align-self: flex-start; /* Yan öğe ile aynı hizadan başla */
}



/* Reklamların Yan Yana Gelmesi ve Boşlukların Ayarlanması İçin CSS */

.footer-ads-area {
    padding: 0;
    background-color: transparent;
    border-top: none;
    margin-top: 40px;
    margin-bottom: 20px; /* Reklam alanı ile footer arasındaki boşluk */
    text-align: center;
}

.footer-ads-single-container {
    display: flex;
    justify-content: center;
    align-items: center; /* Reklamları dikeyde hizala */
    gap: 0; /* Reklamlar arasında konteyner boşluğu yok, tek bir bütün olacak */
    flex-wrap: nowrap; /* Reklamların alt alta geçmesini engelle (büyük ekranlarda) */
    max-width: 1200px; /* Sitenizin ana container genişliğine uygun bir max-width */
    margin: 0 auto; /* Konteyneri ortaya hizala */
    width: 100%; /* Kapsayıcıya tam genişlik ver */

    /* Kart stili için */
    background-color: var(--card-bg-color); /* Gece/Gündüz modu uyumlu kart arka planı */
    border: 1px solid var(--border-color); /* Gece/Gündüz modu uyumlu kenarlık */
    border-radius: var(--border-radius); /* Yuvarlak köşeler */
    box-shadow: var(--box-shadow); /* Gölge efekti */
    padding: 15px; /* Konteynerin içindeki boşluk */
}

.single-ad-item {
    text-align: center;
    /* Reklamların panelden gelen boyutlarına saygı duyması için flex-basis/max-width kaldırdım.
       Ancak yan yana durmaları ve orantılı olmaları için flex-grow: 1 yeterli olabilir. */
    flex: 1 1 50%; /* Esnek büyüme (flex-grow), esnek küçülme (flex-shrink), başlangıç boyutu (flex-basis) */
    box-sizing: border-box;
    padding: 0 10px; /* Reklam görselleri arasında boşluk için iç dolgu (tek konteyner içindeler) */
}

.single-ad-item:first-child {
    border-right: 1px solid var(--border-color-light); /* İlk reklamdan sonra dikey çizgi */
}

.single-ad-item img {
    max-width: 100%; /* Resimlerin kapsayıcı kutusundan taşmasını engelle */
    height: auto; /* Yüksekliği otomatik ayarlar ve orantıyı korur. Paneldeki yükseklik niteliği ezilebilir. */
    display: block;
    margin: 0 auto;
}

/* Mobil cihazlar için responsive ayarlar */
@media (max-width: 768px) {
    .footer-ads-single-container {
        flex-direction: column; /* Mobil'de alt alta gelsinler */
        gap: 15px; /* Mobil'de reklamlar arasında boşluk */
        padding: 10px; /* Mobil için konteyner iç boşluğu azalt */
    }
    .single-ad-item {
        flex-basis: 100%; /* Mobil'de tam genişlik */
        padding: 0; /* Mobil'de iç boşlukları kaldır */
    }
    .single-ad-item:first-child {
        border-right: none; /* Mobil'de dikey çizgiyi kaldır */
        border-bottom: 1px solid var(--border-color-light); /* Mobil'de yatay çizgi */
        padding-bottom: 15px; /* Yatay çizgi altına boşluk */
    }
    .single-ad-item:last-child { /* Sadece tek reklam varsa alttaki çizgiyi gizle */
        border-bottom: none;
    }
}
/* Masaüstü ve tablet boyutlarında sağ dikey reklamı göster */
.left-sidebar .ad-sidebar-vertical {
    display: block; /* Varsayılan olarak göster */
}

/* Mobil cihazlar için medya sorgusu */
@media (max-width: 768px) { /* 768px, genellikle tablet ve mobil ayrımı için kullanılır. İhtiyacınıza göre değiştirebilirsiniz. */
    .left-sidebar .ad-sidebar-vertical {
        display: none; /* Sağ dikey reklamı gizle */
    }
}
.index-page .container.page-layout,
.category-page .container.page-layout {
 display:flex!important;
 flex-wrap:nowrap;
}
.index-page .main-column,
.category-page .main-column {
 order:1;
 flex:1;
}
.index-page .left-sidebar,
.category-page .left-sidebar {
 order:2;
 margin-left:20px;
}