/* ==========================================================================
   MAVZERON 1800'S VICTORIAN ANTIQUE PAPER SYSTEM CSS
   Gözden geçirilmiş + üst çizgi sorunu düzeltilmiş + yazı boyutları büyütülmüş sürüm
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Playfair+Display:wght@700;900&display=swap');

/* ------------------------------------------------------------------
   1. TEMEL KAĞIT & MÜREKKEP PALETİ
   ------------------------------------------------------------------ */
:root {
  --paper: #efe5d0;
  --paper-soft: #f5eddb;
  --paper-dark: #e6d8be;
  --paper-edge: #cfc1a8;
  --paper-border: #a08b6a;
  --ink: #3b2f20;
  --ink-dark: #1a1208;
  --ink-soft: #5c4a38;
  --ink-muted: #8a7860;
  --seal: #6b2d3e;
  --seal-hover: #843a4e;
  --seal-dark: #3d1a25;
  --copper: #7a3b2e;
  --copper-dark: #5a2a20;
  --gold: #8b6914;
  --sage: #4a5d46;

  /* Modern Mastodon token'ları (4.6+) */
  --color-bg-primary: var(--paper);
  --color-bg-secondary: var(--paper-dark);
  --color-bg-tertiary: #d9c9a8;
  --color-bg-ambient: var(--paper);
  --color-bg-elevated: var(--paper-soft);
  --color-bg-overlay: rgba(26, 18, 8, 0.55);
  --color-text-primary: var(--ink);
  --color-text-secondary: var(--ink-soft);
  --color-text-tertiary: var(--ink-muted);
  --color-text-brand: var(--copper);
  --color-text-status-links: var(--copper);
  --color-text-on-brand-base: var(--paper-soft);
  --color-border-primary: var(--paper-border);
  --color-border-brand: var(--copper);
  --color-bg-brand-base: var(--seal);
  --color-bg-brand-base-hover: var(--seal-hover);
  --color-bg-brand-soft: rgba(107, 45, 62, 0.12);
  --color-bg-brand-softest: rgba(107, 45, 62, 0.06);
  --dropdown-background-color: var(--paper-soft);
  --dropdown-border-color: var(--paper-border);
}

/* ------------------------------------------------------------------
   2. GENEL ARKA PLAN + VİNYET
   ------------------------------------------------------------------ */
html, body,
.ui, .app-body, .layout-single-column,
.public-layout, .landing-page,
.columns-area, .columns-area__panels {
  background-color: var(--paper) !important;
  background-image:
    radial-gradient(ellipse at 15% 20%, rgba(160, 120, 70, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 80%, rgba(112, 66, 20, 0.10) 0%, transparent 50%),
    linear-gradient(180deg, #f2e9d5 0%, #efe5d0 40%, #e9dcc0 100%) !important;
  color: var(--ink) !important;
  font-family: 'Crimson Text', Georgia, 'Times New Roman', serif !important;
  min-height: 100vh;
}

.ui, .columns-area, .public-layout {
  box-shadow: inset 0 0 120px rgba(112, 66, 20, 0.13) !important;
}

/* ------------------------------------------------------------------
   3. YAZI TİPİ & OKUNABİLİRLİK  (ana içerik büyütüldü)
   ------------------------------------------------------------------ */
.status__content,
.status__content p,
.status__content__text,
.account__header__content,
.account__header__fields dd,
.hint, .form-footer {
  color: var(--ink) !important;
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 21px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

/* ------------------------------------------------------------------
   3b. KULLANICI İSİMLERİ (Display Name + @handle) – büyütüldü
   ------------------------------------------------------------------ */
.display-name,
.status__display-name,
.account__display-name,
.detailed-status__display-name,
.account__header__tabs__name h1,
.account-card .display-name {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 16.5px !important;
  line-height: 1.4 !important;
}

.display-name strong,
.status__display-name strong,
.account__display-name strong,
.detailed-status__display-name strong,
.account__header__tabs__name h1 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 16.5px !important;
  color: var(--ink-dark) !important;
}

.display-name__account,
.display-name span,
.account__header__tabs__name .username {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 15.5px !important;
  color: var(--ink-muted) !important;
  font-style: italic !important;
}

/* Sol sütundaki kendi profil kartı */
.compose-panel .account__display-name,
.compose-panel .display-name {
  font-size: 17px !important;
}
.compose-panel .display-name strong {
  font-size: 17px !important;
}
.compose-panel .display-name__account {
  font-size: 15px !important;
}

/* ------------------------------------------------------------------
   3c. SAĞ MENÜ LİNKLERİ – büyütüldü
   ------------------------------------------------------------------ */
.column-link,
.column-link--transparent,
.getting-started__wrapper .column-link {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 17px !important;
  color: var(--ink-soft) !important;
  font-weight: 600 !important;
}

.column-link:hover,
.column-link--transparent:hover {
  color: var(--copper) !important;
  background: rgba(122, 59, 46, 0.08) !important;
}

.column-link .icon {
  color: var(--ink-muted) !important;
}

/* ------------------------------------------------------------------
   3d. ZAMAN DAMGALARI, SAYILAR VE KÜÇÜK METİNLER
   ------------------------------------------------------------------ */
.status__relative-time,
.relative-time,
.status__info,
.status__info__account,
.notification__message,
.account__header__content p,
.account__header__fields dt,
.account__header__fields dd,
.account__header__extra,
.account__header__account-note,
.muted,
.muted-hint,
.character-counter,
.compose-form__warning,
.compose-form__publish .character-counter {
  font-size: 15px !important;
  font-family: 'Crimson Text', Georgia, serif !important;
  color: var(--ink-muted) !important;
}

/* Etkileşim çubuğundaki sayılar (beğeni, boost vs.) */
.status__action-bar .icon-button,
.status__action-bar__button,
.status__action-bar span {
  font-size: 14.5px !important;
}

/* ------------------------------------------------------------------
   4. BAŞLIKLAR – Temizlenmiş (çift çizgi karmaşası giderildi)
   ------------------------------------------------------------------ */
.column-header,
.column-header__wrapper {
  background: var(--paper-dark) !important;
  color: var(--ink-dark) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.column-header {
  border-bottom: 2px solid var(--paper-border) !important;
  position: relative;
  font-size: 18px !important;
}

.column-header::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 1px;
  background: var(--paper-border);
  opacity: 0.7;
}

.column-header__button,
.column-header__back-button,
.column-back-button,
.tabs-bar__wrapper,
.account__section-headline {
  border-bottom: none !important;
  box-shadow: none !important;
}

.column-header__button,
.column-header__back-button,
.icon-button {
  color: var(--ink-soft) !important;
}

.column-header__button:hover,
.icon-button:hover {
  color: var(--copper) !important;
  background: rgba(122, 59, 46, 0.08) !important;
}

/* ------------------------------------------------------------------
   5. LİNKLER & MENTION’LAR
   ------------------------------------------------------------------ */
a,
.status__content a,
.mention, .hashtag,
.status-link, .u-url {
  color: var(--copper) !important;
  font-family: 'Crimson Text', serif !important;
  font-weight: 600 !important;
  font-style: italic !important;
  text-decoration: none !important;
  font-size: inherit !important;
}

a:hover,
.mention:hover,
.hashtag:hover {
  color: var(--copper-dark) !important;
  text-decoration: underline !important;
  text-decoration-style: wavy !important;
  text-underline-offset: 3px;
}

/* ------------------------------------------------------------------
   6. LOGO → "MAVZERON" (temizlenmiş)
   ------------------------------------------------------------------ */
.logo img,
.drawer__header img,
.column-link--logo img {
  display: none !important;
}

.logo,
.drawer__header .logo,
.column-link--logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px !important;
  background: transparent !important;
  border-bottom: none !important;
  position: relative;
}

.logo::after,
.drawer__header .logo::after,
.column-link--logo::after {
  content: "M A V Z E R O N" !important;
  color: var(--ink-dark) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 900 !important;
  font-size: 19px !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

/* Logo altına ince zarif çizgi */
.logo::before,
.drawer__header .logo::before {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 8px;
  height: 1px;
  background: var(--paper-border);
  opacity: 0.8;
}

/* "mastodon" yazısını gizle (logo yanında kalıyorsa) */
.logo span,
.column-link--logo span,
.drawer__header .logo span {
  display: none !important;
}

/* ------------------------------------------------------------------
   7. COMPOSE FORMU – ESKİ MEKTUP KAĞIDI
   ------------------------------------------------------------------ */
.compose-form,
.compose-form__autosuggest-wrapper {
  background: var(--paper-soft) !important;
  border: none !important;
  border-right: 2px solid var(--paper-edge) !important;
}

.compose-form .autosuggest-textarea__textarea,
.compose-form__poll__select select {
  background: #faf6ed !important;
  border: 1px solid var(--paper-edge) !important;
  color: var(--ink-dark) !important;
  font-family: 'Crimson Text', Georgia, serif !important;
  font-style: italic !important;
  font-size: 21px !important;
  line-height: 1.7 !important;
  border-radius: 0 !important;
  margin: 10px !important;
  padding: 14px !important;
  box-shadow: inset 0 0 18px rgba(58, 47, 32, 0.07) !important;
}

.compose-form .autosuggest-textarea__textarea::placeholder {
  font-size: 19px !important;
  color: var(--ink-muted) !important;
  opacity: 0.85;
}

.compose-form__buttons-wrapper {
  background: transparent !important;
  border-top: 2px solid var(--paper-edge) !important;
  padding: 14px 12px !important;
}

/* Mühür butonu */
.compose-form__publish-button-wrapper .button,
.compose-form .button.button-primary {
  width: 100% !important;
  background: var(--seal) !important;
  border: 2px solid var(--seal-dark) !important;
  border-radius: 0 !important;
  color: var(--paper-soft) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 13px 18px !important;
  box-shadow: 0 4px 0 var(--seal-dark) !important;
  transition: all 0.12s ease !important;
}

.compose-form__publish-button-wrapper .button:hover,
.compose-form .button.button-primary:hover {
  background: var(--seal-hover) !important;
  transform: translateY(3px) !important;
  box-shadow: 0 1px 0 var(--seal-dark) !important;
}

/* ------------------------------------------------------------------
   8. GENEL BUTONLAR
   ------------------------------------------------------------------ */
.button,
.simple_form .button,
.simple_form input[type="submit"] {
  background: var(--paper-dark) !important;
  border: 1px solid var(--paper-border) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 14px !important;
}

.button:hover,
.simple_form .button:hover {
  background: #d6c8a8 !important;
  border-color: var(--copper) !important;
  color: var(--ink-dark) !important;
}

/* ------------------------------------------------------------------
   9. STATUS & ETKİLEŞİM ÇUBUĞU
   ------------------------------------------------------------------ */
.status,
.status__wrapper,
.focusable {
  border-bottom: 1px solid var(--paper-edge) !important;
}

.status__action-bar {
  border-top: 1px solid var(--paper-edge) !important;
  margin-top: 12px !important;
  padding-top: 8px !important;
}

.status__action-bar .icon-button,
.status__action-bar__button {
  color: var(--ink-muted) !important;
}

.status__action-bar .icon-button:hover {
  color: var(--ink) !important;
  background: rgba(58, 47, 32, 0.06) !important;
}

.status__action-bar .icon-button.active,
.status__action-bar__button.active {
  color: var(--copper) !important;
}

.status__action-bar .icon-button.reblogged {
  color: var(--sage) !important;
}

.status__action-bar .icon-button.favourited {
  color: var(--gold) !important;
}

/* ------------------------------------------------------------------
   10. AVATAR & GÖRSELLER
   ------------------------------------------------------------------ */
.account__avatar,
.status__avatar .account__avatar,
.account__avatar-overlay {
  border-radius: 0 !important;
  border: 1px solid var(--paper-border) !important;
  box-shadow: 1px 1px 3px rgba(26, 18, 8, 0.15);
  filter: sepia(45%) contrast(1.05) brightness(0.97);
}

/* ------------------------------------------------------------------
   11. FORM, KART, INPUT, MODAL
   ------------------------------------------------------------------ */
.form-container,
.simple_form,
.card,
.search-results,
.dropdown-menu,
.modal-root__modal {
  background: var(--paper-soft) !important;
  border: 1px solid var(--paper-edge) !important;
  border-radius: 0 !important;
  box-shadow: 2px 3px 0 rgba(58, 47, 32, 0.08) !important;
  color: var(--ink) !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
.search__input,
.input input {
  background: #faf6ed !important;
  border: 1px solid var(--paper-edge) !important;
  color: var(--ink-dark) !important;
  font-family: 'Crimson Text', Georgia, serif !important;
  font-style: italic !important;
  font-size: 17px !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.08) !important;
}

input:focus,
textarea:focus,
.search__input:focus {
  border-color: var(--copper) !important;
  outline: none !important;
}

/* ------------------------------------------------------------------
   12. KOLONLAR & DİĞER DETAYLAR
   ------------------------------------------------------------------ */
.column,
.drawer {
  background: transparent !important;
  border-color: var(--paper-edge) !important;
}

.column > .scrollable {
  background: transparent !important;
}

.notification__filter-bar,
.column-subheading {
  background: var(--paper-dark) !important;
  color: var(--ink-soft) !important;
  border-color: var(--paper-edge) !important;
  font-size: 15px !important;
}

code, pre, .badge {
  background: var(--paper-dark) !important;
  border: 1px solid var(--paper-border) !important;
  color: var(--seal) !important;
  font-family: 'Courier New', monospace !important;
  border-radius: 0 !important;
  font-size: 14px !important;
}

/* ------------------------------------------------------------------
   13. ABOUT / PUBLIC SAYFA İYİLEŞTİRMELERİ
   ------------------------------------------------------------------ */
.public-layout .about,
.public-layout .about__footer,
.public-layout .contact-widget,
.public-layout .hero-widget {
  font-family: 'Crimson Text', Georgia, serif !important;
  color: var(--ink) !important;
}

.public-layout h1,
.public-layout h2,
.public-layout h3 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--ink-dark) !important;
}

.public-layout .about p,
.public-layout .contact-widget,
.public-layout .hero-widget__text {
  font-size: 18px !important;
  line-height: 1.7 !important;
}

/* Limit kutuları vs. */
.public-layout .rules-list,
.public-layout .about__domain-blocks,
.public-layout .about__section {
  font-size: 17px !important;
}

/* ------------------------------------------------------------------
   14. SCROLLBAR – AHŞAP HİSSİ
   ------------------------------------------------------------------ */
::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-track {
  background: var(--paper-dark);
}

::-webkit-scrollbar-thumb {
  background: var(--paper-border);
  border: 2px solid var(--paper-dark);
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--copper);
}

* {
  scrollbar-color: var(--paper-border) var(--paper-dark);
}

/* ------------------------------------------------------------------
   15. EK KÜÇÜK METİN DÜZELTMELERİ (footer, arama, bildirimler vs.)
   ------------------------------------------------------------------ */
.footer,
.public-layout .footer,
.about__footer,
.link-footer,
.getting-started__footer {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
}

.search__input,
.search-popout,
.emoji-mart,
.emoji-mart-category-label {
  font-size: 15.5px !important;
}

.notification,
.notification__message,
.notification__filter-bar button {
  font-size: 15.5px !important;
}

.account__section-headline,
.tabs-bar__link,
.account__header__tabs__name {
  font-size: 16px !important;
}








/* ------------------------------------------------------------------
   ADMIN PANELİ – Yazı boyutlarını büyütme
   ------------------------------------------------------------------ */

/* Genel admin arka planı ve temel yazı */
.admin,
.admin-wrapper,
.admin .content,
.dashboard,
.simple_form {
  font-family: 'Crimson Text', Georgia, serif !important;
  color: var(--ink) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Sayfa başlıkları (Sunucu ayarları vs.) */
.admin h1,
.admin h2,
.admin h3,
.admin .content h1,
.admin .content h2,
.dashboard h2,
.simple_form h2,
.simple_form h3 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--ink-dark) !important;
  letter-spacing: 0.3px !important;
}

/* Sol menü linkleri */
.admin .sidebar,
.admin .sidebar a,
.admin .sidebar .nav-item,
.admin nav a,
.admin .navigation a,
.sidebar__menu a,
.admin-menu a {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 18px !important;
  color: var(--ink-soft) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.admin .sidebar a:hover,
.admin nav a:hover {
  color: var(--copper) !important;
}

/* Form etiketleri ve açıklamalar */
.simple_form label,
.simple_form .label,
.simple_form .hint,
.simple_form .fields-group label,
.simple_form p,
.admin label,
.admin .hint,
.admin .fields-group p,
.admin .content p {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 18px !important;
  color: var(--ink) !important;
  line-height: 1 !important;
}

/* Input, select, textarea */
.simple_form input[type="text"],
.simple_form input[type="email"],
.simple_form input[type="password"],
.simple_form input[type="number"],
.simple_form select,
.simple_form textarea,
.admin input,
.admin select,
.admin textarea {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 16px !important;
  color: var(--ink-dark) !important;
  padding: 10px 12px !important;
}

/* Butonlar */
.admin .button,
.simple_form .button,
.admin input[type="submit"],
.simple_form input[type="submit"] {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

/* Tab menü (Marka, Hakkında, Kayıtlar vs.) */
.admin .tabs,
.admin .tabs a,
.admin .nav-tabs a,
.admin .tabs-bar a {
  font-family: 'Crimson Text', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* Başarı mesajı kutusu vs. */
.admin .flash-message,
.admin .notice,
.admin .alert {
  font-size: 18px !important;
}

/* Kod / CSS editör alanı */
.admin textarea.code,
.simple_form textarea[name*="custom_css"],
.admin .CodeMirror,
.admin .CodeMirror pre {
  font-family: 'Courier New', monospace !important;
  font-size: 14.5px !important;
  line-height: 1 !important;
}