/* ========== UNIVERSAL BORDER COLOR ENFORCEMENT ========== */
/* Force all borders to use the correct color */
*,
*::before,
*::after {
    border-color: #2d3748 !important;
}

/* Additional enforcement for common border patterns */
.container,
.main-container,
.content-container,
.card,
.section,
.pricing-card,
.docs-container,
.nav-container,
div[class*="container"],
div[class*="card"],
div[class*="section"] {
    border-color: #2d3748 !important;
}

/* Override any inline styles or dynamic borders */
[style*="border"] {
    border-color: #2d3748 !important;
}

/* Force consistent border color across all pages */
.page-container .page-content,
.page-content,
div.page-content {
    border: 1px solid #2d3748 !important;
    border-color: #2d3748 !important;
}

/* Ensure border color is consistent on all page states */
.page-content:hover,
.page-content:focus,
.page-content:active {
    border-color: #2d3748 !important;
}

/* CRITICAL: Force consistent border color on all pages - highest priority */
.page-content,
.page-container .page-content,
div.page-content {
    border: 1px solid #2d3748 !important;
    border-color: #2d3748 !important;
}

/* SPECIFIC FIXES FOR PROBLEMATIC SECTIONS */
/* Force correct border colors for cards that are showing #797063 */
.plan-card,
.plan-card:hover,
.plan-card:focus,
.plan-card:active,
.store-card,
.store-card:hover,
.store-card:focus,
.store-card:active,
.feature-card,
.feature-card:hover,
.feature-card:focus,
.feature-card:active {
    border-color: #2d3748 !important;
}

/* Additional enforcement for nested card elements */
.pricing-plans .plan-card,
.stores-container .store-card,
.features-grid .feature-card {
    border: 1px solid #2d3748 !important;
    border-color: #2d3748 !important;
}

/* Override any initial/default border colors */
.plan-card,
.store-card,
.feature-card {
    border: 1px solid #2d3748 !important;
    border-color: #2d3748 !important;
}

/* CRITICAL: Override the problematic color #797063 specifically */
*[style*="border-color: #797063"],
*[style*="border-color: rgb(121, 112, 99)"] {
    border-color: #2d3748 !important;
}

/* Ensure no element can have the problematic border color */
* {
    border-color: #2d3748 !important;
}

/* ========== COMPREHENSIVE BORDER COLOR ENFORCEMENT ========== */
/* Override any problematic border colors with maximum specificity */
body *,
html *,
.page-container *,
.main-container *,
.content-container *,
.docs-container *,
.pricing-container *,
.documentation-container *,
.nav-container *,
.hero *,
.section *,
.card *,
.feature-card *,
.pricing-card *,
.btn *,
.button *,
input,
textarea,
select,
.form-control,
.form-group,
.nav-links *,
.nav-link,
.brand-link,
.hero-button,
.hero-buttons *,
.features-grid *,
.tutorial-features *,
.overview-section *,
.tutorial-section *,
.docs-nav *,
.docs-content *,
.docs-card *,
.faq-item *,
.troubleshooting-item *,
.installation-step *,
.feature-overview *,
.getting-started *,
.support-section *,
.discord-background *,
.license-container *,
.privacy-container *,
.pricing-plans *,
.plan-card *,
.plan-features *,
.plan-header *,
.plan-price *,
.plan-button *,
.download-container *,
.store-card *,
.store-grid *,
.help-section *,
.community-section *,
.extension-info *,
.browser-icon *,
.feature-list *,
.feature-item *,
.step-card *,
.step-grid *,
.alert-content *,
.modal *,
.overlay *,
.dropdown *,
.menu *,
.submenu *,
.tooltip *,
.popover *,
.tab *,
.table *,
.list *,
.grid *,
.flex *,
.container *,
.wrapper *,
.content *,
.sidebar *,
.header *,
.footer *,
.main *,
.article *,
.aside *,
.section *,
.div *,
.span *,
.p *,
.h1 *,
.h2 *,
.h3 *,
.h4 *,
.h5 *,
.h6 *,
.ul *,
.ol *,
.li *,
.dl *,
.dt *,
.dd *,
.blockquote *,
.pre *,
.code *,
.kbd *,
.samp *,
.var *,
.mark *,
.small *,
.sub *,
.sup *,
.strong *,
.em *,
.i *,
.b *,
.u *,
.s *,
.del *,
.ins *,
.abbr *,
.acronym *,
.address *,
.cite *,
.dfn *,
.q *,
.time *,
.data *,
.progress *,
.meter *,
.output *,
.details *,
.summary *,
.figure *,
.figcaption *,
.caption *,
.legend *,
.fieldset *,
.form *,
.label *,
.button *,
.select *,
.optgroup *,
.option *,
.textarea *,
.input *,
.keygen *,
.output *,
.progress *,
.meter *,
.datalist *,
.embed *,
.object *,
.param *,
.source *,
.track *,
.canvas *,
.map *,
.area *,
.svg *,
.math *,
.ruby *,
.rt *,
.rp *,
.bdi *,
.bdo *,
.wbr *,
.nobr *,
.spacer *,
.noscript *,
.script *,
.style *,
.link *,
.meta *,
.title *,
.base *,
.head *,
.html * {
    border-color: #2d3748 !important;
}

/* Additional enforcement for pseudo-elements */
*::before,
*::after {
    border-color: #2d3748 !important;
}

/* Specific page enforcement */
body.pricing-page *,
body.download-page *,
body.privacy-page *,
body.home-page *,
body.docs-page *,
body.license-page * {
    border-color: #2d3748 !important;
}

/* Dynamic and inline style overrides */
[style*="border-color"],
[style*="border:"],
[style*="border-top"],
[style*="border-right"],
[style*="border-bottom"],
[style*="border-left"] {
    border-color: #2d3748 !important;
}

/* CSS custom properties override */
:root {
    --border-color: #2d3748 !important;
    --border-color-primary: #2d3748 !important;
    --border-color-secondary: #2d3748 !important;
    --border-color-default: #2d3748 !important;
    --border-color-base: #2d3748 !important;
    --border-color-light: #2d3748 !important;
    --border-color-dark: #2d3748 !important;
    --border-color-gray: #2d3748 !important;
    --border-color-grey: #2d3748 !important;
    --border-color-muted: #2d3748 !important;
    --border-color-subtle: #2d3748 !important;
    --border-color-accent: #2d3748 !important;
    --border-color-focus: #2d3748 !important;
    --border-color-hover: #2d3748 !important;
    --border-color-active: #2d3748 !important;
    --border-color-disabled: #2d3748 !important;
    --border-color-success: #2d3748 !important;
    --border-color-warning: #2d3748 !important;
    --border-color-danger: #2d3748 !important;
    --border-color-info: #2d3748 !important;
}

/* Browser-specific overrides */
@supports (-webkit-appearance: none) {
    * {
        border-color: #2d3748 !important;
    }
}

@supports (-moz-appearance: none) {
    * {
        border-color: #2d3748 !important;
    }
}

/* Media query overrides */
@media screen {
    * {
        border-color: #2d3748 !important;
    }
}

@media print {
    * {
        border-color: #2d3748 !important;
    }
}

/* State-specific overrides */
*:hover,
*:focus,
*:active,
*:visited,
*:link,
*:target,
*:enabled,
*:disabled,
*:checked,
*:indeterminate,
*:valid,
*:invalid,
*:required,
*:optional,
*:read-only,
*:read-write,
*:placeholder-shown,
*:default,
*:first-child,
*:last-child,
*:first-of-type,
*:last-of-type,
*:only-child,
*:only-of-type,
*:nth-child(n),
*:nth-last-child(n),
*:nth-of-type(n),
*:nth-last-of-type(n),
*:not(:first-child),
*:not(:last-child),
*:empty,
*:root,
*:scope,
*:host,
*:host-context() {
    border-color: #2d3748 !important;
}

/* Final enforcement rule with maximum specificity */
html body div.page-container div.main-container div.content-container *,
html body div.page-container div.main-container div.content-container *::before,
html body div.page-container div.main-container div.content-container *::after {
    border-color: #2d3748 !important;
}