/* =========================================================
   ANTIFIX-CODING — GLOBAL READABILITY / TEXT VISIBILITY
   Loaded LAST so it improves tiny text across the whole project
   without redesigning the existing layout.
   ========================================================= */

html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* ---------------------------------------------------------
   PUBLIC WEBSITE
   --------------------------------------------------------- */

body:not(.admin-body){
    color:#f1f1f6;
}

body:not(.admin-body) p{
    color:#aaaabc !important;
}

body:not(.admin-body) small{
    font-size:10px !important;
    line-height:1.45 !important;
    color:#8f8fa3 !important;
    opacity:1 !important;
}

body:not(.admin-body) label,
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea,
body:not(.admin-body) button{
    font-size:11px !important;
}

body:not(.admin-body) input::placeholder,
body:not(.admin-body) textarea::placeholder{
    color:#77778b !important;
    opacity:1 !important;
}

body:not(.admin-body) .eyebrow,
body:not(.admin-body) .article-meta,
body:not(.admin-body) .article-meta span,
body:not(.admin-body) .featured-label,
body:not(.admin-body) .feature-option-copy small,
body:not(.admin-body) .market-card small,
body:not(.admin-body) .portfolio-card small,
body:not(.admin-body) .blog-hero small,
body:not(.admin-body) .blog-toolbar small,
body:not(.admin-body) .article-card small,
body:not(.admin-body) .article-card footer,
body:not(.admin-body) .article-card footer span,
body:not(.admin-body) .article-card footer a,
body:not(.admin-body) .language-menu small,
body:not(.admin-body) .footer small,
body:not(.admin-body) .footer span,
body:not(.admin-body) .online,
body:not(.admin-body) .ai-head small,
body:not(.admin-body) .ai-status,
body:not(.admin-body) .af-order-page small,
body:not(.admin-body) .af-order-page .af-order-chip,
body:not(.admin-body) .af-order-page .af-config-head>b,
body:not(.admin-body) .af-order-page .af-feature-price em,
body:not(.admin-body) .af-order-page .af-feature-nav a,
body:not(.admin-body) .af-order-page .af-feature-toolbar button,
body:not(.admin-body) .af-order-page .af-quote-head small,
body:not(.admin-body) .af-order-page .af-quote-head span,
body:not(.admin-body) .af-order-page .af-quote-lines,
body:not(.admin-body) .blog-comments-v2 small,
body:not(.admin-body) .blog-team-badge,
body:not(.admin-body) .blog-pin-badge,
body:not(.admin-body) .blog-reply-trigger{
    font-size:10px !important;
    line-height:1.4 !important;
}

body:not(.admin-body) .nav a,
body:not(.admin-body) .mobile-menu a,
body:not(.admin-body) .account-pill,
body:not(.admin-body) .cart-pill,
body:not(.admin-body) .language-current{
    font-size:11px !important;
}

body:not(.admin-body) .article-card p,
body:not(.admin-body) .featured-copy p,
body:not(.admin-body) .article-prose,
body:not(.admin-body) .feature-option-copy,
body:not(.admin-body) .market-card p,
body:not(.admin-body) .portfolio-card p,
body:not(.admin-body) .blog-comment-main>p{
    color:#b0b0c0 !important;
}

body:not(.admin-body) .article-meta,
body:not(.admin-body) .article-meta span,
body:not(.admin-body) .article-card footer,
body:not(.admin-body) .article-card footer span{
    color:#9292a6 !important;
}

/* Buttons and compact controls: readable but still visually compact. */
body:not(.admin-body) .btn.small,
body:not(.admin-body) button.small{
    font-size:10px !important;
}

/* ---------------------------------------------------------
   ADMIN PANEL
   --------------------------------------------------------- */

.admin-body{
    color:#f1f1f6 !important;
}

.admin-body p{
    color:#9292a6 !important;
}

.admin-body small{
    font-size:10px !important;
    line-height:1.45 !important;
    color:#89899d !important;
    opacity:1 !important;
}

.admin-body label,
.admin-body input,
.admin-body select,
.admin-body textarea,
.admin-body button{
    font-size:11px !important;
}

.admin-body input::placeholder,
.admin-body textarea::placeholder{
    color:#737387 !important;
    opacity:1 !important;
}

.admin-body table th{
    font-size:10px !important;
    color:#aaaabd !important;
    font-weight:800 !important;
}

.admin-body table td{
    font-size:11px !important;
    color:#b3b3c2 !important;
}

.admin-body .sidebar nav a span,
.admin-body .sidebar-bottom a span,
.admin-body .admin-topbar,
.admin-body .admin-breadcrumb,
.admin-body .admin-top-actions,
.admin-body .status-pill,
.admin-body .comments-status,
.admin-body .comments-badge,
.admin-body .comments-btn,
.admin-body .comments-context>span,
.admin-body .comments-context>b,
.admin-body .comments-message>span,
.admin-body .comments-message p,
.admin-body .comments-card-state time,
.admin-body .comments-author-line>b,
.admin-body .comments-author>div>small,
.admin-body .comments-kpis small,
.admin-body .comments-kpis em,
.admin-body .comments-panel-head>div:first-child small,
.admin-body .comments-panel-head p,
.admin-body .comments-search input,
.admin-body .comments-filters>select,
.admin-body .comments-reply>summary b,
.admin-body .comments-reply>summary small,
.admin-body .admin-comment-reply summary,
.admin-body .analytics-panel small,
.admin-body .visitor-table,
.admin-body .orders-filter input,
.admin-body .orders-filter select{
    font-size:10px !important;
    line-height:1.4 !important;
}

.admin-body .admin-title>div>small,
.admin-body .admin-section-head small,
.admin-body .translation-box legend,
.admin-body .sidebar-workspace small,
.admin-body .sidebar-workspace span{
    font-size:10px !important;
    color:#9a72be !important;
}

.admin-body .admin-title p,
.admin-body .admin-section-head p,
.admin-body .comments-panel-head p{
    color:#8f8fa3 !important;
}

.admin-body .btn.small,
.admin-body button.btn.small,
.admin-body a.btn.small{
    font-size:10px !important;
    min-height:32px;
}

/* Make tiny metrics/badges visible without making the cards much taller. */
.admin-body .comments-kpis b,
.admin-body .analytics-kpis b,
.admin-body .stat-card b{
    font-weight:900 !important;
}

/* Better contrast for muted texts throughout forms/cards. */
.admin-body .field small,
.admin-body .field>small,
.admin-body .form-grid small,
.admin-body .admin-section small,
.admin-body .visitor-meta,
.admin-body .table-wrap small{
    color:#89899d !important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:700px){
    body:not(.admin-body) small,
    .admin-body small{
        font-size:10px !important;
    }

    body:not(.admin-body) p,
    .admin-body p{
        line-height:1.6 !important;
    }

    body:not(.admin-body) input,
    body:not(.admin-body) select,
    body:not(.admin-body) textarea,
    .admin-body input,
    .admin-body select,
    .admin-body textarea{
        font-size:12px !important;
    }
}