/*  transition-overrides.css
    ========================
    Replaces every `transition: all` rule in the codebase with explicit
    property lists. Loaded last in the cascade so these win via source
    order (no !important needed except where the original uses it).

    To disable: remove the <link> in external_styles.html.

    Generated from WIG Phase 6 audit — 113 instances across 16 files.
    Each override matches the original selector and timing, substituting
    the specific properties that actually animate.                       */


/* ======================================================================
   styles.css overrides (52 instances)
   ====================================================================== */

/* Banners */
.expired-banner-renew {
  transition: transform 0.2s, box-shadow 0.2s;
}
.expired-banner-account {
  transition: background-color 0.2s, color 0.2s;
}
.upgrade-banner {
  transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
}
.upgrade-banner-button {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.upgrade-banner-close {
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* Upgrade buttons (multiple contexts) */
.upgrade-btn {
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.upgrade-btn-primary {
  transition: box-shadow 0.3s ease, transform 0.3s ease, color 0.3s ease;
}
.upgrade-btn-secondary {
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Brainstorming topics */
.topic-box {
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.reveal-btn {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.topic-select-radio input[type="radio"] {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hamburger menu */
.hamburger::after {
  transition: transform 0.3s ease;
}

/* Sidebar / project list */
.project-controls .project-btn-text {
  transition: color 0.2s ease, background-color 0.2s ease;
}
.nav-item {
  transition: color 0.2s ease, background-color 0.2s ease, font-weight 0.2s ease;
}
.sidebar-toggle {
  transition: color 0.3s ease;
}
.recent-project-item {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.add-project-btn {
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.project-delete-btn {
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.project-btn {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.project-btn-text {
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.sidebar .project-btn-compact {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.project-item-enhanced {
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Module navigation */
.module-step {
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

/* Idea selection */
.idea-checkbox-item {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.idea-tab-btn {
  transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.idea-radio-item {
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.idea-radio-item input[type="radio"] {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.topic-select-radio input[type="radio"] {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.idea-option {
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.idea-option .radio-custom {
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

/* Project modals */
.project-option {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
#upload-essay-modal .modal-footer .btn {
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

/* Navigation buttons */
.prompt-nav-btn {
  transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.nav-button {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.skip-button {
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* Progress steps */
.step-number {
  transition: color 0.3s ease, background-color 0.3s ease;
}
.step.completed::after {
  transition: background-color 0.3s ease;
}
.step.completed::before {
  transition: border-color 0.3s ease;
}

/* Platform cards */
.platform-card {
  transition: box-shadow 0.3s ease, background-color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

/* Prompt recommendations */
.prompt-recommendation {
  transition: border-left-color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}
.prompt-recommendations-header {
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Custom notification (keep cubic-bezier) */
.custom-notification {
  transition: opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Misc buttons / links */
.continue-btn {
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.editing-progress .step.clickable {
  transition: transform 0.2s ease;
}
#clone-for-different-idea {
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.version-btn {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Custom modal system (needs !important — original uses it) */
.upgrade-btn {
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
.modal-overlay {
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.custom-modal {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.modal-btn {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Auto-generated inline-style classes */
.is-4a13c45 {
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.is-ee3d916 {
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.is-3dc1ced {
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}


/* ======================================================================
   pages/story-sculpting.css overrides (22 instances)
   ====================================================================== */

.story-step-number {
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* .step handled above via step-number */
.story-sculpting .step,
.step {
  transition: background-color 0.3s ease, border-left-color 0.3s ease;
}
.suggestion-item {
  transition: border-color 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}
.suggestion-item.enhanced {
  transition: background-color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.example-tooltip {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.insert-feedback {
  transition: opacity 0.3s ease;
}
.outline-section {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.excerpt-btn {
  transition: background-color 0.3s ease, color 0.3s ease;
}
.freewrite-session {
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.roman-outline-section {
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.content-outline-section {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.tab {
  transition: background-color 0.3s ease, color 0.3s ease, border-bottom-color 0.3s ease;
}
.toolbar-btn {
  transition: background-color 0.2s ease, color 0.2s ease;
}
.logout-link {
  transition: color 0.2s, background-color 0.2s;
}
.modal-close-btn {
  transition: color 0.2s ease, background-color 0.2s ease;
}
/* .project-option handled above */
/* .btn — generic, cover common properties */
.story-sculpting .btn,
.btn {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.theme-card {
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.moment-card.selectable-moment {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.transformation-option {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.structure-card {
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}


/* ======================================================================
   pages/index.css overrides (7 instances)
   ====================================================================== */

.project-switch-notification {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
/* .upgrade-btn, .modal-close-btn, .project-option, .btn handled above */
.account-tab {
  transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
}


/* ======================================================================
   pages/admin-console.css overrides (7 instances)
   ====================================================================== */

tr {
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.user-row {
  transition: border-left-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.generate-password-btn {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.prompt-card {
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.manage-subscription-btn {
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.delete-user-btn {
  transition: box-shadow 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
body.module-admin button.admin-nav-link {
  transition: background-color 0.3s ease, color 0.3s ease;
}


/* ======================================================================
   pages/editing-v2.css overrides (4 instances)
   ====================================================================== */

/* .step-number, .platform-card handled above */
.primary-button,
.secondary-button,
.tertiary-button {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.suggestion-item.before-after {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}


/* ======================================================================
   inline-editor.css overrides (6 instances)
   ====================================================================== */

.suggestion-highlight.active {
  transition: box-shadow 0.15s ease, outline-color 0.15s ease;
}
mark.selection-highlight.suggestion-highlight.active {
  transition: box-shadow 0.15s ease, outline-color 0.15s ease;
}
.filter-btn {
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.comment-actions .btn-dismiss {
  transition: color 0.15s, background-color 0.15s;
}
.comment-actions .btn-unresolve {
  transition: background-color 0.15s, color 0.15s;
}
.comment-actions .btn-iec-reply {
  transition: background-color 0.15s;
}


/* ======================================================================
   pages/admin-base.css overrides (2 instances)
   ====================================================================== */

/* .btn handled above */
.stat-card {
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}


/* ======================================================================
   pages/subscription.css overrides (2 instances)
   ====================================================================== */

.subscribe-btn {
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
}
.payment-method-btn {
  transition: color 0.2s, box-shadow 0.2s, background-color 0.2s;
}


/* ======================================================================
   pages/subscription-success.css overrides (2 instances)
   ====================================================================== */

.support-link {
  transition: background-color 0.3s, color 0.3s;
}
/* .continue-btn handled above */


/* ======================================================================
   Error pages (403, 404, 500, error) overrides (5 instances)
   ====================================================================== */

.help-link {
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
/* .btn handled above */


/* ======================================================================
   pages/upgrade-required.css (1 instance)
   ====================================================================== */

/* .upgrade-btn handled above */


/* ======================================================================
   pages/admin-docs.css (1 instance)
   ====================================================================== */

.toc-link {
  transition: background-color 0.2s, color 0.2s;
}


/* ======================================================================
   word-count-savings.css (1 instance)
   ====================================================================== */

.word-count-summary .live-preview {
  transition: opacity 0.3s ease;
}