/* ===== HIDE MASTODON BRANDING ===== */
.navigation-panel__logo .logo--wordmark {
  display: none !important;
}
.server-banner__introduction {
  display: none !important;
}
.server-banner__hero img {
  display: none !important;
}
.server-banner__hero {
  width: 110px !important;
  height: 110px !important;
  border-radius: 50%;
  border: 3px solid #d4790a;
  box-shadow: 0 0 16px rgba(212, 121, 10, 0.25);
  background: url('https://buddhist.cafe/system/site_uploads/files/000/000/011/48/94e212bab0d480eb.png') no-repeat center / contain;
}
.sign-in-banner p {
  display: none !important;
}
.link-footer p:last-child {
  display: none !important;
}
.about__footer {
  display: none !important;
}
.about__header p {
  display: none !important;
}
.server-banner__meta__column:last-child {
  display: none !important;
}
.server-banner__meta__column:first-child {
  display: none !important;
}
.about__meta__column:last-of-type {
  display: none !important;
}

/* ===== YOUR LOGO IN SIDEBAR ===== */
.navigation-panel__logo {
  background: url('https://buddhist.cafe/logo3.png') no-repeat center;
  background-size: contain;
  min-height: 40px;
}

/* ===== ACCENTS (works in Light + Dark) ===== */

/* Instance name */
.about__header h1 {
  color: #c05e0a !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

/* Tagline */
.server-banner__description {
  color: #b8650e !important;
  font-size: 1.1rem !important;
  font-style: italic;
}

/* Buttons */
.button {
  background: #c05e0a !important;
  color: #fff !important;
  border: 1px solid #a04e08 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
.button:hover {
  background: #d4790a !important;
  box-shadow: 0 0 10px rgba(212, 121, 10, 0.3) !important;
}
.button-tertiary {
  background: transparent !important;
  border: 1px solid #c05e0a !important;
  color: #c05e0a !important;
}
.button-tertiary:hover {
  background: rgba(192, 94, 10, 0.08) !important;
}

/* Sign-in card */
.sign-in-banner {
  border: 1px solid rgba(192, 94, 10, 0.25);
  border-radius: 8px;
  padding: 16px !important;
}

/* Footer links */
.link-footer a {
  color: #b8650e !important;
}
.link-footer a:hover {
  color: #c05e0a !important;
}

/* Dividers */
.about__meta__divider,
.navigation-panel__menu hr {
  border-color: rgba(192, 94, 10, 0.2) !important;
}

/* Nav links */
.column-link {
  color: inherit !important;
}
.column-link:hover,
.column-link--active {
  color: #c05e0a !important;
}

/* About section titles */
.about__section__title {
  color: #b8650e !important;
}

/* Search bar border */
.search__input {
  border-color: rgba(192, 94, 10, 0.3) !important;
}

/* ===== ABOUT PAGE HEADER - WARM HERO ===== */
.about__header {
  background: linear-gradient(180deg, rgba(212, 121, 10, 0.08) 0%, transparent 100%);
  padding: 24px 0 16px !important;
  border-bottom: 2px solid rgba(212, 121, 10, 0.15);
}

/* Server banner (landing page) - warm tint */
.server-banner {
  background: linear-gradient(180deg, rgba(212, 121, 10, 0.06) 0%, transparent 100%);
  padding: 20px 0 12px;
  border-bottom: 2px solid rgba(212, 121, 10, 0.12);
}

/* ===== TIMELINE / FEED COLOUR ===== */

/* Subtle warm tint on the feed background */
.columns-area__panels__main {
  background: rgba(212, 121, 10, 0.02) !important;
}

/* Status cards - warm border on left */
.status {
  border-left: 3px solid rgba(212, 121, 10, 0.15);
  transition: border-color 0.2s ease;
}
.status:hover {
  border-left-color: #d4790a;
  background: rgba(212, 121, 10, 0.03) !important;
}

/* Timestamps - warm orange */
.status__time a,
.status__time span {
  color: #b8650e !important;
}

/* Links in post content */
.status__content a {
  color: #c05e0a !important;
}
.status__content a:hover {
  color: #d4790a !important;
  text-decoration: underline;
}

/* Action buttons (reply, boost, favourite) */
.status__action .icon {
  color: #b8650e !important;
}
.status__action:hover .icon {
  color: #d4790a !important;
}

/* Favourited state */
.status__action--favourite .icon {
  color: #d4790a !important;
}

/* Boosted state */
.status__action--boost .icon {
  color: #4a90d9 !important;
}

/* User display names */
.account__display-name {
  color: #8b4508 !important;
}
.account__display-name:hover {
  color: #c05e0a !important;
}

/* @handle in orange */
.display-name__account {
  color: #c05e0a !important;
  font-weight: 500;
}

/* Hashtags and mentions */
.status__content .mention,
.status__content .hashtag {
  color: #c05e0a !important;
}

/* Card embeds */
.card {
  border: 1px solid rgba(212, 121, 10, 0.2) !important;
  border-radius: 8px;
}
.card:hover {
  border-color: #d4790a !important;
}

/* Media in posts */
.status__media-container {
  border-top: 1px solid rgba(212, 121, 10, 0.1);
  border-bottom: 1px solid rgba(212, 121, 10, 0.1);
}

/* ===== SIGN-UP / AUTH PAGES - LOGO CIRCLE ===== */
.logo-container .logo--wordmark {
  display: none !important;
}
.logo-container {
  background: none !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  position: relative;
  border-bottom: 2px solid rgba(212, 121, 10, 0.15);
  padding-bottom: 20px;
}
.logo-container::before {
  content: '';
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #d4790a;
  box-shadow: 0 0 16px rgba(212, 121, 10, 0.25);
  background: url('https://buddhist.cafe/system/site_uploads/files/000/000/011/48/94e212bab0d480eb.png') no-repeat center / contain;
}

/* ===== LOGIN / REGISTRATION - WARM HEADER ===== */
.container-alt {
  background: linear-gradient(180deg, rgba(212, 121, 10, 0.08) 0%, transparent 50%);
}
.form-container {
  padding: 24px 0;
}

/* ===== LOGIN PAGE - FORM STYLING ===== */
.form-container .simple_form {
  background: rgba(212, 121, 10, 0.03);
  border: 1px solid rgba(212, 121, 10, 0.15);
  border-radius: 12px;
  padding: 32px !important;
}
.form-container .simple_form .title {
  color: #c05e0a !important;
  font-size: 1.6rem !important;
  font-weight: 700;
}
.form-container .simple_form .lead {
  color: #8b6508 !important;
}
.form-container .simple_form input[type="text"],
.form-container .simple_form input[type="email"],
.form-container .simple_form input[type="password"] {
  border: 1px solid rgba(192, 94, 10, 0.3) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-container .simple_form input[type="text"]:focus,
.form-container .simple_form input[type="email"]:focus,
.form-container .simple_form input[type="password"]:focus {
  border-color: #d4790a !important;
  box-shadow: 0 0 0 3px rgba(212, 121, 10, 0.1) !important;
  outline: none !important;
}

/* ===== REGISTRATION PAGE - PROGRESS TRACKER ===== */
.progress-tracker .circle {
  border: 2px solid rgba(192, 94, 10, 0.3) !important;
  background: transparent !important;
}
.progress-tracker .active .circle {
  border-color: #d4790a !important;
  background: #d4790a !important;
  box-shadow: 0 0 8px rgba(212, 121, 10, 0.4);
}
.progress-tracker .label {
  color: #8b6508 !important;
  font-size: 0.8rem;
}
.progress-tracker .active .label {
  color: #c05e0a !important;
  font-weight: 600;
}
.progress-tracker .separator {
  background: rgba(192, 94, 10, 0.2) !important;
}

/* ===== REGISTRATION PAGE - RULES LIST ===== */
.rules-list {
  counter-reset: rule;
}
.rules-list li {
  margin-bottom: 8px;
}
.rules-list button {
  width: 100%;
  text-align: left;
  border: 1px solid rgba(192, 94, 10, 0.15) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  background: rgba(212, 121, 10, 0.02) !important;
  transition: all 0.2s ease;
}
.rules-list button:hover {
  border-color: #d4790a !important;
  background: rgba(212, 121, 10, 0.05) !important;
}
.rules-list__text {
  color: #8b4508 !important;
  font-weight: 600 !important;
}
.rules-list__hint {
  color: #a08050 !important;
  font-size: 0.85rem;
  margin-top: 4px;
}
.about__section + .about__section + .about__section {
  display: none !important;
}   

