/* Orange theme: Medium Editor + site accent overrides */

.medium-toolbar-arrow-under:after {
  border-color: #000 transparent transparent transparent;
  top: 40px;
}

.medium-toolbar-arrow-over:before {
  border-color: transparent transparent #000 transparent;
}

.medium-editor-toolbar {
  background-color: #000;
  border: none;
  border-radius: 50px;
}
  .medium-editor-toolbar li button {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: #ccc;
    height: 40px;
    min-width: 40px;
    padding: 5px 12px;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in;
            transition: background-color .2s ease-in, color .2s ease-in;
  }
    .medium-editor-toolbar li button:hover {
      background-color: #000;
      color: #f28c28;
    }
  .medium-editor-toolbar li .medium-editor-button-first {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    padding-left: 24px;
  }
  .medium-editor-toolbar li .medium-editor-button-last {
    border-bottom-right-radius: 50px;
    border-right: none;
    border-top-right-radius: 50px;
    padding-right: 24px;
  }
  .medium-editor-toolbar li .medium-editor-button-active {
    background-color: #000;
    color: #f28c28;
  }

.medium-editor-toolbar-form {
  background: #000;
  border-radius: 50px;
  color: #ccc;
  overflow: hidden;
}
  .medium-editor-toolbar-form .medium-editor-toolbar-input {
    background: #000;
    box-sizing: border-box;
    color: #ccc;
    height: 40px;
    padding-left: 16px;
    width: 220px;
  }
    .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
      color: #f8f5f3;
      color: rgba(248, 245, 243, 0.8);
    }
    .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
      color: #f8f5f3;
      color: rgba(248, 245, 243, 0.8);
    }
    .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
      color: #f8f5f3;
      color: rgba(248, 245, 243, 0.8);
    }
    .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
      color: #f8f5f3;
      color: rgba(248, 245, 243, 0.8);
    }
  .medium-editor-toolbar-form a {
    color: #ccc;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  .medium-editor-toolbar-form .medium-editor-toolbar-close {
    margin-right: 16px;
  }

.medium-editor-toolbar-anchor-preview {
  background: #000;
  border-radius: 50px;
  padding: 5px 12px;
}

.medium-editor-anchor-preview a {
  color: #ccc;
  text-decoration: none;
}

.medium-editor-toolbar-actions li,
.medium-editor-toolbar-actions button {
  border-radius: 50px;
}

:root {
  --flow-accent: #f28c28;
  --flow-accent-dark: #d97706;
  --flow-accent-darker: #c26100;
  --flow-accent-soft: #ffb15a;
  --flow-accent-glow: rgba(242, 140, 40, 0.12);
  --flow-accent-light: #fff3e6;
  --flow-accent-light-2: #ffe2c2;
  --flow-accent-border: #ffd2a1;
  --flow-accent-text: #8a3f0a;
}

button {
  color: var(--flow-accent);
  border-color: var(--flow-accent);
}

.post_static a:hover {
  color: var(--flow-accent);
}

.hashtag-link:hover {
  border-color: var(--flow-accent);
  color: var(--flow-accent);
}

.tags-explore-btn,
.tags-explore-btn:link,
.tags-explore-btn:visited,
.tags-explore-btn:hover,
.tags-explore-btn:active {
  background: var(--flow-accent);
}

.tags-explore-btn:hover {
  background: var(--flow-accent-dark);
}

.tag_container:hover {
  color: var(--flow-accent);
  border-color: var(--flow-accent);
}

.tags_explore:hover {
  border-color: var(--flow-accent);
  color: var(--flow-accent);
}

.spotlight-heading a:hover,
.spotlight-card:hover .spotlight-card-title {
  color: var(--flow-accent);
}

#submit_btn {
  background-color: var(--flow-accent);
  border-color: var(--flow-accent);
}

#submit_btn:hover {
  background-color: var(--flow-accent-dark);
  border-color: var(--flow-accent-dark);
}

#schedule_apply {
  background: var(--flow-accent);
  border-color: var(--flow-accent);
}

#schedule_apply:hover {
  background: var(--flow-accent-dark);
}

.related-insert-btn {
  background: var(--flow-accent);
}

.related-insert-btn:hover {
  background: var(--flow-accent-dark);
}

.btn_save {
  background-color: var(--flow-accent);
}

#btn_publish {
  background-color: var(--flow-accent);
  border-color: var(--flow-accent);
}

.pagefind-ui {
  --pagefind-ui-primary: var(--flow-accent);
}

.pagefind-ui__result-link:hover {
  color: var(--flow-accent) !important;
}

.search-input-wrapper:focus-within {
  border-color: var(--flow-accent);
  box-shadow: 0 0 0 3px var(--flow-accent-glow);
}

.search-input-wrapper:focus-within .search-icon {
  color: var(--flow-accent);
}

.search-button {
  background: var(--flow-accent);
}

.search-button:hover {
  background: var(--flow-accent-dark);
}

.newsletter-btn:hover {
  color: var(--flow-accent) !important;
}

.random-post-btn:hover {
  color: var(--flow-accent) !important;
}

.sidebar-welcome .welcome-cta a {
  color: var(--flow-accent);
}

.sidebar-popular h4,
.sidebar-tip h4 {
  color: var(--flow-accent);
}

.sidebar-popular a:hover,
.sidebar-tags a:hover {
  color: var(--flow-accent);
}

#tip-textarea:focus {
  border-color: var(--flow-accent);
  box-shadow: 0 0 0 3px var(--flow-accent-glow);
}

.tip-submit-btn {
  background: var(--flow-accent);
}

.tip-submit-btn:hover {
  background: var(--flow-accent-dark);
}

.tip-thanks {
  background: linear-gradient(135deg, var(--flow-accent-light) 0%, var(--flow-accent-light-2) 100%);
  border: 1px solid var(--flow-accent-border);
}

.tip-thanks-icon {
  background: var(--flow-accent);
}

.tip-thanks-text {
  color: var(--flow-accent-text);
}

#site_logo a {
  text-decoration-color: var(--flow-accent);
}

#site_logo a:hover {
  color: var(--flow-accent);
}

.footer-brand a {
  border-bottom-color: var(--flow-accent);
}

.footer-brand a:hover {
  color: var(--flow-accent-soft);
  border-bottom-color: var(--flow-accent-soft);
}

.post_user_icon {
  background-image: none;
  background-color: var(--flow-accent);
}