/* ===== ORIGINAL STRUCTURE WITH YOUR COLOR PALETTE =====
   Red: #8e0303, Gray: #666666, White: #ffffff
   Gold: #d4a017, Navy: #0a3d62, Light Gray: #e6e6e6
   =================================================== */

/* Search */
.search__input {
  background-color: #0a3d62;
  color: #ffffff;
}

.search-results {
  background-color: rgba(10, 61, 98, 0.95);
}

/* Public pages */
.landing-page__forms, .public-layout .header,
.public-layout .footer {
  background-color: #0a3d62;
}

.landing-page__call-to-action, .detailed-status {
  background-color: rgba(10, 61, 98, 0.92);
}

.public-layout {
  margin-top: -10px;
}

.public-layout .header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.public-layout .footer {
  padding: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Background image */
.ui, .landing-page, .public-layout {
  background-image: url("https://family.schleicher.social/wp-content/uploads/2023/11/ysnkckdkyty.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Column headers */
.account__section-headline, .column-header__back-button {
  background-color: #0a3d62 !important;
}

/* Links - GOLD instead of purple/blue */
.status-link {
  color: #d4a017 !important;
}

.status-link:hover {
  color: #8e0303 !important;
}

/* Account headers */
.account__header > div {
  background: rgba(10, 61, 98, 0.9);
}

.account__header .account__header__fields dt, .public-account-bio .account__header__fields dt,
.column-header, .column-header__button, .column-back-button, .hero-widget__text, .status.status-direct:not(.read) {
  background-color: #0a3d62;
}

/* Column header button hover - GOLD */
.column-header__button:hover {
  background-color: #d4a017 !important;
  color: #0a3d62 !important;
}

.account__header .account__header__fields dd,
.public-account-bio .account__header__fields dd,
.drawer__inner, .drawer__inner__mastodon {
  background-color: rgba(10, 61, 98, 0.9);
}

/* Transparent columns */
.column {
  background-color: transparent;
  opacity: 0.95;
}

/* Content areas */
article, .status-public, .activity-stream .entry, .column > .scrollable,
.drawer__header, .landing-page__information {
  background-color: rgba(10, 61, 98, 0.85);
}

/* Navigation links - WHITE text */
.column-link {
  color: #ffffff;
  background-color: rgba(10, 61, 98, 0.7);
}

.column-link:hover {
  background-color: rgba(212, 160, 23, 0.3);
  color: #d4a017;
}

/* Replies */
.status-reply {
  background-color: rgba(10, 61, 98, 0.75);
}

/* Action bars */
.detailed-status__action-bar {
  background-color: rgba(10, 61, 98, 0.8);
}

/* Getting started / navigation panel */
.getting-started, .public-layout .public-account-bio {
  background-color: rgba(10, 61, 98, 0.88);
}

/* Subheadings */
.column-subheading, .search-results__header, .search-results__section h5 {
  background-color: #0a3d62;
  color: #e6e6e6;
}

/* Drawer opacity */
.drawer__inner, .drawer__inner__mastodon {
  opacity: 0.95;
}

/* === DRAWER HEADER NAVIGATION - WHITE TEXT & GOLD LINKS === */
.drawer__header,
.drawer__header a,
.drawer__tab,
.drawer__tab a {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.drawer__header a:hover,
.drawer__tab a:hover {
  color: #d4a017 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}

/* Icon buttons in drawer header */
.drawer__header .icon-button {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.drawer__header .icon-button:hover {
  color: #d4a017 !important;
}

/* === MASCOT IMAGE - SMALLER & CENTERED === */
.drawer__inner__mastodon {
  background-image: url("https://family.schleicher.social/wp-content/uploads/2025/11/SchleicherSocial-500p.png");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 20px;
}

.drawer__inner__mastodon img {
  display: none;
}

/* Post button - RED */
.compose-form__publish-button-wrapper button,
.button {
  background-color: #8e0303 !important;
  color: #ffffff !important;
}

.compose-form__publish-button-wrapper button:hover,
.button:hover {
  background-color: #d4a017 !important;
  color: #0a3d62 !important;
}

/* Hashtags - GOLD */
a.mention.hashtag,
.status__content a.mention.hashtag {
  color: #d4a017 !important;
  font-weight: 700;
}

a.mention.hashtag:hover {
  color: #8e0303 !important;
}

/* Active icon states - GOLD */
.icon-button.active {
  color: #d4a017 !important;
}

.icon-button:hover {
  color: #d4a017 !important;
}

/* Footer links - WHITE text */
.getting-started__footer a,
.navigation-panel__legal a {
  color: #ffffff !important;
}

.getting-started__footer a:hover,
.navigation-panel__legal a:hover {
  color: #d4a017 !important;
}

/* === FOOTER TEXT - WHITE === */

/* Target the link-footer class and all its content */
.link-footer,
.link-footer p,
.link-footer a {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.link-footer a:hover {
  color: #d4a017 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
}

/* Also target getting-started footer */
.getting-started__footer,
.getting-started__footer p,
.getting-started__footer a {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.getting-started__footer a:hover {
  color: #d4a017 !important;
}

/* And navigation panel legal text */
.navigation-panel__legal,
.navigation-panel__legal a {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.navigation-panel__legal a:hover {
  color: #d4a017 !important;
}

/* === COMPOSE FORM STYLING === */

/* Privacy and language buttons - Navy theme instead of purple */
.compose-form__buttons button,
.privacy-dropdown__dropdown,
.privacy-dropdown__value,
.privacy-dropdown__value-icon,
.language-dropdown__dropdown {
  background-color: rgba(10, 61, 98, 0.8) !important;
  border: 1px solid #0a3d62 !important;
  color: #ffffff !important;
}

.compose-form__buttons button:hover,
.privacy-dropdown__value:hover {
  background-color: #0a3d62 !important;
  border-color: #d4a017 !important;
}

/* Active/selected state - Gold */
.privacy-dropdown__value.active,
.privacy-dropdown__option.active,
.privacy-dropdown__option:hover {
  background-color: #d4a017 !important;
  color: #0a3d62 !important;
}

/* Compose form background */
.compose-form,
.compose-form__highlightable {
  background-color: rgba(10, 61, 98, 0.75) !important;
}

/* Textarea styling */
.autosuggest-textarea__textarea {
  background-color: rgba(30, 35, 50, 0.9) !important;
  border: 1px solid #0a3d62 !important;
  color: #ffffff !important;
}

.autosuggest-textarea__textarea:focus {
  border-color: #d4a017 !important;
}

.autosuggest-textarea__textarea::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Icon buttons at bottom of compose form */
.compose-form__buttons-wrapper .icon-button,
.compose-form__footer .icon-button {
  color: #e6e6e6 !important;
}

.compose-form__buttons-wrapper .icon-button:hover,
.compose-form__footer .icon-button:hover {
  color: #d4a017 !important;
  background-color: rgba(212, 160, 23, 0.2) !important;
}

/* Character counter */
.character-counter {
  color: #e6e6e6 !important;
}

/* Navigation bar in compose area (your profile section) */
.navigation-bar {
  background-color: rgba(10, 61, 98, 0.8) !important;
}

.navigation-bar__profile,
.navigation-bar__profile-account {
  color: #ffffff !important;
}

/* Compose form dropdowns background */
.compose-form__dropdowns {
  background-color: transparent !important;
}

/* === NOTIFICATION FILTER BAR === */

.notification__filter-bar {
  background-color: rgba(10, 61, 98, 0.95) !important;
  border-bottom: 2px solid rgba(10, 61, 98, 1) !important;
  padding: 10px !important;
}

.notification__filter-bar button {
  background-color: rgba(10, 61, 98, 0.6) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  margin: 0 5px !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

.notification__filter-bar button:hover {
  background-color: rgba(212, 160, 23, 0.4) !important;
  border-color: #d4a017 !important;
  color: #ffffff !important;
}

.notification__filter-bar button.active {
  background-color: #d4a017 !important;
  border-color: #d4a017 !important;
  color: #0a3d62 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}