/* Shared reading scale for the storefront, member, seller and admin workspaces. */
:root {
    --wc-text-body: 16px;
    --wc-text-ui: 16px;
    --wc-text-note: 14px;
    --wc-text-caption: 13px;
}
body.wc-app {
    font-size: var(--wc-text-body);
    line-height: 1.65;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.wc-app p { line-height: 1.75; }
.wc-app small, .wc-app .small, .wc-app .form-text { font-size: var(--wc-text-note); line-height: 1.6; }
.wc-app .fs-8, .wc-app .fs-9, .wc-app .fs-10, .wc-app .fs-11, .wc-app .fs-12 { font-size: var(--wc-text-note) !important; }
.wc-app .fs-13, .wc-app .fs-14, .wc-app .fs-15 { font-size: var(--wc-text-body) !important; }
.wc-app label, .wc-app .form-control, .wc-app .input-group-text,
.wc-app .dropdown-menu, .wc-app .dropdown-item, .wc-app .bootstrap-select > .dropdown-toggle,
.wc-app .bootstrap-select > .dropdown-toggle .filter-option { font-size: var(--wc-text-ui); line-height: 1.5; }
.wc-app .form-control:not(.bootstrap-select):not(textarea):not([type="file"]) { min-height: 46px; height: auto; padding-top: 10px; padding-bottom: 10px; }
.wc-app textarea.form-control { min-height: 110px; }
.wc-app .bootstrap-select > .dropdown-toggle { min-height: 46px; padding-top: 10px; padding-bottom: 10px; }
.wc-app .bootstrap-select .filter-option-inner-inner { white-space: normal; overflow-wrap: anywhere; }
.wc-app .btn, .wc-app .wc-button { font-size: var(--wc-text-ui); min-height: 44px; line-height: 1.45; white-space: normal; }
.wc-app .btn-sm { font-size: 15px; min-height: 38px; }
.wc-app .btn-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; line-height: 1; }
.wc-app .table { font-size: 15px; line-height: 1.6; }
.wc-app .table thead th { font-size: 14px; line-height: 1.5; }
.wc-app .table td, .wc-app .table th { padding-top: 15px; padding-bottom: 15px; }
.wc-app .page-link { font-size: 15px; min-width: 40px; min-height: 40px; }
.wc-app .alert, .wc-app .modal-body { font-size: 16px; line-height: 1.65; }
.wc-app .modal-title, .wc-app .card-header h5, .wc-app .card-header h6 { font-size: 18px; line-height: 1.5; }
.wc-app .badge { font-size: 13px; line-height: 1.5; }
/* A label may occupy several lines; round counters and presence dots keep their shape. */
.wc-app .badge:not(.badge-dot):not(.badge-status):not(.badge-circle) {
    display: inline-block; width: auto; height: auto; min-height: 22px; max-width: 100%;
    padding: 4px 8px; white-space: normal; word-break: normal; overflow-wrap: break-word;
    vertical-align: middle; text-align: center;
}

/* The header and product cards need more room for readable labels. */
.wc-announcement { min-height: 38px; height: auto; padding-top: 7px; padding-bottom: 7px; gap: 16px; line-height: 1.5; }
.wc-announcement > span:first-child { flex-wrap: wrap; gap: 6px 10px; }
.wc-header-main { min-height: 88px; height: auto; padding-top: 16px; padding-bottom: 16px; gap: 32px; }
.wc-header-actions { gap: 20px; }
.wc-search { height: 46px; }
.wc-app .wc-search input { font-size: 16px; }
.wc-main-nav { min-height: 54px; height: auto; gap: 25px; }
.wc-main-nav > a { font-size: 16px; min-height: 54px; }
.wc-main-nav > .wc-nav-seller, .wc-header-account { font-size: 15px; }
.wc-ai-nav small { font-size: 12px; letter-spacing: .4px; }
.wc-eyebrow, .wa-eyebrow { letter-spacing: 1.2px; }
.wc-hero-copy > p { font-size: 17px; line-height: 1.8; }
.wc-hero-actions { flex-wrap: wrap; gap: 16px 24px; }
.wc-hero-notes { flex-wrap: wrap; gap: 8px 18px; }
.wc-section-heading h2 { font-size: 28px; }
.wc-section-heading > a, .wc-text-link { font-size: 15px; }
.wc-category-tile { font-size: 15px; min-width: 0; text-align: center; overflow-wrap: anywhere; }
.wc-product-card h3 { font-size: 16px; line-height: 1.6; height: 3.2em; font-weight: 500; }
.wc-product-meta { font-size: 14px; gap: 8px; flex-wrap: wrap; }
.wc-product-bottom strong { font-size: 21px; line-height: 1.35; }
.wc-product-bottom { gap: 10px; }
.wc-product-bottom button { width: 36px; height: 36px; flex-shrink: 0; }
.wc-product-tag { font-size: 13px; }
.wc-ai-banner p, .wc-values p, .wc-footer p { font-size: 16px; line-height: 1.75; }
.wc-values h3 { font-size: 18px; }
.wc-footer a { line-height: 1.7; }
.wc-footer-top { grid-template-columns: minmax(0,2fr) repeat(3,minmax(0,1fr)); }
.wc-footer-top > div { min-width: 0; }
.wc-footer-top a:not(.wc-brand), .wc-footer-top p, .wc-footer-top h3 { overflow-wrap: anywhere; hyphens: auto; }
.wc-footer-top h3 { font-size: 16px; line-height: 1.5; }
.wc-language-button, .wc-language-menu button { font-size: 15px; }

/* Workspace navigation, data and forms share the same scale. */
.wc-sidebar-link { font-size: 16px; line-height: 1.45; min-height: 46px; }
.wc-sidebar-link > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.wc-subpage-title p, .wc-subpage-heading p { font-size: 16px; line-height: 1.7; }
.wc-context-tabs a, .wc-section-links a { font-size: 15px; line-height: 1.5; min-height: 44px; }
.wc-breadcrumb { font-size: 14px; line-height: 1.5; flex-wrap: wrap; }
.wc-selection-note, .wc-selection-filters label > span { font-size: 15px; line-height: 1.7; }
.wc-selection-card h3 { font-size: 18px; min-height: 3.2em; }
.wc-selection-card-meta, .wc-selection-price > span, .wc-selection-stock { font-size: 14px; }
.wc-selection-stats span { font-size: 15px; line-height: 1.5; }
.wc-selection-stats > div { gap: 12px; }
.wc-selection-filters { grid-template-columns: minmax(180px,2fr) repeat(3,minmax(150px,1fr)) auto; }
.wc-admin .wc-subpage-title p { font-size: 16px; }
.wc-admin .wc-context-tabs a { font-size: 15px; }
.wc-admin .wc-breadcrumb { font-size: 14px; }
.wc-admin .form-control, .wc-admin label, .wc-admin .bootstrap-select > .dropdown-toggle,
.wc-admin .bootstrap-select > .dropdown-toggle .filter-option { font-size: 16px; line-height: 1.5; }
.wc-admin .table { font-size: 15px; }
.wc-admin .table thead th { font-size: 14px; }
.wc-admin .btn { font-size: 15px; }
.wc-admin .card-header h3, .wc-admin .card-header h5, .wc-admin .card-header h6 { font-size: 18px; }
.wc-admin .alert, .wc-admin .modal-body { font-size: 16px; }
.wc-admin .aiz-side-nav-link { font-size: 16px; line-height: 1.5; min-height: 46px; }
.wc-admin .aiz-side-nav-text { white-space: normal; overflow-wrap: anywhere; }
.wc-admin:not(.wa-login-page) .wa-brand { padding-left: 18px; padding-right: 18px; gap: 8px !important; }
.wa-brand small { font-size: 13px; letter-spacing: .5px; white-space: nowrap; }
.wc-admin .wa-dashboard-heading p, .wc-admin .wa-panel-heading p { font-size: 15px; line-height: 1.7; }
.wa-todo small, .wa-metric-note { line-height: 1.6; }
.wa-panel-heading { align-items: flex-start; flex-wrap: wrap; }
.wa-period { flex-wrap: wrap; }
.wa-todo { min-height: 72px; }
.wa-shortcut-grid a { font-size: 14px; line-height: 1.6; text-align: center; }
.wa-login-field input, .wa-login-field label { font-size: 16px; }
.wa-login-field input, .wa-login-password button, .wa-login-submit { min-height: 48px; height: auto; }
.wa-login-submit { font-size: 16px !important; padding: 12px 16px; }
.wa-login-card > p { font-size: 16px; line-height: 1.7; }
.wa-login-options, .wa-login-options label, .wa-login-card-note { font-size: 14px; line-height: 1.6; }

@media (max-width: 1199px) {
    .wc-selection-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wc-header-main { gap: 22px; }
    .wc-header-actions { gap: 14px; }
}
@media (max-width: 680px) {
    .wc-header-main { gap: 0 10px; min-height: 74px; padding-top: 14px; padding-bottom: 14px; }
    .wc-header-main .wc-brand { font-size: 20px; gap: 7px; }
    .wc-header-main .wc-brand > span:last-child { gap: 4px; }
    .wc-header-main .wc-brand-mark { width: 32px; height: 32px; }
    .wc-header-main .wc-brand-ai { font-size: 12px; }
    .wc-header-actions { gap: 8px; }
    .wc-header-actions .wc-language-menu summary { padding: 4px; font-size: 14px; }
    .wc-header-actions .wc-language-menu summary > .las:first-child { display: none; }
    .wc-header-actions .wc-language-menu summary > span { max-width: 64px; }
    .wc-workspace-header .wc-account-chip > span:nth-child(2), .wc-workspace-header .wc-account-chip > i { display: none; }
    .wc-workspace-header .wc-avatar { width: 32px; height: 32px; }
    .wc-main-nav { gap: 22px; }
    .wc-main-nav > a { font-size: 15px; min-height: 50px; }
    .wc-announcement { font-size: 13px; min-height: 36px; }
    .wc-announcement > span:first-child { font-size: 13px; }
    .wc-section-heading { gap: 12px; align-items: flex-start; }
    .wc-section-heading h2 { font-size: 25px; }
    .wc-section-heading > a { font-size: 14px; line-height: 1.5; white-space: normal; text-align: right; }
    .wc-hero-copy > p { font-size: 16px; }
    .wc-product-card h3 { font-size: 16px; height: 3.2em; }
    .wc-product-meta { font-size: 13px; }
    .wc-product-bottom strong { font-size: 20px; }
    .wc-product-image > a { padding: 12px; }
    .wc-footer-top { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
    .wc-footer-top > div:first-child { display: block; }
    .wc-footer-top > div:first-child p { margin-top: 16px; font-size: 15px; }
    .wc-mobile-nav { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: start; gap: 4px; }
    .wc-mobile-nav > a { min-width: 0; font-size: 13px; line-height: 1.4; text-align: center; overflow-wrap: anywhere; hyphens: auto; }
    .wc-footer { padding-bottom: 85px; }
    .wc-category-tile { font-size: 14px; padding-left: 7px; padding-right: 7px; }
    .wc-context-tabs a { font-size: 15px; }
    .wc-subpage-title p { font-size: 16px; }
    .wc-selection-stats span { font-size: 14px; }
    .wc-selection-card h3 { font-size: 18px; }
    .wc-admin .wa-dashboard-heading p, .wc-admin .wa-panel-heading p { font-size: 14px; }
    .wc-admin .wc-subpage-title p { font-size: 16px; }
    .wc-admin .wc-context-tabs a { font-size: 15px; padding: 11px 13px; }
    .wa-dashboard-heading { flex-wrap: wrap; }
    .wa-heading-meta { flex-direction: row; flex-wrap: wrap; gap: 10px; }
    .wa-metric-note { flex-wrap: wrap; gap: 8px; }
    .wa-ai-banner h2 { font-size: 18px; }
    .wa-ai-banner p { font-size: 15px; }
    .wa-ai-button { font-size: 15px; min-height: 44px; margin-left: 0; white-space: normal; }
    .wa-login-options { gap: 12px; flex-wrap: wrap; }
}


/* Keep interface text readable when labels grow in translated workspaces. */
.wc-sidebar-link { display:grid; grid-template-columns:22px minmax(0,1fr); column-gap:10px; row-gap:5px; }
.wc-sidebar-link > i { width:22px; line-height:1.4; text-align:center; }
.wc-sidebar-link > span { grid-column:2; word-break:normal; overflow-wrap:break-word; }
.wc-sidebar-link > small { grid-column:2; justify-self:start; margin-left:0; max-width:100%; white-space:normal; letter-spacing:0; line-height:1.5; font-size:12px; }
.wc-app .wc-status,.wc-app .wa-status,.wc-app .pf-badge,.wc-app .pay-status { display:inline-block; max-width:100%; height:auto; line-height:1.5; white-space:normal; word-break:normal; overflow-wrap:break-word; vertical-align:middle; }
.wc-app .wc-status,.wc-app .wa-status { padding:5px 9px; }
.wc-page-heading,.wc-subpage-title,.wc-panel-heading { flex-wrap:wrap; }
.wc-page-heading > div,.wc-subpage-title > div,.wc-panel-heading > div { min-width:0; }
.wc-app .wc-page-heading h1,.wc-app .wc-subpage-title h1,.wc-app .wc-panel-heading h2,.wc-app .card-header h5 { line-height:1.45; word-break:normal; overflow-wrap:break-word; }
.wc-workspace-breadcrumb strong { min-width:0; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.5; word-break:normal; overflow-wrap:break-word; hyphens:auto; }
.wc-app p,.wc-app label,.wc-app .trade-grid>div>span,.wc-app .pf-card>span,.wc-app .sc-grid span,.wc-app .wc-sidebar-link>span { hyphens:auto; }
.wc-app .wc-data-table th,.wc-app .wc-data-table td { line-height:1.6; vertical-align:middle; }
.wc-app .pf-lines>div { flex-wrap:wrap; gap:6px 16px; }
.wc-app .pf-lines dt { flex:1 1 160px; min-width:0; line-height:1.6; }
.wc-app .pf-lines dd { margin-left:auto; max-width:100%; overflow-wrap:break-word; white-space:normal; text-align:right; }
.wc-app .pay-history td:before { flex:0 1 40%; min-width:0; line-height:1.5; overflow-wrap:break-word; }
.wc-app .nt-row h2,.wc-app .nt-heading h1 { overflow-wrap:break-word; }
.wc-admin .card-header > .col-lg-2 { flex:1 1 180px; min-width:min(180px,100%); max-width:100%; }
.wc-admin #sort_orders .card-header > .col:first-child { flex-basis:100%; }
.wc-admin .card-header .filter-option-inner-inner { word-break:normal; overflow-wrap:break-word; }
@media(max-width:767px){
 .wc-workspace-breadcrumb strong{font-size:14px}
 .wc-app .wc-mobile-card-table .trade-status{align-self:flex-start;max-width:100%}
 .wc-app .pay-history td>*{min-width:0;max-width:100%}
 .wc-app .nt-toasts{bottom:calc(var(--wc-mobile-bottom,78px) + 12px + var(--nt-keyboard,0px))}
}