:root{
    --mj-text:#181a1e;
    --mj-muted:#6e737b;
    --mj-line:#e7e8eb;
    --mj-soft:#f6f4f3;
    --mj-accent:#7c1731;
    --mj-accent-dark:#5b0e24;
    --mj-accent-soft:#f5e9ed;
    --mj-dark:#17181c;
    --mj-white:#fff;
}
.mj-site,.mj-site *,.mj-module,.mj-module *,.mj-search,.mj-search *{box-sizing:border-box}
.mj-site,.mj-module,.mj-search{font-family:Inter,Arial,sans-serif;color:var(--mj-text)}
.mj-site{background:#fff;min-height:100vh}
.mj-container{width:min(1240px,calc(100% - 48px));margin:0 auto}
.mj-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--mj-line)}
.mj-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.mj-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--mj-text);font-weight:900}
.mj-logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--mj-accent);color:#fff;font-size:17px}
.mj-logo-word{font-size:20px;letter-spacing:-.035em}
.mj-nav{display:flex;align-items:center;gap:30px}
.mj-nav a,.mj-login-link{color:#34373d;text-decoration:none;font-size:14px;font-weight:700}
.mj-nav a:hover,.mj-login-link:hover{color:var(--mj-accent)}
.mj-header-actions{display:flex;align-items:center;gap:18px}
.mj-header-cta,.mj-big-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--mj-accent);color:#fff!important;text-decoration:none;font-weight:850}
.mj-header-cta{height:44px;padding:0 18px;font-size:13px}
.mj-header-cta:hover,.mj-big-cta:hover{background:var(--mj-accent-dark)}
.mj-hero{padding:78px 0 72px;background:linear-gradient(180deg,#fbf8f7 0%,#fff 100%)}
.mj-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.72fr);gap:70px;align-items:center}
.mj-eyebrow{display:inline-block;margin-bottom:14px;color:var(--mj-accent);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.mj-hero h1{max-width:760px;margin:0;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.052em;font-weight:900}
.mj-hero-copy>p{max-width:650px;margin:24px 0 30px;color:var(--mj-muted);font-size:18px;line-height:1.65}
.mj-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.mj-hero-chips a{padding:7px 11px;border:1px solid var(--mj-line);border-radius:999px;background:#fff;color:#5a5d63;text-decoration:none;font-size:12px;font-weight:700}
.mj-hero-panel{padding:28px;border-radius:24px;background:var(--mj-dark);color:#fff;box-shadow:0 22px 70px rgba(23,24,28,.16)}
.mj-hero-panel-top{display:flex;flex-direction:column;gap:8px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.13)}
.mj-mini-label{font-size:11px;color:#c8c9cc;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.mj-hero-panel-top strong{font-size:24px;line-height:1.15}
.mj-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0;background:rgba(255,255,255,.13)}
.mj-stat-grid div{display:flex;flex-direction:column;gap:5px;padding:18px;background:var(--mj-dark)}
.mj-stat-grid strong{font-size:27px}
.mj-stat-grid span{color:#aeb0b5;font-size:12px}
.mj-panel-note{display:flex;gap:12px;align-items:flex-start;padding-top:8px}
.mj-panel-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#9b3249;box-shadow:0 0 0 5px rgba(143,20,58,.10);flex:none}
.mj-panel-note p{margin:0;color:#c6c7ca;font-size:13px;line-height:1.55}
.mj-section{padding:82px 0}
.mj-section-soft{background:var(--mj-soft)}
.mj-section-dark{background:var(--mj-dark);color:#fff}
.mj-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.mj-home-section-head h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:-.04em}
.mj-text-link{color:var(--mj-accent);text-decoration:none;font-size:13px;font-weight:850}
.mj-centered-head{justify-content:center;text-align:center}
.mj-dark-head h2{color:#fff}
.mj-dark-head .mj-eyebrow{color:#d69bab}
.mj-job-grid,.mj-category-grid,.mj-seller-grid{display:grid;gap:20px}
.mj-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mj-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mj-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mj-job-card{overflow:hidden;border:1px solid var(--mj-line);border-radius:18px;background:#fff;box-shadow:0 6px 24px rgba(20,24,30,.045);transition:.2s ease}
.mj-job-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(20,24,30,.085)}
.mj-job-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eef0f2}
.mj-job-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.mj-job-card:hover .mj-job-image img{transform:scale(1.025)}
.mj-image-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f1f2f3,#e7e8eb)}
.mj-job-category{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.95);color:#282a2f;font-size:10px;font-weight:850}
.mj-job-body{padding:17px 18px 18px}
.mj-seller-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.mj-seller{display:flex;align-items:center;gap:8px;min-width:0;color:#6b6f76;text-decoration:none;font-size:12px;font-weight:750}
.mj-seller span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mj-avatar{width:30px!important;height:30px!important;border-radius:50%!important;object-fit:cover}
.mj-rating{color:#9e6700;font-size:12px;font-weight:850}
.mj-job-title{min-height:46px;margin:0;font-size:15px;line-height:1.48;font-weight:850}
.mj-job-title a{color:#1e2024;text-decoration:none}
.mj-job-footer{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;margin-top:14px;padding-top:13px;border-top:1px solid var(--mj-line)}
.mj-price-label{color:var(--mj-muted);font-size:11px}
.mj-price{font-size:16px}
.mj-category-card{position:relative;display:flex;flex-direction:column;min-height:142px;padding:25px 55px 22px 22px;border:1px solid #e3dfdd;border-radius:17px;background:#fff;color:var(--mj-text);text-decoration:none;transition:.18s ease}
.mj-category-card:hover{transform:translateY(-2px);border-color:#d6bec5;box-shadow:0 10px 25px rgba(20,24,30,.055)}
.mj-cat-line{width:34px;height:3px;margin-bottom:22px;border-radius:4px;background:var(--mj-accent)}
.mj-category-name{font-size:17px;font-weight:850;line-height:1.25}
.mj-category-count{margin-top:7px;color:var(--mj-muted);font-size:12px}
.mj-category-arrow{position:absolute;right:20px;bottom:20px;color:var(--mj-accent);font-size:22px;font-weight:900}
.mj-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.mj-steps article{padding:29px;border:1px solid var(--mj-line);border-radius:18px}
.mj-steps article>span{display:inline-flex;margin-bottom:38px;color:var(--mj-accent);font-size:12px;font-weight:900}
.mj-steps h3{margin:0 0 10px;font-size:20px;letter-spacing:-.02em}
.mj-steps p{margin:0;color:var(--mj-muted);font-size:14px;line-height:1.65}
.mj-section-dark .mj-seller-card{border-color:rgba(255,255,255,.12);background:#202126;color:#fff}
.mj-section-dark .mj-seller-meta{color:#a9abb0}
.mj-section-dark .mj-seller-link{color:#d89aac}
.mj-seller-card{display:flex;flex-direction:column;align-items:center;padding:26px 18px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center;text-decoration:none;color:var(--mj-text);transition:.18s ease}
.mj-seller-card:hover{transform:translateY(-2px)}
.mj-seller-avatar{width:78px!important;height:78px!important;border-radius:50%!important;object-fit:cover;margin-bottom:14px}
.mj-seller-name{font-size:15px;font-weight:850}
.mj-seller-meta{margin-top:5px;color:var(--mj-muted);font-size:11px}
.mj-seller-link{margin-top:15px;color:var(--mj-accent);font-size:11px;font-weight:850}
.mj-home-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:46px;border-radius:24px;background:var(--mj-accent-soft)}
.mj-home-cta h2{max-width:680px;margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.03;letter-spacing:-.045em}
.mj-home-cta p{max-width:660px;margin:16px 0 0;color:#67565b;font-size:14px;line-height:1.65}
.mj-home-cta-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}
.mj-big-cta,.mj-secondary-cta{height:50px;padding:0 22px}
.mj-secondary-cta{display:flex;align-items:center;justify-content:center;border:1px solid #d5b8c1;border-radius:11px;color:var(--mj-accent)!important;text-decoration:none;font-size:13px;font-weight:850}
.mj-search{display:flex;gap:8px;width:100%;max-width:800px;padding:7px;border:1px solid rgba(23,27,32,.11);border-radius:15px;background:#fff;box-shadow:0 13px 35px rgba(20,24,30,.085)}
.mj-search-field{display:flex;align-items:center;gap:10px;flex:1;padding:0 12px}
.mj-search-field svg{width:20px;height:20px;fill:none;stroke:#858990;stroke-width:1.8;flex:none}
.mj-search input{width:100%;height:50px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--mj-text)!important;font:inherit;font-size:14px!important}
.mj-search button{height:50px;padding:0 23px;border:0;border-radius:11px;background:var(--mj-accent);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.mj-footer{padding:42px 0;border-top:1px solid var(--mj-line);background:#fff}
.mj-footer-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}
.mj-footer p{margin:12px 0 0;color:var(--mj-muted);font-size:12px}
.mj-footer-links{display:flex;gap:24px}
.mj-footer-links a{color:#4e5157;text-decoration:none;font-size:12px;font-weight:750}
.mj-empty{padding:25px;border:1px dashed var(--mj-line);border-radius:14px;color:var(--mj-muted);text-align:center}
@media(max-width:1024px){
    .mj-nav{display:none}
    .mj-hero-grid{grid-template-columns:1fr;gap:42px}
    .mj-hero-panel{max-width:650px}
    .mj-cols-4,.mj-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mj-home-cta{align-items:flex-start;flex-direction:column}
    .mj-home-cta-actions{flex-direction:row}
}
@media(max-width:680px){
    .mj-container{width:min(100% - 28px,1240px)}
    .mj-header-inner{height:68px}
    .mj-logo-word{font-size:18px}
    .mj-login-link{display:none}
    .mj-header-cta{height:40px;padding:0 12px;font-size:11px}
    .mj-hero{padding:54px 0 50px}
    .mj-hero h1{font-size:42px}
    .mj-hero-copy>p{font-size:16px}
    .mj-section{padding:58px 0}
    .mj-home-section-head{align-items:flex-start;flex-direction:column}
    .mj-job-grid,.mj-category-grid,.mj-seller-grid,.mj-cols-2,.mj-cols-3,.mj-cols-4,.mj-steps{grid-template-columns:1fr}
    .mj-search{flex-direction:column}
    .mj-search button{width:100%}
    .mj-home-cta{padding:30px 24px}
    .mj-home-cta-actions{width:100%;flex-direction:column}
    .mj-footer-grid{align-items:flex-start;flex-direction:column}
    .mj-footer-links{flex-wrap:wrap}
}


/* =========================================================
   0.3.0 — compact active-job cards + marketplace badges
   ========================================================= */
.mj-job-grid.mj-cols-4{gap:16px}
.mj-job-card{border-radius:15px}
.mj-job-image{aspect-ratio:16/10}
.mj-job-body{padding:14px 15px 15px}
.mj-job-category{left:10px;top:10px;padding:5px 8px;font-size:9px}
.mj-job-badges{position:absolute;right:9px;top:9px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.mj-job-badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 7px;border-radius:8px;background:rgba(24,26,30,.88);color:#fff;font-size:9px;font-weight:850;line-height:1;backdrop-filter:blur(7px);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.mj-job-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mj-badge-instant{background:rgba(124,23,49,.93)}
.mj-badge-shipping{background:rgba(27,75,63,.93)}
.mj-badge-meet{background:rgba(58,61,69,.93)}
.mj-seller-row{margin-bottom:9px}
.mj-avatar{width:27px!important;height:27px!important}
.mj-seller{font-size:11px}
.mj-job-title{min-height:42px;font-size:14px;line-height:1.42}
.mj-job-footer{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:12px;padding-top:11px}
.mj-price-main{display:inline-flex;align-items:baseline;gap:4px;min-width:0}
.mj-price{font-size:15px;white-space:nowrap}
.mj-price-unit{color:var(--mj-muted);font-size:10px;font-weight:750;white-space:nowrap}
.mj-price-label{font-size:10px}
.mj-section-sellers{background:#f7f5f4;color:var(--mj-text)}
.mj-section-sellers .mj-seller-card{background:#fff;border-color:#e4e1df;color:var(--mj-text);box-shadow:0 6px 22px rgba(20,24,30,.035)}
.mj-section-sellers .mj-seller-meta{color:var(--mj-muted)}
.mj-section-sellers .mj-seller-link{color:var(--mj-accent)}
@media(max-width:1120px){.mj-job-grid.mj-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.mj-job-grid.mj-cols-4{grid-template-columns:1fr}.mj-job-badge span{display:none}.mj-job-badge{padding:6px}}


/* =========================================================
   0.4.0 — MICROJOB TICKET CARDS
   ========================================================= */
.mj-job-card-ticket,.mj-job-card-ticket-new{
    position:relative;overflow:visible;border:1px solid #e4e6e9;border-radius:16px;background:#fff;
    box-shadow:0 7px 22px rgba(20,24,30,.045)
}
.mj-job-card-ticket:hover,.mj-job-card-ticket-new:hover{
    transform:translateY(-3px);box-shadow:0 15px 32px rgba(20,24,30,.08)
}
.mj-job-card-ticket .mj-job-image,.mj-job-card-ticket-new .mj-job-image{
    aspect-ratio:16/9;border-radius:15px 15px 0 0
}
.mj-job-card-ticket .mj-job-body,.mj-job-card-ticket-new .mj-job-body{
    position:relative;padding:20px 15px 14px;min-height:150px
}
.mj-ticket-seller-row{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-33px;margin-bottom:17px
}
.mj-ticket-seller{display:flex;align-items:center;gap:8px;min-width:0;text-decoration:none;color:var(--mj-text)}
.mj-ticket-avatar-wrap{
    display:inline-flex;width:42px;height:42px;padding:3px;border-radius:50%;background:#fff;
    box-shadow:0 4px 12px rgba(20,24,30,.12);flex:none
}
.mj-ticket-avatar{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover}
.mj-ticket-seller-name{
    max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850
}
.mj-job-card-ticket .mj-rating,.mj-job-card-ticket-new .mj-rating{margin-top:18px;font-size:11px}
.mj-ticket-category{
    margin-bottom:7px;color:var(--mj-accent);font-size:9px;line-height:1.2;font-weight:900;
    letter-spacing:.08em;text-transform:uppercase
}
.mj-job-card-ticket .mj-job-title,.mj-job-card-ticket-new .mj-job-title{
    min-height:42px;font-size:13px;line-height:1.42
}
.mj-job-card-ticket .mj-job-footer,.mj-job-card-ticket-new .mj-job-footer{
    margin-top:12px;padding-top:11px;border-top:1px solid #ececef
}
.mj-job-card-ticket::before,.mj-job-card-ticket-new::before{
    content:"";position:absolute;left:-1px;top:42%;bottom:18px;width:3px;border-radius:0 3px 3px 0;
    background:var(--mj-accent);z-index:2
}
.mj-job-card-ticket-new::before{background:#b36b14}
.mj-job-card-ticket .mj-job-badges,.mj-job-card-ticket-new .mj-job-badges{
    right:9px;top:9px;flex-direction:row;align-items:center
}
.mj-job-card-ticket .mj-job-badge,.mj-job-card-ticket-new .mj-job-badge{
    width:28px;min-width:28px;height:28px;min-height:28px;padding:0;justify-content:center;border-radius:50%
}
.mj-job-card-ticket .mj-job-badge>span,.mj-job-card-ticket-new .mj-job-badge>span{
    position:absolute;right:0;top:34px;display:none;white-space:nowrap;padding:5px 7px;border-radius:6px;
    background:#17181c;color:#fff;font-size:9px;box-shadow:0 4px 12px rgba(0,0,0,.12)
}
.mj-job-card-ticket .mj-job-badge:hover>span,.mj-job-card-ticket-new .mj-job-badge:hover>span{display:block}
.mj-section-new-jobs{
    padding-top:68px;padding-bottom:74px;border-top:1px solid #ececef;background:#fcfbfb
}
.mj-section-new-jobs .mj-job-grid{gap:16px}
@media(max-width:1120px){.mj-ticket-seller-name{max-width:180px}}
@media(max-width:680px){
    .mj-ticket-seller-row{margin-top:-31px}
    .mj-job-card-ticket .mj-job-badge>span,.mj-job-card-ticket-new .mj-job-badge>span{display:none!important}
}


/* =========================================================
   0.5.0 — SINGLE MICROJOB PREVIEW
   ========================================================= */
.mj-detail-page{padding:28px 0 72px;background:#fff}
.mj-breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:4px 0 22px;color:#858990;font-size:11px}
.mj-breadcrumbs a{color:#686d74;text-decoration:none}
.mj-detail-title-row{display:flex;justify-content:space-between;gap:30px;margin-bottom:25px}
.mj-detail-title-row h1{max-width:850px;margin:0;font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.04em}
.mj-detail-meta{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:15px;color:#666a71;font-size:12px}
.mj-detail-rating{color:#9d6800;font-weight:850}
.mj-detail-rating em{font-style:normal;color:#747880;font-weight:600}
.mj-live-dot{display:inline-flex;align-items:center;gap:7px}
.mj-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#8f143a}
.mj-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:34px;align-items:start}
.mj-detail-main{min-width:0}
.mj-detail-gallery{margin-bottom:20px}
.mj-detail-main-image{position:relative;overflow:hidden;border-radius:20px;background:#f0f1f3;aspect-ratio:16/10}
.mj-detail-main-image>img{display:block;width:100%;height:100%;object-fit:cover}
.mj-detail-image-placeholder{height:100%;background:linear-gradient(135deg,#eee,#e2e4e8)}
.mj-detail-badges{position:absolute;left:16px;top:16px;display:flex;gap:8px;flex-wrap:wrap}
.mj-detail-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#26292e;font-size:10px;font-weight:850;box-shadow:0 4px 13px rgba(0,0,0,.09)}
.mj-detail-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mj-detail-badge-instant{background:rgba(124,23,49,.94);color:#fff}
.mj-detail-badge-shipping{background:rgba(27,75,63,.94);color:#fff}
.mj-detail-thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto;padding:2px 1px}
.mj-detail-thumb{width:92px;height:62px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f1f2f3;cursor:pointer;flex:none}
.mj-detail-thumb.is-active{border-color:var(--mj-accent)}
.mj-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mj-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.mj-detail-facts>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:14px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-fact-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mj-accent-soft);color:var(--mj-accent);font-weight:900}
.mj-detail-facts small{color:var(--mj-muted);font-size:9px}
.mj-detail-facts strong{font-size:11px;line-height:1.25}
.mj-detail-content-card{margin-top:22px;padding:24px;border:1px solid var(--mj-line);border-radius:18px;background:#fff}
.mj-detail-tabs{display:flex;gap:24px;border-bottom:1px solid var(--mj-line);margin:-3px 0 20px}
.mj-detail-tabs span{padding:0 0 13px;color:#757981;font-size:11px;font-weight:850}
.mj-detail-tabs .is-active{color:var(--mj-accent);border-bottom:2px solid var(--mj-accent)}
.mj-detail-description{color:#44484f;font-size:14px;line-height:1.75}
.mj-detail-description p:first-child{margin-top:0}
.mj-detail-sidebar{position:sticky;top:20px;display:grid;gap:16px}
.mj-order-card,.mj-detail-seller-card,.mj-detail-trust-card{padding:22px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;box-shadow:0 7px 25px rgba(20,24,30,.045)}
.mj-order-price-top{display:flex;align-items:baseline;gap:6px;padding-bottom:15px;border-bottom:1px solid var(--mj-line)}
.mj-order-price-top>span{color:var(--mj-muted);font-size:10px}
.mj-order-price-top strong{font-size:30px;letter-spacing:-.03em}
.mj-order-price-top em{color:var(--mj-accent);font-style:normal;font-size:12px;font-weight:800}
.mj-order-status{margin:14px 0;color:#53575e;font-size:11px;font-weight:700}
.mj-order-status span{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#8f143a}
.mj-native-order-form{margin-top:14px}
.mj-native-order-form .ui.button,.mj-native-order-form button,.mj-native-order-form input[type=submit]{width:100%!important;border-radius:10px!important}
.mj-order-trust{display:grid;gap:7px;margin-top:16px;color:#73777e;font-size:10px}
.mj-detail-seller-top{display:flex;align-items:center;gap:12px}
.mj-detail-seller-avatar{width:64px!important;height:64px!important;border-radius:50%!important;object-fit:cover}
.mj-detail-seller-head{display:flex;flex-direction:column;gap:4px}
.mj-detail-seller-head strong{font-size:14px}
.mj-detail-seller-head span{color:#9d6800;font-size:11px;font-weight:800}
.mj-seller-stats{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;border-top:1px solid var(--mj-line);border-bottom:1px solid var(--mj-line)}
.mj-seller-stats>div{display:flex;flex-direction:column;align-items:center;padding:14px 8px}
.mj-seller-stats>div+div{border-left:1px solid var(--mj-line)}
.mj-seller-stats strong{font-size:17px}
.mj-seller-stats span{margin-top:3px;color:var(--mj-muted);font-size:9px;text-align:center}
.mj-seller-profile-btn{display:flex;align-items:center;justify-content:center;height:42px;border:1px solid #d9dce0;border-radius:10px;color:#2b2e33;text-decoration:none;font-size:11px;font-weight:850}
.mj-native-contact-btn{margin-top:9px}
.mj-native-contact-btn .button,.mj-native-contact-btn button,.mj-native-contact-btn a{width:100%!important}
.mj-detail-trust-card{background:#faf7f8}
.mj-detail-trust-card h3{margin:0 0 14px;font-size:14px}
.mj-detail-trust-card p{margin:7px 0;color:#555960;font-size:10px}
.mj-related-jobs{margin-top:50px}
.mj-detail-seller-mobile{display:none}
@media(max-width:980px){
    .mj-detail-grid{grid-template-columns:1fr}
    .mj-detail-sidebar{position:static}
    .mj-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mj-detail-seller-mobile{display:none}
}
@media(max-width:680px){
    .mj-detail-page{padding-top:18px}
    .mj-detail-title-row h1{font-size:30px}
    .mj-detail-main-image{border-radius:14px;aspect-ratio:4/3}
    .mj-detail-facts{grid-template-columns:1fr 1fr}
    .mj-detail-content-card{padding:18px}
}


/* =========================================================
   0.6.0 — CUSTOM ORDER PANEL
   ========================================================= */

.mj-order-card{
    padding:22px;
}

.mj-package-picker{
    margin:18px 0 14px;
}

.mj-package-picker-label{
    margin-bottom:10px;
    color:#292c31;
    font-size:11px;
    font-weight:900;
}

.mj-package-options{
    display:grid;
    gap:9px;
}

.mj-package-option{
    position:relative;
    display:grid;
    grid-template-columns:18px minmax(0,1fr) auto;
    gap:10px;
    align-items:start;
    width:100%;
    padding:13px 13px 12px;
    border:1px solid #e1e3e7;
    border-radius:12px;
    background:#fff;
    color:#272a2f;
    text-align:left;
    font:inherit;
    cursor:pointer;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.mj-package-option:hover{
    border-color:#cda7b2;
}

.mj-package-option.is-selected{
    border-color:var(--mj-accent);
    background:#fff8fa;
    box-shadow:0 0 0 2px rgba(124,23,49,.06);
}

.mj-package-radio{
    position:relative;
    width:16px;
    height:16px;
    margin-top:2px;
    border:1.5px solid #b8bdc4;
    border-radius:50%;
    background:#fff;
}

.mj-package-option.is-selected .mj-package-radio{
    border-color:var(--mj-accent);
}

.mj-package-option.is-selected .mj-package-radio:after{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:50%;
    background:var(--mj-accent);
}

.mj-package-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.mj-package-copy strong{
    font-size:11px;
    line-height:1.25;
}

.mj-package-copy small{
    margin-top:5px;
    color:#71757c;
    font-size:9px;
    line-height:1.45;
}

.mj-package-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 9px;
    margin-top:7px;
}

.mj-package-meta em{
    color:#7b7f86;
    font-size:8px;
    font-style:normal;
    font-weight:750;
}

.mj-package-price{
    padding-left:6px;
    color:var(--mj-accent);
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
}

/* Hide original WPJobster package navigation, because our picker controls it. */
.mj-native-order-form.has-packages .ui.menu.top{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
}

/* Remove repeated package heading/price/rating already displayed by our panel. */
.mj-native-order-form.has-packages .sidebar-top-info,
.mj-native-order-form.has-packages .sidebar-top-title,
.mj-native-order-form.has-packages .sidebar-rating,
.mj-native-order-form.has-packages .packages-sidebar .inline-content,
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-name,
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-desc{
    display:none!important;
}

.mj-native-order-form.has-packages .single-job-sidebar-padded-content{
    padding:0!important;
    margin:0!important;
}

.mj-native-order-form.has-packages .packages-sidebar{
    margin:0!important;
    padding:0!important;
    border:0!important;
}

/* Extras become clean marketplace rows. */
.mj-native-order-form .job-order-info{
    margin:12px 0 0!important;
    padding:0!important;
}

.mj-native-order-form .single-job-sidebar-price-content{
    padding:9px 0!important;
    border-top:1px solid #eceef1!important;
}

.mj-native-order-form .extra-item{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:38px;
}

.mj-native-order-form .extra-item label{
    color:#4e5259!important;
    font-size:10px!important;
    line-height:1.35!important;
}

.mj-native-order-form .extra-item .price-content,
.mj-native-order-form .extra-price-inside{
    color:#2d3035!important;
    font-size:10px!important;
    font-weight:850!important;
}

/* Restyle Semantic UI checkbox. */
.mj-native-order-form .ui.checkbox label:before{
    border-radius:5px!important;
    border-color:#cfd3d8!important;
}

.mj-native-order-form .ui.checkbox input:checked~label:before{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
}

/* Main purchase action */
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    margin-top:14px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:11px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    cursor:pointer!important;
}

.mj-native-order-form .text-button.job-purchase-action:hover,
.mj-native-order-form .js-buy-job-button:hover{
    background:var(--mj-accent-dark)!important;
}

.mj-native-order-form .job-purchase-action .price{
    display:none!important;
}

.mj-native-order-form .text-button-gray.disabled{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    border-radius:11px!important;
    background:#f0f1f3!important;
    color:#9a9da3!important;
    font-size:11px!important;
    font-weight:850!important;
}

/* Non-package jobs: old basic/extra switch becomes compact tabs. */
.mj-native-order-form.no-packages .ui.menu.top{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    margin:15px 0 10px!important;
    padding:4px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f4f5f7!important;
    box-shadow:none!important;
}

.mj-native-order-form.no-packages .ui.menu.top .item{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#747880!important;
    font-size:9px!important;
    font-weight:850!important;
}

.mj-native-order-form.no-packages .ui.menu.top .item.active{
    background:#fff!important;
    color:var(--mj-accent)!important;
    box-shadow:0 2px 8px rgba(20,24,30,.05)!important;
}

/* Compact title/gallery compared with 0.5.0 */
.mj-detail-title-row h1{
    max-width:760px;
    font-size:clamp(28px,2.5vw,39px);
}

.mj-detail-grid{
    grid-template-columns:minmax(0,1fr) 330px;
    gap:30px;
}

.mj-detail-main-image{
    aspect-ratio:16/9;
}

.mj-order-price-top strong{
    font-size:27px;
}

@media(max-width:980px){
    .mj-detail-grid{grid-template-columns:1fr}
}


/* =========================================================
   0.6.1 — SINGLE DETAIL POLISH / WPJOBSTER CLEANUP
   ========================================================= */

/* Detail nesmí být na desktopu utopený v příliš širokém layoutu. */
.mj-detail-page > .mj-container{
    width:min(1180px, calc(100% - 48px));
}

.mj-detail-title-row{
    margin-bottom:20px;
}

.mj-detail-title-row h1{
    max-width:780px;
    font-size:clamp(29px,2.35vw,38px);
    line-height:1.08;
}

.mj-detail-grid{
    grid-template-columns:minmax(0,1fr) 370px;
    gap:28px;
}

.mj-detail-main-image{
    aspect-ratio:16/8.7;
}

.mj-detail-sidebar{
    top:16px;
}

.mj-order-card{
    padding:24px;
    border-radius:17px;
    box-shadow:0 12px 32px rgba(20,24,30,.07);
}

.mj-order-price-top{
    padding-bottom:17px;
}

.mj-order-price-top strong{
    font-size:30px;
}

/* Naše varianty jsou hlavní ovládání objednávky. */
.mj-package-option{
    padding:14px 13px;
}

.mj-package-option.is-selected{
    border-width:1.5px;
}

.mj-package-copy strong{
    font-size:11.5px;
}

.mj-package-price{
    font-size:12px;
}

/* ---------------------------------------------------------
   Původní WPJobster order UI:
   funkční formulář zůstává v DOM, ale jeho duplicitní vzhled
   už nesmí prolézat do našeho panelu.
   --------------------------------------------------------- */

.mj-native-order-form .packages-sidebar .pck-sidebar-select-package,
.mj-native-order-form .packages-sidebar .pck-sidebar-name,
.mj-native-order-form .packages-sidebar .pck-sidebar-desc,
.mj-native-order-form .packages-sidebar .pck-sidebar-fields,
.mj-native-order-form .packages-sidebar .pck-sidebar-compare-packages,
.mj-native-order-form .packages-sidebar .inline-content,
.mj-native-order-form .packages-sidebar .sidebar-top-info,
.mj-native-order-form .packages-sidebar .sidebar-top-title,
.mj-native-order-form .packages-sidebar .sidebar-rating,
.mj-native-order-form .packages-sidebar .sidebar-delivery-location,
.mj-native-order-form .packages-sidebar .sidebar-orders-in-queue{
    display:none!important;
}

/* Staré taby ZÁKLADNÍ / NAVÍC u jednoduchých jobů nepotřebujeme
   jako velký WPJobster panel. */
.mj-native-order-form.no-packages .ui.menu.top{
    margin:10px 0!important;
}

/* Odstranění starých WPJobster popisků typu BALÍČEK RYCHLOST,
   PRÁCE MNOŽSTVÍ a dalších nadbytečných nadpisů. */
.mj-native-order-form .single-job-sidebar-price-content > .left,
.mj-native-order-form .single-job-sidebar-price-content > .right,
.mj-native-order-form .sidebar-package-title,
.mj-native-order-form .package-title,
.mj-native-order-form .job-order-info-title{
    font-size:10px!important;
}

/* APPLY – WPJobster používá různé elementy podle typu jobu.
   Všechny skutečné akční prvky sjednotíme do jednoho CTA. */
.mj-native-order-form input[type="submit"],
.mj-native-order-form button[type="submit"],
.mj-native-order-form .ui.button,
.mj-native-order-form a.button,
.mj-native-order-form .button,
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    height:auto!important;
    margin:14px 0 0!important;
    padding:13px 18px!important;
    float:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    border:0!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
    text-align:center!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1.15!important;
    font-weight:900!important;
    cursor:pointer!important;
}

.mj-native-order-form input[type="submit"]:hover,
.mj-native-order-form button[type="submit"]:hover,
.mj-native-order-form .ui.button:hover,
.mj-native-order-form a.button:hover,
.mj-native-order-form .button:hover,
.mj-native-order-form .text-button.job-purchase-action:hover,
.mj-native-order-form .js-buy-job-button:hover{
    background:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* WPJobster někdy obaluje Apply do sloupců/gridu – zrušíme
   jejich šířkové omezení, kvůli kterému bylo tlačítko "mimo". */
.mj-native-order-form .ui.grid,
.mj-native-order-form .ui.grid > .row{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}

.mj-native-order-form .ui.grid > .row > .column,
.mj-native-order-form .column{
    max-width:100%;
}

.mj-native-order-form .ui.grid > .row > .column:has(input[type="submit"]),
.mj-native-order-form .ui.grid > .row > .column:has(button[type="submit"]),
.mj-native-order-form .ui.grid > .row > .column:has(.job-purchase-action),
.mj-native-order-form .ui.grid > .row > .column:has(.js-buy-job-button){
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Deaktivovaný job – ať hláška nevypadá jako druhý starý panel. */
.mj-native-order-form .text-button-gray.disabled,
.mj-native-order-form .disabled.button{
    width:100%!important;
    min-height:44px!important;
    margin:12px 0 0!important;
    border:0!important;
    border-radius:10px!important;
    background:#f1f2f4!important;
    color:#999da5!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:850!important;
}

/* Related jobs už nejsou tak titěrné. */
.mj-related-jobs .mj-job-grid{
    gap:15px;
}

.mj-related-jobs .mj-job-card-ticket .mj-job-title{
    font-size:12px;
}

.mj-related-jobs .mj-job-card-ticket .mj-job-body{
    padding:18px 13px 13px;
}

/* Prodejce a trust box trochu klidnější. */
.mj-detail-seller-card,
.mj-detail-trust-card{
    box-shadow:0 7px 22px rgba(20,24,30,.04);
}

@media(max-width:980px){
    .mj-detail-page > .mj-container{
        width:min(100% - 32px, 820px);
    }
    .mj-detail-grid{
        grid-template-columns:1fr;
    }
    .mj-detail-sidebar{
        position:static;
    }
}

@media(max-width:680px){
    .mj-detail-page > .mj-container{
        width:calc(100% - 24px);
    }
    .mj-detail-main-image{
        aspect-ratio:4/3;
    }
}


/* =========================================================
   0.6.2 — HARD FIX: APPLY / SEMANTIC UI GRID OVERFLOW
   ========================================================= */

/*
 * WPJobster používá Semantic UI grid s negativními marginy.
 * Tlačítko tedy nebylo špatně široké samo o sobě — jeho rodiče
 * byli širší než pravý panel. Níže resetujeme pouze objednávkový
 * formulář uvnitř našeho detailu.
 */

.mj-order-card .mj-native-order-form,
.mj-order-card .mj-native-order-form form,
.mj-order-card .mj-native-order-form .ui.form,
.mj-order-card .mj-native-order-form .ui.segment,
.mj-order-card .mj-native-order-form .ui.grid,
.mj-order-card .mj-native-order-form .ui.grid > .row,
.mj-order-card .mj-native-order-form .row,
.mj-order-card .mj-native-order-form .column,
.mj-order-card .mj-native-order-form .field,
.mj-order-card .mj-native-order-form .fields,
.mj-order-card .mj-native-order-form .single-job-sidebar-price-content,
.mj-order-card .mj-native-order-form .job-order-info,
.mj-order-card .mj-native-order-form .job-order-action,
.mj-order-card .mj-native-order-form .button-container{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
}

/* Semantic UI přidává na grid a row záporné okraje. */
.mj-order-card .mj-native-order-form .ui.grid{
    margin:0!important;
}

.mj-order-card .mj-native-order-form .ui.grid > .row,
.mj-order-card .mj-native-order-form .row{
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Sloupce nesmí přidávat vlastní 1rem padding. */
.mj-order-card .mj-native-order-form .ui.grid > .row > .column,
.mj-order-card .mj-native-order-form .ui.grid > .column,
.mj-order-card .mj-native-order-form .column{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
}

/* Wrapper tlačítka dostane přesně šířku vnitřku karty. */
.mj-order-card .mj-native-order-form :is(
    .job-order-action,
    .button-container,
    .submit,
    .actions,
    .action,
    .buy-job-button,
    .job-purchase-action-wrapper
){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
}

/* Samotné Apply / Objednat. */
.mj-order-card .mj-native-order-form input[type="submit"],
.mj-order-card .mj-native-order-form button[type="submit"],
.mj-order-card .mj-native-order-form .ui.button,
.mj-order-card .mj-native-order-form a.button,
.mj-order-card .mj-native-order-form .button,
.mj-order-card .mj-native-order-form .text-button.job-purchase-action,
.mj-order-card .mj-native-order-form .js-buy-job-button{
    display:flex!important;
    position:static!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:12px 0 0!important;
    padding:13px 16px!important;
    transform:none!important;
    translate:none!important;
    float:none!important;
}

/* Některé WPJobster formuláře mají tlačítko uvnitř .right / .right.aligned. */
.mj-order-card .mj-native-order-form .right,
.mj-order-card .mj-native-order-form .right.aligned,
.mj-order-card .mj-native-order-form .right.floated{
    float:none!important;
    text-align:initial!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Starý vnitřní box nesmí tlačítko opticky odsazovat. */
.mj-order-card .mj-native-order-form .ui.basic.segment,
.mj-order-card .mj-native-order-form .ui.segment{
    padding-left:0!important;
    padding-right:0!important;
    box-shadow:none!important;
}

/* Deaktivovaný stav pod tlačítkem zarovnat stejně. */
.mj-order-card .mj-native-order-form .text-button-gray.disabled,
.mj-order-card .mj-native-order-form .disabled.button{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    padding-left:12px!important;
    padding-right:12px!important;
}

/* Dotaz "Chcete-li aktivovat tuto práci?" držet uvnitř boxu. */
.mj-order-card .mj-native-order-form p,
.mj-order-card .mj-native-order-form .center.aligned{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}


/* =========================================================
   0.7.0 — REVIEWS + 3 RELATED JOBS
   ========================================================= */

.mj-reviews-section{
    margin-top:24px;
    padding:25px;
    border:1px solid var(--mj-line);
    border-radius:18px;
    background:#fff;
}

.mj-reviews-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding-bottom:20px;
    border-bottom:1px solid var(--mj-line);
}

.mj-reviews-head .mj-eyebrow{
    margin-bottom:8px;
}

.mj-reviews-head h2{
    margin:0;
    font-size:23px;
    line-height:1.1;
    letter-spacing:-.025em;
}

.mj-reviews-summary{
    display:flex;
    align-items:center;
    gap:11px;
}

.mj-reviews-summary>strong{
    font-size:29px;
    line-height:1;
    letter-spacing:-.04em;
}

.mj-reviews-summary>span{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mj-reviews-summary small{
    color:var(--mj-muted);
    font-size:9px;
}

.mj-review-stars{
    display:inline-flex;
    gap:1px;
    color:#d2d4d8;
    font-size:12px;
    line-height:1;
}

.mj-review-stars .is-filled{
    color:#e3a008;
}

.mj-review-list{
    display:grid;
}

.mj-review-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:13px;
    padding:20px 0;
}

.mj-review-card+.mj-review-card{
    border-top:1px solid #eceef1;
}

.mj-review-avatar-img{
    display:block;
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    object-fit:cover;
}

.mj-review-content{
    min-width:0;
}

.mj-review-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.mj-review-top>div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mj-review-top strong{
    color:#282b30;
    font-size:11px;
}

.mj-review-top>div span{
    color:#90949b;
    font-size:9px;
}

.mj-review-text{
    margin-top:10px;
    color:#4c5057;
    font-size:11px;
    line-height:1.65;
}

.mj-review-text p{
    margin:0;
}

.mj-review-response{
    margin-top:12px;
    padding:11px 13px;
    border-left:3px solid #dbc0c8;
    border-radius:0 9px 9px 0;
    background:#faf7f8;
    color:#555960;
    font-size:10px;
    line-height:1.55;
}

.mj-review-response>strong{
    display:block;
    margin-bottom:5px;
    color:var(--mj-accent);
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.mj-related-jobs .mj-job-grid.mj-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.mj-related-jobs .mj-job-card-ticket .mj-job-image{
    aspect-ratio:16/9;
}

.mj-related-jobs .mj-job-card-ticket .mj-job-title{
    min-height:40px;
    font-size:13px;
}

@media(max-width:760px){
    .mj-reviews-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .mj-review-top{
        gap:8px;
    }

    .mj-related-jobs .mj-job-grid.mj-cols-3{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   0.7.1 — SELLER-WIDE RATINGS
   ========================================================= */

.mj-rating small{
    margin-left:2px;
    color:#8a8e95;
    font-size:9px;
    font-weight:700;
}

.mj-review-job{
    display:inline-block;
    margin-top:7px;
    color:var(--mj-accent);
    font-size:9px;
    line-height:1.4;
    font-weight:800;
    text-decoration:none;
}

.mj-review-job:hover{
    text-decoration:underline;
}

.mj-review-job.is-plain{
    color:#858990;
}

.mj-all-reviews-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    margin-top:3px;
    border-top:1px solid var(--mj-line);
    padding-top:16px;
    color:var(--mj-accent);
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}

.mj-all-reviews-link:hover{
    text-decoration:underline;
}


/* 0.8.0 — archive/search */
.mj-archive-hero{padding:58px 0 48px;border-bottom:1px solid #eee;background:linear-gradient(180deg,#fbf7f8,#fff)}
.mj-archive-hero h1{max-width:760px;margin:0;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.05em}
.mj-archive-hero p{max-width:620px;margin:18px 0 25px;color:var(--mj-muted);font-size:14px;line-height:1.6}
.mj-archive-search{display:flex;width:min(720px,100%);padding:7px;border:1px solid #dedfe3;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(20,24,30,.055)}
.mj-archive-search-input{display:flex;align-items:center;gap:10px;flex:1;padding:0 12px}
.mj-archive-search-input svg{width:19px;height:19px;fill:none;stroke:#898d94;stroke-width:1.8}
.mj-archive-search input{width:100%;height:46px;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font:inherit;font-size:13px}
.mj-archive-search button{height:46px;padding:0 22px;border:0;border-radius:10px;background:var(--mj-accent);color:#fff;font:inherit;font-size:11px;font-weight:900}
.mj-archive-content{padding:40px 0 75px}
.mj-archive-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.mj-archive-filter{position:sticky;top:18px}
.mj-filter-card{padding:17px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-filter-title{margin-bottom:11px;font-size:12px;font-weight:900}
.mj-filter-item{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 9px;border-radius:8px;color:#60646b;text-decoration:none;font-size:10px;font-weight:750}
.mj-filter-item small{color:#9a9da3;font-size:8px}
.mj-filter-item:hover{background:#f8f7f7;color:var(--mj-accent)}
.mj-filter-item.is-active{background:var(--mj-accent-soft);color:var(--mj-accent);font-weight:900}
.mj-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.mj-results-head>div{display:flex;align-items:baseline;gap:5px}
.mj-results-count{font-size:13px;font-weight:900}
.mj-results-head strong{color:#747880;font-size:10px}
.mj-sort-form{display:flex;align-items:center;gap:8px}
.mj-sort-form label{color:#888c93;font-size:9px}
.mj-sort-form select{height:36px;padding:0 28px 0 10px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;font:inherit;font-size:10px}
.mj-archive-job-grid{gap:16px}
.mj-archive-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding:45px 25px;border:1px dashed #d8dade;border-radius:15px;text-align:center}
.mj-archive-empty span{color:var(--mj-muted);font-size:11px}
.mj-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding-top:22px;border-top:1px solid var(--mj-line)}
.mj-pagination a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid #dfe1e4;border-radius:9px;color:#33363b;text-decoration:none;font-size:10px;font-weight:850}
.mj-pagination span{color:#888c93;font-size:9px}
@media(max-width:1050px){.mj-archive-layout{grid-template-columns:1fr}.mj-archive-filter{position:static}.mj-filter-card{display:flex;flex-wrap:wrap;gap:6px}.mj-filter-title{width:100%}.mj-filter-item{border:1px solid #ebecef}}
@media(max-width:680px){.mj-archive-hero{padding:42px 0 38px}.mj-archive-search{flex-direction:column}.mj-archive-search button{width:100%}.mj-results-head{align-items:flex-start;flex-direction:column}.mj-sort-form{width:100%;justify-content:space-between}.mj-sort-form select{flex:1}}

/* =========================================================
   0.8.1 — ARCHIVE 3 COLUMNS WITH SIDEBAR
   ========================================================= */
.mj-archive-job-grid.mj-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
@media(max-width:1050px){
    .mj-archive-job-grid.mj-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
    .mj-archive-job-grid.mj-cols-3{grid-template-columns:1fr;}
}


/* =========================================================
   0.8.2 — AVATAR CLIP FIX
   ========================================================= */
.mj-job-card .mj-ticket-avatar-wrap{
    overflow:hidden!important;
    border-radius:50%!important;
    padding:3px!important;
    background:#fff!important;
}

.mj-job-card .mj-ticket-avatar-wrap img,
.mj-job-card img.mj-ticket-avatar,
.mj-archive-job-grid .mj-ticket-avatar-wrap img{
    display:block!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    overflow:hidden!important;
}


/* =========================================================
   0.9.0 — SELLER PROFILE
   ========================================================= */
.mj-seller-page{background:#fff}
.mj-seller-hero{padding:44px 0 34px;background:linear-gradient(180deg,#fbf8f8,#fff)}
.mj-seller-hero-card{display:grid;grid-template-columns:130px minmax(0,1fr) 320px;gap:28px;align-items:start;padding:28px;border:1px solid var(--mj-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(20,24,30,.045)}
.mj-seller-big-avatar{position:relative;width:120px;height:120px}
.mj-seller-big-avatar-img{display:block;width:120px!important;height:120px!important;border-radius:50%!important;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 24px rgba(20,24,30,.12)}
.mj-online-dot{position:absolute;right:5px;bottom:8px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#8f143a}
.mj-seller-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mj-seller-name-row h1{margin:0;font-size:32px;line-height:1.05;letter-spacing:-.04em}
.mj-seller-subline{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;color:#81858c;font-size:10px}
.mj-seller-subline span+span:before{content:"•";margin-right:14px;color:#bbb}
.mj-seller-bio{max-width:680px;margin-top:16px;color:#4f535a;font-size:12px;line-height:1.7}
.mj-seller-bio p{margin:0}
.mj-seller-actions{margin-top:18px}
.mj-seller-contact-native{max-width:210px}
.mj-seller-contact-native .button,.mj-seller-contact-native button,.mj-seller-contact-native a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:42px!important;border-radius:10px!important}
.mj-seller-reputation{padding:20px;border:1px solid #e4e6e9;border-radius:16px;background:#fbfbfc}
.mj-reputation-main{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #e7e8eb}
.mj-reputation-main>strong{font-size:34px;line-height:1;letter-spacing:-.04em}
.mj-reputation-main>span{display:flex;flex-direction:column;gap:4px}
.mj-reputation-main small{color:#858990;font-size:9px}
.mj-reputation-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.mj-reputation-stats.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mj-reputation-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;padding:8px 10px;text-align:center}
.mj-reputation-stats>div+div{border-left:1px solid #e2e4e7}
.mj-reputation-stats strong{font-size:16px}
.mj-reputation-stats span{color:#868a91;font-size:8px;line-height:1.25}
.mj-seller-content{padding:34px 0 76px}
.mj-seller-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.mj-seller-section-head h2{margin:0;font-size:34px;letter-spacing:-.035em}
.mj-seller-job-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mj-seller-badge-slot{min-height:1px}
@media(max-width:980px){.mj-seller-hero-card{grid-template-columns:110px 1fr}.mj-seller-reputation{grid-column:1/-1}.mj-seller-big-avatar,.mj-seller-big-avatar-img{width:100px!important;height:100px!important}}
@media(max-width:720px){.mj-seller-hero-card{grid-template-columns:1fr;text-align:center}.mj-seller-avatar-col{display:flex;justify-content:center}.mj-seller-name-row{justify-content:center}.mj-seller-subline{justify-content:center}.mj-seller-actions{display:flex;justify-content:center}.mj-seller-reputation{text-align:left}.mj-seller-job-grid{grid-template-columns:1fr}.mj-seller-section-head{align-items:flex-start;flex-direction:column}}


/* =========================================================
   0.9.2 — SELLER PROFILE NAV / REVIEWS / REQUEST CTA
   ========================================================= */

.mj-seller-profile-nav-wrap{
    border-top:1px solid #eeecef;
    border-bottom:1px solid #eeecef;
    background:#fff;
}

.mj-seller-profile-nav{
    display:flex;
    justify-content:center;
    gap:12px;
    padding:15px 0;
}

.mj-seller-profile-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border:1px solid #dedfe3;
    border-radius:9px;
    color:#3a3d43;
    text-decoration:none;
    font-size:10px;
    font-weight:850;
}

.mj-seller-profile-nav a:hover{
    border-color:#cfa8b3;
    color:var(--mj-accent);
    background:#fffafb;
}

.mj-seller-info-strip{
    padding:30px 0 0;
    background:#fff;
}

.mj-seller-info-card{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:34px;
    padding:24px 26px;
    border:1px solid var(--mj-line);
    border-radius:17px;
    background:#fff;
}

.mj-seller-info-card h2{
    margin:0;
    font-size:24px;
    letter-spacing:-.03em;
}

.mj-seller-info-text{
    color:#53575e;
    font-size:11px;
    line-height:1.7;
}

.mj-seller-info-text p{
    margin:0;
}

.mj-seller-contact-native{
    max-width:240px;
}

.mj-seller-contact-native a,
.mj-seller-contact-native button,
.mj-seller-contact-native .button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:900!important;
}

.mj-seller-reviews-wrap{
    padding:0 0 76px;
    background:#fff;
}

.mj-seller-reviews-section{
    padding-top:8px;
}

.mj-seller-review-summary{
    display:flex;
    align-items:center;
    gap:10px;
}

.mj-seller-review-summary>strong{
    font-size:28px;
    line-height:1;
    letter-spacing:-.04em;
}

.mj-seller-review-summary>span{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mj-seller-review-summary small{
    color:#858990;
    font-size:9px;
}

.mj-seller-review-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.mj-seller-review-card{
    padding:17px;
    border:1px solid var(--mj-line);
    border-radius:14px;
    background:#fff;
}

.mj-seller-review-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}

.mj-seller-review-user{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.mj-seller-review-avatar{
    display:block;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    object-fit:cover;
}

.mj-seller-review-user>span{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.mj-seller-review-user strong{
    font-size:10px;
}

.mj-seller-review-user small{
    color:#90949b;
    font-size:8px;
}

.mj-seller-review-job{
    margin-top:11px;
    padding-top:10px;
    border-top:1px solid #eceef1;
    color:var(--mj-accent);
    font-size:9px;
    font-weight:800;
}

.mj-seller-review-job a{
    color:inherit;
    text-decoration:none;
}

.mj-seller-review-text{
    margin-top:9px;
    color:#4f535a;
    font-size:10px;
    line-height:1.6;
}

.mj-seller-review-text p{
    margin:0;
}

.mj-seller-reviews-note{
    margin-top:14px;
    color:#8b8f96;
    font-size:9px;
    text-align:center;
}

@media(max-width:760px){
    .mj-seller-profile-nav{
        justify-content:flex-start;
        overflow:auto;
        padding-bottom:12px;
    }

    .mj-seller-profile-nav a{
        white-space:nowrap;
    }

    .mj-seller-info-card{
        grid-template-columns:1fr;
        gap:16px;
    }

    .mj-seller-review-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   1.0.0 — USER DASHBOARD
   ========================================================= */
.mj-dashboard-page{background:#f7f7f8;min-height:70vh}
.mj-dashboard-head{padding:34px 0 27px;background:#fff;border-bottom:1px solid var(--mj-line)}
.mj-dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px}
.mj-dashboard-user{display:flex;align-items:center;gap:16px}
.mj-dashboard-avatar{display:block;width:64px!important;height:64px!important;border-radius:50%!important;object-fit:cover}
.mj-dashboard-user .mj-eyebrow{margin-bottom:5px}
.mj-dashboard-user h1{margin:0;font-size:30px;letter-spacing:-.04em}
.mj-dashboard-user p{margin:7px 0 0;color:var(--mj-muted);font-size:11px}
.mj-dashboard-head-actions{display:flex;gap:8px}
.mj-dashboard-primary,.mj-dashboard-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;text-decoration:none;font-size:10px;font-weight:900}
.mj-dashboard-primary{background:var(--mj-accent);color:#fff!important}
.mj-dashboard-secondary{border:1px solid #dfe1e4;background:#fff;color:#35383d!important}
.mj-dashboard-main{padding:30px 0 72px}
.mj-dashboard-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.mj-dashboard-sidebar{position:sticky;top:18px}
.mj-dashboard-nav{display:grid;padding:9px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-dashboard-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;padding:0 11px;border-radius:9px;color:#555960;text-decoration:none;font-size:10px;font-weight:780}
.mj-dashboard-nav a:hover{background:#f8f6f7;color:var(--mj-accent)}
.mj-dashboard-nav a.is-active{background:var(--mj-accent-soft);color:var(--mj-accent);font-weight:900}
.mj-dashboard-nav a span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eeeef0;color:#63676e;font-size:8px}
.mj-dashboard-nav a span.is-alert{background:var(--mj-accent);color:#fff}
.mj-dashboard-content{min-width:0}
.mj-dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.mj-dashboard-section-head h2{margin:0;font-size:30px;letter-spacing:-.035em}
.mj-dashboard-section-head .mj-eyebrow{margin-bottom:6px}
.mj-dashboard-rating{display:flex;align-items:baseline;gap:7px}
.mj-dashboard-rating strong{color:#a06b00;font-size:13px}
.mj-dashboard-rating span{color:#858990;font-size:9px}
.mj-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.mj-dash-stat{position:relative;display:flex;flex-direction:column;min-height:155px;padding:18px;border:1px solid var(--mj-line);border-radius:15px;background:#fff;color:var(--mj-text);text-decoration:none;transition:.18s ease}
.mj-dash-stat:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(20,24,30,.055)}
.mj-dash-stat-icon{display:grid;place-items:center;width:32px;height:32px;margin-bottom:19px;border-radius:9px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:15px;font-weight:900}
.mj-dash-stat>strong{font-size:25px;line-height:1}
.mj-dash-stat>span:not(.mj-dash-stat-icon){margin-top:5px;color:#555960;font-size:10px;font-weight:800}
.mj-dash-stat small{margin-top:auto;padding-top:14px;color:var(--mj-accent);font-size:8px;font-weight:850}
.mj-dashboard-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.mj-dash-panel{padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-dash-panel-head{padding-bottom:13px;border-bottom:1px solid #eceef1}
.mj-dash-panel-head h3{margin:0;font-size:14px}
.mj-dash-trade-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}
.mj-dash-trade-grid a{display:flex;flex-direction:column;align-items:center;padding:13px;color:var(--mj-text);text-decoration:none;text-align:center}
.mj-dash-trade-grid a+a{border-left:1px solid #eceef1}
.mj-dash-trade-grid strong{font-size:24px}
.mj-dash-trade-grid span{margin-top:5px;color:#777b82;font-size:9px}
.mj-dashboard-quick{display:grid;margin-top:10px}
.mj-dashboard-quick a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border-bottom:1px solid #eff0f2;color:#4b4f56;text-decoration:none;font-size:10px;font-weight:800}
.mj-dashboard-quick a:last-child{border-bottom:0}
.mj-dashboard-quick a span{color:var(--mj-accent)}
.mj-dashboard-login{padding:90px 0;background:#f8f7f7}
.mj-dashboard-login-card{max-width:600px;margin:auto;padding:40px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center}
.mj-dashboard-login-card h1{margin:0 0 20px;font-size:30px}
.mj-dashboard-login-card a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:10px;font-weight:900}
@media(max-width:1050px){.mj-dashboard-layout{grid-template-columns:1fr}.mj-dashboard-sidebar{position:static}.mj-dashboard-nav{display:flex;overflow:auto}.mj-dashboard-nav a{white-space:nowrap}.mj-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mj-dashboard-welcome{align-items:flex-start;flex-direction:column}.mj-dashboard-head-actions{width:100%}.mj-dashboard-head-actions a{flex:1}.mj-dashboard-stats,.mj-dashboard-panels{grid-template-columns:1fr}.mj-dashboard-section-head{align-items:flex-start;flex-direction:column}.mj-dashboard-user h1{font-size:25px}}


/* =========================================================
   1.0.1 — ACCESSIBILITY / READABILITY
   Minimum practical body/control size ~15px.
   ========================================================= */

.mj-home,
.mj-job-detail,
.mj-archive-page,
.mj-seller-page,
.mj-dashboard-page,
.mj-dashboard-login{
    font-size:15px;
}

/* Labels, supporting copy, navigation and controls */
.mj-eyebrow,
.mj-job-card,
.mj-job-card a,
.mj-job-title,
.mj-ticket-category,
.mj-ticket-seller-name,
.mj-rating,
.mj-rating small,
.mj-price-label,
.mj-price-unit,
.mj-filter-title,
.mj-filter-item,
.mj-filter-item small,
.mj-results-count,
.mj-results-head strong,
.mj-sort-form label,
.mj-sort-form select,
.mj-archive-search input,
.mj-archive-search button,
.mj-pagination,
.mj-pagination a,
.mj-pagination span,
.mj-seller-subline,
.mj-seller-bio,
.mj-reputation-main small,
.mj-reputation-stats span,
.mj-seller-profile-nav a,
.mj-seller-info-text,
.mj-seller-contact-native a,
.mj-seller-contact-native button,
.mj-seller-contact-native .button,
.mj-seller-review-summary small,
.mj-seller-review-user strong,
.mj-seller-review-user small,
.mj-seller-review-job,
.mj-seller-review-text,
.mj-seller-reviews-note,
.mj-dashboard-user p,
.mj-dashboard-primary,
.mj-dashboard-secondary,
.mj-dashboard-nav a,
.mj-dashboard-nav a span,
.mj-dashboard-rating,
.mj-dashboard-rating span,
.mj-dash-stat>span:not(.mj-dash-stat-icon),
.mj-dash-stat small,
.mj-dash-trade-grid span,
.mj-dashboard-quick a,
.mj-dashboard-login-card a{
    font-size:15px!important;
    line-height:1.45;
}

/* Inputs/selects need a little more comfort */
.mj-archive-search input,
.mj-sort-form select{
    font-size:16px!important;
}

/* Dashboard readability */
.mj-dashboard-nav a{
    min-height:48px;
    padding:0 14px;
}

.mj-dashboard-nav a span{
    min-width:25px;
    height:25px;
}

.mj-dashboard-primary,
.mj-dashboard-secondary{
    min-height:46px;
    padding-left:18px;
    padding-right:18px;
}

.mj-dash-stat{
    min-height:180px;
}

.mj-dash-stat>strong{
    font-size:30px;
}

.mj-dashboard-user p{
    margin-top:8px;
}

.mj-dashboard-quick a{
    min-height:48px;
}

.mj-dash-trade-grid span{
    line-height:1.35;
}

.mj-dashboard-rating strong{
    font-size:17px;
}

/* Cards */
.mj-job-title{
    line-height:1.35!important;
}

.mj-ticket-category{
    line-height:1.3;
}

.mj-price{
    font-size:18px!important;
}

/* Seller profile */
.mj-seller-bio,
.mj-seller-info-text,
.mj-seller-review-text{
    line-height:1.65;
}

.mj-reputation-stats strong{
    font-size:19px;
}



/* =========================================================
   1.1.0 — DASHBOARD: NAKUPUJI / PRODÁVÁM
   ========================================================= */
.mj-dashboard-groups{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.mj-dashboard-group{
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:17px;
    background:#fff;
}

.mj-dashboard-group-buy{
    border-top:4px solid #4b76c5;
}

.mj-dashboard-group-sell{
    border-top:4px solid var(--mj-accent);
}

.mj-dashboard-group-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.mj-dashboard-group-kicker{
    display:block;
    margin-bottom:5px;
    color:#777c84;
    font-size:15px;
    font-weight:800;
}

.mj-dashboard-group-head h3{
    margin:0;
    font-size:24px;
    line-height:1.15;
    letter-spacing:-.025em;
}

.mj-dashboard-group-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:12px;
    background:#f3f4f6;
    font-size:20px;
    font-weight:900;
}

.mj-dashboard-group-buy .mj-dashboard-group-icon{
    color:#4b76c5;
    background:#eef3fb;
}

.mj-dashboard-group-sell .mj-dashboard-group-icon{
    color:var(--mj-accent);
    background:var(--mj-accent-soft);
}

.mj-dashboard-group-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}

.mj-dashboard-group-stat{
    display:flex;
    flex-direction:column;
    min-height:150px;
    padding:15px;
    border:1px solid #e7e8eb;
    border-radius:12px;
    background:#fbfbfc;
    color:var(--mj-text);
    text-decoration:none;
}

.mj-dashboard-group-stat:hover{
    border-color:#d1d4d9;
    background:#fff;
}

.mj-dashboard-group-stat strong{
    font-size:27px;
    line-height:1;
}

.mj-dashboard-group-stat>span{
    margin-top:9px;
    font-size:15px;
    line-height:1.35;
    font-weight:800;
}

.mj-dashboard-group-stat small{
    margin-top:auto;
    padding-top:14px;
    color:#73777e;
    font-size:15px;
    line-height:1.35;
}

.mj-dashboard-shared{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:18px;
}

.mj-dashboard-shared-card{
    display:grid;
    grid-template-columns:46px 1fr auto;
    align-items:center;
    gap:14px;
    min-height:92px;
    padding:17px 19px;
    border:1px solid var(--mj-line);
    border-radius:15px;
    background:#fff;
    color:var(--mj-text);
    text-decoration:none;
}

.mj-dashboard-shared-icon{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:12px;
    background:var(--mj-accent-soft);
    color:var(--mj-accent);
    font-size:20px;
}

.mj-dashboard-shared-card>div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mj-dashboard-shared-card>div strong{
    font-size:20px;
}

.mj-dashboard-shared-card>div span{
    color:#666a71;
    font-size:15px;
}

.mj-dashboard-shared-card em{
    color:var(--mj-accent);
    font-size:15px;
    font-style:normal;
    font-weight:800;
}

.mj-dash-profile-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:15px;
}

.mj-dash-profile-summary>div{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:16px;
    text-align:center;
}

.mj-dash-profile-summary>div+div{
    border-left:1px solid #eceef1;
}

.mj-dash-profile-summary strong{
    font-size:26px;
}

.mj-dash-profile-summary span{
    margin-top:6px;
    color:#73777e;
    font-size:15px;
}

.mj-dash-panel-link{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin-top:8px;
    border-top:1px solid #eceef1;
    padding-top:12px;
    color:var(--mj-accent);
    text-decoration:none;
    font-size:15px;
    font-weight:850;
}

@media(max-width:1050px){
    .mj-dashboard-groups{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .mj-dashboard-group-grid{
        grid-template-columns:1fr;
    }

    .mj-dashboard-group-stat{
        min-height:120px;
    }

    .mj-dashboard-shared{
        grid-template-columns:1fr;
    }

    .mj-dashboard-shared-card{
        grid-template-columns:46px 1fr;
    }

    .mj-dashboard-shared-card em{
        grid-column:2;
    }
}


/* =========================================================
   1.2.0 — MESSAGES / CONVERSATIONS
   ========================================================= */
.mj-messages-page{background:#f7f7f8;min-height:72vh;font-size:15px}
.mj-messages-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-messages-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
.mj-messages-title h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-messages-title p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-messages-title>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:850}
.mj-messages-body{padding:28px 0 70px}
.mj-messages-shell{display:grid;grid-template-columns:390px minmax(0,1fr);min-height:570px;overflow:hidden;border:1px solid var(--mj-line);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(20,24,30,.04)}
.mj-conversation-list{border-right:1px solid var(--mj-line);background:#fff}
.mj-conversation-list-head{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 18px;border-bottom:1px solid var(--mj-line)}
.mj-conversation-list-head strong{font-size:18px}
.mj-conversation-list-head span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#f0f1f3;font-size:15px}
.mj-conversation-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;padding:15px 17px;border-bottom:1px solid #eff0f2;color:var(--mj-text);text-decoration:none}
.mj-conversation-item:hover{background:#faf8f9}
.mj-conversation-item.is-unread{background:#fff8fa}
.mj-conversation-avatar{position:relative;width:52px;height:52px}
.mj-conversation-avatar-img{display:block;width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover}
.mj-conversation-avatar i{position:absolute;right:0;bottom:2px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--mj-accent)}
.mj-conversation-copy{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.mj-conversation-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mj-conversation-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.mj-conversation-row small{flex:none;color:#92969c;font-size:15px}
.mj-conversation-preview{overflow:hidden;color:#6d7178;font-size:15px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.mj-conversation-item.is-unread .mj-conversation-preview{color:#34373d;font-weight:750}
.mj-message-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px;text-align:center}
.mj-message-placeholder-icon{display:grid;place-items:center;width:66px;height:66px;margin-bottom:18px;border-radius:18px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:28px}
.mj-message-placeholder h2{margin:0;font-size:27px;letter-spacing:-.025em}
.mj-message-placeholder p{max-width:570px;margin:12px 0 20px;color:#686c73;font-size:15px;line-height:1.65}
.mj-message-placeholder a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-messages-empty{padding:30px 18px;color:#73777e;font-size:15px;line-height:1.5}
@media(max-width:900px){.mj-messages-shell{grid-template-columns:1fr}.mj-conversation-list{border-right:0}.mj-message-placeholder{min-height:330px}.mj-messages-title{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.mj-conversation-row{align-items:flex-start;flex-direction:column;gap:2px}.mj-conversation-preview{white-space:normal}.mj-message-placeholder{padding:30px 20px}}


/* =========================================================
   1.3.0 — READ-ONLY THREAD VIEW
   ========================================================= */
.mj-thread{
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr) auto;
    min-width:0;
    min-height:570px;
    background:#fff;
}

.mj-thread-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:76px;
    padding:11px 18px;
    border-bottom:1px solid var(--mj-line);
}

.mj-thread-user{
    display:flex;
    align-items:center;
    gap:12px;
}

.mj-thread-avatar{
    display:block;
    width:52px!important;
    height:52px!important;
    border-radius:50%!important;
    object-fit:cover;
}

.mj-thread-user>div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mj-thread-user strong{
    font-size:17px;
}

.mj-thread-user a{
    color:var(--mj-accent);
    text-decoration:none;
    font-size:15px;
    font-weight:800;
}

.mj-thread-reply-native{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 17px;
    border-radius:10px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
}

.mj-thread-context{
    display:flex;
    align-items:stretch;
    gap:10px;
    padding:12px 18px;
    border-bottom:1px solid #eceef1;
    background:#fafafa;
}

.mj-thread-context>a,
.mj-thread-context>div{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
    padding:9px 12px;
    border:1px solid #e2e4e7;
    border-radius:9px;
    background:#fff;
    color:var(--mj-text);
    text-decoration:none;
}

.mj-thread-context span{
    color:#83878e;
    font-size:15px;
}

.mj-thread-context strong{
    overflow:hidden;
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mj-thread-messages{
    display:flex;
    flex-direction:column;
    gap:11px;
    max-height:650px;
    padding:22px 20px;
    overflow:auto;
    background:#f7f7f8;
}

.mj-thread-message{
    display:flex;
    width:100%;
}

.mj-thread-message.is-mine{
    justify-content:flex-end;
}

.mj-thread-message.is-theirs{
    justify-content:flex-start;
}

.mj-thread-bubble{
    max-width:min(78%,680px);
    padding:13px 15px 10px;
    border:1px solid #e2e4e8;
    border-radius:16px;
    background:#fff;
    box-shadow:0 3px 10px rgba(20,24,30,.025);
}

.mj-thread-message.is-mine .mj-thread-bubble{
    border-color:#d9bcc5;
    background:#fff7f9;
    border-bottom-right-radius:5px;
}

.mj-thread-message.is-theirs .mj-thread-bubble{
    border-bottom-left-radius:5px;
}

.mj-thread-message-user{
    margin-bottom:6px;
    color:var(--mj-accent);
    font-size:15px;
    font-weight:900;
}

.mj-thread-text{
    color:#393d43;
    font-size:15px;
    line-height:1.62;
    word-break:break-word;
}

.mj-thread-text p{
    margin:0 0 8px;
}

.mj-thread-text p:last-child{
    margin-bottom:0;
}

.mj-thread-date{
    margin-top:7px;
    color:#92969c;
    font-size:15px;
    text-align:right;
}

.mj-thread-empty{
    margin:auto;
    color:#777b82;
    font-size:15px;
}

.mj-thread-compose{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:86px;
    padding:14px 18px;
    border-top:1px solid var(--mj-line);
    background:#fff;
}

.mj-thread-compose>div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.mj-thread-compose strong{
    font-size:15px;
}

.mj-thread-compose span{
    max-width:580px;
    color:#73777e;
    font-size:15px;
    line-height:1.45;
}

.mj-thread-compose>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    min-height:46px;
    padding:0 18px;
    border-radius:10px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
}

@media(max-width:900px){
    .mj-thread{
        min-height:500px;
    }

    .mj-thread-compose{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:600px){
    .mj-thread-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .mj-thread-reply-native{
        width:100%;
    }

    .mj-thread-context{
        align-items:stretch;
        flex-direction:column;
    }

    .mj-thread-bubble{
        max-width:92%;
    }
}


/* =========================================================
   1.4.0 — ORDERS CENTER
   ========================================================= */
.mj-orders-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-orders-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-orders-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-orders-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-orders-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-orders-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:850}
.mj-orders-body{padding:28px 0 72px}
.mj-orders-tabs{display:flex;gap:8px;margin-bottom:16px}
.mj-orders-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:135px;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#50545b;text-decoration:none;font-size:15px;font-weight:850}
.mj-orders-tabs a.is-active{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-orders-card{overflow:hidden;border:1px solid var(--mj-line);border-radius:17px;background:#fff}
.mj-orders-card-head{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 20px;border-bottom:1px solid var(--mj-line)}
.mj-orders-card-head>div{display:flex;flex-direction:column;gap:3px}
.mj-orders-card-head strong{font-size:19px}
.mj-orders-card-head span{color:#81858c;font-size:15px}
.mj-orders-list{display:grid}
.mj-order-row{display:grid;grid-template-columns:minmax(0,1fr) 190px 245px;gap:18px;align-items:center;min-height:112px;padding:17px 20px;border-bottom:1px solid #eceef1}
.mj-order-row:last-child{border-bottom:0}
.mj-order-main{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;min-width:0}
.mj-order-id{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#f1f2f4;color:#5f636a;font-size:15px;font-weight:900}
.mj-order-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.mj-order-copy>strong{font-size:16px;line-height:1.35}
.mj-order-copy>strong a{color:var(--mj-text);text-decoration:none}
.mj-order-copy>span{color:#777b82;font-size:15px;line-height:1.4}
.mj-order-copy>span a{color:var(--mj-accent);text-decoration:none;font-weight:800}
.mj-order-meta{display:flex;align-items:flex-start;flex-direction:column;gap:7px}
.mj-order-meta>strong{font-size:17px}
.mj-order-status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#eef1f5;color:#59606a;font-size:15px;font-weight:800}
.mj-order-status.is-done{background:#f7edf1;color:#7c1731}
.mj-order-status.is-active{background:#eef3fb;color:#3d64a4}
.mj-order-status.is-pending{background:#fff5df;color:#8a681c}
.mj-order-status.is-closed{background:#f1f1f2;color:#666a70}
.mj-order-actions{display:flex;justify-content:flex-end;gap:8px}
.mj-order-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;color:#454950;text-decoration:none;font-size:15px;font-weight:850}
.mj-order-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-orders-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px;padding:35px;color:#777b82;text-align:center}
.mj-orders-empty strong{color:var(--mj-text);font-size:20px}
.mj-orders-empty span{margin-top:6px;font-size:15px}
@media(max-width:1000px){.mj-order-row{grid-template-columns:minmax(0,1fr) 170px}.mj-order-actions{grid-column:1/-1;justify-content:flex-start;padding-left:67px}}
@media(max-width:700px){.mj-orders-heading{align-items:flex-start;flex-direction:column}.mj-orders-heading>a{width:100%}.mj-orders-tabs a{flex:1;min-width:0}.mj-order-row{grid-template-columns:1fr}.mj-order-meta{padding-left:67px}.mj-order-actions{padding-left:67px;flex-wrap:wrap}.mj-order-actions a{flex:1}.mj-order-main{align-items:start}}


/* =========================================================
   1.5.0 — ORDER DETAIL
   ========================================================= */
.mj-order-detail-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-order-detail-head{padding:32px 0 25px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-order-detail-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-order-detail-title h1{max-width:800px;margin:0;font-size:36px;line-height:1.08;letter-spacing:-.04em}
.mj-order-detail-sub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;color:#777b82;font-size:15px}
.mj-order-detail-title>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:850}
.mj-order-detail-body{padding:28px 0 72px}
.mj-order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.mj-order-detail-main{display:grid;gap:16px}
.mj-order-summary-card,.mj-order-timeline-card,.mj-order-workflow-card,.mj-order-person-card,.mj-order-actions-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-order-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.mj-order-summary-job{display:flex;flex-direction:column;gap:7px}
.mj-order-summary-job>a,.mj-order-summary-job>strong{color:var(--mj-text);text-decoration:none;font-size:20px;font-weight:900}
.mj-order-summary-job>span{color:#6f737a;font-size:15px}
.mj-order-summary-job>span strong{color:var(--mj-accent)}
.mj-order-summary-price{font-size:24px;font-weight:900}
.mj-order-summary-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;padding-top:18px;border-top:1px solid #eceef1}
.mj-order-summary-facts>div{display:flex;flex-direction:column;gap:5px;padding:0 15px}
.mj-order-summary-facts>div:first-child{padding-left:0}
.mj-order-summary-facts>div+div{border-left:1px solid #eceef1}
.mj-order-summary-facts span{color:#858990;font-size:15px}
.mj-order-summary-facts strong{font-size:16px}
.mj-order-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.mj-order-section-head h2{margin:0;font-size:24px;letter-spacing:-.025em}
.mj-order-section-head>a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-order-message-list{display:grid;gap:10px}
.mj-order-message{padding:13px 15px;border:1px solid #e5e7ea;border-radius:12px;background:#fafafa}
.mj-order-message.is-mine{border-color:#dcc3ca;background:#fff8fa}
.mj-order-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mj-order-message-head strong{font-size:15px}
.mj-order-message-head span{color:#969aa0;font-size:15px}
.mj-order-message-text{margin-top:7px;color:#50545b;font-size:15px;line-height:1.55}
.mj-order-no-messages{padding:24px;border:1px dashed #d7d9dd;border-radius:12px;color:#777b82;font-size:15px;text-align:center}
.mj-order-workflow-note{padding:17px;border-radius:13px;background:#faf7f8}
.mj-order-workflow-note strong{font-size:17px}
.mj-order-workflow-note p{margin:8px 0 15px;color:#5f636a;font-size:15px;line-height:1.6}
.mj-order-workflow-note a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-order-detail-sidebar{position:sticky;top:18px;display:grid;gap:14px}
.mj-order-person-card{display:flex;align-items:center;flex-direction:column;text-align:center}
.mj-order-person-avatar{display:block;width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover;margin-bottom:10px}
.mj-order-person-card>div{display:flex;flex-direction:column;gap:4px}
.mj-order-person-card span{color:#858990;font-size:15px}
.mj-order-person-card strong{font-size:18px}
.mj-order-person-card>a{margin-top:13px;color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-order-actions-card h3{margin:0 0 12px;font-size:18px}
.mj-order-actions-card{display:grid;gap:8px}
.mj-order-actions-card a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #dfe1e4;border-radius:9px;color:#454950;text-decoration:none;font-size:15px;font-weight:850}
.mj-order-actions-card a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
@media(max-width:900px){.mj-order-detail-grid{grid-template-columns:1fr}.mj-order-detail-sidebar{position:static}.mj-order-summary-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mj-order-summary-facts>div{border-left:0!important;padding:0}}
@media(max-width:650px){.mj-order-detail-title{align-items:flex-start;flex-direction:column}.mj-order-detail-title>a{width:100%}.mj-order-summary-top{flex-direction:column}.mj-order-summary-facts{grid-template-columns:1fr}.mj-order-section-head{align-items:flex-start;flex-direction:column}}

/* 1.6.0 — ORDER WORKFLOW */
.mj-order-progress{display:grid;margin-top:4px}
.mj-order-progress-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;min-height:82px;padding-bottom:18px}
.mj-order-progress-step:last-child{min-height:auto;padding-bottom:0}
.mj-order-progress-step:before{content:"";position:absolute;top:42px;bottom:0;left:21px;width:2px;background:#e1e3e6}
.mj-order-progress-step:last-child:before{display:none}
.mj-order-progress-step>span{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:2px solid #d9dce0;border-radius:50%;background:#fff;color:#777b82;font-size:15px;font-weight:900}
.mj-order-progress-step>div{padding-top:2px}
.mj-order-progress-step strong{display:block;margin-bottom:5px;font-size:17px}
.mj-order-progress-step small{display:block;color:#74787f;font-size:15px;line-height:1.5}
.mj-order-progress-step.is-done>span{border-color:#8f143a;background:#f7edf1;color:#7c1731}
.mj-order-progress-step.is-done:before{background:#d7aab7}
.mj-order-progress-step.is-current>span{border-color:var(--mj-accent);background:var(--mj-accent-soft);color:var(--mj-accent)}
.mj-order-progress-step.is-current strong{color:var(--mj-accent)}
.mj-order-workflow-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding:18px;border-radius:13px;background:#faf7f8}
.mj-order-workflow-actions>div{max-width:620px}
.mj-order-workflow-actions strong{font-size:17px}
.mj-order-workflow-actions p{margin:6px 0 0;color:#62666d;font-size:15px;line-height:1.55}
.mj-order-workflow-actions>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff!important;text-decoration:none;font-size:15px;font-weight:900}
.mj-order-safety-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mj-order-safety-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;color:#555960;text-decoration:none;font-size:15px;font-weight:800}
@media(max-width:700px){.mj-order-workflow-actions{align-items:stretch;flex-direction:column}.mj-order-workflow-actions>a{width:100%}.mj-order-safety-links{display:grid;grid-template-columns:1fr}}


/* =========================================================
   1.7.0 — DELIVERY / HANDOVER
   ========================================================= */
.mj-order-delivery-card{
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}

.mj-order-delivery-state{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border-radius:999px;
    background:#f0f1f3;
    color:#686c73;
    font-size:15px;
    font-weight:850;
}

.mj-order-delivery-state.is-ready{
    background:#f7edf1;
    color:#7c1731;
}

.mj-order-delivery-result,
.mj-order-delivery-wait{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:15px;
    padding:18px;
    border:1px solid #e4e6e9;
    border-radius:13px;
    background:#fafafa;
}

.mj-order-delivery-result{
    border-color:#eadde2;
    background:#fffafb;
}

.mj-order-delivery-icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border-radius:13px;
    background:#eef0f3;
    color:#60656c;
    font-size:23px;
    font-weight:900;
}

.mj-order-delivery-result .mj-order-delivery-icon{
    background:#f5e9ed;
    color:#7c1731;
}

.mj-order-delivery-result strong,
.mj-order-delivery-wait strong{
    display:block;
    font-size:17px;
    line-height:1.4;
}

.mj-order-delivery-result p,
.mj-order-delivery-wait p{
    margin:7px 0 0;
    color:#61656c;
    font-size:15px;
    line-height:1.6;
}

.mj-order-delivery-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:12px;
}

.mj-order-delivery-meta span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 10px;
    border-radius:8px;
    background:#fff;
    color:#5f646b;
    font-size:15px;
    font-weight:750;
}

.mj-order-delivery-actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-top:14px;
}

.mj-order-delivery-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 17px;
    border:1px solid #dfe1e4;
    border-radius:10px;
    background:#fff;
    color:#4a4e55;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
}

.mj-order-delivery-actions a.is-primary{
    border-color:var(--mj-accent);
    background:var(--mj-accent);
    color:#fff;
}

@media(max-width:650px){
    .mj-order-delivery-result,
    .mj-order-delivery-wait{
        grid-template-columns:1fr;
    }

    .mj-order-delivery-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .mj-order-delivery-actions a{
        width:100%;
    }
}


/* =========================================================
   1.8.0 — MILESTONE / DÍLČÍ PLATBY
   ========================================================= */
.mj-order-milestones-card{
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}

.mj-milestone-count{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border-radius:999px;
    background:#f0f1f3;
    color:#63676e;
    font-size:15px;
    font-weight:850;
}

.mj-milestone-list{
    display:grid;
    border:1px solid #e5e7ea;
    border-radius:13px;
    overflow:hidden;
}

.mj-milestone-item{
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 165px;
    gap:14px;
    align-items:center;
    min-height:88px;
    padding:14px 16px;
    background:#fff;
}

.mj-milestone-item+.mj-milestone-item{
    border-top:1px solid #eceef1;
}

.mj-milestone-number{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:12px;
    background:var(--mj-accent-soft);
    color:var(--mj-accent);
    font-size:17px;
    font-weight:900;
}

.mj-milestone-copy{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}

.mj-milestone-copy strong{
    font-size:16px;
    line-height:1.4;
}

.mj-milestone-copy span{
    color:#7b7f86;
    font-size:15px;
}

.mj-milestone-price{
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    gap:7px;
}

.mj-milestone-price>strong{
    font-size:17px;
}

.mj-milestone-status{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border-radius:999px;
    background:#fff4dd;
    color:#89661a;
    font-size:15px;
    font-weight:850;
}

.mj-milestone-status.is-done{
    background:#f7edf1;
    color:#7c1731;
}

.mj-milestone-status.is-active{
    background:#eef3fb;
    color:#3e66a5;
}

.mj-milestone-status.is-closed{
    background:#f0f1f3;
    color:#666a70;
}

.mj-milestone-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:14px;
    padding:16px;
    border-radius:12px;
    background:#fafafa;
}

.mj-milestone-footer>div{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.mj-milestone-footer strong{
    font-size:15px;
}

.mj-milestone-footer span{
    color:#72767d;
    font-size:15px;
    line-height:1.45;
}

.mj-milestone-footer>a,
.mj-milestone-empty>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    min-height:46px;
    padding:0 17px;
    border-radius:10px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none;
    font-size:15px;
    font-weight:900;
}

.mj-milestone-empty{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:15px;
    align-items:center;
    padding:18px;
    border:1px dashed #d5d8dc;
    border-radius:13px;
    background:#fafafa;
}

.mj-milestone-empty-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:13px;
    background:#f0f1f3;
    color:#74787f;
    font-size:21px;
}

.mj-milestone-empty strong{
    font-size:16px;
}

.mj-milestone-empty p{
    margin:6px 0 0;
    color:#6c7077;
    font-size:15px;
    line-height:1.55;
}

@media(max-width:760px){
    .mj-milestone-item{
        grid-template-columns:46px minmax(0,1fr);
    }

    .mj-milestone-price{
        grid-column:2;
        align-items:flex-start;
    }

    .mj-milestone-footer,
    .mj-milestone-empty{
        align-items:stretch;
        grid-template-columns:1fr;
        flex-direction:column;
    }

    .mj-milestone-footer{
        display:flex;
    }

    .mj-milestone-footer>a,
    .mj-milestone-empty>a{
        width:100%;
    }
}


/* =========================================================
   1.9.0 — ACCOUNT SETTINGS
   ========================================================= */
.mj-account-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-account-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-account-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-account-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-account-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:850}
.mj-account-body{padding:28px 0 72px}
.mj-account-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.mj-account-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-account-avatar-card{display:flex;align-items:center;flex-direction:column;padding:23px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;text-align:center}
.mj-account-avatar{display:block;width:96px!important;height:96px!important;border-radius:50%!important;object-fit:cover;margin-bottom:12px}
.mj-account-avatar-card strong{font-size:19px}
.mj-account-avatar-card span{margin-top:3px;color:#858990;font-size:15px}
.mj-account-avatar-card>a{margin-top:13px;color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-account-nav{display:grid;padding:9px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-account-nav a{display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:9px;color:#555960;text-decoration:none;font-size:15px;font-weight:800}
.mj-account-nav a:hover,.mj-account-nav a.is-active{background:var(--mj-accent-soft);color:var(--mj-accent)}
.mj-account-content{display:grid;gap:16px}
.mj-account-section{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;scroll-margin-top:20px}
.mj-account-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.mj-account-section-head h2{margin:0;font-size:25px;letter-spacing:-.025em}
.mj-account-section-head>a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-account-fields{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-account-fields>div{display:flex;flex-direction:column;gap:5px;min-height:83px;padding:15px 17px;background:#fbfbfc}
.mj-account-fields>div:nth-child(even){border-left:1px solid #e7e8eb}
.mj-account-fields>div:nth-child(n+3){border-top:1px solid #e7e8eb}
.mj-account-fields span{color:#858990;font-size:15px}
.mj-account-fields strong{font-size:16px;overflow-wrap:anywhere}
.mj-account-profile-preview{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;align-items:center;padding:17px;border:1px solid #e7e8eb;border-radius:13px;background:#fbfbfc}
.mj-account-preview-avatar{display:block;width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover}
.mj-account-profile-preview strong{font-size:18px}
.mj-account-profile-preview p{margin:6px 0 0;color:#686c73;font-size:15px;line-height:1.55}
.mj-account-tip{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:15px;border-radius:11px;background:#faf7f8}
.mj-account-tip strong{font-size:15px}
.mj-account-tip span{color:#686c73;font-size:15px;line-height:1.5}
.mj-account-action-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-account-action-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:14px 16px}
.mj-account-action-list>div+div{border-top:1px solid #e7e8eb}
.mj-account-action-list>div>div{display:flex;flex-direction:column;gap:4px}
.mj-account-action-list strong{font-size:16px}
.mj-account-action-list span{color:#74787f;font-size:15px}
.mj-account-action-list a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:42px;padding:0 14px;border:1px solid #dfe1e4;border-radius:9px;color:#4d5158;text-decoration:none;font-size:15px;font-weight:850}
.mj-account-native{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px;border-radius:13px;background:#faf7f8}
.mj-account-native>div{max-width:650px}
.mj-account-native strong{font-size:16px}
.mj-account-native p{margin:6px 0 0;color:#656970;font-size:15px;line-height:1.55}
.mj-account-native>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 17px;border-radius:10px;background:var(--mj-accent);color:#fff!important;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:900px){.mj-account-grid{grid-template-columns:1fr}.mj-account-side{position:static}.mj-account-nav{display:flex;overflow:auto}.mj-account-nav a{white-space:nowrap}}
@media(max-width:650px){.mj-account-heading{align-items:flex-start;flex-direction:column}.mj-account-heading>a{width:100%}.mj-account-fields{grid-template-columns:1fr}.mj-account-fields>div{border-left:0!important;border-top:1px solid #e7e8eb}.mj-account-fields>div:first-child{border-top:0}.mj-account-section-head{align-items:flex-start;flex-direction:column}.mj-account-action-list>div,.mj-account-native{align-items:stretch;flex-direction:column}.mj-account-action-list a,.mj-account-native>a{width:100%}}


/* =========================================================
   2.0.0 — FINANCE / PAYMENTS
   ========================================================= */
.mj-finance-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-finance-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-finance-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-finance-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-finance-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-finance-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:850}
.mj-finance-body{padding:28px 0 72px}
.mj-finance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.mj-finance-stat{display:flex;flex-direction:column;min-height:160px;padding:18px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-finance-stat>span{color:#6f737a;font-size:15px;font-weight:800}
.mj-finance-stat>strong{margin-top:16px;font-size:28px;letter-spacing:-.03em}
.mj-finance-stat>small{margin-top:auto;padding-top:13px;color:#858990;font-size:15px;line-height:1.4}
.mj-finance-stat.is-income{border-top:4px solid #8f143a}
.mj-finance-stat.is-spent{border-top:4px solid #b36b14}
.mj-finance-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:18px;align-items:start}
.mj-finance-history,.mj-finance-action-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-finance-section-head{margin-bottom:16px}
.mj-finance-section-head h2{margin:0;font-size:25px;letter-spacing:-.025em}
.mj-finance-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-finance-row{display:grid;grid-template-columns:48px minmax(0,1fr) 150px;gap:14px;align-items:center;min-height:78px;padding:13px 15px}
.mj-finance-row+.mj-finance-row{border-top:1px solid #eceef1}
.mj-finance-row-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#f0f1f3;color:#5f636a;font-size:19px;font-weight:900}
.mj-finance-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.mj-finance-row-copy strong{font-size:16px}
.mj-finance-row-copy span{color:#858990;font-size:15px}
.mj-finance-row-amount{text-align:right;font-size:17px;font-weight:900}
.mj-finance-empty{padding:24px;border:1px dashed #d6d9dd;border-radius:12px;background:#fafafa}
.mj-finance-empty strong{font-size:16px}
.mj-finance-empty p{margin:7px 0 0;color:#6a6e75;font-size:15px;line-height:1.55}
.mj-finance-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-finance-action-card h3{margin:0;font-size:19px}
.mj-finance-action-card p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.55}
.mj-finance-action-card a{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:15px;border:1px solid #dfe1e4;border-radius:10px;color:#4a4e55;text-decoration:none;font-size:15px;font-weight:900}
.mj-finance-action-card a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
@media(max-width:1050px){.mj-finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-finance-grid{grid-template-columns:1fr}.mj-finance-side{position:static}}
@media(max-width:650px){.mj-finance-heading{align-items:flex-start;flex-direction:column}.mj-finance-heading>a{width:100%}.mj-finance-stats{grid-template-columns:1fr}.mj-finance-row{grid-template-columns:48px minmax(0,1fr)}.mj-finance-row-amount{grid-column:2;text-align:left}}


/* =========================================================
   2.1.0 — SINGLE PAGE TITLES
   Hlavní stránky používají pouze jeden H1 bez malého
   duplicitního nadpisu nad ním.
   ========================================================= */
.mj-orders-heading h1,
.mj-order-detail-title h1,
.mj-account-heading h1,
.mj-finance-heading h1{
    margin-top:0;
}


/* =========================================================
   2.2.0 — REQUESTS
   ========================================================= */
.mj-requests-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-requests-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-requests-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-requests-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-requests-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-requests-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:900}
.mj-requests-heading>a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-requests-body{padding:28px 0 72px}
.mj-requests-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-requests-toolbar strong{font-size:17px}
.mj-requests-toolbar a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-requests-list{display:grid;gap:12px}
.mj-request-card{display:grid;grid-template-columns:minmax(0,1fr) 130px 210px;gap:18px;align-items:center;padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-request-main{min-width:0}
.mj-request-status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#eef3fb;color:#3d64a4;font-size:15px;font-weight:850}
.mj-request-status.is-done{background:#f7edf1;color:#7c1731}
.mj-request-status.is-pending{background:#fff5df;color:#8a681c}
.mj-request-status.is-closed{background:#f0f1f3;color:#666a70}
.mj-request-main h2{margin:11px 0 0;font-size:21px;line-height:1.3}
.mj-request-main p{margin:8px 0 0;color:#62666d;font-size:15px;line-height:1.55}
.mj-request-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:#858990;font-size:15px}
.mj-request-meta strong{color:#51555c}
.mj-request-response-box{display:flex;align-items:center;flex-direction:column;padding:15px;border-left:1px solid #eceef1;border-right:1px solid #eceef1;text-align:center}
.mj-request-response-box strong{font-size:28px}
.mj-request-response-box span{margin-top:3px;color:#7d8188;font-size:15px}
.mj-request-actions{display:flex;justify-content:flex-end;gap:8px}
.mj-request-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;color:#4a4e55;text-decoration:none;font-size:15px;font-weight:850}
.mj-request-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-requests-empty{display:flex;align-items:center;flex-direction:column;padding:65px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-requests-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:30px;font-weight:900}
.mj-requests-empty h2{margin:18px 0 0;font-size:26px}
.mj-requests-empty p{max-width:540px;margin:8px 0 20px;color:#6b6f76;font-size:15px;line-height:1.55}
.mj-requests-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:950px){.mj-request-card{grid-template-columns:1fr 120px}.mj-request-actions{grid-column:1/-1;justify-content:flex-start}.mj-request-response-box{border-right:0}}
@media(max-width:650px){.mj-requests-heading{align-items:flex-start;flex-direction:column}.mj-requests-heading>a{width:100%}.mj-request-card{grid-template-columns:1fr}.mj-request-response-box{align-items:flex-start;border:0;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1}.mj-request-actions{display:grid;grid-template-columns:1fr}.mj-request-actions a{width:100%}}


/* =========================================================
   2.3.0 — NOTIFICATIONS
   ========================================================= */
.mj-notifications-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-notifications-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-notifications-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-notifications-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-notifications-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-notifications-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:15px;font-weight:900}
.mj-notifications-body{padding:28px 0 72px}
.mj-notifications-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.mj-notifications-main,.mj-notification-side-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-notifications-section-head{margin-bottom:15px}
.mj-notifications-section-head h2{margin:0;font-size:25px;letter-spacing:-.025em}
.mj-notification-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-notification-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:13px;padding:17px;background:#fff}
.mj-notification-item+.mj-notification-item{border-top:1px solid #eceef1}
.mj-notification-item.is-unread{background:#fcf8f9}
.mj-notification-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#c8cbd0}
.mj-notification-item.is-unread .mj-notification-dot{background:var(--mj-accent)}
.mj-notification-item strong{font-size:16px}
.mj-notification-item p{margin:5px 0 0;color:#5f636a;font-size:15px;line-height:1.55}
.mj-notification-item span{display:block;margin-top:7px;color:#8b8f95;font-size:15px}
.mj-notifications-empty{padding:24px;border:1px dashed #d5d8dc;border-radius:12px;background:#fafafa}
.mj-notifications-empty strong{font-size:16px}
.mj-notifications-empty p{margin:7px 0 0;color:#696d74;font-size:15px;line-height:1.55}
.mj-notifications-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-notification-side-card h3{margin:0;font-size:19px}
.mj-notification-side-card>p{margin:8px 0 0;color:#686c73;font-size:15px;line-height:1.55}
.mj-notification-side-card>a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;border:1px solid #dfe1e4;border-radius:9px;color:#4b4f56;text-decoration:none;font-size:15px;font-weight:900}
.mj-notification-message-list{display:grid;margin-top:12px}
.mj-notification-message-list>div{padding:11px 0}
.mj-notification-message-list>div+div{border-top:1px solid #eceef1}
.mj-notification-message-list p{margin:0;color:#555960;font-size:15px;line-height:1.45}
.mj-notification-message-list span{display:block;margin-top:5px;color:#91949a;font-size:15px}
@media(max-width:900px){.mj-notifications-grid{grid-template-columns:1fr}.mj-notifications-side{position:static}}
@media(max-width:650px){.mj-notifications-heading{align-items:flex-start;flex-direction:column}}


/* =========================================================
   2.4.0 — MY JOBS
   ========================================================= */
.mj-myjobs-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-myjobs-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-myjobs-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-myjobs-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-myjobs-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-myjobs-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#34383e;text-decoration:none;font-size:15px;font-weight:900}
.mj-myjobs-heading>a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-myjobs-body{padding:28px 0 72px}
.mj-myjobs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mj-myjobs-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px;padding:15px 17px;border:1px solid var(--mj-line);border-radius:13px;background:#fff}
.mj-myjobs-stats span{color:#6d7178;font-size:15px}
.mj-myjobs-stats strong{font-size:25px}
.mj-myjobs-stats>div.is-active{border-top:4px solid #8f143a}
.mj-myjobs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.mj-myjobs-toolbar strong{font-size:17px}
.mj-myjobs-toolbar a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-myjobs-list{display:grid;gap:12px}
.mj-myjob-card{display:grid;grid-template-columns:150px minmax(0,1fr) 180px 190px;gap:18px;align-items:center;padding:15px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-myjob-image{width:150px;aspect-ratio:16/10;overflow:hidden;border-radius:11px;background:#f0f1f3}
.mj-myjob-image img{display:block;width:100%;height:100%;object-fit:cover}
.mj-myjob-main{min-width:0}
.mj-myjob-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#858990;font-size:15px}
.mj-myjob-status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#f0f1f3;color:#666a70;font-size:15px;font-weight:850}
.mj-myjob-status.is-active{background:#f7edf1;color:#7c1731}
.mj-myjob-status.is-pending{background:#fff5df;color:#8a681c}
.mj-myjob-status.is-draft{background:#eef3fb;color:#3d64a4}
.mj-myjob-status.is-inactive{background:#f0f1f3;color:#666a70}
.mj-myjob-main h2{margin:10px 0 0;font-size:20px;line-height:1.35}
.mj-myjob-price{display:flex;align-items:baseline;gap:5px;margin-top:9px}
.mj-myjob-price strong{font-size:18px}
.mj-myjob-price span{color:#74787f;font-size:15px}
.mj-myjob-orders{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #eceef1;border-right:1px solid #eceef1}
.mj-myjob-orders>div{display:flex;align-items:center;flex-direction:column;padding:12px;text-align:center}
.mj-myjob-orders>div+div{border-left:1px solid #eceef1}
.mj-myjob-orders strong{font-size:23px}
.mj-myjob-orders span{margin-top:3px;color:#7e8289;font-size:15px}
.mj-myjob-actions{display:flex;justify-content:flex-end;gap:8px}
.mj-myjob-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #dfe1e4;border-radius:9px;color:#4a4e55;text-decoration:none;font-size:15px;font-weight:850}
.mj-myjob-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-myjobs-empty{display:flex;align-items:center;flex-direction:column;padding:65px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-myjobs-empty>div{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:30px;font-weight:900}
.mj-myjobs-empty h2{margin:18px 0 0;font-size:26px}
.mj-myjobs-empty p{max-width:520px;margin:8px 0 20px;color:#6b6f76;font-size:15px;line-height:1.55}
.mj-myjobs-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:1100px){.mj-myjob-card{grid-template-columns:130px minmax(0,1fr) 170px}.mj-myjob-image{width:130px}.mj-myjob-actions{grid-column:2/-1;justify-content:flex-start}.mj-myjob-orders{border-right:0}}
@media(max-width:800px){.mj-myjobs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-myjob-card{grid-template-columns:110px minmax(0,1fr)}.mj-myjob-image{width:110px}.mj-myjob-orders{grid-column:1/-1;border:0;border-top:1px solid #eceef1}.mj-myjob-actions{grid-column:1/-1}}
@media(max-width:600px){.mj-myjobs-heading{align-items:flex-start;flex-direction:column}.mj-myjobs-heading>a{width:100%}.mj-myjobs-stats{grid-template-columns:1fr}.mj-myjob-card{grid-template-columns:1fr}.mj-myjob-image{width:100%}.mj-myjob-orders,.mj-myjob-actions{grid-column:1}.mj-myjob-actions{display:grid;grid-template-columns:1fr}.mj-myjob-actions a{width:100%}}


/* =========================================================
   2.5.0 — MESSAGES
   ========================================================= */
.mj-messages-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-messages-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-messages-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.mj-messages-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-messages-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-messages-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:15px;font-weight:900}
.mj-messages-body{padding:28px 0 72px}
.mj-messages-shell{max-width:980px;margin:0 auto;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-messages-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mj-messages-list-head strong{font-size:21px}
.mj-messages-list-head span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:#f0f1f3;color:#656970;font-size:15px;font-weight:900}
.mj-message-thread-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-message-thread{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:100px;padding:15px;background:#fff}
.mj-message-thread+.mj-message-thread{border-top:1px solid #eceef1}
.mj-message-thread.is-unread{background:#fcf8f9}
.mj-message-thread>img{display:block;width:58px;height:58px;border-radius:50%;object-fit:cover}
.mj-message-thread-copy{min-width:0}
.mj-message-thread-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.mj-message-thread-title strong{font-size:17px}
.mj-message-thread-title span{color:#90949a;font-size:15px;white-space:nowrap}
.mj-message-thread-copy p{margin:6px 0 0;color:#5f636a;font-size:15px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-message-thread-meta{display:flex;align-items:center;gap:9px;margin-top:7px}
.mj-message-thread-meta span{color:#898d93;font-size:15px}
.mj-message-thread-meta b{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:15px}
.mj-message-thread>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #dfe1e4;border-radius:9px;color:#4b4f56;text-decoration:none;font-size:15px;font-weight:850}
.mj-messages-native{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:14px;padding:17px;border-radius:12px;background:#faf7f8}
.mj-messages-native>div{max-width:650px}
.mj-messages-native strong{font-size:16px}
.mj-messages-native p{margin:6px 0 0;color:#666a71;font-size:15px;line-height:1.5}
.mj-messages-native>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 17px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-messages-empty{display:flex;align-items:center;flex-direction:column;padding:60px 25px;border:1px dashed #d5d8dc;border-radius:14px;background:#fafafa;text-align:center}
.mj-messages-empty>div{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:26px}
.mj-messages-empty h2{margin:18px 0 0;font-size:25px}
.mj-messages-empty p{max-width:580px;margin:8px 0 20px;color:#696d74;font-size:15px;line-height:1.55}
.mj-messages-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:700px){.mj-messages-heading{align-items:flex-start;flex-direction:column}.mj-message-thread{grid-template-columns:50px minmax(0,1fr)}.mj-message-thread>img{width:50px;height:50px}.mj-message-thread>a{grid-column:2;width:max-content}.mj-message-thread-title{align-items:flex-start;flex-direction:column;gap:3px}.mj-message-thread-copy p{white-space:normal}.mj-messages-native{align-items:stretch;flex-direction:column}.mj-messages-native>a{width:100%}}

/* 2.6.0 — ACCOUNT HUB */
.mj-hub-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-hub-head{padding:30px 0;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-hub-user{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:17px;align-items:center}
.mj-hub-avatar{display:block;width:76px!important;height:76px!important;border-radius:50%!important;object-fit:cover}
.mj-hub-user h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-hub-user p{margin:6px 0 0;color:#70747b;font-size:15px}
.mj-hub-user>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #dfe1e4;border-radius:10px;color:#484c53;text-decoration:none;font-size:15px;font-weight:850}
.mj-hub-body{padding:26px 0 70px}
.mj-hub-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:18px}
.mj-hub-summary>a{display:flex;flex-direction:column;min-height:92px;padding:15px 16px;border:1px solid var(--mj-line);border-radius:13px;background:#fff;color:#33373d;text-decoration:none}
.mj-hub-summary strong{font-size:24px}
.mj-hub-summary span{margin-top:5px;color:#74787f;font-size:15px}
.mj-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mj-hub-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:126px;padding:18px;border:1px solid var(--mj-line);border-radius:15px;background:#fff;color:#34383e;text-decoration:none;transition:.18s ease}
.mj-hub-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,24,30,.07)}
.mj-hub-card.is-main{border-top:4px solid var(--mj-accent)}
.mj-hub-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#f0f1f3;color:#555960;font-size:18px;font-weight:900}
.mj-hub-card.is-main .mj-hub-icon{background:var(--mj-accent-soft);color:var(--mj-accent)}
.mj-hub-card strong{font-size:17px}
.mj-hub-card p{margin:5px 0 0;color:#74787f;font-size:15px;line-height:1.45}
.mj-hub-card>b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:#f0f1f3;color:#656970;font-size:15px}
.mj-hub-card>b.is-alert{background:var(--mj-accent-soft);color:var(--mj-accent)}
.mj-hub-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:19px 21px;border-radius:15px;background:#24272c;color:#fff}
.mj-hub-cta>div{display:flex;flex-direction:column;gap:4px}.mj-hub-cta strong{font-size:17px}.mj-hub-cta span{font-size:15px;color:#c9cbd0}
.mj-hub-cta>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 18px;border-radius:10px;background:#fff;color:#24272c;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:1050px){.mj-hub-summary{grid-template-columns:repeat(3,1fr)}.mj-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mj-hub-user{grid-template-columns:64px 1fr}.mj-hub-avatar{width:64px!important;height:64px!important}.mj-hub-user>a{grid-column:1/-1;width:100%}.mj-hub-summary,.mj-hub-grid{grid-template-columns:1fr}.mj-hub-cta{align-items:stretch;flex-direction:column}.mj-hub-cta>a{width:100%}}

/* 2.7.0 — propojení nového účtu */
.mj-header-actions .mj-login-link{font-size:15px}


/* =========================================================
   2.8.0 — LOGGED-IN USER MENU
   ========================================================= */
.mj-user-menu{
    position:relative;
}

.mj-user-menu-toggle{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:46px;
    padding:3px 10px 3px 4px;
    border:1px solid #e0e2e5;
    border-radius:999px;
    background:#fff;
    color:#34383e;
    font:inherit;
    cursor:pointer;
}

.mj-header-avatar{
    display:block;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:50%!important;
    object-fit:cover;
}

.mj-user-menu-name{
    max-width:145px;
    overflow:hidden;
    font-size:15px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mj-user-menu-chevron{
    margin-left:1px;
    color:#858990;
    font-size:17px;
    line-height:1;
}

.mj-user-menu-dropdown{
    position:absolute;
    z-index:9999;
    top:calc(100% + 10px);
    right:0;
    width:320px;
    overflow:hidden;
    border:1px solid #dedfe3;
    border-radius:15px;
    background:#fff;
    box-shadow:0 18px 48px rgba(20,24,30,.14);
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px);
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.mj-user-menu.is-open .mj-user-menu-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.mj-user-menu-head{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:16px;
    border-bottom:1px solid #eceef1;
    background:#fafafa;
}

.mj-user-menu-avatar{
    display:block;
    width:52px!important;
    height:52px!important;
    border-radius:50%!important;
    object-fit:cover;
}

.mj-user-menu-head>div{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.mj-user-menu-head strong{
    overflow:hidden;
    font-size:16px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mj-user-menu-head span{
    overflow:hidden;
    color:#7f838a;
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mj-user-menu-dropdown nav{
    display:grid;
    padding:8px;
}

.mj-user-menu-dropdown nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:44px;
    padding:0 10px;
    border-radius:9px;
    color:#484c53;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
}

.mj-user-menu-dropdown nav a:hover{
    background:#f8f6f7;
    color:var(--mj-accent);
}

.mj-user-menu-dropdown nav b{
    display:grid;
    place-items:center;
    min-width:26px;
    height:26px;
    padding:0 7px;
    border-radius:999px;
    background:#f0f1f3;
    color:#666a70;
    font-size:15px;
}

.mj-user-menu-dropdown nav b.is-alert{
    background:var(--mj-accent);
    color:#fff;
}

.mj-user-menu-footer{
    padding:8px;
    border-top:1px solid #eceef1;
}

.mj-user-menu-footer a{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:0 10px;
    border-radius:9px;
    color:#8b2f46;
    text-decoration:none;
    font-size:15px;
    font-weight:850;
}

.mj-user-menu-footer a:hover{
    background:#fff4f6;
}

@media(max-width:900px){
    .mj-user-menu-name{
        display:none;
    }

    .mj-user-menu-toggle{
        padding-right:6px;
    }

    .mj-user-menu-dropdown{
        width:min(320px,calc(100vw - 24px));
    }
}


/* =========================================================
   2.8.1 — HEADER USER MENU POLISH
   ========================================================= */
.mj-detail-header{
    overflow:visible!important;
}

.mj-detail-header .mj-header-inner{
    overflow:visible!important;
}

.mj-header-actions{
    display:flex;
    align-items:center;
    gap:12px;
    overflow:visible!important;
}

.mj-user-menu{
    position:relative;
    z-index:10002;
    flex:0 0 auto;
}

.mj-user-menu-toggle{
    width:auto;
    max-width:220px;
    min-height:48px;
    padding:4px 12px 4px 5px;
    gap:10px;
    border:1px solid #dfe2e6;
    box-shadow:none;
}

.mj-user-menu-toggle:hover{
    border-color:#cfd3d8;
    background:#fafafa;
}

.mj-header-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border:0!important;
    background:#f0f1f3;
}

.mj-user-menu-name{
    max-width:125px;
    color:#2f3339;
    font-size:15px;
    font-weight:900;
}

.mj-user-menu-chevron{
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    margin:0;
    color:#7d8188;
    font-size:16px;
    transition:transform .16s ease;
}

.mj-user-menu.is-open .mj-user-menu-chevron{
    transform:rotate(180deg);
}

.mj-user-menu-dropdown{
    top:calc(100% + 8px);
}

.mj-header-cta{
    flex:0 0 auto;
    white-space:nowrap;
}

@media(max-width:1120px){
    .mj-user-menu-name{
        display:none;
    }

    .mj-user-menu-toggle{
        max-width:none;
        padding-right:7px;
    }
}

@media(max-width:760px){
    .mj-header-actions{
        gap:7px;
    }

    .mj-user-menu-chevron{
        display:none;
    }

    .mj-user-menu-toggle{
        min-height:44px;
        padding:3px;
        border-radius:50%;
    }

    .mj-header-avatar{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
    }
}


/* =========================================================
   2.9.0 — NATIVE WPJOBSTER SELLER BADGES
   ========================================================= */
.mj-seller-badges{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    min-height:28px;
}

.mj-seller-badges img{
    display:block!important;
    width:auto!important;
    max-width:32px!important;
    height:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    margin:0!important;
}

.mj-seller-badges a,
.mj-seller-badges span{
    display:inline-flex;
    align-items:center;
    max-width:100%;
}

.mj-seller-badges.is-compact{
    gap:4px;
    min-height:20px;
}

.mj-seller-badges.is-compact img{
    max-width:23px!important;
    height:20px!important;
    max-height:20px!important;
}

.mj-seller-name-row .mj-seller-badges{
    margin-left:2px;
}

.mj-ticket-seller-row .mj-seller-badges{
    flex:0 0 auto;
    margin-left:auto;
}

.mj-ticket-seller-row .mj-seller-badges + .mj-rating{
    margin-left:5px;
}

/* WPJobster někdy vykresluje badge ikony jako <i> / font icon */
.mj-seller-badges i{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-width:22px;
    min-height:22px;
    font-size:18px!important;
    line-height:1!important;
}

.mj-seller-badges.is-compact i{
    min-width:18px;
    min-height:18px;
    font-size:16px!important;
}

@media(max-width:700px){
    .mj-seller-name-row{
        gap:9px;
    }

    .mj-ticket-seller-row .mj-seller-badges{
        margin-left:4px;
    }
}


/* =========================================================
   3.0.0 — BOOKMARKS / SAVED JOBS
   ========================================================= */
.mj-bookmarks-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-bookmarks-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-bookmarks-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-bookmarks-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-bookmarks-heading p{margin:8px 0 0;color:#696d74;font-size:15px}
.mj-bookmarks-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f0f1f3;color:#60646b;font-size:15px;font-weight:900}
.mj-bookmarks-body{padding:28px 0 72px}
.mj-bookmarks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mj-bookmarks-native{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;padding:18px 20px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-bookmarks-native strong{font-size:17px}
.mj-bookmarks-native p{margin:6px 0 0;color:#6b6f76;font-size:15px;line-height:1.5}
.mj-bookmarks-native>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 17px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-bookmarks-empty{display:flex;align-items:center;flex-direction:column;padding:65px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-bookmarks-empty>div{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:31px}
.mj-bookmarks-empty h2{margin:18px 0 0;font-size:26px}
.mj-bookmarks-empty p{max-width:620px;margin:8px 0 20px;color:#696d74;font-size:15px;line-height:1.55}
.mj-bookmarks-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:900px){.mj-bookmarks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mj-bookmarks-heading{align-items:flex-start;flex-direction:column}.mj-bookmarks-grid{grid-template-columns:1fr}.mj-bookmarks-native{align-items:stretch;flex-direction:column}.mj-bookmarks-native>a{width:100%}}


/* =========================================================
   3.1.0 — ACCOUNT REVIEWS
   ========================================================= */
.mj-account-reviews-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-account-reviews-head{padding:34px 0 27px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-account-reviews-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-account-reviews-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-account-reviews-heading p{margin:8px 0 0;color:#696d74;font-size:15px}
.mj-account-review-score{display:flex;align-items:baseline;gap:9px}
.mj-account-review-score strong{color:#a06b00;font-size:23px}
.mj-account-review-score span{color:#74787f;font-size:15px}
.mj-account-reviews-body{padding:28px 0 72px}
.mj-account-review-tabs{display:flex;gap:8px;margin-bottom:17px}
.mj-account-review-tabs a{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 16px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#4d5158;text-decoration:none;font-size:15px;font-weight:850}
.mj-account-review-tabs a.is-active{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-account-review-tabs span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.07);font-size:15px}
.mj-account-review-tabs a.is-active span{background:rgba(255,255,255,.18)}
.mj-account-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mj-account-review-card{padding:18px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-account-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mj-account-review-user{display:flex;align-items:center;gap:11px;min-width:0}
.mj-account-review-avatar{display:block;width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover}
.mj-account-review-user>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.mj-account-review-user span{color:#878b92;font-size:15px}
.mj-account-review-user strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.mj-account-review-grade{display:flex;align-items:flex-end;flex-direction:column;gap:4px;flex:none}
.mj-account-review-grade strong{color:#a06b00;font-size:16px}
.mj-account-review-grade span{color:#92969c;font-size:15px}
.mj-account-review-job{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #eceef1;color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-account-review-text{margin-top:10px;color:#50545b;font-size:15px;line-height:1.6}
.mj-account-review-text p{margin:0}
.mj-account-review-empty{display:flex;align-items:center;flex-direction:column;padding:65px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-account-review-empty>div{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#fff5df;color:#a06b00;font-size:28px}
.mj-account-review-empty h2{margin:18px 0 0;font-size:25px}
.mj-account-review-empty p{max-width:620px;margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.55}
@media(max-width:760px){.mj-account-reviews-heading{align-items:flex-start;flex-direction:column}.mj-account-review-tabs{display:grid;grid-template-columns:1fr}.mj-account-review-grid{grid-template-columns:1fr}}


/* =========================================================
   3.2.0 — SELLERS DIRECTORY
   ========================================================= */
.mj-sellers-directory-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-sellers-directory-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-sellers-directory-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-sellers-directory-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-sellers-directory-search{display:grid;grid-template-columns:minmax(0,1fr) 260px auto;gap:10px;max-width:850px;margin-top:22px}
.mj-sellers-directory-search input,.mj-sellers-directory-search select{height:48px;padding:0 14px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#44484f;font:inherit;font-size:16px}
.mj-sellers-directory-search button{min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--mj-accent);color:#fff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.mj-sellers-directory-body{padding:28px 0 72px}
.mj-sellers-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-sellers-directory-toolbar strong{font-size:17px}
.mj-sellers-directory-toolbar a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-sellers-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mj-seller-directory-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-seller-directory-top{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center}
.mj-seller-directory-avatar{display:block;width:82px;height:82px}
.mj-seller-directory-avatar-img{display:block;width:82px!important;height:82px!important;border-radius:50%!important;object-fit:cover}
.mj-seller-directory-title{display:flex;align-items:flex-start;flex-direction:column;gap:6px;min-width:0}
.mj-seller-directory-title>a{max-width:100%;overflow:hidden;color:#30343a;text-decoration:none;font-size:19px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.mj-seller-directory-title>span{color:#81858c;font-size:15px}
.mj-seller-directory-bio{min-height:68px;margin:17px 0 0;color:#5d6168;font-size:15px;line-height:1.55}
.mj-seller-directory-bio.is-empty{color:#96999f}
.mj-seller-directory-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:17px;border-top:1px solid #eceef1}
.mj-seller-directory-stats>div{display:flex;align-items:center;flex-direction:column;padding:7px;text-align:center}
.mj-seller-directory-stats>div+div{border-left:1px solid #eceef1}
.mj-seller-directory-stats strong{font-size:20px}
.mj-seller-directory-stats span{margin-top:4px;color:#7d8188;font-size:15px}
.mj-seller-directory-cta{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:16px;border:1px solid #dfe1e4;border-radius:10px;color:#44484f;text-decoration:none;font-size:15px;font-weight:900}
.mj-seller-directory-cta:hover{border-color:var(--mj-accent);color:var(--mj-accent)}
.mj-sellers-directory-empty{padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-sellers-directory-empty h2{margin:0;font-size:25px}
.mj-sellers-directory-empty p{margin:8px 0 0;color:#696d74;font-size:15px}
@media(max-width:1000px){.mj-sellers-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mj-sellers-directory-search{grid-template-columns:1fr}.mj-sellers-directory-grid{grid-template-columns:1fr}}


/* =========================================================
   3.3.0 — PUBLIC REQUESTS ARCHIVE
   ========================================================= */
.mj-public-requests-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-public-requests-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-public-requests-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-public-requests-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-public-requests-search{display:flex;gap:9px;max-width:720px;margin-top:22px}
.mj-public-requests-search input{flex:1;height:48px;padding:0 14px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;font:inherit;font-size:16px}
.mj-public-requests-search button{min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--mj-accent);color:#fff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.mj-public-requests-body{padding:28px 0 72px}
.mj-public-requests-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-public-requests-toolbar strong{font-size:17px}
.mj-public-requests-toolbar a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-public-requests-list{display:grid;gap:12px}
.mj-public-request-card{display:grid;grid-template-columns:minmax(0,1fr) 230px 210px;gap:20px;align-items:center;padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-public-request-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#858990;font-size:15px}
.mj-public-request-main h2{margin:10px 0 0;font-size:21px;line-height:1.35}
.mj-public-request-main>p{margin:8px 0 0;color:#5f636a;font-size:15px;line-height:1.55}
.mj-public-request-author{display:flex;align-items:center;gap:9px;margin-top:13px;color:#64686f;font-size:15px}
.mj-public-request-avatar{display:block;width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover}
.mj-public-request-info{display:grid;gap:11px;padding:2px 20px;border-left:1px solid #eceef1;border-right:1px solid #eceef1}
.mj-public-request-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mj-public-request-info span{color:#858990;font-size:15px}
.mj-public-request-info strong{font-size:16px}
.mj-public-request-actions{display:grid;gap:8px}
.mj-public-request-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;color:#484c53;text-decoration:none;font-size:15px;font-weight:850;text-align:center}
.mj-public-request-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-public-requests-empty{padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-public-requests-empty h2{margin:0;font-size:25px}
.mj-public-requests-empty p{margin:8px 0 0;color:#696d74;font-size:15px}
@media(max-width:1000px){.mj-public-request-card{grid-template-columns:minmax(0,1fr) 210px}.mj-public-request-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}.mj-public-request-info{border-right:0}}
@media(max-width:700px){.mj-public-requests-search{flex-direction:column}.mj-public-request-card{grid-template-columns:1fr}.mj-public-request-info{padding:14px 0;border-left:0;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1}.mj-public-request-actions{grid-template-columns:1fr}}


/* =========================================================
   3.4.0 — PUBLIC REQUEST DETAIL
   ========================================================= */
.mj-request-detail-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-request-detail-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-request-detail-topline{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#82868d;font-size:15px}
.mj-request-detail-title h1{max-width:900px;margin:13px 0 0;font-size:38px;line-height:1.1;letter-spacing:-.04em}
.mj-request-detail-category{display:inline-flex;align-items:center;min-height:32px;margin-top:13px;padding:0 10px;border-radius:999px;background:#f0f1f3;color:#62666d;font-size:15px;font-weight:800}
.mj-request-detail-body{padding:28px 0 72px}
.mj-request-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.mj-request-detail-main{display:grid;gap:15px}
.mj-request-detail-card,.mj-request-owner-card,.mj-request-response-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-request-detail-card h2,.mj-request-response-card h2{margin:0;font-size:24px;letter-spacing:-.025em}
.mj-request-detail-content{margin-top:16px;color:#4f535a;font-size:15px;line-height:1.7}
.mj-request-detail-content p{margin:0 0 15px}
.mj-request-detail-content p:last-child{margin-bottom:0}
.mj-request-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-request-detail-facts>div{display:flex;flex-direction:column;gap:6px;min-height:84px;padding:16px;background:#fbfbfc}
.mj-request-detail-facts>div:nth-child(even){border-left:1px solid #e7e8eb}
.mj-request-detail-facts>div:nth-child(n+3){border-top:1px solid #e7e8eb}
.mj-request-detail-facts span{color:#858990;font-size:15px}
.mj-request-detail-facts strong{font-size:17px}
.mj-request-detail-side{position:sticky;top:18px;display:grid;gap:14px}
.mj-request-owner-card{display:flex;align-items:center;flex-direction:column;text-align:center}
.mj-request-owner-avatar{display:block;width:76px!important;height:76px!important;border-radius:50%!important;object-fit:cover;margin-bottom:11px}
.mj-request-owner-card>span{color:#858990;font-size:15px}
.mj-request-owner-card>strong{margin-top:4px;font-size:19px}
.mj-request-owner-card>a{margin-top:13px;color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-request-response-card p{margin:9px 0 15px;color:#656970;font-size:15px;line-height:1.55}
.mj-request-response-card>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid #dfe1e4;border-radius:10px;color:#464a51;text-decoration:none;font-size:15px;font-weight:900;text-align:center}
.mj-request-response-card>a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-request-response-count{display:block;margin-top:12px;color:#83878e;font-size:15px;text-align:center}
.mj-request-own-note{padding:13px;border-radius:10px;background:#f0f1f3;color:#61656c;font-size:15px;text-align:center}
@media(max-width:900px){.mj-request-detail-grid{grid-template-columns:1fr}.mj-request-detail-side{position:static}}
@media(max-width:650px){.mj-request-detail-facts{grid-template-columns:1fr}.mj-request-detail-facts>div{border-left:0!important;border-top:1px solid #e7e8eb}.mj-request-detail-facts>div:first-child{border-top:0}}


/* =========================================================
   3.5.0 — LOGIN / AUTH
   ========================================================= */
.mj-auth-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-auth-body{padding:54px 0 74px}
.mj-auth-shell{display:grid;grid-template-columns:minmax(0,1fr) 430px;max-width:1050px;margin:0 auto;overflow:hidden;border:1px solid var(--mj-line);border-radius:19px;background:#fff;box-shadow:0 14px 40px rgba(20,24,30,.06)}
.mj-auth-form-card{padding:38px}
.mj-auth-form-card h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-auth-intro{max-width:580px;margin:10px 0 26px;color:#686c73;font-size:15px;line-height:1.55}
.mj-auth-login-form p{margin:0 0 17px}
.mj-auth-login-form label{display:block;margin-bottom:7px;color:#40444a;font-size:15px;font-weight:850}
.mj-auth-login-form input[type="text"],.mj-auth-login-form input[type="password"]{width:100%;height:50px;padding:0 14px;border:1px solid #daddE2;border-radius:10px;background:#fff;color:#34383e;font:inherit;font-size:16px}
.mj-auth-login-form .login-remember label{display:flex;align-items:center;gap:9px;font-weight:700}
.mj-auth-login-form .login-remember input{width:18px;height:18px}
.mj-auth-login-form .login-submit{margin-top:22px}
.mj-auth-login-form input[type="submit"]{width:100%;min-height:50px;border:0;border-radius:10px;background:var(--mj-accent);color:#fff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.mj-auth-help{display:flex;justify-content:center;margin-top:15px}
.mj-auth-help a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-auth-register-card{display:flex;flex-direction:column;padding:38px;background:#282b30;color:#fff}
.mj-auth-register-kicker{color:#d9b9c2;font-size:15px;font-weight:850}
.mj-auth-register-card h2{margin:10px 0 0;font-size:29px;line-height:1.15;letter-spacing:-.03em}
.mj-auth-register-card>p{margin:13px 0 0;color:#d1d3d6;font-size:15px;line-height:1.6}
.mj-auth-benefits{display:grid;gap:14px;margin-top:25px}
.mj-auth-benefits>div{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.mj-auth-benefits strong{font-size:16px}
.mj-auth-benefits span{color:#c9cbd0;font-size:15px;line-height:1.45}
.mj-auth-register-card>a{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:auto;padding:0 17px;border-radius:10px;background:#fff;color:#282b30;text-decoration:none;font-size:15px;font-weight:900}
.mj-auth-already{display:flex;align-items:center;flex-direction:column;max-width:620px;margin:0 auto;padding:48px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center}
.mj-auth-already-avatar{display:block;width:82px!important;height:82px!important;border-radius:50%!important;object-fit:cover}
.mj-auth-already h1{margin:18px 0 0;font-size:32px}
.mj-auth-already p{margin:8px 0 20px;color:#6c7077;font-size:15px}
.mj-auth-already a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:850px){.mj-auth-shell{grid-template-columns:1fr}.mj-auth-register-card>a{margin-top:25px}}
@media(max-width:600px){.mj-auth-body{padding-top:24px}.mj-auth-form-card,.mj-auth-register-card{padding:25px}.mj-auth-form-card h1{font-size:32px}}


/* =========================================================
   3.6.0 — REGISTRATION
   ========================================================= */
.mj-register-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-register-body{padding:50px 0 74px}
.mj-register-shell{display:grid;grid-template-columns:380px minmax(0,1fr);max-width:1080px;margin:0 auto;overflow:hidden;border:1px solid var(--mj-line);border-radius:19px;background:#fff;box-shadow:0 14px 40px rgba(20,24,30,.06)}
.mj-register-intro{padding:36px;background:#282b30;color:#fff}
.mj-register-intro h1{margin:0;font-size:36px;letter-spacing:-.04em}
.mj-register-intro>p{margin:10px 0 0;color:#d0d2d5;font-size:15px;line-height:1.6}
.mj-register-steps{display:grid;gap:5px;margin-top:26px}
.mj-register-steps>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}
.mj-register-steps>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.1);font-size:16px;font-weight:900}
.mj-register-steps strong{font-size:16px}
.mj-register-steps p{margin:4px 0 0;color:#c6c8cc;font-size:15px;line-height:1.45}
.mj-register-login-note{display:flex;align-items:center;gap:8px;margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:15px}
.mj-register-login-note span{color:#c8cacf}
.mj-register-login-note a{color:#fff;text-decoration:none;font-weight:900}
.mj-register-form-card{padding:36px}
.mj-register-native-form{font-size:15px}
.mj-register-native-form label{font-size:15px!important}
.mj-register-native-form input[type="text"],.mj-register-native-form input[type="email"],.mj-register-native-form input[type="password"],.mj-register-native-form select,.mj-register-native-form textarea{max-width:100%;font-size:16px!important}
.mj-register-native-form input[type="text"],.mj-register-native-form input[type="email"],.mj-register-native-form input[type="password"],.mj-register-native-form select{min-height:48px}
.mj-register-native-form button,.mj-register-native-form input[type="submit"],.mj-register-native-form .button{min-height:46px!important;font-size:15px!important}
.mj-register-native-note{margin-top:18px;padding:14px;border-radius:10px;background:#f7f7f8;color:#696d74;font-size:15px;line-height:1.55}
.mj-register-fallback{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-height:430px}
.mj-register-fallback h2{margin:0;font-size:29px;letter-spacing:-.03em}
.mj-register-fallback p{margin:10px 0 20px;color:#656970;font-size:15px;line-height:1.6}
.mj-register-fallback>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-register-fallback>span{margin-top:15px;color:#858990;font-size:15px;line-height:1.5}
.mj-register-already{display:flex;align-items:center;flex-direction:column;max-width:620px;margin:0 auto;padding:48px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center}
.mj-register-already-avatar{display:block;width:82px!important;height:82px!important;border-radius:50%!important;object-fit:cover}
.mj-register-already h1{margin:18px 0 0;font-size:32px}
.mj-register-already p{margin:8px 0 20px;color:#6c7077;font-size:15px}
.mj-register-already a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:850px){.mj-register-shell{grid-template-columns:1fr}}
@media(max-width:600px){.mj-register-body{padding-top:24px}.mj-register-intro,.mj-register-form-card{padding:25px}.mj-register-intro h1{font-size:31px}}


/* =========================================================
   3.7.0 — HEADER AVATAR RING + SEARCH RESULTS
   ========================================================= */

/* Avatar v headeru: vždy skutečně kulatý + vínový kroužek */
.mj-header-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    border:2px solid var(--mj-accent)!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#f1f2f4!important;
}

.mj-user-menu-toggle .avatar,
.mj-user-menu-toggle img{
    border-radius:50%!important;
    object-fit:cover!important;
}

/* Search results */
.mj-search-results-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-search-results-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-search-results-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-search-results-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-search-results-form{display:grid;grid-template-columns:minmax(0,1fr) 230px auto;gap:10px;max-width:900px;margin-top:22px}
.mj-search-results-form input,.mj-search-results-form select{height:48px;padding:0 14px;border:1px solid #dfe1e4;border-radius:10px;background:#fff;color:#44484f;font:inherit;font-size:16px}
.mj-search-results-form button{min-height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--mj-accent);color:#fff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.mj-search-results-body{padding:28px 0 72px}
.mj-search-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-search-results-toolbar strong{font-size:17px}
.mj-search-results-toolbar a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-search-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mj-search-results-empty{padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-search-results-empty h2{margin:0;font-size:25px}
.mj-search-results-empty p{margin:8px 0 0;color:#696d74;font-size:15px}
@media(max-width:900px){.mj-search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-search-results-form{grid-template-columns:1fr 210px}.mj-search-results-form button{grid-column:1/-1}}
@media(max-width:650px){.mj-search-results-grid{grid-template-columns:1fr}.mj-search-results-form{grid-template-columns:1fr}}


/* =========================================================
   3.8.0 — CATEGORIES ARCHIVE
   ========================================================= */
.mj-categories-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-categories-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-categories-head h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-categories-head p{margin:8px 0 0;color:#696d74;font-size:15px}
.mj-categories-body{padding:28px 0 72px}
.mj-categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mj-category-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-category-card-top{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center}
.mj-category-letter{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--mj-accent-soft);color:var(--mj-accent);font-size:22px;font-weight:950}
.mj-category-card h2{margin:0;font-size:20px;line-height:1.25}
.mj-category-card-top span{display:block;margin-top:4px;color:#858990;font-size:15px}
.mj-category-card>p{margin:16px 0 0;color:#60646b;font-size:15px;line-height:1.55}
.mj-category-children{display:grid;gap:0;margin-top:16px;border-top:1px solid #eceef1}
.mj-category-children a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;border-bottom:1px solid #eceef1;color:#4d5158;text-decoration:none;font-size:15px;font-weight:750}
.mj-category-children a span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:#f1f2f4;color:#74787f;font-size:15px}
.mj-category-card-cta{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:auto;padding:0 15px;border:1px solid #dfe1e4;border-radius:10px;color:#44484f;text-decoration:none;font-size:15px;font-weight:900}
.mj-category-children+.mj-category-card-cta{margin-top:17px}
.mj-category-card-cta:hover{border-color:var(--mj-accent);color:var(--mj-accent)}
.mj-categories-empty{padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-categories-empty h2{margin:0;font-size:25px}
.mj-categories-empty p{margin:8px 0 0;color:#696d74;font-size:15px}
@media(max-width:1000px){.mj-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mj-categories-grid{grid-template-columns:1fr}}


/* =========================================================
   3.9.0 — TRUE CATEGORY ARCHIVE
   ========================================================= */
.mj-category-archive-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-category-archive-head{padding:34px 0 26px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-category-archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-category-archive-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-category-archive-heading p{max-width:760px;margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.55}
.mj-category-archive-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f0f1f3;color:#64686f;font-size:15px;font-weight:900}
.mj-category-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.mj-category-subnav a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #e0e2e5;border-radius:999px;background:#fff;color:#4e5259;text-decoration:none;font-size:15px;font-weight:800}
.mj-category-subnav a:hover{border-color:var(--mj-accent);color:var(--mj-accent)}
.mj-category-subnav span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:#f0f1f3;color:#73777e;font-size:15px}
.mj-category-archive-body{padding:26px 0 72px}
.mj-category-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-category-back{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-category-archive-toolbar select{height:44px;padding:0 36px 0 12px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;color:#4c5057;font:inherit;font-size:15px}
.mj-category-jobs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mj-category-archive-empty{padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-category-archive-empty h2{margin:0;font-size:25px}
@media(max-width:950px){.mj-category-jobs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mj-category-archive-heading{align-items:flex-start;flex-direction:column}.mj-category-archive-toolbar{align-items:stretch;flex-direction:column}.mj-category-archive-toolbar select{width:100%}.mj-category-jobs-grid{grid-template-columns:1fr}}


/* =========================================================
   4.0.0 — ALL JOBS ARCHIVE
   ========================================================= */
.mj-jobs-archive-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-jobs-archive-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-jobs-archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-jobs-archive-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-jobs-archive-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-jobs-archive-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f0f1f3;color:#64686f;font-size:15px;font-weight:900}
.mj-jobs-archive-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:21px}
.mj-jobs-archive-filters select{height:46px;min-width:220px;padding:0 38px 0 12px;border:1px solid #dfe1e4;border-radius:9px;background:#fff;color:#4b4f56;font:inherit;font-size:15px}
.mj-jobs-archive-filters button{min-height:46px;padding:0 18px;border:0;border-radius:9px;background:var(--mj-accent);color:#fff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.mj-jobs-archive-filters>a{display:inline-flex;align-items:center;min-height:46px;padding:0 13px;color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-jobs-archive-body{padding:28px 0 72px}
.mj-jobs-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mj-jobs-archive-empty{padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-jobs-archive-empty h2{margin:0;font-size:25px}
.mj-jobs-archive-empty p{margin:8px 0 0;color:#696d74;font-size:15px}
@media(max-width:1150px){.mj-jobs-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.mj-jobs-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mj-jobs-archive-heading{align-items:flex-start;flex-direction:column}.mj-jobs-archive-filters{display:grid;grid-template-columns:1fr}.mj-jobs-archive-filters select,.mj-jobs-archive-filters button,.mj-jobs-archive-filters>a{width:100%}.mj-jobs-archive-grid{grid-template-columns:1fr}}


/* =========================================================
   4.1.0 — POST NEW JOB
   ========================================================= */
.mj-postjob-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-postjob-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-postjob-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-postjob-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-postjob-body{padding:28px 0 72px}
.mj-postjob-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.mj-postjob-main{min-width:0}
.mj-postjob-native-form{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-postjob-native-form label{font-size:15px!important}
.mj-postjob-native-form input[type="text"],
.mj-postjob-native-form input[type="email"],
.mj-postjob-native-form input[type="number"],
.mj-postjob-native-form input[type="url"],
.mj-postjob-native-form input[type="file"],
.mj-postjob-native-form select,
.mj-postjob-native-form textarea{
    max-width:100%;
    font-size:16px!important;
}
.mj-postjob-native-form input[type="text"],
.mj-postjob-native-form input[type="email"],
.mj-postjob-native-form input[type="number"],
.mj-postjob-native-form input[type="url"],
.mj-postjob-native-form select{
    min-height:48px;
}
.mj-postjob-native-form textarea{line-height:1.55}
.mj-postjob-native-form button,
.mj-postjob-native-form input[type="submit"],
.mj-postjob-native-form .button{
    min-height:46px!important;
    font-size:15px!important;
}
.mj-postjob-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-postjob-help-card{padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-postjob-help-card h2{margin:0;font-size:20px}
.mj-postjob-help-card>p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.6}
.mj-postjob-help-list{display:grid;margin-top:13px}
.mj-postjob-help-list>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #eceef1}
.mj-postjob-help-list strong{font-size:15px}
.mj-postjob-help-list span{color:#6f737a;font-size:15px;line-height:1.45}
.mj-postjob-fallback{padding:38px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-postjob-fallback h2{margin:0;font-size:27px;letter-spacing:-.03em}
.mj-postjob-fallback p{margin:10px 0 18px;color:#656970;font-size:15px;line-height:1.6}
.mj-postjob-fallback>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-postjob-login{display:flex;align-items:center;flex-direction:column;max-width:620px;margin:0 auto;padding:48px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center}
.mj-postjob-login h1{margin:0;font-size:34px;letter-spacing:-.03em}
.mj-postjob-login p{margin:9px 0 20px;color:#6b6f76;font-size:15px}
.mj-postjob-login>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:900px){.mj-postjob-layout{grid-template-columns:1fr}.mj-postjob-side{position:static}}
@media(max-width:650px){.mj-postjob-native-form,.mj-postjob-fallback{padding:18px}}


/* =========================================================
   4.2.0 — EDIT JOB
   ========================================================= */
.mj-editjob-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-editjob-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-editjob-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-editjob-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-editjob-heading p{max-width:760px;margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-editjob-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid #dfe1e4;border-radius:10px;color:#464a51;text-decoration:none;font-size:15px;font-weight:850}
.mj-editjob-body{padding:28px 0 72px}
.mj-editjob-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-editjob-main{min-width:0}
.mj-editjob-native-form{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-editjob-native-form label{font-size:15px!important}
.mj-editjob-native-form input[type="text"],
.mj-editjob-native-form input[type="email"],
.mj-editjob-native-form input[type="number"],
.mj-editjob-native-form input[type="url"],
.mj-editjob-native-form input[type="file"],
.mj-editjob-native-form select,
.mj-editjob-native-form textarea{
    max-width:100%;
    font-size:16px!important;
}
.mj-editjob-native-form input[type="text"],
.mj-editjob-native-form input[type="email"],
.mj-editjob-native-form input[type="number"],
.mj-editjob-native-form input[type="url"],
.mj-editjob-native-form select{
    min-height:48px;
}
.mj-editjob-native-form button,
.mj-editjob-native-form input[type="submit"],
.mj-editjob-native-form .button{
    min-height:46px!important;
    font-size:15px!important;
}
.mj-editjob-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-editjob-info-card{padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-editjob-info-card h2{margin:0;font-size:20px}
.mj-editjob-status{display:inline-flex;align-items:center;min-height:34px;margin-top:13px;padding:0 11px;border-radius:999px;background:#f0f1f3;color:#666a70;font-size:15px;font-weight:850}
.mj-editjob-status.is-active{background:#f7edf1;color:#7c1731}
.mj-editjob-status.is-pending{background:#fff5df;color:#8a681c}
.mj-editjob-status.is-draft{background:#eef3fb;color:#3d64a4}
.mj-editjob-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border-top:1px solid #eceef1;padding-top:15px}
.mj-editjob-meta>div{display:flex;align-items:center;flex-direction:column;text-align:center}
.mj-editjob-meta>div+div{border-left:1px solid #eceef1}
.mj-editjob-meta span{color:#858990;font-size:15px}
.mj-editjob-meta strong{margin-top:4px;font-size:21px}
.mj-editjob-preserve{display:grid;margin-top:12px}
.mj-editjob-preserve span{display:flex;align-items:center;min-height:42px;border-top:1px solid #eceef1;color:#5e6269;font-size:15px}
.mj-editjob-fallback{padding:38px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-editjob-fallback h2{margin:0;font-size:27px}
.mj-editjob-fallback p{margin:10px 0 18px;color:#656970;font-size:15px;line-height:1.6}
.mj-editjob-fallback>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:900px){.mj-editjob-layout{grid-template-columns:1fr}.mj-editjob-side{position:static}}
@media(max-width:650px){.mj-editjob-heading{align-items:flex-start;flex-direction:column}.mj-editjob-heading>a{width:100%}.mj-editjob-native-form,.mj-editjob-fallback{padding:18px}}


/* =========================================================
   4.3.0 — POST / EDIT REQUEST
   ========================================================= */
.mj-postrequest-page,.mj-editrequest-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-postrequest-head,.mj-editrequest-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-postrequest-head h1,.mj-editrequest-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-postrequest-head p,.mj-editrequest-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-postrequest-body,.mj-editrequest-body{padding:28px 0 72px}
.mj-postrequest-layout,.mj-editrequest-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-postrequest-native-form,.mj-editrequest-native-form{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-postrequest-native-form label,.mj-editrequest-native-form label{font-size:15px!important}
.mj-postrequest-native-form input,.mj-postrequest-native-form select,.mj-postrequest-native-form textarea,
.mj-editrequest-native-form input,.mj-editrequest-native-form select,.mj-editrequest-native-form textarea{max-width:100%;font-size:16px!important}
.mj-postrequest-native-form input[type="text"],.mj-postrequest-native-form input[type="email"],.mj-postrequest-native-form input[type="number"],.mj-postrequest-native-form select,
.mj-editrequest-native-form input[type="text"],.mj-editrequest-native-form input[type="email"],.mj-editrequest-native-form input[type="number"],.mj-editrequest-native-form select{min-height:48px}
.mj-postrequest-native-form button,.mj-postrequest-native-form input[type="submit"],.mj-postrequest-native-form .button,
.mj-editrequest-native-form button,.mj-editrequest-native-form input[type="submit"],.mj-editrequest-native-form .button{min-height:46px!important;font-size:15px!important}
.mj-postrequest-side,.mj-editrequest-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-postrequest-help-card,.mj-editrequest-info-card{padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-postrequest-help-card h2,.mj-editrequest-info-card h2{margin:0;font-size:20px}
.mj-postrequest-help-list{display:grid;margin-top:13px}
.mj-postrequest-help-list>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #eceef1}
.mj-postrequest-help-list strong{font-size:15px}
.mj-postrequest-help-list span{color:#6f737a;font-size:15px;line-height:1.45}
.mj-postrequest-fallback,.mj-editrequest-fallback{padding:38px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-postrequest-fallback h2,.mj-editrequest-fallback h2{margin:0;font-size:27px}
.mj-postrequest-fallback p,.mj-editrequest-fallback p{margin:10px 0 18px;color:#656970;font-size:15px;line-height:1.6}
.mj-postrequest-fallback>a,.mj-editrequest-fallback>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-postrequest-login{display:flex;align-items:center;flex-direction:column;max-width:620px;margin:0 auto;padding:48px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center}
.mj-postrequest-login h1{margin:0;font-size:34px}
.mj-postrequest-login p{margin:9px 0 20px;color:#6b6f76;font-size:15px}
.mj-postrequest-login>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-editrequest-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-editrequest-heading>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid #dfe1e4;border-radius:10px;color:#464a51;text-decoration:none;font-size:15px;font-weight:850}
.mj-editrequest-info-card .mj-request-status{margin-top:13px}
.mj-editrequest-stats{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid #eceef1}
.mj-editrequest-stats span{color:#858990;font-size:15px}
.mj-editrequest-stats strong{font-size:21px}
@media(max-width:900px){.mj-postrequest-layout,.mj-editrequest-layout{grid-template-columns:1fr}.mj-postrequest-side,.mj-editrequest-side{position:static}}
@media(max-width:650px){.mj-editrequest-heading{align-items:flex-start;flex-direction:column}.mj-editrequest-heading>a{width:100%}.mj-postrequest-native-form,.mj-editrequest-native-form,.mj-postrequest-fallback,.mj-editrequest-fallback{padding:18px}}


/* =========================================================
   4.4.0 — CHECKOUT / ORDER SERVICE
   ========================================================= */
.mj-checkout-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-checkout-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-checkout-head h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-checkout-head p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-checkout-body{padding:28px 0 72px}
.mj-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.mj-checkout-main{min-width:0}
.mj-checkout-native-form{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-checkout-native-form label{font-size:15px!important}
.mj-checkout-native-form input,.mj-checkout-native-form select,.mj-checkout-native-form textarea{max-width:100%;font-size:16px!important}
.mj-checkout-native-form input[type="text"],.mj-checkout-native-form input[type="email"],.mj-checkout-native-form input[type="number"],.mj-checkout-native-form select{min-height:48px}
.mj-checkout-native-form button,.mj-checkout-native-form input[type="submit"],.mj-checkout-native-form .button{min-height:46px!important;font-size:15px!important}
.mj-checkout-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-checkout-summary,.mj-checkout-info{padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-checkout-summary>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;margin-bottom:14px}
.mj-checkout-summary h2{margin:0;font-size:19px;line-height:1.4}
.mj-checkout-seller{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #eceef1}
.mj-checkout-seller-avatar{display:block;width:44px!important;height:44px!important;border-radius:50%!important;object-fit:cover}
.mj-checkout-seller>div{display:flex;flex-direction:column;gap:2px}
.mj-checkout-seller span{color:#858990;font-size:15px}
.mj-checkout-seller strong{font-size:15px}
.mj-checkout-price{display:flex;align-items:baseline;gap:5px;margin-top:16px;padding-top:14px;border-top:1px solid #eceef1}
.mj-checkout-price strong{font-size:24px}
.mj-checkout-price span{color:#74787f;font-size:15px}
.mj-checkout-info h2{margin:0;font-size:18px}
.mj-checkout-info p{margin:8px 0 0;color:#666a71;font-size:15px;line-height:1.55}
.mj-checkout-fallback{padding:38px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-checkout-fallback h2{margin:0;font-size:27px}
.mj-checkout-fallback p{margin:10px 0 18px;color:#656970;font-size:15px;line-height:1.6}
.mj-checkout-fallback>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-checkout-login{display:flex;align-items:center;flex-direction:column;max-width:620px;margin:0 auto;padding:48px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;text-align:center}
.mj-checkout-login h1{margin:0;font-size:34px}
.mj-checkout-login p{margin:9px 0 20px;color:#6b6f76;font-size:15px}
.mj-checkout-login>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:900px){.mj-checkout-layout{grid-template-columns:1fr}.mj-checkout-side{position:static}}
@media(max-width:650px){.mj-checkout-native-form,.mj-checkout-fallback{padding:18px}}


/* =========================================================
   4.5.0 — SELLER VERIFICATION
   ========================================================= */
.mj-verification-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-verification-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-verification-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-verification-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-verification-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-verification-status{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f0f1f3;color:#666a70;font-size:15px;font-weight:900}
.mj-verification-status.is-verified{background:#f7edf1;color:#7c1731}
.mj-verification-status.is-pending{background:#fff5df;color:#8a681c}
.mj-verification-status.is-rejected{background:#fff0f1;color:#a13b43}
.mj-verification-status.is-unverified{background:#f0f1f3;color:#666a70}
.mj-verification-body{padding:28px 0 72px}
.mj-verification-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.mj-verification-main{min-width:0}
.mj-verification-native-form,.mj-verification-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-verification-native-form label{font-size:15px!important}
.mj-verification-native-form input,.mj-verification-native-form select,.mj-verification-native-form textarea{max-width:100%;font-size:16px!important}
.mj-verification-native-form input[type="text"],.mj-verification-native-form input[type="email"],.mj-verification-native-form input[type="file"],.mj-verification-native-form select{min-height:48px}
.mj-verification-native-form button,.mj-verification-native-form input[type="submit"],.mj-verification-native-form .button{min-height:46px!important;font-size:15px!important}
.mj-verification-card h2{margin:0;font-size:25px}
.mj-verification-card p{margin:9px 0 18px;color:#656970;font-size:15px;line-height:1.6}
.mj-verification-card>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-verification-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-verification-info-card{padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-verification-info-card h2{margin:0;font-size:20px}
.mj-verification-info-card>p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.55}
.mj-verification-benefits{display:grid;margin-top:12px}
.mj-verification-benefits>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #eceef1}
.mj-verification-benefits strong{font-size:15px}
.mj-verification-benefits span{color:#6f737a;font-size:15px;line-height:1.45}
@media(max-width:900px){.mj-verification-layout{grid-template-columns:1fr}.mj-verification-side{position:static}}
@media(max-width:650px){.mj-verification-heading{align-items:flex-start;flex-direction:column}}


/* =========================================================
   4.6.0 — DISPUTES / RESOLUTION CENTER
   ========================================================= */
.mj-disputes-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-disputes-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-disputes-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-disputes-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-disputes-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-disputes-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#fff0f1;color:#a13b43;font-size:15px;font-weight:900}
.mj-disputes-body{padding:28px 0 72px}
.mj-disputes-list{display:grid;gap:12px}
.mj-dispute-card{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:center;padding:20px;border:1px solid var(--mj-line);border-radius:15px;background:#fff}
.mj-dispute-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#878b92;font-size:15px}
.mj-dispute-status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#fff0f1;color:#a13b43;font-size:15px;font-weight:850}
.mj-dispute-status.is-pending{background:#fff5df;color:#8a681c}
.mj-dispute-status.is-resolved{background:#f7edf1;color:#7c1731}
.mj-dispute-status.is-closed{background:#f0f1f3;color:#666a70}
.mj-dispute-main h2{margin:10px 0 0;font-size:20px}
.mj-dispute-main p{margin:8px 0 0;color:#60646b;font-size:15px;line-height:1.55}
.mj-dispute-actions{display:grid;gap:8px}
.mj-dispute-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #dfe1e4;border-radius:9px;color:#484c53;text-decoration:none;font-size:15px;font-weight:850}
.mj-dispute-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-disputes-empty{display:flex;align-items:center;flex-direction:column;padding:60px 25px;border:1px dashed #d5d8dc;border-radius:16px;background:#fff;text-align:center}
.mj-disputes-empty>div{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#f7edf1;color:#7c1731;font-size:28px;font-weight:900}
.mj-disputes-empty h2{margin:18px 0 0;font-size:25px}
.mj-disputes-empty p{max-width:640px;margin:8px 0 20px;color:#696d74;font-size:15px;line-height:1.55}
.mj-disputes-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-disputes-note{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;padding:18px 20px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-disputes-note>div{display:flex;flex-direction:column;gap:4px}
.mj-disputes-note strong{font-size:16px}
.mj-disputes-note span{color:#696d74;font-size:15px;line-height:1.5}
.mj-disputes-note>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 17px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:750px){.mj-disputes-heading{align-items:flex-start;flex-direction:column}.mj-dispute-card{grid-template-columns:1fr}.mj-disputes-note{align-items:stretch;flex-direction:column}.mj-disputes-note>a{width:100%}}


/* =========================================================
   4.7.0 — SUPPORT CENTER
   ========================================================= */
.mj-support-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-support-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-support-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-support-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-support-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-support-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#eef3fb;color:#3d64a4;font-size:15px;font-weight:900}
.mj-support-body{padding:28px 0 72px}
.mj-support-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-support-main{display:grid;gap:15px}
.mj-support-native,.mj-support-create,.mj-support-history,.mj-support-help-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-support-native label{font-size:15px!important}
.mj-support-native input,.mj-support-native select,.mj-support-native textarea{max-width:100%;font-size:16px!important}
.mj-support-native button,.mj-support-native input[type="submit"],.mj-support-native .button{min-height:46px!important;font-size:15px!important}
.mj-support-create h2,.mj-support-history h2,.mj-support-help-card h2{margin:0;font-size:21px}
.mj-support-create p{margin:9px 0 18px;color:#666a71;font-size:15px;line-height:1.6}
.mj-support-create>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-support-ticket-list{display:grid;margin-top:14px;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-support-ticket{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px 16px;background:#fff}
.mj-support-ticket+.mj-support-ticket{border-top:1px solid #eceef1}
.mj-support-ticket>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.mj-support-ticket strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.mj-support-ticket>div span{color:#878b92;font-size:15px}
.mj-support-ticket-status{display:inline-flex;align-items:center;flex:none;min-height:30px;padding:0 10px;border-radius:999px;background:#eef3fb;color:#3d64a4;font-size:15px;font-weight:850}
.mj-support-ticket-status.is-pending{background:#fff5df;color:#8a681c}
.mj-support-ticket-status.is-resolved{background:#f7edf1;color:#7c1731}
.mj-support-history-empty{margin-top:14px;padding:17px;border:1px dashed #d5d8dc;border-radius:11px;color:#6c7077;font-size:15px;line-height:1.55}
.mj-support-side{position:sticky;top:18px}
.mj-support-help-list{display:grid;margin-top:12px}
.mj-support-help-list>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #eceef1}
.mj-support-help-list strong{font-size:15px}
.mj-support-help-list span{color:#6f737a;font-size:15px;line-height:1.45}
@media(max-width:900px){.mj-support-layout{grid-template-columns:1fr}.mj-support-side{position:static}}
@media(max-width:650px){.mj-support-heading{align-items:flex-start;flex-direction:column}.mj-support-ticket{align-items:flex-start;flex-direction:column}}


/* =========================================================
   4.8.0 — DISCOUNTS
   ========================================================= */
.mj-discounts-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-discounts-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-discounts-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-discounts-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-discounts-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-discounts-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f7edf1;color:#7c1731;font-size:15px;font-weight:900}
.mj-discounts-body{padding:28px 0 72px}
.mj-discounts-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-discounts-main{display:grid;gap:15px}
.mj-discounts-native,.mj-discounts-list-card,.mj-discounts-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-discounts-native label{font-size:15px!important}
.mj-discounts-native input,.mj-discounts-native select,.mj-discounts-native textarea{max-width:100%;font-size:16px!important}
.mj-discounts-native button,.mj-discounts-native input[type="submit"],.mj-discounts-native .button{min-height:46px!important;font-size:15px!important}
.mj-discounts-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mj-discounts-list-head h2{margin:0;font-size:21px}
.mj-discounts-list-head>a{color:var(--mj-accent);text-decoration:none;font-size:15px;font-weight:850}
.mj-discount-list{display:grid;margin-top:15px;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-discount-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 120px;gap:15px;align-items:center;min-height:78px;padding:14px 16px;background:#fff}
.mj-discount-row+.mj-discount-row{border-top:1px solid #eceef1}
.mj-discount-code{display:flex;flex-direction:column;gap:4px;min-width:0}
.mj-discount-code strong{font-size:16px}
.mj-discount-code a{overflow:hidden;color:#676b72;text-decoration:none;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.mj-discount-value{display:flex;align-items:flex-end;flex-direction:column;gap:4px}
.mj-discount-value strong{font-size:17px}
.mj-discount-value span{color:#858990;font-size:15px}
.mj-discount-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:#f7edf1;color:#7c1731;font-size:15px;font-weight:850}
.mj-discount-status.is-inactive{background:#f0f1f3;color:#666a70}
.mj-discounts-empty{margin-top:15px;padding:22px;border:1px dashed #d5d8dc;border-radius:12px;background:#fafafa}
.mj-discounts-empty h3{margin:0;font-size:18px}
.mj-discounts-empty p{margin:7px 0 17px;color:#696d74;font-size:15px;line-height:1.55}
.mj-discounts-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-discounts-side{position:sticky;top:18px}
.mj-discounts-help h2{margin:0;font-size:20px}
.mj-discounts-help>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #eceef1}
.mj-discounts-help>div:first-of-type{margin-top:12px}
.mj-discounts-help strong{font-size:15px}
.mj-discounts-help span{color:#6f737a;font-size:15px;line-height:1.45}
@media(max-width:900px){.mj-discounts-layout{grid-template-columns:1fr}.mj-discounts-side{position:static}}
@media(max-width:650px){.mj-discounts-heading{align-items:flex-start;flex-direction:column}.mj-discount-row{grid-template-columns:1fr}.mj-discount-value{align-items:flex-start}}


/* =========================================================
   4.9.0 — REQUEST NOTIFICATIONS
   ========================================================= */
.mj-request-notify-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-request-notify-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-request-notify-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-request-notify-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-request-notify-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-request-notify-heading>span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f7edf1;color:#7c1731;font-size:15px;font-weight:900}
.mj-request-notify-body{padding:28px 0 72px}
.mj-request-notify-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-request-notify-main{display:grid;gap:15px}
.mj-request-notify-native,.mj-request-notify-card,.mj-request-notify-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-request-notify-native label{font-size:15px!important}
.mj-request-notify-native input,.mj-request-notify-native select,.mj-request-notify-native textarea{max-width:100%;font-size:16px!important}
.mj-request-notify-native button,.mj-request-notify-native input[type="submit"],.mj-request-notify-native .button{min-height:46px!important;font-size:15px!important}
.mj-request-notify-card h2,.mj-request-notify-help h2{margin:0;font-size:21px}
.mj-request-notify-card>p{margin:9px 0 18px;color:#666a71;font-size:15px;line-height:1.6}
.mj-request-notify-card>a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-request-notify-state{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:16px;border-radius:12px;background:#f4f5f6}
.mj-request-notify-state.is-active{background:#f7edf1}
.mj-request-notify-state strong{font-size:16px}
.mj-request-notify-state span{color:#676b72;font-size:15px;line-height:1.5}
.mj-request-notify-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-request-notify-help>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid #eceef1}
.mj-request-notify-help>div:first-of-type{margin-top:12px}
.mj-request-notify-help strong{font-size:15px}
.mj-request-notify-help span,.mj-request-notify-help p{color:#6f737a;font-size:15px;line-height:1.45}
.mj-request-notify-help>a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;border:1px solid #dfe1e4;border-radius:9px;color:#484c53;text-decoration:none;font-size:15px;font-weight:850}
@media(max-width:900px){.mj-request-notify-layout{grid-template-columns:1fr}.mj-request-notify-side{position:static}}
@media(max-width:650px){.mj-request-notify-heading{align-items:flex-start;flex-direction:column}}


/* =========================================================
   5.0.0 — ACCOUNT STATUS / USER BAN
   ========================================================= */
.mj-account-status-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-account-status-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-account-status-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-account-status-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-account-status-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-account-status-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f7edf1;color:#7c1731;font-size:15px;font-weight:900}
.mj-account-status-badge.is-banned{background:#fff0f1;color:#a13b43}
.mj-account-status-badge.is-pending{background:#fff5df;color:#8a681c}
.mj-account-status-body{padding:28px 0 72px}
.mj-account-status-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-account-status-card,.mj-account-status-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-account-status-user{display:flex;align-items:center;gap:13px}
.mj-account-status-avatar{display:block;width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover}
.mj-account-status-user>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.mj-account-status-user strong{font-size:19px}
.mj-account-status-user span{overflow:hidden;color:#7f838a;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.mj-account-status-summary{margin-top:18px;padding:17px;border-radius:12px;background:#f7edf1}
.mj-account-status-summary.is-banned{background:#fff0f1}
.mj-account-status-summary.is-pending{background:#fff5df}
.mj-account-status-summary strong{font-size:17px}
.mj-account-status-summary p{margin:6px 0 0;color:#62666d;font-size:15px;line-height:1.55}
.mj-account-status-details{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border:1px solid #e7e8eb;border-radius:12px;overflow:hidden}
.mj-account-status-details>div{display:flex;flex-direction:column;gap:5px;padding:15px}
.mj-account-status-details>div+div{border-left:1px solid #e7e8eb}
.mj-account-status-details span{color:#858990;font-size:15px}
.mj-account-status-details strong{font-size:16px}
.mj-account-status-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-account-status-help h2{margin:0;font-size:20px}
.mj-account-status-help p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.55}
.mj-account-status-help>a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:900px){.mj-account-status-layout{grid-template-columns:1fr}.mj-account-status-side{position:static}}
@media(max-width:650px){.mj-account-status-heading{align-items:flex-start;flex-direction:column}.mj-account-status-details{grid-template-columns:1fr}.mj-account-status-details>div+div{border-left:0;border-top:1px solid #e7e8eb}}


/* =========================================================
   5.1.0 — ACCOUNT SEGREGATION / ACCOUNT MODE
   ========================================================= */
.mj-account-mode-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-account-mode-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-account-mode-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.mj-account-mode-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-account-mode-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-account-mode-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#f0f1f3;color:#5f636a;font-size:15px;font-weight:900}
.mj-account-mode-badge.is-seller{background:#eef3fb;color:#3d64a4}
.mj-account-mode-badge.is-buyer{background:#fff5df;color:#8a681c}
.mj-account-mode-badge.is-both{background:#f7edf1;color:#7c1731}
.mj-account-mode-body{padding:28px 0 72px}
.mj-account-mode-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-account-mode-main{display:grid;gap:15px}
.mj-account-mode-native,.mj-account-mode-card,.mj-account-mode-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-account-mode-native label{font-size:15px!important}
.mj-account-mode-native input,.mj-account-mode-native select,.mj-account-mode-native textarea{max-width:100%;font-size:16px!important}
.mj-account-mode-native button,.mj-account-mode-native input[type="submit"],.mj-account-mode-native .button{min-height:46px!important;font-size:15px!important}
.mj-account-mode-card h2,.mj-account-mode-help h2{margin:0;font-size:21px}
.mj-account-mode-current{margin-top:14px;padding:17px;border-radius:12px;background:#f3f4f5}
.mj-account-mode-current.is-seller{background:#eef3fb}
.mj-account-mode-current.is-buyer{background:#fff5df}
.mj-account-mode-current.is-both{background:#f7edf1}
.mj-account-mode-current strong{font-size:17px}
.mj-account-mode-current p{margin:6px 0 0;color:#62666d;font-size:15px;line-height:1.55}
.mj-account-mode-card>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:15px;padding:0 17px;border-radius:10px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-account-mode-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.mj-account-mode-actions a{display:flex;flex-direction:column;gap:5px;min-height:105px;padding:15px;border:1px solid #e2e4e7;border-radius:11px;color:#42464d;text-decoration:none}
.mj-account-mode-actions strong{font-size:16px}
.mj-account-mode-actions span{color:#74787f;font-size:15px;line-height:1.4}
.mj-account-mode-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-account-mode-help p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.55}
@media(max-width:900px){.mj-account-mode-layout{grid-template-columns:1fr}.mj-account-mode-side{position:static}}
@media(max-width:700px){.mj-account-mode-heading{align-items:flex-start;flex-direction:column}.mj-account-mode-actions{grid-template-columns:1fr}}


/* =========================================================
   5.2.0 — SELLER STATISTICS
   ========================================================= */
.mj-seller-stats-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-seller-stats-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-seller-stats-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-seller-stats-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-seller-stats-body{padding:28px 0 72px}
.mj-seller-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mj-seller-stat-card{display:flex;flex-direction:column;min-height:145px;padding:17px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-seller-stat-card>span{color:#72767d;font-size:15px;font-weight:800}
.mj-seller-stat-card>strong{margin-top:15px;font-size:26px;letter-spacing:-.03em}
.mj-seller-stat-card>small{margin-top:auto;padding-top:11px;color:#888c92;font-size:15px;line-height:1.35}
.mj-seller-stat-card.is-good{border-top:4px solid #8f143a}
.mj-seller-stat-card.is-money{border-top:4px solid var(--mj-accent)}
.mj-seller-stats-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-seller-stats-main,.mj-seller-stats-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-seller-stats-section-head h2,.mj-seller-stats-help h2{margin:0;font-size:21px}
.mj-seller-stats-section-head p{margin:5px 0 0;color:#777b82;font-size:15px}
.mj-seller-performance-list{display:grid;margin-top:15px;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-seller-performance-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:center;min-height:82px;padding:14px 16px;background:#fff}
.mj-seller-performance-row+.mj-seller-performance-row{border-top:1px solid #eceef1}
.mj-seller-performance-main{display:flex;align-items:center;gap:11px;min-width:0}
.mj-seller-performance-main>a{overflow:hidden;color:#383c42;text-decoration:none;font-size:16px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.mj-seller-performance-numbers{display:grid;grid-template-columns:1fr 1fr}
.mj-seller-performance-numbers>div{display:flex;align-items:center;flex-direction:column;text-align:center}
.mj-seller-performance-numbers>div+div{border-left:1px solid #eceef1}
.mj-seller-performance-numbers strong{font-size:20px}
.mj-seller-performance-numbers span{margin-top:3px;color:#858990;font-size:15px}
.mj-seller-stats-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-seller-stats-help p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.55}
.mj-seller-stats-help>a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-seller-stats-empty{margin-top:15px;padding:18px;border:1px dashed #d5d8dc;border-radius:11px;color:#6b6f76;font-size:15px}
@media(max-width:1100px){.mj-seller-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.mj-seller-stats-layout{grid-template-columns:1fr}.mj-seller-stats-side{position:static}}
@media(max-width:700px){.mj-seller-stats-grid{grid-template-columns:1fr 1fr}.mj-seller-performance-row{grid-template-columns:1fr}.mj-seller-performance-numbers{max-width:260px}}
@media(max-width:520px){.mj-seller-stats-grid{grid-template-columns:1fr}.mj-seller-performance-main{align-items:flex-start;flex-direction:column}}


/* =========================================================
   5.4.0 — AFFILIATE PROGRAM
   ========================================================= */
.mj-affiliate-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-affiliate-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-affiliate-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-affiliate-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-affiliate-body{padding:28px 0 72px}
.mj-affiliate-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mj-affiliate-stats>div{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-affiliate-stats span{color:#74787f;font-size:15px;font-weight:800}
.mj-affiliate-stats strong{font-size:28px;letter-spacing:-.03em}
.mj-affiliate-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-affiliate-main{display:grid;gap:15px}
.mj-affiliate-native,.mj-affiliate-card,.mj-affiliate-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-affiliate-native label{font-size:15px!important}
.mj-affiliate-native input,.mj-affiliate-native select,.mj-affiliate-native textarea{max-width:100%;font-size:16px!important}
.mj-affiliate-native button,.mj-affiliate-native input[type="submit"],.mj-affiliate-native .button{min-height:46px!important;font-size:15px!important}
.mj-affiliate-card h2,.mj-affiliate-help h2{margin:0;font-size:21px}
.mj-affiliate-card>p,.mj-affiliate-help p{margin:9px 0 0;color:#666a71;font-size:15px;line-height:1.55}
.mj-affiliate-linkbox{margin-top:14px}
.mj-affiliate-linkbox input{width:100%;min-height:46px;padding:0 13px;border:1px solid #dadde1;border-radius:9px;background:#f7f8f9;font-size:15px}
.mj-affiliate-card>a,.mj-affiliate-help>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:15px;padding:0 17px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-affiliate-state{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:16px;border-radius:12px;background:#f4f5f6}
.mj-affiliate-state.is-active{background:#f7edf1}
.mj-affiliate-state strong{font-size:16px}
.mj-affiliate-state span{color:#676b72;font-size:15px;line-height:1.5}
.mj-affiliate-side{position:sticky;top:18px;display:grid;gap:13px}
@media(max-width:900px){.mj-affiliate-layout{grid-template-columns:1fr}.mj-affiliate-side{position:static}}
@media(max-width:650px){.mj-affiliate-stats{grid-template-columns:1fr}}


/* =========================================================
   5.5.0 — MILESTONES
   ========================================================= */
.mj-milestones-page{min-height:72vh;background:#f7f7f8;font-size:15px}
.mj-milestones-head{padding:34px 0 28px;border-bottom:1px solid var(--mj-line);background:#fff}
.mj-milestones-heading h1{margin:0;font-size:38px;letter-spacing:-.04em}
.mj-milestones-heading p{margin:8px 0 0;color:#696d74;font-size:15px;line-height:1.5}
.mj-milestones-body{padding:28px 0 72px}
.mj-milestones-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mj-milestones-stats>div{display:flex;flex-direction:column;gap:10px;padding:19px;border:1px solid var(--mj-line);border-radius:14px;background:#fff}
.mj-milestones-stats span{color:#74787f;font-size:15px;font-weight:800}
.mj-milestones-stats strong{font-size:27px;letter-spacing:-.03em}
.mj-milestones-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.mj-milestones-main{display:grid;gap:15px}
.mj-milestones-native,.mj-milestones-card,.mj-milestones-help{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-milestones-native label{font-size:15px!important}
.mj-milestones-native input,.mj-milestones-native select,.mj-milestones-native textarea{max-width:100%;font-size:16px!important}
.mj-milestones-native button,.mj-milestones-native input[type="submit"],.mj-milestones-native .button{min-height:46px!important;font-size:15px!important}
.mj-milestones-section-head h2,.mj-milestones-help h2{margin:0;font-size:21px}
.mj-milestones-section-head p,.mj-milestones-help p{margin:7px 0 0;color:#686c73;font-size:15px;line-height:1.55}
.mj-milestones-list{display:grid;margin-top:15px;border:1px solid #e5e7ea;border-radius:13px;overflow:hidden}
.mj-milestone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;min-height:82px;padding:14px 16px;background:#fff}
.mj-milestone-row+.mj-milestone-row{border-top:1px solid #eceef1}
.mj-milestone-main{display:flex;align-items:center;gap:12px;min-width:0}
.mj-milestone-main>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.mj-milestone-main strong{font-size:16px}
.mj-milestone-main span:not(.mj-milestone-status){color:#858990;font-size:15px}
.mj-milestone-status{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border-radius:999px;background:#f1f2f3;color:#656970;font-size:15px;font-weight:850}
.mj-milestone-status.is-done{background:#f7edf1;color:#7c1731}
.mj-milestone-status.is-pending{background:#fff5df;color:#89681c}
.mj-milestone-status.is-active{background:#eef3fb;color:#3d64a4}
.mj-milestone-status.is-cancelled{background:#fff0f1;color:#a13b43}
.mj-milestone-meta{display:flex;align-items:center}
.mj-milestone-meta>div{display:flex;flex-direction:column;gap:4px;min-width:105px;padding:0 13px}
.mj-milestone-meta>div+div{border-left:1px solid #e8eaed}
.mj-milestone-meta span{color:#858990;font-size:15px}
.mj-milestone-meta strong{font-size:16px}
.mj-milestones-native-link,.mj-milestones-help>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:15px;padding:0 17px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-milestones-side{position:sticky;top:18px;display:grid;gap:13px}
.mj-milestones-empty{margin-top:15px;padding:18px;border:1px dashed #d5d8dc;border-radius:11px;color:#6b6f76;font-size:15px}
@media(max-width:900px){.mj-milestones-layout{grid-template-columns:1fr}.mj-milestones-side{position:static}.mj-milestones-stats{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.mj-milestone-row{grid-template-columns:1fr}.mj-milestone-main{align-items:flex-start;flex-direction:column}.mj-milestone-meta{justify-content:flex-start}.mj-milestones-stats{grid-template-columns:1fr}}


/* =========================================================
   5.6.0 — MILESTONES INSIDE ORDER DETAIL
   ========================================================= */
.mj-order-milestones{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-milestones-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-order-milestones-head h2{margin:0;font-size:21px}
.mj-order-milestones-head p{margin:5px 0 0;color:#74787f;font-size:15px}
.mj-order-milestones-head>strong{font-size:20px}
.mj-order-milestones-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-order-milestone-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:15px;background:#fff}
.mj-order-milestone-row+.mj-order-milestone-row{border-top:1px solid #eceef1}
.mj-order-milestone-index{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#f3f4f5;color:#575b62;font-size:15px;font-weight:900}
.mj-order-milestone-content{min-width:0}
.mj-order-milestone-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mj-order-milestone-title>strong{font-size:16px}
.mj-order-milestone-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:7px;color:#787c83;font-size:15px}
.mj-order-milestone-meta strong{color:#484c53}
.mj-order-milestones-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;padding:0 16px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
@media(max-width:650px){
  .mj-order-milestones-head{align-items:flex-start;flex-direction:column}
  .mj-order-milestone-title{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   5.7.0 — ORDER TIMELINE
   ========================================================= */
.mj-order-timeline{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-timeline-head h2{margin:0;font-size:21px}
.mj-order-timeline-head p{margin:5px 0 0;color:#74787f;font-size:15px;line-height:1.5}
.mj-order-timeline-list{position:relative;display:grid;margin-top:18px}
.mj-order-timeline-list:before{content:"";position:absolute;top:10px;bottom:10px;left:7px;width:2px;background:#eceef1}
.mj-order-timeline-row{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:14px;padding:0 0 18px}
.mj-order-timeline-row:last-child{padding-bottom:0}
.mj-order-timeline-dot{position:relative;z-index:1;width:16px;height:16px;margin-top:3px;border:4px solid #fff;border-radius:999px;background:#a9adb4;box-shadow:0 0 0 1px #d9dce0}
.mj-order-timeline-row.is-done .mj-order-timeline-dot{background:#8f143a}
.mj-order-timeline-row.is-cancelled .mj-order-timeline-dot{background:#bd4b53}
.mj-order-timeline-row.is-current .mj-order-timeline-dot{background:var(--mj-accent)}
.mj-order-timeline-content{min-width:0}
.mj-order-timeline-title{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mj-order-timeline-title strong{font-size:16px}
.mj-order-timeline-title span{flex:none;color:#858990;font-size:15px}
.mj-order-timeline-content p{margin:5px 0 0;color:#666a71;font-size:15px;line-height:1.55}
@media(max-width:650px){
  .mj-order-timeline-title{align-items:flex-start;flex-direction:column;gap:4px}
}


/* =========================================================
   5.8.0 — ORDER FILES / ATTACHMENTS
   ========================================================= */
.mj-order-files{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-files-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}
.mj-order-files-head h2{margin:0;font-size:21px}
.mj-order-files-head p{margin:5px 0 0;color:#74787f;font-size:15px;line-height:1.5}
.mj-order-files-head>strong{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:999px;background:#f1f2f4;font-size:16px}
.mj-order-files-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-order-file{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 15px;background:#fff}
.mj-order-file+.mj-order-file{border-top:1px solid #eceef1}
.mj-order-file-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:#f3f4f5;color:#5c6067;font-size:12px;font-weight:900;letter-spacing:.04em}
.mj-order-file-info{min-width:0}
.mj-order-file-info>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.mj-order-file-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;color:#7b7f86;font-size:15px}
.mj-order-file>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-order-files-note{margin-top:12px;color:#858990;font-size:15px}
@media(max-width:650px){
  .mj-order-file{grid-template-columns:48px minmax(0,1fr)}
  .mj-order-file>a{grid-column:1/-1;width:100%}
}


/* =========================================================
   5.9.0 — ORDER DELIVERY / REVISIONS
   ========================================================= */
.mj-order-delivery{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.mj-order-delivery-head h2{margin:0;font-size:21px}
.mj-order-delivery-head p{margin:5px 0 0;color:#74787f;font-size:15px;line-height:1.5}
.mj-order-delivery-status{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;background:#f1f2f4;color:#61656c;font-size:15px;font-weight:900}
.mj-order-delivery-status.is-delivered{background:#eef3fb;color:#3d64a4}
.mj-order-delivery-status.is-revision{background:#fff4df;color:#89681c}
.mj-order-delivery-status.is-completed{background:#f7edf1;color:#7c1731}
.mj-order-delivery-status.is-cancelled{background:#fff0f1;color:#a13b43}
.mj-order-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.mj-order-delivery-grid>div{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #e8eaed;border-radius:12px;background:#fafafb}
.mj-order-delivery-grid span{color:#777b82;font-size:15px;font-weight:800}
.mj-order-delivery-grid strong{font-size:23px}
.mj-order-delivery-grid small{color:#888c92;font-size:15px}
.mj-order-delivery-last{margin-top:12px;padding:15px 16px;border-left:4px solid var(--mj-accent);border-radius:8px;background:#f7f7f8}
.mj-order-delivery-last span{color:#74787f;font-size:15px;font-weight:800}
.mj-order-delivery-last p{margin:5px 0 0;color:#555960;font-size:15px;line-height:1.55}
.mj-order-delivery-actions{display:flex;align-items:center;gap:14px;margin-top:15px}
.mj-order-delivery-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-order-delivery-actions>span{color:#81858c;font-size:15px;line-height:1.45}
@media(max-width:650px){
  .mj-order-delivery-head{flex-direction:column}
  .mj-order-delivery-grid{grid-template-columns:1fr}
  .mj-order-delivery-actions{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   6.0.0 — ORDER REVIEW
   ========================================================= */
.mj-order-review{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.mj-order-review-head h2{margin:0;font-size:21px}
.mj-order-review-head p{margin:5px 0 0;color:#74787f;font-size:15px;line-height:1.5}
.mj-order-review-state{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;font-size:15px;font-weight:900}
.mj-order-review-state.is-done{background:#f7edf1;color:#7c1731}
.mj-order-review-state.is-waiting{background:#fff4df;color:#89681c}
.mj-order-review-box{margin-top:16px;padding:17px;border:1px solid #e8eaed;border-radius:12px;background:#fafafb}
.mj-order-review-stars{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:.04em}
.mj-order-review-stars strong{font-size:16px;letter-spacing:0}
.mj-order-review-box p{margin:11px 0 0;color:#555960;font-size:15px;line-height:1.6}
.mj-order-review-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:17px;border:1px solid #e8eaed;border-radius:12px;background:#fafafb}
.mj-order-review-cta strong{font-size:16px}
.mj-order-review-cta p{margin:5px 0 0;color:#70747b;font-size:15px}
.mj-order-review-cta>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900;white-space:nowrap}
.mj-order-review-complete{margin-top:12px;padding:13px 15px;border-radius:10px;background:#f7edf1;color:#7c1731;font-size:15px;font-weight:800}
.mj-order-review-note{margin-top:12px;color:#858990;font-size:15px}
@media(max-width:650px){
  .mj-order-review-head,.mj-order-review-cta{align-items:flex-start;flex-direction:column}
  .mj-order-review-cta>a{width:100%}
}


/* =========================================================
   6.1.0 — ORDER PAYMENT
   ========================================================= */
.mj-order-payment{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-payment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.mj-order-payment-head h2{margin:0;font-size:21px}
.mj-order-payment-head p{margin:5px 0 0;color:#74787f;font-size:15px;line-height:1.5}
.mj-order-payment-status{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;background:#f1f2f4;color:#61656c;font-size:15px;font-weight:900}
.mj-order-payment-status.is-paid,.mj-order-payment-status.is-completed{background:#f7edf1;color:#7c1731}
.mj-order-payment-status.is-pending{background:#fff4df;color:#89681c}
.mj-order-payment-status.is-refunded{background:#eef3fb;color:#3d64a4}
.mj-order-payment-status.is-failed{background:#fff0f1;color:#a13b43}
.mj-order-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.mj-order-payment-grid>div{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #e8eaed;border-radius:12px;background:#fafafb}
.mj-order-payment-grid span{color:#777b82;font-size:15px;font-weight:800}
.mj-order-payment-grid strong{font-size:20px}
.mj-order-payment-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:13px;padding:13px 15px;border-radius:10px;background:#f7f7f8;color:#73777e;font-size:15px}
.mj-order-payment-meta strong{color:#4f5359}
.mj-order-payment-actions{display:flex;align-items:center;gap:14px;margin-top:15px}
.mj-order-payment-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;background:var(--mj-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:900}
.mj-order-payment-actions>span{color:#81858c;font-size:15px;line-height:1.45}
@media(max-width:850px){.mj-order-payment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
  .mj-order-payment-head{flex-direction:column}
  .mj-order-payment-grid{grid-template-columns:1fr}
  .mj-order-payment-actions{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   6.2.0 — ORDER SUMMARY / QUICK ACTIONS
   ========================================================= */
.mj-order-summary{margin-top:18px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-order-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.mj-order-summary-kicker{display:block;margin-bottom:5px;color:#8a8e95;font-size:15px;font-weight:800}
.mj-order-summary-title h2{margin:0;font-size:23px;line-height:1.25}
.mj-order-summary-status{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;background:#f1f2f4;color:#60646b;font-size:15px;font-weight:900}
.mj-order-summary-status.is-done{background:#f7edf1;color:#7c1731}
.mj-order-summary-status.is-active,.mj-order-summary-status.is-delivered{background:#eef3fb;color:#3d64a4}
.mj-order-summary-status.is-revision,.mj-order-summary-status.is-pending{background:#fff4df;color:#89681c}
.mj-order-summary-status.is-cancelled{background:#fff0f1;color:#a13b43}
.mj-order-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.mj-order-summary-grid>div{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid #e8eaed;border-radius:12px;background:#fafafb}
.mj-order-summary-grid span{color:#7a7e85;font-size:15px;font-weight:800}
.mj-order-summary-grid strong{font-size:16px}
.mj-order-summary-person{flex-direction:row!important;align-items:center!important;gap:10px!important}
.mj-order-summary-person img{width:42px;height:42px;border-radius:999px;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #dfe1e5}
.mj-order-summary-person>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.mj-order-quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.mj-order-quick-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid #e2e4e8;border-radius:9px;background:#fff;color:#4d5158;text-decoration:none;font-size:15px;font-weight:850}
.mj-order-quick-actions>a:hover{border-color:var(--mj-accent);color:var(--mj-accent)}
@media(max-width:900px){.mj-order-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
  .mj-order-summary-top{flex-direction:column}
  .mj-order-summary-grid{grid-template-columns:1fr}
  .mj-order-quick-actions>a{flex:1 1 calc(50% - 9px)}
}


/* =========================================================
   6.3.0 — ORDER NEXT STEP
   ========================================================= */
.mj-order-next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;padding:20px 22px;border:1px solid #e6e8eb;border-radius:16px;background:#f8f9fa;font-size:15px}
.mj-order-next-step-copy{min-width:0}
.mj-order-next-step-copy>span{display:block;margin-bottom:5px;color:#777c83;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mj-order-next-step-copy h2{margin:0;font-size:20px;line-height:1.3}
.mj-order-next-step-copy p{max-width:760px;margin:7px 0 0;color:#686d74;font-size:15px;line-height:1.55}
.mj-order-next-step-actions{display:flex;flex:0 0 auto;gap:9px}
.mj-order-next-step-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 15px;border:1px solid #dde0e4;border-radius:9px;background:#fff;color:#4f545b;text-decoration:none;font-size:15px;font-weight:900;white-space:nowrap}
.mj-order-next-step-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-order-next-step.is-success{background:#faf7f8;border-color:#eadde2}
.mj-order-next-step.is-warning{background:#fffaf0;border-color:#f0e3be}
.mj-order-next-step.is-danger{background:#fff6f6;border-color:#f1dada}
.mj-order-next-step.is-info{background:#f5f8fc;border-color:#dde6f2}
@media(max-width:780px){
  .mj-order-next-step{align-items:flex-start;flex-direction:column}
  .mj-order-next-step-actions{width:100%;flex-wrap:wrap}
  .mj-order-next-step-actions a{flex:1 1 180px}
}


/* =========================================================
   6.4.0 — HOW IT WORKS
   ========================================================= */
.mj-how-page{width:min(1180px,calc(100% - 40px));margin:34px auto 60px;font-size:15px}
.mj-how-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:34px;border:1px solid var(--mj-line);border-radius:22px;background:#fff}
.mj-how-hero-copy{max-width:760px}
.mj-how-eyebrow{display:block;margin-bottom:8px;color:var(--mj-accent);font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.mj-how-hero h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.035em}
.mj-how-hero p{margin:16px 0 0;color:#666b72;font-size:17px;line-height:1.65}
.mj-how-hero-actions,.mj-how-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.mj-how-hero-actions a,.mj-how-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border:1px solid #dfe2e6;border-radius:10px;background:#fff;color:#4e535a;text-decoration:none;font-size:15px;font-weight:900;white-space:nowrap}
.mj-how-hero-actions a.is-primary,.mj-how-cta-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-how-switcher{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.mj-how-track{padding:25px;border:1px solid var(--mj-line);border-radius:18px;background:#fff}
.mj-how-track-head{margin-bottom:18px}
.mj-how-track-head>span{display:block;margin-bottom:6px;color:var(--mj-accent);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mj-how-track-head h2{margin:0;font-size:25px;line-height:1.25}
.mj-how-steps{display:grid;gap:11px}
.mj-how-steps article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:15px;border:1px solid #e8eaed;border-radius:13px;background:#fafafb}
.mj-how-steps article>strong{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f1f2f4;color:#656a71;font-size:14px}
.mj-how-steps h3{margin:0;font-size:17px}
.mj-how-steps p{margin:5px 0 0;color:#70747b;font-size:15px;line-height:1.55}
.mj-how-safety{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:18px;padding:30px;border:1px solid var(--mj-line);border-radius:18px;background:#f8f9fa}
.mj-how-safety-copy h2{margin:0;font-size:28px}
.mj-how-safety-copy p{margin:12px 0 0;color:#686d74;font-size:15px;line-height:1.65}
.mj-how-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mj-how-safety-grid a{display:flex;flex-direction:column;gap:5px;padding:17px;border:1px solid #e1e4e8;border-radius:12px;background:#fff;color:#4e535a;text-decoration:none}
.mj-how-safety-grid strong{font-size:16px}
.mj-how-safety-grid span{color:#777c83;font-size:15px;line-height:1.45}
.mj-how-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:28px 30px;border-radius:18px;background:#17181a;color:#fff}
.mj-how-cta h2{margin:0;font-size:27px}
.mj-how-cta p{margin:8px 0 0;color:#c7c9ce;font-size:15px;line-height:1.55}
.mj-how-cta .mj-how-eyebrow{color:#fff}
.mj-how-cta-actions a{background:transparent;color:#fff;border-color:#555960}
.mj-how-cta-actions a.is-primary{border-color:#fff;background:#fff;color:#17181a}
@media(max-width:900px){
  .mj-how-hero,.mj-how-cta{align-items:flex-start;flex-direction:column}
  .mj-how-switcher,.mj-how-safety{grid-template-columns:1fr}
}
@media(max-width:620px){
  .mj-how-page{width:min(100% - 24px,1180px);margin-top:20px}
  .mj-how-hero,.mj-how-track,.mj-how-safety,.mj-how-cta{padding:20px}
  .mj-how-safety-grid{grid-template-columns:1fr}
  .mj-how-hero-actions,.mj-how-cta-actions{width:100%}
  .mj-how-hero-actions a,.mj-how-cta-actions a{width:100%}
}

/* =========================================================
   6.5.0 — ORDERS FILTERS / ACTIVITY / UNIFIED NATIVE UI
   ========================================================= */
.mj-order-filterbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:12px;border:1px solid #e7e8eb;border-radius:14px;background:#fff}
.mj-order-status-filters{display:flex;flex-wrap:wrap;gap:7px}
.mj-order-status-filters a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid #e3e4e7;border-radius:9px;background:#fff;color:#555a61;text-decoration:none;font-size:15px;font-weight:800}
.mj-order-status-filters a span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#f1f2f4;font-size:13px}
.mj-order-status-filters a.is-active{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff}
.mj-order-status-filters a.is-active span{background:rgba(255,255,255,.18);color:#fff}
.mj-order-search{display:flex;gap:7px;min-width:min(100%,390px)}
.mj-order-search input[type=search]{width:100%;min-height:40px;padding:0 12px;border:1px solid #dfe1e5;border-radius:9px;background:#fff;font-size:15px;outline:none}
.mj-order-search input[type=search]:focus{border-color:var(--mj-accent);box-shadow:0 0 0 3px rgba(126,26,55,.08)}
.mj-order-search button{min-height:40px;padding:0 14px;border:0;border-radius:9px;background:var(--mj-accent);color:#fff;font-size:15px;font-weight:900;cursor:pointer}

.mj-dashboard-activity{margin-top:18px;padding:20px;border:1px solid #e6e8eb;border-radius:16px;background:#fff}
.mj-dashboard-activity-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.mj-dashboard-activity-head h3{margin:0;font-size:21px}
.mj-dashboard-activity-head a{color:var(--mj-accent);font-size:15px;font-weight:900;text-decoration:none}
.mj-dashboard-activity-list{display:grid;gap:8px}
.mj-dashboard-activity-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #eceef0;border-radius:11px;background:#fafafb;color:#4c5158;text-decoration:none}
.mj-dashboard-activity-item:hover{border-color:#d9dce1;background:#fff}
.mj-dashboard-activity-dot{width:9px;height:9px;border-radius:50%;background:#b9bdc3}
.mj-dashboard-activity-item.is-order-buy .mj-dashboard-activity-dot,.mj-dashboard-activity-item.is-order-sell .mj-dashboard-activity-dot{background:var(--mj-accent)}
.mj-dashboard-activity-item.is-message .mj-dashboard-activity-dot{background:#526d93}
.mj-dashboard-activity-item.is-notification .mj-dashboard-activity-dot{background:#a77b2c}
.mj-dashboard-activity-item strong{display:block;font-size:15px}
.mj-dashboard-activity-item p{margin:3px 0 0;color:#73777e;font-size:15px;line-height:1.4}
.mj-dashboard-activity-item time{color:#8c9096;font-size:14px;white-space:nowrap}
.mj-dashboard-activity-empty{padding:18px;border-radius:11px;background:#fafafb;color:#777c83;font-size:15px}

/* Vizuální sjednocení vložených formulářů a starších funkčních částí. */
[class*="mj-"][class*="-page"] input[type="text"],
[class*="mj-"][class*="-page"] input[type="email"],
[class*="mj-"][class*="-page"] input[type="password"],
[class*="mj-"][class*="-page"] input[type="number"],
[class*="mj-"][class*="-page"] input[type="url"],
[class*="mj-"][class*="-page"] input[type="tel"],
[class*="mj-"][class*="-page"] input[type="date"],
[class*="mj-"][class*="-page"] select,
[class*="mj-"][class*="-page"] textarea{font-size:15px!important;border-color:#dfe1e5!important;border-radius:9px!important;box-shadow:none!important}
[class*="mj-"][class*="-page"] input:focus,
[class*="mj-"][class*="-page"] select:focus,
[class*="mj-"][class*="-page"] textarea:focus{border-color:var(--mj-accent)!important;box-shadow:0 0 0 3px rgba(126,26,55,.08)!important;outline:none!important}
[class*="mj-"][class*="-page"] .btn-success,
[class*="mj-"][class*="-page"] .btn-primary,
[class*="mj-"][class*="-page"] .button-primary,
[class*="mj-"][class*="-page"] input[type="submit"],
[class*="mj-"][class*="-page"] button[type="submit"],
[class*="mj-"][class*="-page"] .wpjobster-button,
[class*="mj-"][class*="-page"] .ui.button.primary,
[class*="mj-"][class*="-page"] .ui.button.positive{background:var(--mj-accent)!important;border-color:var(--mj-accent)!important;color:#fff!important;border-radius:9px!important;font-size:15px!important;font-weight:900!important;box-shadow:none!important;text-shadow:none!important}
[class*="mj-"][class*="-page"] .btn-success:hover,
[class*="mj-"][class*="-page"] .btn-primary:hover,
[class*="mj-"][class*="-page"] .button-primary:hover,
[class*="mj-"][class*="-page"] input[type="submit"]:hover,
[class*="mj-"][class*="-page"] button[type="submit"]:hover{filter:brightness(.92)}
[class*="mj-"][class*="-page"] .label-success,
[class*="mj-"][class*="-page"] .badge-success,
[class*="mj-"][class*="-page"] .progress-bar-success,
[class*="mj-"][class*="-page"] .alert-success{border-color:rgba(126,26,55,.18)!important;background:rgba(126,26,55,.08)!important;color:var(--mj-accent)!important}
[class*="mj-"][class*="-page"] .nav-tabs>li.active>a,
[class*="mj-"][class*="-page"] .nav-pills>li.active>a,
[class*="mj-"][class*="-page"] .pagination>.active>a,
[class*="mj-"][class*="-page"] .pagination>.active>span{border-color:var(--mj-accent)!important;background:var(--mj-accent)!important;color:#fff!important}
[class*="mj-"][class*="-page"] a{accent-color:var(--mj-accent)}

@media(max-width:820px){
  .mj-order-filterbar{align-items:stretch;flex-direction:column}
  .mj-order-search{min-width:0;width:100%}
}
@media(max-width:620px){
  .mj-order-status-filters{display:grid;grid-template-columns:1fr 1fr}
  .mj-order-status-filters a{justify-content:space-between}
  .mj-order-search{display:grid;grid-template-columns:1fr auto}
  .mj-dashboard-activity-item{grid-template-columns:10px minmax(0,1fr)}
  .mj-dashboard-activity-item time{grid-column:2}
}


/* =========================================================
   6.6.0 — MESSAGES, SELLER PROFILE & LEGACY UI UNIFICATION
   ========================================================= */

/* Messages overview */
.mj-message-overview{margin:0 0 20px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-message-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.mj-message-overview-head span{display:block;margin-bottom:4px;color:#8b8f96;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mj-message-overview-head h2{margin:0;font-size:22px}
.mj-message-overview-head>strong{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:#fbecef;color:var(--mj-accent);font-size:14px}
.mj-message-thread-list{display:grid;gap:9px}
.mj-message-thread{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid #e8eaed;border-radius:12px;background:#fafafb}
.mj-message-thread.is-unread{border-color:rgba(128,25,48,.2);background:#fff8fa}
.mj-message-thread-user{display:flex;align-items:center;gap:12px;min-width:0}
.mj-message-thread-user img{width:46px;height:46px;flex:0 0 46px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #dddfe3}
.mj-message-thread-user h3{margin:0;font-size:16px}
.mj-message-thread-user p{margin:4px 0 0;color:#70747b;font-size:15px;line-height:1.45}
.mj-message-thread-meta{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:5px;color:#8b8f96;font-size:13px}
.mj-message-thread-meta b{color:var(--mj-accent);font-size:13px}
@media(max-width:680px){
  .mj-message-thread{align-items:flex-start;flex-direction:column}
  .mj-message-thread-meta{align-items:flex-start}
}

/* Seller profile health */
.mj-seller-health{margin:0 0 20px;padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff;font-size:15px}
.mj-seller-health-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.mj-seller-health-head span{display:block;margin-bottom:4px;color:#8b8f96;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mj-seller-health-head h2{margin:0;font-size:22px}
.mj-seller-health-head>strong{font-size:24px;color:var(--mj-accent)}
.mj-seller-health-bar{height:9px;margin:16px 0;border-radius:999px;background:#eceef1;overflow:hidden}
.mj-seller-health-bar i{display:block;height:100%;border-radius:inherit;background:var(--mj-accent)}
.mj-seller-health-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.mj-seller-health-items>div{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #e7e9ec;border-radius:10px;background:#fafafb}
.mj-seller-health-items>div>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#eceef1;color:#777;font-size:13px;font-weight:900}
.mj-seller-health-items>div.is-done>span{background:#f7e8ec;color:var(--mj-accent)}
.mj-seller-health-items p{margin:0;font-size:14px;line-height:1.35}
@media(max-width:900px){.mj-seller-health-items{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mj-seller-health-items{grid-template-columns:1fr}}

/* Legacy marketplace / addon visual normalization */
body .wpj-ui,
body .wpjobster,
body .wpjobster-wrap,
body .wpjobster-wrapper,
body .jobster-page,
body .account-segregation,
body .milestones-wrapper,
body .discounts-wrapper,
body .support-center-wrapper,
body .request-notifications-wrapper{
    font-size:15px;
    color:#3f4349;
}
body .wpj-ui input:not([type="checkbox"]):not([type="radio"]),
body .wpj-ui select,
body .wpj-ui textarea,
body .wpjobster input:not([type="checkbox"]):not([type="radio"]),
body .wpjobster select,
body .wpjobster textarea,
body .wpjobster-wrap input:not([type="checkbox"]):not([type="radio"]),
body .wpjobster-wrap select,
body .wpjobster-wrap textarea,
body .jobster-page input:not([type="checkbox"]):not([type="radio"]),
body .jobster-page select,
body .jobster-page textarea{
    min-height:46px;
    border:1px solid #dfe2e6!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#373b40!important;
    font-size:15px!important;
    box-shadow:none!important;
}
body .wpj-ui textarea,
body .wpjobster textarea,
body .wpjobster-wrap textarea,
body .jobster-page textarea{min-height:120px}
body .wpj-ui input:focus,
body .wpj-ui select:focus,
body .wpj-ui textarea:focus,
body .wpjobster input:focus,
body .wpjobster select:focus,
body .wpjobster textarea:focus,
body .wpjobster-wrap input:focus,
body .wpjobster-wrap select:focus,
body .wpjobster-wrap textarea:focus,
body .jobster-page input:focus,
body .jobster-page select:focus,
body .jobster-page textarea:focus{
    border-color:var(--mj-accent)!important;
    outline:none!important;
    box-shadow:0 0 0 3px rgba(128,25,48,.08)!important;
}
body .wpj-ui button,
body .wpj-ui input[type="submit"],
body .wpj-ui .button,
body .wpjobster button,
body .wpjobster input[type="submit"],
body .wpjobster .button,
body .wpjobster-wrap button,
body .wpjobster-wrap input[type="submit"],
body .wpjobster-wrap .button,
body .jobster-page button,
body .jobster-page input[type="submit"],
body .jobster-page .button,
body a.green_btn,
body a.btn.green,
body .ui.green.button{
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:9px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:42px!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
body .wpj-ui button:hover,
body .wpj-ui input[type="submit"]:hover,
body .wpjobster button:hover,
body .wpjobster input[type="submit"]:hover,
body .wpjobster-wrap button:hover,
body .jobster-page button:hover,
body .jobster-page input[type="submit"]:hover,
body a.green_btn:hover,
body a.btn.green:hover,
body .ui.green.button:hover{
    filter:brightness(.92);
}
body .wpj-ui .active,
body .wpjobster .active,
body .wpjobster-wrap .active,
body .jobster-page .active{
    border-color:var(--mj-accent);
}
body .wpj-ui a,
body .wpjobster a,
body .wpjobster-wrap a,
body .jobster-page a{color:var(--mj-accent)}
body .wpj-ui table,
body .wpjobster table,
body .wpjobster-wrap table,
body .jobster-page table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border:1px solid #e4e6e9;
    border-radius:12px;
    background:#fff;
    font-size:15px;
}
body .wpj-ui th,
body .wpjobster th,
body .wpjobster-wrap th,
body .jobster-page th{
    padding:12px 14px!important;
    background:#f6f7f8!important;
    color:#4b4f55!important;
    font-size:14px!important;
    font-weight:900!important;
}
body .wpj-ui td,
body .wpjobster td,
body .wpjobster-wrap td,
body .jobster-page td{
    padding:12px 14px!important;
    border-top:1px solid #eceef0!important;
    font-size:15px!important;
}
body .wpj-ui .message,
body .wpjobster .message,
body .wpjobster-wrap .message,
body .jobster-page .message,
body .wpj-ui .notice,
body .wpjobster .notice{
    padding:13px 15px!important;
    border:1px solid #e4e6e9!important;
    border-left:4px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:#fafafb!important;
    color:#50545a!important;
    font-size:15px!important;
}
body .wpj-ui .ui.green.label,
body .wpjobster .green,
body .wpjobster-wrap .green,
body .jobster-page .green{
    background:var(--mj-accent)!important;
    color:#fff!important;
}


/* =========================================================
   6.7.0 — PUBLIC SELLER PROFILE / ORDER MESSAGES / MOBILE
   ========================================================= */

.mj-seller-public-head{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-bottom:20px;padding:26px;border:1px solid var(--mj-line);border-radius:18px;background:#fff;font-size:15px}
.mj-seller-public-main{display:flex;align-items:flex-start;gap:20px;min-width:0}
.mj-seller-public-avatar{width:112px;height:112px;flex:0 0 112px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 1px #dfe1e5}
.mj-seller-public-copy{min-width:0}
.mj-seller-public-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.mj-seller-public-name-row h1{margin:0;font-size:31px;line-height:1.15}
.mj-seller-public-badges{display:flex;align-items:center;gap:5px}
.mj-seller-public-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;color:#7b7f86;font-size:15px}
.mj-seller-public-bio{max-width:760px;margin:14px 0 0;color:#5f646b;font-size:15px;line-height:1.65}
.mj-seller-public-side{display:flex;flex-direction:column;gap:14px}
.mj-seller-public-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mj-seller-public-stats>div{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid #e7e9ec;border-radius:11px;background:#fafafb}
.mj-seller-public-stats strong{font-size:21px}
.mj-seller-public-stats span{color:#7b7f86;font-size:14px}
.mj-seller-public-contact{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;background:var(--mj-accent);color:#fff!important;text-decoration:none;font-size:15px;font-weight:900}

.mj-seller-services{margin-top:20px;padding:24px;border:1px solid var(--mj-line);border-radius:18px;background:#fff}
.mj-seller-section-head span{display:block;margin-bottom:4px;color:#8a8e95;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mj-seller-section-head h2{margin:0 0 17px;font-size:24px}
.mj-seller-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mj-seller-service-card{overflow:hidden;border:1px solid #e6e8eb;border-radius:14px;background:#fff}
.mj-seller-service-image{display:block;aspect-ratio:16/10;background:#f1f2f4;overflow:hidden}
.mj-seller-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.mj-seller-service-card:hover .mj-seller-service-image img{transform:scale(1.02)}
.mj-seller-service-body{padding:14px}
.mj-seller-service-rating{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.mj-seller-service-rating span{font-size:14px;font-weight:900}
.mj-seller-service-rating small{color:#8a8e95;font-size:13px}
.mj-seller-service-body h3{margin:0;font-size:17px;line-height:1.4}
.mj-seller-service-body h3 a{color:#30343a;text-decoration:none}
.mj-seller-service-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #eceef0}
.mj-seller-service-foot span{color:#8a8e95;font-size:13px}
.mj-seller-service-foot strong{font-size:17px}

.mj-order-message-context{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:18px 20px;border:1px solid #e4e6e9;border-radius:14px;background:#fff;font-size:15px}
.mj-order-message-user{display:flex;align-items:center;gap:13px;min-width:0}
.mj-order-message-user img{width:50px;height:50px;flex:0 0 50px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #dfe1e5}
.mj-order-message-user span{display:block;color:#8b8f96;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.mj-order-message-user h2{margin:2px 0 0;font-size:18px}
.mj-order-message-user p{margin:4px 0 0;color:#70747b;font-size:15px}
.mj-order-message-context>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:9px;background:var(--mj-accent);color:#fff!important;text-decoration:none;font-size:15px;font-weight:900;white-space:nowrap}

/* Account-wide responsive cleanup */
@media(max-width:980px){
  .mj-seller-public-head{grid-template-columns:1fr}
  .mj-seller-public-side{max-width:none}
  .mj-seller-services-grid{grid-template-columns:1fr 1fr}
  .mj-account-grid,
  .mj-dashboard-grid,
  .mj-orders-layout,
  .mj-profile-layout{grid-template-columns:1fr!important}
  .mj-account-sidebar,
  .mj-dashboard-sidebar,
  .mj-orders-sidebar{position:static!important;width:auto!important}
}

@media(max-width:680px){
  .mj-seller-public-head{padding:20px}
  .mj-seller-public-main{flex-direction:column}
  .mj-seller-public-avatar{width:92px;height:92px;flex-basis:92px}
  .mj-seller-public-name-row h1{font-size:27px}
  .mj-seller-public-stats{grid-template-columns:1fr 1fr}
  .mj-seller-services{padding:18px}
  .mj-seller-services-grid{grid-template-columns:1fr}
  .mj-order-message-context{align-items:flex-start;flex-direction:column}
  .mj-order-message-context>a{width:100%}

  body .wpj-ui table,
  body .wpjobster table,
  body .wpjobster-wrap table,
  body .jobster-page table{
      display:block;
      width:100%;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      white-space:nowrap;
  }

  body .wpj-ui input:not([type="checkbox"]):not([type="radio"]),
  body .wpj-ui select,
  body .wpj-ui textarea,
  body .wpjobster input:not([type="checkbox"]):not([type="radio"]),
  body .wpjobster select,
  body .wpjobster textarea,
  body .wpjobster-wrap input:not([type="checkbox"]):not([type="radio"]),
  body .wpjobster-wrap select,
  body .wpjobster-wrap textarea,
  body .jobster-page input:not([type="checkbox"]):not([type="radio"]),
  body .jobster-page select,
  body .jobster-page textarea{
      width:100%!important;
      max-width:100%!important;
      font-size:16px!important;
  }

  body .wpj-ui button,
  body .wpj-ui input[type="submit"],
  body .wpj-ui .button,
  body .wpjobster button,
  body .wpjobster input[type="submit"],
  body .wpjobster .button,
  body .wpjobster-wrap button,
  body .wpjobster-wrap input[type="submit"],
  body .wpjobster-wrap .button,
  body .jobster-page button,
  body .jobster-page input[type="submit"],
  body .jobster-page .button{
      width:100%;
      max-width:100%;
      min-height:46px!important;
      white-space:normal!important;
      line-height:1.25!important;
      padding:12px 16px!important;
  }
}

/* Prevent legacy green emphasis leaking through */
body .wpj-ui [style*="green"],
body .wpjobster [style*="green"],
body .wpjobster-wrap [style*="green"],
body .jobster-page [style*="green"]{
    border-color:var(--mj-accent)!important;
}


/* =========================================================
   6.8.0 — ORDERS BY ROLE / ACCOUNT NAV / FORM UNIFICATION
   ========================================================= */

.mj-account-nav{
    margin:0 0 18px;
    border:1px solid #e4e6e9;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.mj-account-nav-scroll{
    display:flex;
    align-items:center;
    gap:4px;
    padding:6px;
    overflow-x:auto;
    scrollbar-width:thin;
}
.mj-account-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 13px;
    border-radius:9px;
    color:#5c6168;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
    white-space:nowrap;
}
.mj-account-nav a:hover{background:#f7f8f9;color:var(--mj-accent)}
.mj-account-nav a.is-active{background:var(--mj-accent);color:#fff}

.mj-orders-workspace{
    margin:0 0 20px;
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
    font-size:15px;
}
.mj-orders-workspace-head span{
    display:block;
    margin-bottom:4px;
    color:#8b8f96;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-orders-workspace-head h2{margin:0;font-size:23px}
.mj-orders-workspace-head p{margin:7px 0 0;color:#71767d;font-size:15px}
.mj-order-role-tabs{
    display:flex;
    align-items:center;
    gap:7px;
    margin:17px 0;
    overflow-x:auto;
    padding-bottom:2px;
}
.mj-order-role-tabs button{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:39px;
    padding:0 12px;
    border:1px solid #e1e4e7;
    border-radius:999px;
    background:#fff;
    color:#62676e;
    font:inherit;
    font-size:14px;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
}
.mj-order-role-tabs button b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    background:#f0f1f3;
    font-size:12px;
}
.mj-order-role-tabs button.is-active{
    border-color:var(--mj-accent);
    background:var(--mj-accent);
    color:#fff;
}
.mj-order-role-tabs button.is-active b{
    background:rgba(255,255,255,.17);
    color:#fff;
}
.mj-order-role-list{display:grid;gap:10px}
.mj-order-role-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:15px 16px;
    border:1px solid #e7e9ec;
    border-radius:12px;
    background:#fafafb;
}
.mj-order-role-main{min-width:0}
.mj-order-role-topline{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.mj-order-role-badge,
.mj-order-state{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 8px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}
.mj-order-role-badge.buyer{background:#f0f3f7;color:#4d5969}
.mj-order-role-badge.seller{background:#f7e9ed;color:var(--mj-accent)}
.mj-order-state.is-active{background:#eef4ff;color:#405c82}
.mj-order-state.is-attention{background:#fff4df;color:#7b5714}
.mj-order-state.is-pending{background:#f3f0ff;color:#5f4a87}
.mj-order-state.is-completed{background:#f7edf1;color:#7c1731}
.mj-order-state.is-cancelled{background:#f3f3f4;color:#6a6d72}
.mj-order-role-card h3{margin:0;font-size:17px;line-height:1.4}
.mj-order-role-card h3 a{color:#30343a;text-decoration:none}
.mj-order-role-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:6px;color:#858990;font-size:13px}
.mj-order-role-side{
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:flex-end;
    gap:7px;
}
.mj-order-role-side strong{font-size:18px}
.mj-order-role-side a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 11px;
    border-radius:8px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}

.mj-message-orders{
    margin:0 0 20px;
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}
.mj-message-orders-head span{
    display:block;
    margin-bottom:4px;
    color:#8b8f96;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-message-orders-head h2{margin:0 0 15px;font-size:22px}
.mj-message-orders-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}
.mj-message-order-card{
    display:flex;
    align-items:center;
    gap:11px;
    padding:12px;
    border:1px solid #e7e9ec;
    border-radius:11px;
    background:#fafafb;
    text-decoration:none!important;
}
.mj-message-order-card:hover{border-color:rgba(128,25,48,.22);background:#fff8fa}
.mj-message-order-card img{
    width:43px;
    height:43px;
    flex:0 0 43px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
    box-shadow:0 0 0 1px #dfe1e5;
}
.mj-message-order-card>div{min-width:0}
.mj-message-order-card span{
    display:block;
    color:#8b8f96;
    font-size:12px;
    font-weight:800;
}
.mj-message-order-card strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:#30343a;
    font-size:14px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-message-order-card small{
    display:block;
    margin-top:3px;
    color:#747981;
    font-size:12px;
}

/* Unified create/edit forms — service and request */
body .mj-post-job-page,
body .mj-edit-job-page,
body .mj-post-request-page,
body .mj-edit-request-page{
    font-size:15px;
}
body .mj-post-job-page form,
body .mj-edit-job-page form,
body .mj-post-request-page form,
body .mj-edit-request-page form,
body .mj-post-job-page .wpj-ui,
body .mj-edit-job-page .wpj-ui,
body .mj-post-request-page .wpj-ui,
body .mj-edit-request-page .wpj-ui{
    border-radius:16px!important;
}
body .mj-post-job-page label,
body .mj-edit-job-page label,
body .mj-post-request-page label,
body .mj-edit-request-page label{
    color:#3c4046!important;
    font-size:15px!important;
    font-weight:800!important;
}
body .mj-post-job-page .field,
body .mj-edit-job-page .field,
body .mj-post-request-page .field,
body .mj-edit-request-page .field,
body .mj-post-job-page .form-group,
body .mj-edit-job-page .form-group,
body .mj-post-request-page .form-group,
body .mj-edit-request-page .form-group{
    margin-bottom:16px!important;
}
body .mj-post-job-page input:not([type="checkbox"]):not([type="radio"]),
body .mj-edit-job-page input:not([type="checkbox"]):not([type="radio"]),
body .mj-post-request-page input:not([type="checkbox"]):not([type="radio"]),
body .mj-edit-request-page input:not([type="checkbox"]):not([type="radio"]),
body .mj-post-job-page select,
body .mj-edit-job-page select,
body .mj-post-request-page select,
body .mj-edit-request-page select,
body .mj-post-job-page textarea,
body .mj-edit-job-page textarea,
body .mj-post-request-page textarea,
body .mj-edit-request-page textarea{
    min-height:48px!important;
    border:1px solid #dfe2e6!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#373b40!important;
    font-size:15px!important;
    box-shadow:none!important;
}
body .mj-post-job-page textarea,
body .mj-edit-job-page textarea,
body .mj-post-request-page textarea,
body .mj-edit-request-page textarea{
    min-height:130px!important;
}
body .mj-post-job-page input:focus,
body .mj-edit-job-page input:focus,
body .mj-post-request-page input:focus,
body .mj-edit-request-page input:focus,
body .mj-post-job-page select:focus,
body .mj-edit-job-page select:focus,
body .mj-post-request-page select:focus,
body .mj-edit-request-page select:focus,
body .mj-post-job-page textarea:focus,
body .mj-edit-job-page textarea:focus,
body .mj-post-request-page textarea:focus,
body .mj-edit-request-page textarea:focus{
    border-color:var(--mj-accent)!important;
    outline:none!important;
    box-shadow:0 0 0 3px rgba(128,25,48,.08)!important;
}
body .mj-post-job-page button,
body .mj-edit-job-page button,
body .mj-post-request-page button,
body .mj-edit-request-page button,
body .mj-post-job-page input[type="submit"],
body .mj-edit-job-page input[type="submit"],
body .mj-post-request-page input[type="submit"],
body .mj-edit-request-page input[type="submit"]{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
}

/* Mobile account polish */
@media(max-width:760px){
    .mj-account-nav-scroll{padding:5px}
    .mj-account-nav a{min-height:38px;padding:0 11px;font-size:14px}
    .mj-orders-workspace{padding:18px}
    .mj-order-role-card{align-items:flex-start;flex-direction:column}
    .mj-order-role-side{width:100%;align-items:stretch}
    .mj-order-role-side a{width:100%;min-height:40px}
    .mj-message-orders-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
    .mj-order-role-tabs{margin-left:-2px;margin-right:-2px}
    .mj-message-order-card strong{white-space:normal}
}


/* =========================================================
   6.9.0 — DASHBOARD / NOTIFICATIONS / CHECKOUT / FINANCE
   ========================================================= */

.mj-account-nav a b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    margin-left:6px;
    padding:0 5px;
    border-radius:999px;
    background:#eef0f2;
    color:#666b72;
    font-size:11px;
    font-weight:900;
}
.mj-account-nav a.is-active b{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.mj-dashboard-overview{
    margin:0 0 20px;
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
    font-size:15px;
}
.mj-dashboard-overview-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.mj-dashboard-overview-head span{
    display:block;
    margin-bottom:4px;
    color:#8b8f96;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-dashboard-overview-head h2{margin:0;font-size:23px}
.mj-dashboard-overview-head>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:41px;
    padding:0 14px;
    border-radius:9px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
}
.mj-dashboard-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
}
.mj-dashboard-kpis>a{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:16px;
    border:1px solid #e6e8eb;
    border-radius:12px;
    background:#fafafb;
    text-decoration:none!important;
}
.mj-dashboard-kpis>a:hover{
    border-color:rgba(128,25,48,.18);
    background:#fff8fa;
}
.mj-dashboard-kpis strong{
    color:#2f3338;
    font-size:26px;
    line-height:1;
}
.mj-dashboard-kpis span{
    color:#747980;
    font-size:14px;
}
.mj-dashboard-split{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:10px;
}
.mj-dashboard-split>div{
    padding:14px 16px;
    border-radius:11px;
    background:#f5f6f7;
}
.mj-dashboard-split span{
    display:block;
    color:#82868d;
    font-size:13px;
    font-weight:800;
}
.mj-dashboard-split strong{
    display:block;
    margin-top:3px;
    font-size:21px;
}
.mj-dashboard-split p{
    margin:2px 0 0;
    color:#858990;
    font-size:13px;
}

.mj-notifications-summary{
    margin:0 0 20px;
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}
.mj-notifications-summary>div:first-child span{
    display:block;
    margin-bottom:4px;
    color:#8b8f96;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-notifications-summary h2{
    margin:0 0 16px;
    font-size:22px;
}
.mj-notifications-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.mj-notifications-summary-grid>a,
.mj-notifications-summary-grid>div{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:14px;
    border:1px solid #e7e9ec;
    border-radius:11px;
    background:#fafafb;
    text-decoration:none!important;
}
.mj-notifications-summary-grid strong{
    color:#30343a;
    font-size:22px;
}
.mj-notifications-summary-grid span{
    color:#767b82;
    font-size:14px;
}

/* Checkout + finance normalization */
body .mj-checkout-page,
body .mj-finances-page,
body .mj-order-detail-page{
    font-size:15px;
}
body .mj-checkout-page .wpj-ui,
body .mj-checkout-page .wpjobster,
body .mj-checkout-page .jobster-page,
body .mj-finances-page .wpj-ui,
body .mj-finances-page .wpjobster,
body .mj-finances-page .jobster-page{
    border-radius:16px!important;
}
body .mj-checkout-page .segment,
body .mj-finances-page .segment,
body .mj-checkout-page .box,
body .mj-finances-page .box,
body .mj-checkout-page .content-box,
body .mj-finances-page .content-box{
    border:1px solid #e4e6e9!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
}
body .mj-checkout-page .green,
body .mj-finances-page .green,
body .mj-checkout-page .positive,
body .mj-finances-page .positive{
    border-color:var(--mj-accent)!important;
}
body .mj-checkout-page .ui.button,
body .mj-finances-page .ui.button,
body .mj-checkout-page .button,
body .mj-finances-page .button{
    border-radius:9px!important;
    font-size:15px!important;
    font-weight:800!important;
}
body .mj-checkout-page .ui.primary.button,
body .mj-finances-page .ui.primary.button,
body .mj-checkout-page .ui.green.button,
body .mj-finances-page .ui.green.button{
    background:var(--mj-accent)!important;
    color:#fff!important;
}
body .mj-checkout-page .ui.label,
body .mj-finances-page .ui.label{
    border-radius:999px!important;
}
body .mj-checkout-page .ui.table,
body .mj-finances-page .ui.table{
    border:1px solid #e4e6e9!important;
    border-radius:12px!important;
    overflow:hidden;
}
body .mj-checkout-page .ui.table thead th,
body .mj-finances-page .ui.table thead th{
    background:#f5f6f7!important;
    color:#4a4f56!important;
    font-size:14px!important;
}
body .mj-checkout-page .ui.message,
body .mj-finances-page .ui.message{
    border-left:4px solid var(--mj-accent)!important;
    background:#fafafb!important;
    box-shadow:none!important;
    color:#4f545b!important;
}

/* Remove legacy green in common semantic-ui pieces */
body .ui.green.button,
body .ui.green.buttons .button,
body .ui.green.label,
body .ui.green.labels .label,
body .ui.positive.button{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
    color:#fff!important;
}
body .ui.green.basic.button,
body .ui.green.basic.buttons .button{
    background:#fff!important;
    border-color:var(--mj-accent)!important;
    color:var(--mj-accent)!important;
    box-shadow:0 0 0 1px var(--mj-accent) inset!important;
}
body .ui.green.header,
body .ui.green.text{
    color:var(--mj-accent)!important;
}

@media(max-width:900px){
    .mj-dashboard-kpis,
    .mj-dashboard-split,
    .mj-notifications-summary-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:560px){
    .mj-dashboard-overview,
    .mj-notifications-summary{padding:18px}
    .mj-dashboard-overview-head{flex-direction:column}
    .mj-dashboard-overview-head>a{width:100%}
    .mj-dashboard-kpis,
    .mj-dashboard-split,
    .mj-notifications-summary-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   7.0.0 — ORDER ACTION CENTER / RESOURCES / FINAL WORKFLOW
   ========================================================= */

.mj-order-action-center,
.mj-order-resources{
    margin-top:14px;
    padding:22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
    font-size:15px;
}
.mj-order-action-center-head span,
.mj-order-resources-head span{
    display:block;
    margin-bottom:4px;
    color:#8b8f96;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-order-action-center-head h2,
.mj-order-resources-head h2{
    margin:0 0 16px;
    font-size:22px;
}
.mj-order-action-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.mj-order-action-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:16px;
    min-height:170px;
    padding:16px;
    border:1px solid #e5e7ea;
    border-radius:12px;
    background:#fafafb;
}
.mj-order-action-card.is-accent{
    border-color:rgba(128,25,48,.16);
    background:#fff8fa;
}
.mj-order-action-card.is-warning{
    background:#fffaf2;
}
.mj-order-action-card h3{
    margin:0;
    font-size:17px;
}
.mj-order-action-card p{
    margin:7px 0 0;
    color:#6e737a;
    font-size:15px;
    line-height:1.55;
}
.mj-order-action-links{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.mj-order-action-links a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 11px;
    border-radius:8px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.mj-order-action-links a.is-secondary{
    border:1px solid #dfe2e6;
    background:#fff;
    color:#535860!important;
}

.mj-order-resource-links{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.mj-order-resource-links a{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:14px;
    border:1px solid #e6e8eb;
    border-radius:11px;
    background:#fafafb;
    text-decoration:none!important;
}
.mj-order-resource-links a:hover{
    border-color:rgba(128,25,48,.18);
    background:#fff8fa;
}
.mj-order-resource-links strong{
    color:#30343a;
    font-size:15px;
}
.mj-order-resource-links span{
    color:#777c83;
    font-size:13px;
    line-height:1.4;
}

.mj-admin-health{
    margin:14px 0;
    padding:18px 20px;
    border:1px solid #dfe2e6;
    border-radius:12px;
    background:#fff;
}
.mj-admin-health span{
    display:block;
    color:#8b8f96;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-admin-health h2{
    margin:3px 0 0;
    font-size:18px;
}
.mj-admin-health p{
    margin:7px 0 0;
    color:#6e737a;
    font-size:14px;
}

@media(max-width:850px){
    .mj-order-action-grid{grid-template-columns:1fr}
    .mj-order-resource-links{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .mj-order-action-center,
    .mj-order-resources{padding:18px}
    .mj-order-resource-links{grid-template-columns:1fr}
    .mj-order-action-links a{width:100%}
}

/* Final visual pass for delivery / review / payment / attachments / timeline */
.mj-order-delivery,
.mj-order-review,
.mj-order-payment,
.mj-order-files,
.mj-order-attachments,
.mj-order-timeline,
.mj-order-milestones{
    border-color:#e4e6e9!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.mj-order-delivery h2,
.mj-order-review h2,
.mj-order-payment h2,
.mj-order-timeline h2,
.mj-order-milestones h2{
    font-size:20px!important;
}
.mj-order-delivery,
.mj-order-review,
.mj-order-payment,
.mj-order-files,
.mj-order-attachments,
.mj-order-timeline,
.mj-order-milestones,
.mj-order-delivery p,
.mj-order-review p,
.mj-order-payment p,
.mj-order-files p,
.mj-order-attachments p,
.mj-order-timeline p,
.mj-order-milestones p{
    font-size:15px!important;
}


/* =========================================================
   7.2.0 — SETTINGS CLEANUP / FRONTEND NAVIGATION
   ========================================================= */

/* Account settings: cleaner sections without redundant subtitles */
.mj-account-settings-page .mj-section-kicker,
.mj-account-settings-page .mj-section-eyebrow,
.mj-settings-page .mj-section-kicker,
.mj-settings-page .mj-section-eyebrow{
    display:none!important;
}
.mj-account-settings-page .mj-settings-section,
.mj-settings-page .mj-settings-section{
    padding-top:0;
}
.mj-account-settings-page .mj-settings-section + .mj-settings-section,
.mj-settings-page .mj-settings-section + .mj-settings-section{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #eceef0;
}


/* =========================================================
   7.3.0 — ORDER FLOW / FRONTEND ROUTING
   ========================================================= */

.mj-order-process{
    margin:0 0 14px;
    padding:20px 22px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}
.mj-order-process-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:17px;
}
.mj-order-process-head span{
    display:block;
    margin-bottom:3px;
    color:#8b8f96;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mj-order-process-head h2{
    margin:0;
    font-size:21px;
}
.mj-order-process-head>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:39px;
    padding:0 12px;
    border-radius:8px;
    background:#fff;
    border:1px solid #dfe2e6;
    color:#4d5259!important;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
}
.mj-order-process-steps{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:7px;
}
.mj-order-process-step{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    padding:10px;
    border-radius:10px;
    background:#f4f5f6;
    color:#8a8f96;
}
.mj-order-process-step i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 25px;
    width:25px;
    height:25px;
    border-radius:50%;
    background:#e3e5e8;
    color:#71767d;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}
.mj-order-process-step span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    font-weight:800;
}
.mj-order-process-step.is-done{
    background:#f9f0f3;
    color:#6e2436;
}
.mj-order-process-step.is-done i,
.mj-order-process-step.is-current i{
    background:var(--mj-accent);
    color:#fff;
}
.mj-order-process-step.is-current{
    background:#fff6f8;
    box-shadow:inset 0 0 0 1px rgba(128,25,48,.14);
    color:#4e202c;
}

@media(max-width:900px){
    .mj-order-process-steps{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:560px){
    .mj-order-process{padding:18px}
    .mj-order-process-head{flex-direction:column}
    .mj-order-process-head>a{width:100%}
    .mj-order-process-steps{grid-template-columns:1fr 1fr}
}


/* =========================================================
   7.4.0 — GLOBAL CLEANUP: DECORATIVE SUBHEADINGS OFF
   ========================================================= */

/* Na celém frontendu skrýváme pouze dekorativní eyebrow/kicker prvky.
   H1/H2/H3 struktura zůstává zachovaná. */
[class*="mj-"] .mj-eyebrow,
[class*="mj-"] .mj-kicker,
[class*="mj-"] .mj-overline,
[class*="mj-"] .mj-pretitle,
[class*="mj-"] .mj-section-label,
[class*="mj-"] .mj-section-kicker,
[class*="mj-"] .mj-section-eyebrow,
[class*="mj-"] [class$="-eyebrow"],
[class*="mj-"] [class$="-kicker"],
[class*="mj-"] [class$="-overline"]{
    display:none!important;
}

/* Po odstranění eyebrow prvků zmenšíme horní mezery */
[class*="mj-"] h1:first-child,
[class*="mj-"] h2:first-child,
[class*="mj-"] h3:first-child{
    margin-top:0;
}


/* =========================================================
   7.5.0 — ROLE-AWARE ORDER WORKFLOW
   ========================================================= */
.mj-order-next-role{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    margin:0 0 18px;
    padding:20px 22px;
    border:1px solid #e4d7db;
    border-left:4px solid var(--mj-accent);
    border-radius:14px;
    background:#fffafb;
}
.mj-order-next-role h2{
    margin:0 0 5px;
    font-size:20px;
    line-height:1.25;
}
.mj-order-next-role p{
    margin:0;
    color:#666b72;
    font-size:15px;
    line-height:1.55;
}
.mj-order-next-role>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:44px;
    padding:0 17px;
    border-radius:9px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:900;
}
@media(max-width:700px){
    .mj-order-next-role{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-next-role>a{width:100%}
}


/* =========================================================
   7.6.0 — FRONTEND MESSAGE THREADS
   ========================================================= */
.mj-message-context-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 14px;
    padding:18px 20px;
    border:1px solid #e3e5e8;
    border-radius:14px;
    background:#fff;
}
.mj-message-context-user{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
}
.mj-message-context-user img{
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:50%;
    object-fit:cover;
}
.mj-message-context-user h2{
    margin:0 0 4px;
    font-size:20px;
}
.mj-message-context-user p{
    margin:0;
    color:#71767d;
    font-size:14px;
}
.mj-message-context-actions{
    display:flex;
    align-items:center;
    gap:8px;
}
.mj-message-context-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border:1px solid #dfe2e6;
    border-radius:9px;
    background:#fff;
    color:#4d5259!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:800;
}
.mj-message-context-actions a.is-primary{
    border-color:var(--mj-accent);
    background:var(--mj-accent);
    color:#fff!important;
}
.mj-live-thread{
    padding:20px;
    border:1px solid #e3e5e8;
    border-radius:14px;
    background:#f7f8f9;
}
.mj-live-thread-list{
    display:flex;
    flex-direction:column;
    gap:11px;
}
.mj-live-message{
    max-width:78%;
    padding:12px 14px;
    border:1px solid #e0e2e5;
    border-radius:12px 12px 12px 4px;
    background:#fff;
}
.mj-live-message.is-mine{
    align-self:flex-end;
    border-color:#ead7dd;
    border-radius:12px 12px 4px 12px;
    background:#fff7f9;
}
.mj-live-message-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:6px;
}
.mj-live-message-meta strong{
    font-size:13px;
}
.mj-live-message-meta span{
    color:#969aa0;
    font-size:12px;
}
.mj-live-message-body,
.mj-live-message-body p{
    margin:0;
    font-size:15px;
    line-height:1.55;
}
.mj-live-thread-empty{
    padding:20px;
    text-align:center;
}
.mj-live-thread-empty p{
    margin:5px 0 0;
    color:#777c82;
}
@media(max-width:720px){
    .mj-message-context-head{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-message-context-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .mj-live-message{
        max-width:92%;
    }
}


/* =========================================================
   7.7.0 — DIRECT FRONTEND MESSAGE SENDING
   ========================================================= */

.mj-message-notice{
    width:min(1180px,calc(100% - 40px));
    margin:14px auto 0;
    padding:12px 15px;
    border-radius:10px;
    font-size:14px;
    font-weight:800;
}
.mj-message-notice.is-success{
    border:1px solid #e6ccd3;
    background:#faf7f8;
    color:#7c1731;
}
.mj-message-notice.is-error{
    border:1px solid #eed1d5;
    background:#fff7f8;
    color:#842d3d;
}
.mj-message-compose{
    margin-top:14px;
    padding:18px 20px;
    border:1px solid #e3e5e8;
    border-radius:14px;
    background:#fff;
}
.mj-message-compose form{
    margin:0;
}
.mj-message-compose label{
    display:block;
    margin:0 0 8px;
    color:#25282c;
    font-size:15px;
    font-weight:900;
}
.mj-message-compose textarea{
    display:block;
    width:100%;
    min-height:126px;
    resize:vertical;
    padding:13px 14px;
    border:1px solid #d8dce1;
    border-radius:10px;
    background:#fff;
    color:#272a2f;
    font:inherit;
    font-size:15px;
    line-height:1.55;
    outline:none;
}
.mj-message-compose textarea:focus{
    border-color:var(--mj-accent);
    box-shadow:0 0 0 3px rgba(128,25,48,.08);
}
.mj-message-compose-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:10px;
}
.mj-message-compose-bottom span{
    color:#858a90;
    font-size:13px;
}
.mj-message-compose button,
.mj-message-compose-bottom a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    background:var(--mj-accent);
    color:#fff!important;
    text-decoration:none!important;
    font:inherit;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
}
@media(max-width:620px){
    .mj-message-compose-bottom{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-message-compose button,
    .mj-message-compose-bottom a{
        width:100%;
    }
}
\n/* 7.8.0 — historické WPJobster konverzace */\n.mj-message-thread-meta span+span{padding-left:8px;border-left:1px solid #e2e4e7}\n

/* =========================================================
   7.9.0 — STABILNÍ INBOX / KLIKACÍ KONVERZACE
   ========================================================= */

.mj-inbox-thread-list{
    display:grid;
    gap:8px;
    width:100%;
}
.mj-inbox-thread-card{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 30px;
    align-items:center;
    gap:14px;
    width:100%;
    min-height:92px;
    padding:14px 16px;
    border:1px solid #e2e5e9;
    border-radius:12px;
    background:#fff;
    color:#25282c!important;
    text-decoration:none!important;
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.mj-inbox-thread-card:hover{
    border-color:#d6bcc4;
    box-shadow:0 7px 22px rgba(25,30,38,.06);
    transform:translateY(-1px);
}
.mj-inbox-thread-card.is-unread{
    border-left:4px solid var(--mj-accent);
    background:#fff9fb;
}
.mj-inbox-thread-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    overflow:hidden;
    border-radius:50%;
    background:#f0f1f3;
}
.mj-inbox-thread-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.mj-inbox-thread-avatar>span{
    font-size:23px;
    font-weight:900;
}
.mj-inbox-thread-main{
    display:block;
    min-width:0;
}
.mj-inbox-thread-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}
.mj-inbox-thread-top strong{
    overflow:hidden;
    color:#25282c;
    font-size:16px;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-inbox-thread-top time{
    flex:0 0 auto;
    color:#94989f;
    font-size:12px;
}
.mj-inbox-thread-preview{
    display:block;
    overflow:hidden;
    margin-top:4px;
    color:#666b72;
    font-size:14px;
    line-height:1.45;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-inbox-thread-bottom{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:6px;
    color:#92969c;
    font-size:12px;
}
.mj-inbox-thread-bottom b{
    color:var(--mj-accent);
}
.mj-inbox-thread-open{
    color:var(--mj-accent);
    font-size:31px;
    font-weight:400;
    line-height:1;
}
.mj-message-compose-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    margin-bottom:9px;
}
.mj-message-compose-title strong{
    color:#25282c;
    font-size:16px;
}
.mj-message-compose-title span{
    color:#8b9096;
    font-size:12px;
}
.mj-live-thread{
    max-height:620px;
    overflow-y:auto;
}
.mj-live-message-body{
    overflow-wrap:anywhere;
    word-break:break-word;
}
@media(max-width:620px){
    .mj-inbox-thread-card{
        grid-template-columns:48px minmax(0,1fr) 22px;
        gap:10px;
        padding:12px;
    }
    .mj-inbox-thread-avatar{
        width:48px;
        height:48px;
    }
    .mj-inbox-thread-top{
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
    }
    .mj-inbox-thread-preview{
        white-space:normal;
    }
    .mj-message-compose-title{
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
    }
}


/* =========================================================
   8.0.0 — MESSENGER LAYOUT: KONTAKTY VLEVO / CHAT VPRAVO
   ========================================================= */

.mj-messenger-body{
    padding:28px 0 44px;
    background:#f6f7f9;
}
.mj-messenger-shell{
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    min-height:680px;
    overflow:hidden;
    border:1px solid #dde1e6;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 35px rgba(27,31,38,.05);
}
.mj-chat-sidebar{
    min-width:0;
    border-right:1px solid #e2e5e9;
    background:#fafbfc;
}
.mj-chat-sidebar-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:62px;
    padding:0 18px;
    border-bottom:1px solid #e2e5e9;
    background:#fff;
}
.mj-chat-sidebar-head strong{
    font-size:16px;
}
.mj-chat-sidebar-head span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    height:28px;
    padding:0 8px;
    border-radius:999px;
    background:#f0f2f4;
    color:#777c83;
    font-size:12px;
    font-weight:800;
}
.mj-chat-contact-list{
    max-height:680px;
    overflow-y:auto;
}
.mj-chat-contact{
    position:relative;
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    align-items:center;
    gap:11px;
    min-height:82px;
    padding:13px 14px;
    border-bottom:1px solid #e8eaed;
    background:#fafbfc;
    color:#25282c!important;
    text-decoration:none!important;
}
.mj-chat-contact:hover{
    background:#f4f5f7;
}
.mj-chat-contact.is-active{
    background:#fff;
    box-shadow:inset 3px 0 0 var(--mj-accent);
}
.mj-chat-contact.is-unread:not(.is-active){
    background:#fff9fb;
}
.mj-chat-contact-avatar{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    overflow:hidden;
    border-radius:50%;
    background:#eceef1;
}
.mj-chat-contact-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.mj-chat-contact-avatar b{
    font-size:19px;
}
.mj-chat-contact-copy{
    display:block;
    min-width:0;
}
.mj-chat-contact-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.mj-chat-contact-row strong{
    overflow:hidden;
    font-size:14px;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-chat-contact-row time{
    flex:0 0 auto;
    color:#9a9ea5;
    font-size:10px;
}
.mj-chat-contact-preview{
    display:block;
    overflow:hidden;
    margin-top:3px;
    color:#747980;
    font-size:12px;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-chat-contact-unread{
    position:absolute;
    right:12px;
    bottom:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:var(--mj-accent);
    color:#fff;
    font-size:10px;
    font-weight:900;
}
.mj-chat-sidebar-empty{
    padding:24px 18px;
    color:#858a91;
    font-size:14px;
}

.mj-chat-main{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    min-width:0;
    min-height:680px;
    background:#fff;
}
.mj-chat-main .mj-message-context-head{
    margin:0;
    padding:13px 18px;
    border:0;
    border-bottom:1px solid #e2e5e9;
    border-radius:0;
}
.mj-chat-main .mj-message-context-user img{
    width:44px;
    height:44px;
    flex-basis:44px;
}
.mj-chat-main .mj-message-context-user h2{
    font-size:17px;
}
.mj-chat-thread-wrap{
    min-height:0;
    overflow-y:auto;
    background:#f7f8fa;
}
.mj-chat-thread-wrap .mj-live-thread{
    max-height:none;
    min-height:100%;
    overflow:visible;
    padding:20px;
    border:0;
    border-radius:0;
    background:transparent;
}
.mj-chat-main .mj-message-compose{
    margin:0;
    padding:14px 18px 16px;
    border:0;
    border-top:1px solid #e2e5e9;
    border-radius:0;
    background:#fff;
}
.mj-chat-main .mj-message-compose textarea{
    min-height:90px;
    max-height:180px;
}
.mj-live-message{
    max-width:76%;
}
.mj-live-message-body.is-empty{
    color:#999da3;
    font-style:italic;
}
.mj-live-message-attachment{
    margin-top:8px;
    padding:8px 10px;
    border-radius:8px;
    background:#f0f2f4;
    color:#5f646b;
    font-size:13px;
}
.mj-chat-empty-panel{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:680px;
    padding:40px;
    text-align:center;
}
.mj-chat-empty-panel h2{
    margin:0 0 7px;
}
.mj-chat-empty-panel p{
    margin:0;
    color:#7d8289;
}

@media(max-width:860px){
    .mj-messenger-shell{
        grid-template-columns:260px minmax(0,1fr);
    }
}
@media(max-width:700px){
    .mj-messenger-shell{
        display:block;
        overflow:visible;
    }
    .mj-chat-sidebar{
        border-right:0;
        border-bottom:1px solid #e2e5e9;
    }
    .mj-chat-contact-list{
        display:flex;
        max-height:none;
        overflow-x:auto;
        overflow-y:hidden;
    }
    .mj-chat-contact{
        flex:0 0 240px;
        border-right:1px solid #e8eaed;
        border-bottom:0;
    }
    .mj-chat-main{
        min-height:620px;
    }
    .mj-live-message{
        max-width:90%;
    }
}


/* =========================================================
   8.1.0 — PERFORMANCE / LOADER
   ========================================================= */

/* WPJobster installations can load Pace.js. The progress strip itself
   does not make the page faster and was visually distracting while the
   request was running. We remove only Pace's own UI, not form spinners. */
.pace,
.pace-progress,
.pace-progress-inner,
.pace-activity{
    display:none!important;
    visibility:hidden!important;
}


/* =========================================================
   8.2.0 — ORDER COMMUNICATION SEPARATION
   ========================================================= */

.mj-order-chat{
    margin:18px 0 0;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.mj-order-chat-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:17px 20px;
    border-bottom:1px solid #e5e7ea;
}
.mj-order-chat-head h2{
    margin:0 0 3px;
    font-size:20px;
}
.mj-order-chat-head p{
    margin:0;
    color:#777c83;
    font-size:14px;
}
.mj-order-chat-head>span{
    flex:0 0 auto;
    color:#888d94;
    font-size:13px;
    font-weight:800;
}
.mj-order-chat-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    max-height:620px;
    overflow-y:auto;
    padding:18px;
    background:#f7f8fa;
}
.mj-order-chat-message{
    align-self:flex-start;
    max-width:78%;
    padding:11px 13px;
    border:1px solid #dfe2e6;
    border-radius:12px 12px 12px 4px;
    background:#fff;
}
.mj-order-chat-message.is-mine{
    align-self:flex-end;
    border-color:#e8d3da;
    border-radius:12px 12px 4px 12px;
    background:#fff7f9;
}
.mj-order-chat-message.is-system{
    align-self:center;
    max-width:88%;
    border-style:dashed;
    background:#f1f3f5;
    color:#646970;
}
.mj-order-chat-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:5px;
}
.mj-order-chat-meta strong{
    font-size:12px;
}
.mj-order-chat-meta time{
    color:#999da3;
    font-size:11px;
}
.mj-order-chat-text{
    font-size:15px;
    line-height:1.5;
}
.mj-order-chat-file{
    margin-top:8px;
    padding:7px 9px;
    border-radius:7px;
    background:#f0f2f4;
    color:#646970;
    font-size:12px;
}
.mj-order-chat-empty{
    padding:22px;
    text-align:center;
    color:#81868d;
}
.mj-order-chat-compose{
    margin:12px 0 20px;
    padding:17px 20px;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
}
.mj-order-chat-compose label{
    display:block;
    margin-bottom:8px;
    font-size:15px;
    font-weight:900;
}
.mj-order-chat-compose textarea{
    width:100%;
    min-height:115px;
    padding:12px 13px;
    border:1px solid #d9dde2;
    border-radius:9px;
    resize:vertical;
    font:inherit;
    font-size:15px;
    line-height:1.5;
}
.mj-order-chat-compose textarea:focus{
    border-color:var(--mj-accent);
    outline:none;
    box-shadow:0 0 0 3px rgba(128,25,48,.07);
}
.mj-order-chat-compose-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:10px;
}
.mj-order-chat-compose-bottom span{
    color:#8a8f96;
    font-size:12px;
}
.mj-order-chat-compose button{
    min-height:42px;
    padding:0 17px;
    border:0;
    border-radius:8px;
    background:var(--mj-accent);
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
}
.mj-order-message-notice{
    margin:12px 0;
    padding:11px 13px;
    border-radius:9px;
    font-size:14px;
    font-weight:800;
}
.mj-order-message-notice.is-success{
    border:1px solid #e6ccd3;
    background:#faf7f8;
    color:#7c1731;
}
.mj-order-message-notice.is-error{
    border:1px solid #edd2d7;
    background:#fff7f8;
    color:#842f40;
}
@media(max-width:650px){
    .mj-order-chat-message{max-width:92%}
    .mj-order-chat-compose-bottom{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-chat-compose button{width:100%}
}


/* =========================================================
   8.3.0 — ORDER ATTACHMENTS / DELIVERY / REVISION / COMPLETE
   ========================================================= */

.mj-order-chat-files{
    display:grid;
    gap:6px;
    margin-top:9px;
}
.mj-order-chat-files a{
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    border:1px solid #dde1e5;
    border-radius:8px;
    background:#fff;
    color:#34383e!important;
    text-decoration:none!important;
}
.mj-order-chat-files a:hover{
    border-color:#d3b4bd;
}
.mj-order-chat-files span{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:5px;
    background:#f0f2f4;
    color:#777c83;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.mj-order-chat-files strong{
    overflow:hidden;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-order-chat-uploader{
    margin-top:10px;
}
.mj-order-chat-uploader .file-upload-input,
.mj-order-chat-uploader .uploadifive-button{
    max-width:100%;
}

.mj-order-primary-actions{
    margin:18px 0;
    padding:20px;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
}
.mj-order-primary-actions-head{
    margin-bottom:14px;
}
.mj-order-primary-actions-head h2{
    margin:0 0 4px;
    font-size:20px;
}
.mj-order-primary-actions-head p{
    margin:0;
    color:#787d84;
    font-size:14px;
}
.mj-order-primary-actions-grid{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.mj-order-action-form{
    margin:0;
}
.mj-order-action-form button{
    min-height:44px;
    padding:0 17px;
    border:0;
    border-radius:9px;
    font:inherit;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
}
.mj-order-action-form button.is-primary{
    background:var(--mj-accent);
    color:#fff;
}
.mj-order-action-form button.is-secondary{
    border:1px solid #d9b5bf;
    background:#fff7f9;
    color:#7a2338;
}
.mj-order-action-form.is-modification{
    flex:1 1 100%;
    margin-top:4px;
    padding-top:14px;
    border-top:1px solid #eceef0;
}
.mj-order-action-form.is-modification label{
    display:block;
    margin-bottom:7px;
    font-size:14px;
    font-weight:900;
}
.mj-order-action-form.is-modification textarea{
    display:block;
    width:100%;
    min-height:95px;
    padding:11px 12px;
    border:1px solid #d9dde2;
    border-radius:9px;
    resize:vertical;
    font:inherit;
    font-size:15px;
}
.mj-order-modification-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:9px;
}
.mj-order-modification-bottom span{
    color:#878c93;
    font-size:12px;
}
.mj-order-action-notice{
    margin:0 0 14px;
    padding:11px 13px;
    border-radius:9px;
    font-size:14px;
    font-weight:800;
}
.mj-order-action-notice.is-success{
    border:1px solid #e6ccd3;
    background:#faf7f8;
    color:#7c1731;
}
.mj-order-action-notice.is-error{
    border:1px solid #ecd1d6;
    background:#fff7f8;
    color:#842f40;
}
@media(max-width:650px){
    .mj-order-primary-actions-grid,
    .mj-order-modification-bottom{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-action-form,
    .mj-order-action-form button{
        width:100%;
    }
}


/* =========================================================
   8.4.0 — ORDER FEEDBACK / SELLER MONEY
   ========================================================= */

.mj-order-feedback-frontend,
.mj-order-seller-money{
    margin:18px 0;
    padding:20px;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
}
.mj-order-feedback-head h2,
.mj-order-seller-money h2{
    margin:0 0 4px;
    font-size:20px;
}
.mj-order-feedback-head p,
.mj-order-seller-money>div:first-child p{
    margin:0;
    color:#777c83;
    font-size:14px;
}
.mj-order-feedback-native{
    margin-top:15px;
}
.mj-order-feedback-native textarea,
.mj-order-feedback-native input[type="text"],
.mj-order-feedback-native select{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border:1px solid #d9dde2;
    border-radius:9px;
    font:inherit;
    font-size:15px;
}
.mj-order-feedback-native textarea{
    min-height:105px;
}
.mj-order-feedback-native button,
.mj-order-feedback-native .button,
.mj-order-feedback-native .ui.button{
    min-height:42px!important;
    border-radius:9px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
}
.mj-order-seller-money{
    display:grid;
    gap:15px;
}
.mj-order-seller-money-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.mj-order-seller-money-grid>div{
    padding:13px 14px;
    border-radius:10px;
    background:#f5f6f7;
}
.mj-order-seller-money-grid>div.is-main{
    background:#fff4f7;
    box-shadow:inset 0 0 0 1px rgba(128,25,48,.12);
}
.mj-order-seller-money-grid span{
    display:block;
    margin-bottom:4px;
    color:#7f848b;
    font-size:12px;
}
.mj-order-seller-money-grid strong{
    font-size:18px;
}
.mj-order-seller-money>a{
    justify-self:start;
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 14px;
    border:1px solid #dfe2e6;
    border-radius:8px;
    color:#454a51!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:900;
}
@media(max-width:650px){
    .mj-order-seller-money-grid{grid-template-columns:1fr}
}

/* Native feedback form is embedded inside our order page. Remove large
   wrappers/duplicate page framing if WPJobster outputs them. */
.mj-order-feedback-native .ui.container,
.mj-order-feedback-native .main-content,
.mj-order-feedback-native .content-wrapper{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}


/* =========================================================
   8.5.0 — ORDER DETAIL ROUTING / ANCHORS / CLEANUP
   ========================================================= */
#mj-order-summary,
#mj-order-actions,
#mj-order-chat,
#mj-order-delivery,
#mj-order-feedback,
#mj-order-finance,
#mj-order-milestones{
    scroll-margin-top:110px;
}
.mj-order-detail-page a[href^="#mj-order-"]{
    cursor:pointer;
}
html{
    scroll-behavior:smooth;
}


/* =========================================================
   8.6.0 — FINANCE TRANSACTION SEMANTICS
   ========================================================= */
.mj-finance-row-copy{
    min-width:0;
}
.mj-finance-row-copy strong{
    display:block;
    margin-bottom:2px;
    font-size:13px;
}
.mj-finance-row-copy b{
    display:block;
    overflow:hidden;
    color:#33383e;
    font-size:14px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mj-finance-row-copy span{
    display:block;
    margin-top:3px;
    color:#8a8f96;
    font-size:12px;
}
.mj-finance-row-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f0f2f4;
    font-size:18px;
    font-weight:900;
}
.mj-finance-row.is-income .mj-finance-row-icon{
    background:#f7edf1;
    color:#7c1731;
}
.mj-finance-row.is-fee .mj-finance-row-icon,
.mj-finance-row.is-purchase .mj-finance-row-icon,
.mj-finance-row.is-withdrawal .mj-finance-row-icon{
    background:#fff1f3;
    color:#9b3249;
}
.mj-finance-row-amount{
    white-space:nowrap;
    font-size:15px;
    font-weight:900;
}
.mj-finance-row-amount.is-positive{
    color:#7c1731;
}
.mj-finance-row-amount.is-negative{
    color:#9b3249;
}


/* =========================================================
   8.7.0 — ORDER PROCESS BELOW MAIN HEADER
   ========================================================= */

.mj-order-detail-page > .mj-order-process{
    width:100%;
    max-width:none;
    margin:0;
    padding:20px max(32px, calc((100vw - 1200px) / 2));
    border:0;
    border-radius:0;
    background:#20242b;
    color:#fff;
    box-shadow:none;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 14px;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-head h2{
    margin:0;
    color:#fff;
    font-size:18px;
    line-height:1.25;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-head > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:8px;
    background:transparent;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px;
    font-weight:800;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-head > a:hover{
    background:#fff;
    color:#20242b!important;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-steps{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-step{
    display:flex;
    align-items:center;
    min-width:0;
    min-height:44px;
    padding:8px 11px;
    border:1px solid transparent;
    border-radius:8px;
    background:#353a42;
    color:#aeb4bd;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-step i{
    display:grid;
    flex:0 0 25px;
    place-items:center;
    width:25px;
    height:25px;
    margin-right:8px;
    border-radius:50%;
    background:#555b64;
    color:#d9dde2;
    font-size:12px;
    font-style:normal;
    font-weight:900;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-step span{
    overflow:hidden;
    font-size:12px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* completed steps: clearly white */
.mj-order-detail-page > .mj-order-process .mj-order-process-step.is-done{
    border-color:#fff;
    background:#fff;
    color:#20242b;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-step.is-done i{
    background:#8f1232;
    color:#fff;
}

/* current step: accent, visually distinct from completed */
.mj-order-detail-page > .mj-order-process .mj-order-process-step.is-current{
    border-color:#c85772;
    background:#8f1232;
    color:#fff;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-step.is-current i{
    background:#fff;
    color:#8f1232;
}

/* future/not completed: intentionally muted */
.mj-order-detail-page > .mj-order-process .mj-order-process-step.is-future{
    border-color:#41464e;
    background:#30343b;
    color:#8f959e;
}
.mj-order-detail-page > .mj-order-process .mj-order-process-step.is-future i{
    background:#464b53;
    color:#aeb3bb;
}

@media(max-width:900px){
    .mj-order-detail-page > .mj-order-process{
        padding:16px 20px;
    }
    .mj-order-detail-page > .mj-order-process .mj-order-process-steps{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:600px){
    .mj-order-detail-page > .mj-order-process{
        padding:14px 16px;
    }
    .mj-order-detail-page > .mj-order-process .mj-order-process-head{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-detail-page > .mj-order-process .mj-order-process-head > a{
        width:100%;
    }
    .mj-order-detail-page > .mj-order-process .mj-order-process-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* =========================================================
   8.8.0 — FRONTEND ROUTING CLEANUP
   ========================================================= */
.mj-milestone-order-link{
    display:inline-flex;
    margin-top:4px;
    color:var(--mj-accent)!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
}
.mj-milestone-order-link:hover{
    text-decoration:underline!important;
}


/* =========================================================
   8.9.0 — UNIFIED ACCOUNT NAVIGATION
   ========================================================= */
.mj-account-nav{
    position:relative;
    z-index:20;
    width:100%;
    border-top:1px solid #eceef1;
    border-bottom:1px solid #e1e4e8;
    background:#fff;
}
.mj-account-nav-scroll{
    width:min(1200px,calc(100% - 40px));
    margin:0 auto;
}
.mj-account-nav-scroll > a{
    min-height:50px;
}
.mj-account-nav-scroll > a.is-active{
    color:var(--mj-accent);
}
@media(max-width:700px){
    .mj-account-nav-scroll{
        width:100%;
        padding:0 14px;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .mj-account-nav-scroll::-webkit-scrollbar{display:none}
    .mj-account-nav-scroll > a{
        flex:0 0 auto;
        white-space:nowrap;
    }
}


/* =========================================================
   9.0.0 — ACCOUNT MENU ACTIVE STATE FIX
   ========================================================= */
.mj-account-nav .mj-account-nav-scroll > a.is-active,
.mj-account-nav .mj-account-nav-scroll > a.is-active:visited{
    background:var(--mj-accent)!important;
    color:#fff!important;
}
.mj-account-nav .mj-account-nav-scroll > a.is-active:hover,
.mj-account-nav .mj-account-nav-scroll > a.is-active:focus{
    background:var(--mj-accent)!important;
    color:#fff!important;
}
.mj-account-nav .mj-account-nav-scroll > a.is-active b{
    background:rgba(255,255,255,.20)!important;
    color:#fff!important;
}


/* =========================================================
   9.1.0 — SINGLE HEADER + AVATAR + USER MENU ICON
   ========================================================= */
.mj-hide-theme-header{
    display:none!important;
}

/* Safety net for common WPJobster theme header wrappers on our pages.
   The custom Mikrojoby header is explicitly excluded. */
body.mj-frontend-page > header:not(.mj-header).mj-hide-theme-header,
body.mj-frontend-page #page > header.mj-hide-theme-header,
body.mj-frontend-page #wrapper > header.mj-hide-theme-header{
    display:none!important;
}

.mj-hub-avatar,
.mj-dashboard-avatar,
.mj-header-avatar,
.mj-user-menu-avatar{
    display:block!important;
    flex:0 0 auto;
    object-fit:cover!important;
    object-position:center!important;
}

.mj-user-menu-toggle{
    display:flex!important;
    align-items:center!important;
}

.mj-user-menu-chevron{
    display:grid!important;
    place-items:center!important;
    flex:0 0 28px;
    width:28px;
    height:28px;
    margin-left:1px;
    border-radius:50%;
    color:#767b82;
    line-height:1;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}

.mj-user-menu-chevron svg{
    display:block;
    width:17px;
    height:17px;
}

.mj-user-menu-toggle:hover .mj-user-menu-chevron{
    background:#f1f2f4;
    color:var(--mj-accent);
}

.mj-user-menu.is-open .mj-user-menu-chevron{
    background:#f3e8ec;
    color:var(--mj-accent);
    transform:rotate(180deg);
}


/* =========================================================
   9.2.0 — HEADER STATUS ICONS + HUB VALUES + LEGACY HEADER
   ========================================================= */
.mj-hide-theme-header{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}

.mj-header-status-actions{
    display:flex;
    align-items:center;
    gap:6px;
}

.mj-header-status-link{
    position:relative;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #e0e2e5;
    border-radius:50%;
    background:#fff;
    color:#68707a!important;
    text-decoration:none!important;
    transition:border-color .18s ease,background .18s ease,color .18s ease;
}

.mj-header-status-link:hover{
    border-color:#cfd3d8;
    background:#fafafa;
    color:var(--mj-accent)!important;
}

.mj-header-status-link svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mj-header-status-link b{
    position:absolute;
    top:-5px;
    right:-4px;
    display:grid;
    place-items:center;
    min-width:19px;
    height:19px;
    padding:0 5px;
    border:2px solid #fff;
    border-radius:999px;
    background:#e6495f;
    color:#fff;
    font-size:10px;
    font-weight:900;
    line-height:1;
}

.mj-hub-card > b{
    min-width:0;
    height:auto;
    padding:6px 9px;
    border-radius:999px;
    background:#f0f1f3;
    color:#555b63;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.mj-hub-card > b.is-alert{
    background:#fff0f2;
    color:#b3203e;
}

.mj-hub-card > b.is-money{
    background:#f7edf1;
    color:#7c1731;
}

@media(max-width:900px){
    .mj-header-status-link{
        width:38px;
        height:38px;
    }
    .mj-header-status-actions{
        gap:4px;
    }
}


/* =========================================================
   9.3.0 — CLEAN ACCOUNT DASHBOARD
   ========================================================= */
.mj-dashboard-layout{
    display:block!important;
}

.mj-dashboard-content{
    width:100%;
    min-width:0;
}

.mj-dashboard-sidebar{
    display:none!important;
}

.mj-dashboard-kpis{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.mj-dashboard-quick a span,
.mj-dashboard-group-stat small::after,
.mj-dashboard-shared-card em::after{
    content:none!important;
}

@media(max-width:1000px){
    .mj-dashboard-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:650px){
    .mj-dashboard-kpis{
        grid-template-columns:1fr 1fr!important;
    }
}


/* =========================================================
   9.4.0 — READ / UNREAD MESSAGES & NOTIFICATIONS
   ========================================================= */
.mj-notification-item.is-unread{
    border-color:rgba(139,31,61,.22)!important;
    background:#fff9fb!important;
}

.mj-notification-title-row{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
}

.mj-notification-title-row > b{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border-radius:999px;
    background:var(--mj-accent);
    color:#fff;
    font-size:11px;
    font-weight:900;
    line-height:1;
}

.mj-notification-message-list > a{
    position:relative;
    display:block;
    padding:11px 0;
    border-bottom:1px solid #eceef1;
    color:inherit!important;
    text-decoration:none!important;
}

.mj-notification-message-list > a:last-child{
    border-bottom:0;
}

.mj-notification-message-list > a:hover p{
    color:var(--mj-accent);
}

.mj-notification-message-list > a.is-unread{
    padding-right:50px;
}

.mj-notification-message-list > a > b{
    position:absolute;
    top:12px;
    right:0;
    padding:4px 7px;
    border-radius:999px;
    background:#fff0f3;
    color:var(--mj-accent);
    font-size:10px;
    font-weight:900;
}

.mj-chat-contact.is-unread{
    background:#fff9fb;
}

.mj-chat-contact.is-unread .mj-chat-contact-row > strong{
    color:#20242b;
    font-weight:900;
}

.mj-chat-contact-unread{
    background:var(--mj-accent)!important;
    color:#fff!important;
}


/* =========================================================
   9.5.0 — UNPAID ORDER FINANCE + ORDER AVATAR
   ========================================================= */
.mj-order-person-card .mj-order-person-avatar{
    display:block!important;
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
    overflow:hidden!important;
}

.mj-order-payment-grid .is-unpaid-note{
    grid-column:1/-1;
    background:#fff8f0;
    border-color:#f1dfc6;
}

.mj-order-payment-grid .is-unpaid-note strong{
    color:#8a5a17;
}


/* =========================================================
   9.6.0 — UNIFIED WPJOBSTER FORMS
   ========================================================= */
.mj-native-form-shell{
    margin:0 0 26px;
    padding:24px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}

.mj-native-form-head{
    margin:0 0 20px;
    padding-bottom:17px;
    border-bottom:1px solid #eceef1;
}

.mj-native-form-head h2{
    margin:0;
    color:#22262c;
    font-size:25px;
    line-height:1.2;
    letter-spacing:-.025em;
}

.mj-native-form-head p{
    margin:7px 0 0;
    color:#737880;
    font-size:15px;
    line-height:1.55;
}

.mj-system-form{
    width:100%;
    color:#30343a;
    font-size:15px!important;
}

.mj-system-form *,
.mj-system-form *::before,
.mj-system-form *::after{
    box-sizing:border-box;
}

.mj-system-form form{
    width:100%;
}

.mj-system-form label,
.mj-system-form .field > label,
.mj-system-form .form-row > label{
    display:block;
    margin:0 0 7px!important;
    color:#30343a!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:800!important;
}

.mj-system-form input[type="text"],
.mj-system-form input[type="email"],
.mj-system-form input[type="password"],
.mj-system-form input[type="number"],
.mj-system-form input[type="tel"],
.mj-system-form input[type="url"],
.mj-system-form input[type="search"],
.mj-system-form input[type="date"],
.mj-system-form input[type="time"],
.mj-system-form select,
.mj-system-form textarea,
.mj-system-form .ui.input > input,
.mj-system-form .ui.form input:not([type]),
.mj-system-form .ui.form input[type="text"],
.mj-system-form .ui.form input[type="email"],
.mj-system-form .ui.form input[type="password"],
.mj-system-form .ui.form input[type="number"],
.mj-system-form .ui.form textarea{
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 13px!important;
    border:1px solid #d9dde2!important;
    border-radius:9px!important;
    outline:none!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#25292f!important;
    font-family:inherit!important;
    font-size:15px!important;
    line-height:1.45!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
}

.mj-system-form textarea,
.mj-system-form .ui.form textarea{
    min-height:130px!important;
    resize:vertical;
}

.mj-system-form input:focus,
.mj-system-form select:focus,
.mj-system-form textarea:focus,
.mj-system-form .ui.input > input:focus{
    border-color:var(--mj-accent)!important;
    box-shadow:0 0 0 3px rgba(139,31,61,.08)!important;
}

.mj-system-form select,
.mj-system-form .ui.dropdown{
    min-height:48px!important;
    border-color:#d9dde2!important;
    border-radius:9px!important;
    background-color:#fff!important;
    font-family:inherit!important;
    font-size:15px!important;
}

.mj-system-form .ui.dropdown > .text{
    color:#25292f!important;
    font-size:15px!important;
}

.mj-system-form .field,
.mj-system-form .form-row,
.mj-system-form .row,
.mj-system-form .input-group{
    margin-bottom:17px;
}

.mj-system-form .fields{
    gap:14px;
}

.mj-system-form input[type="checkbox"],
.mj-system-form input[type="radio"]{
    width:18px!important;
    height:18px!important;
    min-height:18px!important;
    margin:0 7px 0 0!important;
    accent-color:var(--mj-accent);
    vertical-align:middle;
}

.mj-system-form input[type="file"]{
    width:100%;
    padding:12px!important;
    border:1px dashed #cfd3d8!important;
    border-radius:9px!important;
    background:#fafafa!important;
    font-size:14px!important;
}

.mj-system-form button,
.mj-system-form input[type="submit"],
.mj-system-form input[type="button"],
.mj-system-form .button,
.mj-system-form .btn,
.mj-system-form .ui.button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 18px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:9px!important;
    background:var(--mj-accent)!important;
    box-shadow:none!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1!important;
    text-decoration:none!important;
    cursor:pointer!important;
}

.mj-system-form button:hover,
.mj-system-form input[type="submit"]:hover,
.mj-system-form .button:hover,
.mj-system-form .btn:hover,
.mj-system-form .ui.button:hover{
    filter:brightness(.94);
}

.mj-system-form .ui.message,
.mj-system-form .message,
.mj-system-form .alert,
.mj-system-form .notice{
    margin:14px 0!important;
    padding:13px 15px!important;
    border-radius:9px!important;
    font-size:14px!important;
    line-height:1.5!important;
}

.mj-system-form .description,
.mj-system-form .help,
.mj-system-form small{
    color:#7a7f86!important;
    font-size:13px!important;
    line-height:1.5!important;
}

.mj-system-form table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
}

.mj-system-form img{
    max-width:100%;
    height:auto;
}

.mj-postjob-main,
.mj-editjob-main,
.mj-postrequest-main,
.mj-editrequest-main,
.mj-checkout-main{
    min-width:0;
}

.mj-postjob-native-form,
.mj-editjob-native-form,
.mj-postrequest-native-form,
.mj-editrequest-native-form,
.mj-checkout-native-form,
.mj-account-native-form{
    padding:23px!important;
    border:1px solid var(--mj-line)!important;
    border-radius:15px!important;
    background:#fff!important;
}

.mj-account-edit-form{
    scroll-margin-top:90px;
}

.mj-account-avatar,
.mj-account-preview-avatar,
.mj-checkout-seller-avatar{
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
}

@media(max-width:760px){
    .mj-native-form-shell,
    .mj-postjob-native-form,
    .mj-editjob-native-form,
    .mj-postrequest-native-form,
    .mj-editrequest-native-form,
    .mj-checkout-native-form,
    .mj-account-native-form{
        padding:17px!important;
    }

    .mj-system-form .fields{
        display:block!important;
    }

    .mj-system-form button,
    .mj-system-form input[type="submit"],
    .mj-system-form .button,
    .mj-system-form .btn{
        max-width:100%;
    }
}


/* =========================================================
   MIKROJOBY 10.2 — PERSISTENT ACCOUNT WORKSPACE
   ========================================================= */
.mj-account-workspace-bar{
    position:sticky;
    top:0;
    z-index:950;
    width:100%;
    background:#fff;
    border-bottom:1px solid #e8e9ee;
    box-shadow:0 8px 26px rgba(21,25,38,.05);
}
body.admin-bar .mj-account-workspace-bar{top:32px}
.mj-account-workspace-inner{
    min-height:74px;
    display:flex;
    align-items:center;
    gap:18px;
}
.mj-account-workspace-home{
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
    padding:7px 12px 7px 7px;
    border-radius:12px;
    text-decoration:none!important;
    color:#25293a!important;
}
.mj-account-workspace-home:hover,
.mj-account-workspace-home.is-active{background:#f5f5f8}
.mj-account-workspace-avatar{
    width:34px!important;height:34px!important;min-width:34px;
    border-radius:50%!important;object-fit:cover;
}
.mj-account-workspace-home span{display:flex;flex-direction:column;line-height:1.1}
.mj-account-workspace-home small{font-size:11px;color:#818597;font-weight:600}
.mj-account-workspace-home strong{margin-top:3px;font-size:14px;color:#25293a}
.mj-account-workspace-bar .mj-account-nav{
    position:static!important;
    flex:1 1 auto;min-width:0;
    background:transparent!important;border:0!important;
    box-shadow:none!important;padding:0!important;margin:0!important;
}
.mj-account-workspace-bar .mj-account-nav-scroll{
    display:flex;align-items:center;gap:4px;overflow-x:auto;
    scrollbar-width:none;padding:8px 0;
}
.mj-account-workspace-bar .mj-account-nav-scroll::-webkit-scrollbar{display:none}
.mj-account-workspace-bar .mj-account-nav a{
    display:inline-flex;align-items:center;gap:7px;min-height:38px;
    white-space:nowrap;padding:0 12px;border-radius:10px;
    color:#5d6172!important;text-decoration:none!important;
    font-size:14px;font-weight:700;transition:.18s ease;
}
.mj-account-workspace-bar .mj-account-nav a:hover{background:#f6f6f8;color:#272b3d!important}
.mj-account-workspace-bar .mj-account-nav a.is-active{background:var(--mj-accent);color:#fff!important}
.mj-account-workspace-bar .mj-account-nav a b{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:20px;height:20px;padding:0 6px;border-radius:999px;
    background:#ececf1;color:#555a6c;font-size:11px;
}
.mj-account-workspace-bar .mj-account-nav a.is-active b{background:rgba(255,255,255,.2);color:#fff}
.mj-account-workspace-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mj-account-workspace-actions a{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:38px;padding:0 13px;border-radius:10px;text-decoration:none!important;
    border:1px solid #dedfe6;background:#fff;color:#343849!important;
    font-size:13px;font-weight:800;white-space:nowrap;
}
.mj-account-workspace-actions a.is-primary{border-color:var(--mj-accent);background:var(--mj-accent);color:#fff!important}
.mj-form-back{display:inline-flex;margin-bottom:12px;color:#6e7282!important;text-decoration:none!important;font-size:14px;font-weight:700}
.mj-form-back:hover{color:var(--mj-accent)!important}

/* clean native job form */
.mj-system-form #add-edit-job-form{width:100%;margin:0}
.mj-system-form .page_without_sidebar,
.mj-system-form .full-width-container,
.mj-system-form .post-new-wrapper{width:100%!important;max-width:none!important;margin:0!important}
.mj-system-form .gray-background-full{background:transparent!important}
.mj-system-form .tabs-container,.mj-system-form .post-new-no-tab-wrapper,.mj-system-form .tabs-wrapper{width:100%}
.mj-system-form .ui.steps{
    width:100%!important;display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;background:#f6f7fa!important;
    border:1px solid #e7e9ef!important;border-radius:16px!important;
    padding:10px!important;box-shadow:none!important;overflow:visible!important;
}
.mj-system-form .ui.steps .step{
    min-width:0!important;min-height:74px!important;padding:12px!important;
    margin:0!important;border:0!important;border-radius:12px!important;
    background:transparent!important;box-shadow:none!important;
}
.mj-system-form .ui.steps .step:after,.mj-system-form .ui.steps .step:before{display:none!important}
.mj-system-form .ui.steps .step.active{background:#fff!important;box-shadow:0 7px 22px rgba(27,31,45,.07)!important}
.mj-system-form .ui.steps .step .icon{color:#9398b4!important;font-size:24px!important;margin:0 9px 0 0!important}
.mj-system-form .ui.steps .step.active .icon{color:var(--mj-accent)!important}
.mj-system-form .ui.steps .step .title,.mj-system-form .ui.steps .step .tab-title{
    color:#343849!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important;
}
.mj-system-form .ui.steps .step .description{margin-top:3px!important;color:#9296a7!important;font-size:11px!important;line-height:1.3!important}
.mj-system-form .tab-wrapper{margin-top:18px!important}
.mj-system-form .tab{
    padding:28px!important;border:1px solid #e5e7ed!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 12px 36px rgba(28,31,44,.05)!important;
}
.mj-system-form .ui.form .fields{display:grid!important;gap:20px!important;margin:0 0 20px!important}
.mj-system-form .ui.form .one.fields{grid-template-columns:1fr!important}
.mj-system-form .ui.form .two.fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mj-system-form .ui.form .three.fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mj-system-form .ui.form .field{width:100%!important;padding:0!important;margin:0!important}
.mj-system-form .ui.form .field>label{
    display:block!important;margin:0 0 8px!important;color:#343849!important;
    font-size:14px!important;line-height:1.35!important;font-weight:800!important;
}
.mj-system-form input[type="text"],.mj-system-form input[type="number"],.mj-system-form input[type="email"],
.mj-system-form input[type="url"],.mj-system-form input[type="password"],.mj-system-form select,.mj-system-form textarea{
    width:100%!important;min-height:48px!important;border:1px solid #dfe2e9!important;border-radius:11px!important;
    background:#fff!important;color:#2d3142!important;padding:11px 13px!important;
    font-family:inherit!important;font-size:15px!important;line-height:1.45!important;box-shadow:none!important;
}
.mj-system-form textarea{min-height:130px!important}
.mj-system-form input:focus,.mj-system-form select:focus,.mj-system-form textarea:focus{
    outline:none!important;border-color:var(--mj-accent)!important;box-shadow:0 0 0 3px rgba(135,20,69,.08)!important;
}
.mj-system-form .tab-corner-image{display:none!important}
.mj-system-form .tab-controls{margin-top:24px!important}
.mj-system-form .tab-controls .button,.mj-system-form .post-new-job-btn{
    min-height:46px!important;border:0!important;border-radius:11px!important;padding:0 20px!important;
    background:var(--mj-accent)!important;color:#fff!important;font-family:inherit!important;
    font-size:14px!important;font-weight:800!important;box-shadow:none!important;
}
.mj-system-form .tab-controls .prev-button{
    display:inline-flex!important;align-items:center!important;min-height:46px!important;padding:0 18px!important;
    border:1px solid #e0e2e8!important;border-radius:11px!important;background:#fff!important;color:#555a6b!important;
    font-size:14px!important;font-weight:800!important;text-decoration:none!important;
}
.mj-system-form .general-instruction-box{
    margin:14px 0!important;border:1px solid #e6e8ee!important;border-radius:12px!important;
    background:#fafafd!important;box-shadow:none!important;color:#676b7a!important;font-size:14px!important;
}
.mj-system-form .ui.dropdown,.mj-system-form .selection.dropdown{
    min-height:48px!important;border:1px solid #dfe2e9!important;border-radius:11px!important;box-shadow:none!important;
}
.mj-system-form .ui.message{border-radius:12px!important;box-shadow:none!important}
.mj-postjob-main{min-width:0}

@media (max-width:1180px){
    .mj-account-workspace-actions a:first-child{display:none}
    .mj-account-workspace-inner{gap:10px}
}
@media (max-width:900px){
    body.admin-bar .mj-account-workspace-bar{top:46px}
    .mj-account-workspace-inner{min-height:auto;align-items:stretch;flex-wrap:wrap;padding:8px 0}
    .mj-account-workspace-home{order:1}
    .mj-account-workspace-actions{order:2;margin-left:auto}
    .mj-account-workspace-bar .mj-account-nav{order:3;flex:0 0 100%;width:100%}
    .mj-account-workspace-bar .mj-account-nav-scroll{padding:0}
    .mj-system-form .ui.steps{grid-template-columns:1fr!important}
    .mj-system-form .ui.steps .step{min-height:auto!important}
    .mj-system-form .ui.form .two.fields,.mj-system-form .ui.form .three.fields{grid-template-columns:1fr!important}
}
@media (max-width:600px){
    .mj-account-workspace-actions a{display:none}
    .mj-account-workspace-actions a.is-primary{display:inline-flex}
    .mj-account-workspace-home small{display:none}
    .mj-system-form .tab{padding:18px!important}
}


/* =========================================================
   MIKROJOBY 10.3 — VLASTNÍ FRONTEND FORMULÁŘ MIKROJOBU
   Starý Kadence/WPJobster page builder se již nevykresluje.
   ========================================================= */

.mj-job-builder{
    width:100%;
    margin:0;
    padding:0;
    background:transparent;
}
.mj-job-builder-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin:0 0 22px;
    padding:10px;
    border:1px solid #e7e8ed;
    border-radius:16px;
    background:#f5f6f8;
}
.mj-job-step{
    appearance:none;
    min-width:0;
    min-height:62px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#777b8c;
    cursor:pointer;
    text-align:left;
    font:inherit;
    transition:.18s ease;
}
.mj-job-step span{
    width:30px;height:30px;min-width:30px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:9px;
    background:#e7e8ee;
    color:#6d7183;
    font-size:13px;font-weight:900;
}
.mj-job-step strong{
    min-width:0;
    color:inherit;
    font-size:13px;
    line-height:1.25;
    font-weight:800;
}
.mj-job-step:hover{background:#fff;color:#343849}
.mj-job-step.is-active{
    background:#fff;
    color:#2d3142;
    box-shadow:0 8px 24px rgba(26,29,40,.07);
}
.mj-job-step.is-active span{
    background:var(--mj-accent);
    color:#fff;
}
.mj-job-step.is-done span{
    background:#ece2e6;
    color:var(--mj-accent);
}
.mj-job-builder-panels{width:100%}
.mj-job-panel{display:none}
.mj-job-panel.is-active{display:block}
.mj-job-panel{
    padding:30px;
    border:1px solid #e5e7ec;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 40px rgba(26,30,43,.05);
}
.mj-job-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    padding-bottom:22px;
    margin-bottom:24px;
    border-bottom:1px solid #eceef2;
}
.mj-job-panel-head h2{
    margin:0!important;
    color:#2c3040!important;
    font-size:24px!important;
    line-height:1.2!important;
    font-weight:850!important;
}
.mj-job-panel-head p{
    margin:7px 0 0!important;
    color:#737786!important;
    font-size:15px!important;
    line-height:1.55!important;
}
.mj-job-form-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:28px;
    align-items:start;
}
.mj-job-form-main{min-width:0}
.mj-job-form-help{
    position:sticky;
    top:112px;
    padding:20px;
    border:1px solid #e7e8ed;
    border-radius:14px;
    background:#fafafd;
}
.mj-job-form-help strong{
    display:block;
    margin-bottom:8px;
    color:#303445;
    font-size:15px;
    font-weight:850;
}
.mj-job-form-help p{
    margin:0 0 12px!important;
    color:#777b8a!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.mj-job-form-help p:last-child{margin-bottom:0!important}

.mj-job-builder .mj-job-field{
    display:block!important;
    width:100%!important;
    margin:0 0 22px!important;
    padding:0!important;
}
.mj-job-builder .mj-job-field>.field{
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
.mj-job-builder .mj-job-field>.field>label{
    display:block!important;
    margin:0 0 8px!important;
    color:#343849!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:850!important;
}
.mj-job-builder .tooltip-handler,
.mj-job-builder [data-handler-id]{
    width:100%!important;
    max-width:none!important;
}
.mj-job-builder textarea,
.mj-job-builder input[type="text"],
.mj-job-builder input[type="number"],
.mj-job-builder input[type="email"],
.mj-job-builder input[type="url"],
.mj-job-builder input[type="password"],
.mj-job-builder select{
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 13px!important;
    border:1px solid #dfe2e8!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#2e3242!important;
    font-family:inherit!important;
    font-size:15px!important;
    line-height:1.45!important;
    box-shadow:none!important;
}
.mj-job-builder textarea{
    min-height:130px!important;
    resize:vertical!important;
}
.mj-job-builder textarea[name="job_title"]{
    min-height:86px!important;
}
.mj-job-builder textarea:focus,
.mj-job-builder input:focus,
.mj-job-builder select:focus{
    outline:none!important;
    border-color:var(--mj-accent)!important;
    box-shadow:0 0 0 3px rgba(135,20,69,.08)!important;
}
.mj-job-builder .charscounter{
    display:block;
    margin-top:5px;
    color:#9a9dab;
    font-size:12px;
    text-align:right;
}
.mj-job-builder .ui.dropdown,
.mj-job-builder .selection.dropdown{
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    border:1px solid #dfe2e8!important;
    border-radius:11px!important;
    box-shadow:none!important;
    background:#fff!important;
}
.mj-job-builder .ui.input,
.mj-job-builder .ui.action.input,
.mj-job-builder .ui.labeled.input{
    width:100%!important;
    max-width:none!important;
}
.mj-job-builder .new-price-currency{
    display:flex!important;
    align-items:center!important;
    border-radius:11px 0 0 11px!important;
}
.mj-job-builder .ui.right.labeled.input{
    display:block!important;
}
.mj-job-builder .popup,
.mj-job-builder .ui.popup{
    max-width:320px;
}
.mj-job-builder .hidden{
    display:none!important;
}
.mj-job-builder .mj-job-extra-card{
    margin-bottom:18px;
    padding:20px;
    border:1px solid #e7e9ee;
    border-radius:14px;
    background:#fafafd;
}
.mj-job-builder .mj-job-extra-card h3{
    margin:0 0 18px!important;
    color:#35394a!important;
    font-size:16px!important;
    font-weight:850!important;
}
.mj-job-publish-card{
    padding:22px;
    border:1px solid #e4e6ec;
    border-radius:14px;
    background:#fafafd;
}
.mj-job-publish-card>div>strong{
    display:block;
    margin-bottom:6px;
    color:#303445;
    font-size:17px;
    font-weight:850;
}
.mj-job-publish-card>div>p{
    margin:0 0 18px!important;
    color:#747887!important;
    font-size:14px!important;
}
.mj-job-step-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:26px;
    padding-top:20px;
    border-top:1px solid #eceef2;
}
.mj-job-next,
.mj-job-prev,
.mj-job-publish{
    appearance:none!important;
    min-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 20px!important;
    border-radius:11px!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:850!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.mj-job-next,
.mj-job-publish{
    border:1px solid var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
}
.mj-job-prev{
    border:1px solid #dfe1e7!important;
    background:#fff!important;
    color:#565a6b!important;
}
.mj-job-builder .ui.error.message{
    margin:0 0 18px!important;
    padding:14px 16px!important;
    border-radius:11px!important;
    box-shadow:none!important;
}
.mj-job-builder .field.error input,
.mj-job-builder .field.error textarea,
.mj-job-builder .field.error select{
    border-color:#c94c63!important;
}
.mj-postjob-main>.mj-job-builder{
    width:100%;
}

/* Explicitly prevent remnants of the old page-builder form from appearing
   inside our new form route. */
.mj-postjob-native-form .wp-block-kadence-tabs,
.mj-postjob-native-form .kt-tabs-title-list,
.mj-postjob-native-form .post-new-job-form-row-wrapper{
    max-width:none;
}

@media (max-width:980px){
    .mj-job-builder-steps{
        grid-template-columns:repeat(5,minmax(130px,1fr));
        overflow-x:auto;
    }
    .mj-job-form-grid{grid-template-columns:1fr}
    .mj-job-form-help{position:static}
}
@media (max-width:640px){
    .mj-job-panel{padding:20px 16px}
    .mj-job-builder-steps{
        display:flex;
        padding:7px;
        border-radius:13px;
    }
    .mj-job-step{
        flex:0 0 138px;
        min-height:52px;
        padding:8px 9px;
    }
    .mj-job-step span{
        width:26px;height:26px;min-width:26px;
    }
    .mj-job-panel-head h2{font-size:21px!important}
    .mj-job-step-actions{align-items:stretch}
    .mj-job-next,.mj-job-prev,.mj-job-publish{
        flex:1 1 0;
        padding:0 12px!important;
    }
}


/* =========================================================
   MIKROJOBY 10.4 — FORMULÁŘ PŘES CELOU ŠÍŘKU / BALÍČKY
   ========================================================= */

.mj-postjob-layout{
    display:block!important;
    width:100%!important;
}
.mj-postjob-main{
    width:100%!important;
    max-width:none!important;
}
.mj-postjob-side{display:none!important}
.mj-postjob-body .mj-container{
    width:min(1320px,calc(100% - 48px))!important;
    max-width:1320px!important;
}
.mj-postjob-head .mj-container{
    width:min(1320px,calc(100% - 48px))!important;
    max-width:1320px!important;
}

.mj-job-builder-steps{
    grid-template-columns:repeat(5,minmax(145px,1fr))!important;
    gap:10px!important;
    padding:9px!important;
}
.mj-job-step{
    min-height:58px!important;
    justify-content:flex-start!important;
    padding:10px 14px!important;
}
.mj-job-step strong{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:14px!important;
}
.mj-job-step span{
    flex:0 0 30px!important;
}

.mj-job-tipbar{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin:0 0 24px;
    padding:15px 17px;
    border:1px solid #e8e9ef;
    border-radius:13px;
    background:#fafafd;
}
.mj-job-tipbar strong{
    flex:0 0 auto;
    color:#343849;
    font-size:13px;
    font-weight:850;
}
.mj-job-tipbar span{
    color:#747887;
    font-size:13px;
    line-height:1.5;
}
.mj-job-form-main-full{
    width:100%!important;
    min-width:0!important;
}
.mj-job-form-main-full .mj-job-field{
    max-width:none!important;
}

/* Package fields require the whole available width. */
.mj-job-builder [data-mj-job-field="package"]{
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    padding:0!important;
}
.mj-job-builder [data-mj-job-field="package"]>.field{
    width:100%!important;
    overflow:visible!important;
}
.mj-job-builder [data-mj-job-field="package"] table{
    width:100%!important;
    min-width:860px!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border:1px solid #e4e6ec!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
}
.mj-job-builder [data-mj-job-field="package"] table th,
.mj-job-builder [data-mj-job-field="package"] table td{
    padding:12px!important;
    border-right:1px solid #e8e9ee!important;
    border-bottom:1px solid #e8e9ee!important;
    vertical-align:top!important;
    background:#fff!important;
}
.mj-job-builder [data-mj-job-field="package"] table tr:last-child td,
.mj-job-builder [data-mj-job-field="package"] table tr:last-child th{
    border-bottom:0!important;
}
.mj-job-builder [data-mj-job-field="package"] table td:last-child,
.mj-job-builder [data-mj-job-field="package"] table th:last-child{
    border-right:0!important;
}
.mj-job-builder [data-mj-job-field="package"] table th{
    width:150px!important;
    color:#35394a!important;
    background:#fafafd!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.35!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}
.mj-job-builder [data-mj-job-field="package"] table input,
.mj-job-builder [data-mj-job-field="package"] table textarea,
.mj-job-builder [data-mj-job-field="package"] table select,
.mj-job-builder [data-mj-job-field="package"] table .ui.dropdown{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
}
.mj-job-builder [data-mj-job-field="package"] table textarea{
    min-height:112px!important;
}
.mj-job-builder [data-mj-job-field="package"] .packages-wrapper,
.mj-job-builder [data-mj-job-field="package"] .job-packages,
.mj-job-builder [data-mj-job-field="package"] .package-wrapper{
    width:100%!important;
    max-width:none!important;
}

/* Prevent old Semantic UI widths from collapsing labels/fields. */
.mj-job-builder .fields>.field,
.mj-job-builder .wide.field,
.mj-job-builder .eight.wide.field,
.mj-job-builder .six.wide.field,
.mj-job-builder .four.wide.field,
.mj-job-builder .three.wide.field,
.mj-job-builder .two.wide.field{
    width:100%!important;
    max-width:none!important;
}
.mj-job-builder .ui.form .fields{
    width:100%!important;
}
.mj-job-builder label{
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

/* Category/description areas remain readable instead of squeezed. */
.mj-job-builder [data-mj-job-field="title"],
.mj-job-builder [data-mj-job-field="price"],
.mj-job-builder [data-mj-job-field="category"],
.mj-job-builder [data-mj-job-field="subcategory"],
.mj-job-builder [data-mj-job-field="description"],
.mj-job-builder [data-mj-job-field="tag"]{
    width:100%!important;
}

/* Price controls often consist of currency + input + dropdown. */
.mj-job-builder [data-mj-job-field="price"] .ui.input,
.mj-job-builder [data-mj-job-field="price"] .ui.labeled.input,
.mj-job-builder [data-mj-job-field="price"] .price-type-wrapper{
    max-width:760px!important;
}

/* Description editor */
.mj-job-builder [data-mj-job-field="description"] textarea{
    min-height:210px!important;
}

/* No floating help card is allowed over form controls. */
.mj-job-builder .mj-job-form-help{display:none!important}
.mj-job-builder .ui.popup{
    z-index:1200!important;
}

@media (max-width:1050px){
    .mj-job-builder-steps{
        display:flex!important;
        overflow-x:auto!important;
        grid-template-columns:none!important;
    }
    .mj-job-step{
        flex:0 0 155px!important;
    }
    .mj-job-builder [data-mj-job-field="package"]{
        overflow-x:auto!important;
        padding-bottom:8px!important;
    }
}
@media (max-width:700px){
    .mj-postjob-body .mj-container,
    .mj-postjob-head .mj-container{
        width:min(100% - 28px,1320px)!important;
    }
    .mj-job-panel{
        padding:20px 15px!important;
    }
    .mj-job-tipbar{
        display:block;
    }
    .mj-job-tipbar strong{
        margin-bottom:5px;
    }
    .mj-job-tipbar span{
        display:block;
    }
    .mj-job-builder [data-mj-job-field="package"] table{
        min-width:760px!important;
    }
}


/* =========================================================
   MIKROJOBY 10.5 — VLASTNÍ FORMULÁŘ POPTÁVKY
   ========================================================= */
.mj-postrequest-layout{
    display:block!important;
    width:100%!important;
}
.mj-postrequest-main{
    width:100%!important;
    max-width:none!important;
}
.mj-postrequest-side{display:none!important}
.mj-postrequest-body .mj-container,
.mj-postrequest-head .mj-container{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
}
.mj-request-builder{
    width:100%;
    padding:30px;
    border:1px solid #e5e7ec;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 40px rgba(26,30,43,.05);
}
.mj-request-builder-head{
    padding-bottom:22px;
    margin-bottom:24px;
    border-bottom:1px solid #eceef2;
}
.mj-request-builder-head h2{
    margin:0!important;
    color:#2c3040!important;
    font-size:25px!important;
    font-weight:850!important;
}
.mj-request-builder-head p{
    margin:7px 0 0!important;
    color:#747887!important;
    font-size:15px!important;
    line-height:1.55!important;
}
.mj-request-section{
    margin-top:26px;
    padding-top:26px;
    border-top:1px solid #eceef2;
}
.mj-request-section:first-of-type{
    margin-top:0;
    padding-top:0;
    border-top:0;
}
.mj-request-section h3{
    margin:0 0 18px!important;
    color:#313546!important;
    font-size:18px!important;
    font-weight:850!important;
}
.mj-request-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}
.mj-request-field{min-width:0}
.mj-request-field.is-full{grid-column:1/-1}
.mj-request-field>label{
    display:block;
    margin:0 0 8px;
    color:#343849;
    font-size:14px;
    font-weight:850;
}
.mj-request-builder input[type="text"],
.mj-request-builder input[type="number"],
.mj-request-builder input[type="email"],
.mj-request-builder input[type="url"],
.mj-request-builder select,
.mj-request-builder textarea{
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    padding:11px 13px!important;
    border:1px solid #dfe2e8!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#2e3242!important;
    font-family:inherit!important;
    font-size:15px!important;
    box-shadow:none!important;
}
.mj-request-builder textarea{
    min-height:180px!important;
    resize:vertical!important;
}
.mj-request-builder .ui.dropdown,
.mj-request-builder .selection.dropdown,
.mj-request-builder .ui.input{
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    border-radius:11px!important;
    box-shadow:none!important;
}
.mj-request-builder input:focus,
.mj-request-builder textarea:focus,
.mj-request-builder select:focus{
    outline:none!important;
    border-color:var(--mj-accent)!important;
    box-shadow:0 0 0 3px rgba(135,20,69,.08)!important;
}
.mj-request-submit-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:30px;
    padding-top:22px;
    border-top:1px solid #eceef2;
}
.mj-request-submit,
.mj-request-cancel{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border-radius:11px;
    font-family:inherit;
    font-size:14px;
    font-weight:850;
    text-decoration:none!important;
    cursor:pointer;
}
.mj-request-submit{
    border:1px solid var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
}
.mj-request-cancel{
    border:1px solid #dfe1e7;
    background:#fff;
    color:#565a6b!important;
}
.mj-request-builder label{
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}

/* Můj účet je jediný dashboard — duplicitní CTA uvnitř přehledu nejsou potřeba. */
.mj-dashboard-overview-head>a,
.mj-dashboard-head-actions{
    display:none!important;
}

@media(max-width:700px){
    .mj-postrequest-body .mj-container,
    .mj-postrequest-head .mj-container{
        width:min(100% - 28px,1180px)!important;
    }
    .mj-request-builder{padding:20px 16px}
    .mj-request-grid{grid-template-columns:1fr}
    .mj-request-field.is-full{grid-column:auto}
    .mj-request-submit-row{align-items:stretch}
    .mj-request-submit,.mj-request-cancel{flex:1 1 0}
}


/* =========================================================
   MIKROJOBY 10.6 — MOJE MIKROJOBY
   ========================================================= */
.mj-myjobs-stats{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
}
.mj-myjobs-stat{
    appearance:none;
    width:100%;
    min-height:86px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    padding:16px 18px;
    border:1px solid #e4e6ec;
    border-radius:14px;
    background:#fff;
    color:#343849;
    text-align:left;
    cursor:pointer;
    font:inherit;
    transition:.18s ease;
}
.mj-myjobs-stat span{
    color:#777b8a;
    font-size:13px;
    font-weight:700;
}
.mj-myjobs-stat strong{
    color:#25293a;
    font-size:25px;
    line-height:1;
    font-weight:900;
}
.mj-myjobs-stat:hover{
    border-color:#d3d5dd;
    transform:translateY(-1px);
}
.mj-myjobs-stat.is-selected{
    border-color:var(--mj-accent);
    box-shadow:0 0 0 2px rgba(135,20,69,.07);
}
.mj-myjobs-stat.is-selected span,
.mj-myjobs-stat.is-selected strong{
    color:var(--mj-accent);
}
.mj-myjobs-toolbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:22px 0 14px!important;
}
.mj-myjobs-toolbar strong{
    color:#2d3142;
    font-size:15px;
    font-weight:850;
}
.mj-myjobs-toolbar span{
    color:#8a8e9c;
    font-size:13px;
}
.mj-myjob-card[hidden]{display:none!important}
.mj-myjobs-no-filter-results{
    padding:32px;
    border:1px dashed #dfe1e7;
    border-radius:14px;
    text-align:center;
    color:#777b89;
    background:#fafafd;
}
.mj-myjob-image-empty{
    width:100%;
    height:100%;
    display:flex!important;
    align-items:center;
    justify-content:center;
    background:#f1f2f5;
    color:#9a9dac;
    font-size:24px;
    font-weight:900;
}
.mj-myjob-card{
    grid-template-columns:150px minmax(0,1fr) 180px auto!important;
    gap:18px!important;
    align-items:center!important;
}
.mj-myjob-main h2{
    margin:7px 0 8px!important;
    line-height:1.3!important;
}
.mj-myjob-orders{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(72px,1fr))!important;
}
.mj-myjob-actions{
    display:flex!important;
    gap:8px!important;
    align-items:center!important;
}
@media(max-width:900px){
    .mj-myjobs-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .mj-myjob-card{
        grid-template-columns:110px minmax(0,1fr)!important;
    }
    .mj-myjob-orders,
    .mj-myjob-actions{
        grid-column:1/-1;
    }
    .mj-myjob-actions{justify-content:flex-end!important}
}
@media(max-width:560px){
    .mj-myjobs-stats{grid-template-columns:1fr 1fr!important}
    .mj-myjobs-toolbar{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
    .mj-myjob-card{grid-template-columns:84px minmax(0,1fr)!important;padding:14px!important}
    .mj-myjob-image{width:84px!important;height:72px!important}
}


/* =========================================================
   MIKROJOBY 10.7 — JEDNOTNÁ MARKETPLACE KARTA
   ========================================================= */
.mj-market-card{
    height:100%!important;
    min-height:430px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid #e1e3e8!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.mj-market-card:hover{
    transform:translateY(-2px)!important;
    border-color:#d4d6dd!important;
    box-shadow:0 12px 30px rgba(31,35,48,.07)!important;
}
.mj-market-media{
    position:relative!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    background:#eceef2!important;
}
.mj-market-media>img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    transition:transform .25s ease!important;
}
.mj-market-card:hover .mj-market-media>img{transform:scale(1.015)}
.mj-market-image-badges{
    position:absolute!important;
    top:10px!important;
    left:10px!important;
    right:10px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    pointer-events:none!important;
}
.mj-market-image-badges .mj-job-badge{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    max-width:145px!important;
    padding:6px 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.94)!important;
    color:#343849!important;
    font-size:11px!important;
    font-weight:850!important;
    box-shadow:0 4px 14px rgba(0,0,0,.08)!important;
}
.mj-market-image-badges svg{
    width:13px!important;height:13px!important;
}
.mj-market-body{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:14px 15px 15px!important;
}
.mj-market-seller-row{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
}
.mj-market-seller{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#292d3d!important;
    text-decoration:none!important;
}
.mj-market-avatar{
    width:34px!important;height:34px!important;min-width:34px!important;
    display:block!important;
    overflow:hidden!important;
    border:2px solid #fff!important;
    border-radius:50%!important;
    box-shadow:0 0 0 1px #d9dce3!important;
}
.mj-market-avatar img,
.mj-market-avatar-img{
    width:100%!important;height:100%!important;
    display:block!important;
    object-fit:cover!important;
    border-radius:50%!important;
}
.mj-market-seller-name{
    max-width:120px!important;
    overflow:hidden!important;
    color:#292d3d!important;
    font-size:13px!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.mj-market-seller-badges{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    overflow:hidden!important;
}
.mj-market-seller-badges .mj-seller-badge{
    max-width:115px!important;
}
.mj-market-category{
    margin-top:10px!important;
    color:#9295a1!important;
    font-size:11px!important;
    font-weight:750!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
}
.mj-market-title{
    min-height:48px!important;
    margin:6px 0 0!important;
    padding:0!important;
    font-size:16px!important;
    line-height:1.48!important;
    font-weight:800!important;
}
.mj-market-title a{
    display:-webkit-box!important;
    overflow:hidden!important;
    color:#2b2f40!important;
    text-decoration:none!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}
.mj-market-title a:hover{color:var(--mj-accent)!important}
.mj-market-rating-row{
    min-height:23px!important;
    display:flex!important;
    align-items:center!important;
    margin-top:8px!important;
}
.mj-market-rating{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#2f3343!important;
    font-size:13px!important;
}
.mj-market-rating strong{font-weight:900!important}
.mj-market-rating small{color:#8a8d99!important;font-size:12px!important}
.mj-market-new{
    color:#777b89!important;
    font-size:12px!important;
    font-weight:750!important;
}
.mj-market-chips{
    min-height:28px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin-top:7px!important;
    overflow:hidden!important;
}
.mj-market-chip{
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:5px 7px!important;
    border:1px solid #e4e6eb!important;
    border-radius:7px!important;
    background:#fafafd!important;
    color:#656978!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.mj-market-chip svg{
    width:13px!important;height:13px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.mj-market-chip.is-instant{color:#80561a!important;background:#fffaf0!important;border-color:#f0dfbf!important}
.mj-market-chip.is-shipping{color:#46606f!important;background:#f7fafb!important;border-color:#dfe7eb!important}
.mj-market-chip.is-starter{color:#6b5577!important;background:#faf7fc!important;border-color:#e7ddeb!important}
.mj-market-spacer{flex:1 1 auto!important;min-height:12px!important}
.mj-market-footer{
    min-height:62px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid #eceef2!important;
}
.mj-market-delivery,
.mj-market-price{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
}
.mj-market-delivery span,
.mj-market-price span{
    color:#999ca7!important;
    font-size:10.5px!important;
    line-height:1.2!important;
}
.mj-market-delivery strong{
    color:#4b4f5e!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
}
.mj-market-price{
    margin-left:auto!important;
    align-items:flex-end!important;
    text-align:right!important;
}
.mj-market-price strong{
    color:#252938!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:900!important;
}
.mj-market-price small{
    max-width:120px!important;
    overflow:hidden!important;
    color:#777b88!important;
    font-size:11px!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.mj-job-grid{
    align-items:stretch!important;
}
.mj-job-grid>.mj-market-card{
    align-self:stretch!important;
}
@media(max-width:640px){
    .mj-market-card{min-height:400px!important}
    .mj-market-title{font-size:15px!important}
    .mj-market-seller-name{max-width:105px!important}
    .mj-market-price strong{font-size:17px!important}
}


/* =========================================================
   MIKROJOBY 10.8 — HODNOCENÍ + CHECKOUT
   ========================================================= */
.mj-market-rating strong,
.mj-detail-rating,
.mj-detail-seller-head > span{
    color:var(--mj-accent)!important;
}
.mj-market-rating strong{
    padding:3px 7px!important;
    border-radius:7px!important;
    background:rgba(135,20,69,.07)!important;
}
.mj-market-rating small{
    color:#8b8e99!important;
}

/* Checkout držíme ve vlastním layoutu, ale platební prvky WPJobsteru zůstávají funkční. */
.mj-checkout-head{
    padding:34px 0 22px!important;
    background:#fff!important;
    border-bottom:1px solid #eceef2!important;
}
.mj-checkout-head h1{
    margin:8px 0 5px!important;
    color:#292d3d!important;
    font-size:34px!important;
    line-height:1.15!important;
    font-weight:900!important;
}
.mj-checkout-head p{
    margin:0!important;
    color:#787c89!important;
    font-size:15px!important;
}
.mj-checkout-body{
    padding:28px 0 55px!important;
    background:#f7f8fa!important;
}
.mj-checkout-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:24px!important;
    align-items:start!important;
}
.mj-checkout-main{
    min-width:0!important;
}
.mj-checkout-native-form,
.mj-checkout-start,
.mj-checkout-finished{
    padding:24px!important;
    border:1px solid #e2e4e9!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 26px rgba(29,33,45,.04)!important;
}
.mj-checkout-start h2,
.mj-checkout-finished h2{
    margin:0 0 8px!important;
    font-size:22px!important;
    color:#292d3d!important;
}
.mj-checkout-start p,
.mj-checkout-finished p{
    margin:0 0 18px!important;
    color:#747887!important;
    line-height:1.6!important;
}
.mj-checkout-start a,
.mj-checkout-finished a{
    display:inline-flex!important;
    min-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 18px!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font-weight:850!important;
    text-decoration:none!important;
}
.mj-checkout-side{
    position:sticky!important;
    top:94px!important;
    display:grid!important;
    gap:14px!important;
}
.mj-checkout-summary,
.mj-checkout-info{
    overflow:hidden!important;
    border:1px solid #e2e4e9!important;
    border-radius:16px!important;
    background:#fff!important;
}
.mj-checkout-summary{
    padding:16px!important;
}
.mj-checkout-summary > img{
    width:100%!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
    border-radius:11px!important;
}
.mj-checkout-summary h2{
    margin:13px 0!important;
    color:#2c3040!important;
    font-size:17px!important;
    line-height:1.4!important;
    font-weight:850!important;
}
.mj-checkout-seller{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 0!important;
    border-top:1px solid #eef0f3!important;
}
.mj-checkout-seller-avatar{
    width:42px!important;height:42px!important;
    border-radius:50%!important;
    object-fit:cover!important;
}
.mj-checkout-seller div{
    display:flex!important;
    flex-direction:column!important;
}
.mj-checkout-seller span,
.mj-checkout-facts span,
.mj-checkout-price span{
    color:#9699a5!important;
    font-size:11px!important;
}
.mj-checkout-seller strong{
    color:#303444!important;
    font-size:14px!important;
}
.mj-checkout-facts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px 0!important;
    border-top:1px solid #eef0f3!important;
}
.mj-checkout-facts div{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
}
.mj-checkout-facts strong{
    color:#454957!important;
    font-size:13px!important;
}
.mj-checkout-price{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-end!important;
    gap:7px!important;
    padding-top:12px!important;
    border-top:1px solid #eef0f3!important;
}
.mj-checkout-price strong{
    color:#252938!important;
    font-size:23px!important;
    font-weight:900!important;
}
.mj-checkout-info{
    padding:18px!important;
}
.mj-checkout-info h2{
    margin:0 0 7px!important;
    font-size:16px!important;
    color:#303444!important;
}
.mj-checkout-info p{
    margin:0 0 12px!important;
    color:#7b7f8c!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.mj-checkout-trust-row{
    padding:5px 0!important;
    color:#505462!important;
    font-size:12px!important;
    font-weight:700!important;
}
.mj-checkout-created{
    padding-top:20px!important;
    background:#f7f8fa!important;
}

/* Starý checkout je uvnitř našeho shellu; odstraníme pouze duplicitní hlavičkové dekorace. */
.mj-checkout-native-form .checkout-page-title,
.mj-checkout-native-form .currency-switcher + .ui.divider{
    margin-top:0!important;
}
.mj-checkout-native-form .checkout-wrapper{
    width:100%!important;
}
.mj-checkout-native-form .wpj-bordered-container{
    border:0!important;
    box-shadow:none!important;
}
.mj-checkout-native-form .ui.segment{
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
}
.mj-checkout-native-form .payment-buttons-bar-wrapper{
    margin-top:20px!important;
    border-radius:12px!important;
    overflow:hidden!important;
}
.mj-checkout-native-form .payment-buttons-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:16px!important;
    background:#f6f7f9!important;
    border:1px solid #e4e6eb!important;
    border-radius:12px!important;
}
.mj-checkout-native-form .payment-total-price{
    color:#292d3d!important;
    font-size:17px!important;
    font-weight:900!important;
}
.mj-checkout-native-form button,
.mj-checkout-native-form .button,
.mj-checkout-native-form input[type="submit"]{
    border-radius:9px!important;
}
@media(max-width:900px){
    .mj-checkout-layout{grid-template-columns:1fr!important}
    .mj-checkout-side{position:static!important;grid-row:1}
}
@media(max-width:600px){
    .mj-checkout-head h1{font-size:27px!important}
    .mj-checkout-native-form,
    .mj-checkout-start,
    .mj-checkout-finished{padding:17px!important}
    .mj-checkout-native-form .payment-buttons-bar{
        align-items:stretch!important;
        flex-direction:column!important;
    }
}

/* 10.9 detail */
.mj-detail-facts .mj-detail-fact{min-width:0;display:flex!important;align-items:center!important;gap:11px;padding:14px 16px!important;border:1px solid #e4e6eb!important;border-radius:13px!important;background:#fff!important}
.mj-detail-facts .mj-fact-icon{flex:0 0 36px;width:36px;height:36px;display:grid!important;place-items:center;border-radius:10px;background:rgba(143,20,58,.08)!important;color:var(--mj-accent)!important}
.mj-detail-facts .mj-fact-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mj-detail-facts .mj-fact-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.mj-detail-facts .mj-fact-copy small{font-size:12px!important;color:#8a8e9a!important;font-weight:700}.mj-detail-facts .mj-fact-copy strong{font-size:15px!important;color:#282c3b!important;font-weight:850;overflow-wrap:anywhere}
.mj-detail-content-card{border:1px solid #e0e3e9!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 20px rgba(30,34,46,.035)!important}.mj-detail-tabs{padding:0 22px!important;border-bottom:1px solid #e7e9ed!important;background:#fafafb!important}.mj-detail-tabs span{display:inline-flex;align-items:center;min-height:50px;margin-right:24px;font-size:14px!important;font-weight:800!important}.mj-detail-tabs span.is-active{color:var(--mj-accent)!important;box-shadow:inset 0 -2px 0 var(--mj-accent)}.mj-detail-description{padding:22px 24px 25px!important;color:#4f5462!important;font-size:16px!important;line-height:1.72!important}
.mj-order-card,.mj-native-order-form,.mj-native-order-form *{box-sizing:border-box!important}.mj-order-card,.mj-native-order-form{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important}.mj-native-order-form .ui.grid,.mj-native-order-form .ui.form,.mj-native-order-form .field,.mj-native-order-form .fields,.mj-native-order-form .row,.mj-native-order-form [class*="column"]{min-width:0!important;max-width:100%!important}.mj-native-order-form .ui.grid{width:100%!important;margin-left:0!important;margin-right:0!important}.mj-native-order-form input,.mj-native-order-form select,.mj-native-order-form textarea{max-width:100%!important}
.mj-native-order-form .daily-job-quantity,.mj-native-order-form .daily-quantity,.mj-native-order-form .quantity-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;max-width:100%!important}.mj-native-order-form .daily-job-quantity>label,.mj-native-order-form .daily-quantity>label,.mj-native-order-form .quantity-row>label{flex:0 0 100%!important;width:100%!important;margin:0 0 5px!important;text-align:center!important;white-space:normal!important}.mj-native-order-form .quantity-wrapper,.mj-native-order-form [class*="quantity-selector"],.mj-native-order-form [class*="quantity-control"]{margin-left:auto!important;margin-right:auto!important}
@media(max-width:767px){.mj-detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.mj-detail-main,.mj-detail-sidebar{display:contents!important}.mj-detail-gallery{order:10!important}.mj-detail-facts{order:20!important}.mj-detail-sidebar>.mj-order-card{order:30!important;position:static!important;width:100%!important;margin:0!important}.mj-detail-content-card{order:40!important}.mj-detail-main>[class*="review"]{order:50!important}.mj-detail-seller-mobile{order:60!important}.mj-detail-sidebar>.mj-detail-seller-card{order:70!important}.mj-detail-sidebar>.mj-detail-trust-card{order:80!important}.mj-related-jobs{order:100!important}.mj-detail-description{padding:19px!important;font-size:16px!important;line-height:1.68!important}}
@media(max-width:480px){.mj-detail-facts{grid-template-columns:1fr!important}.mj-detail-tabs{padding:0 17px!important}.mj-detail-tabs span{min-height:47px!important;font-size:13px!important}}


/* =========================================================
   10.9.2 — ORDER FORM READABILITY / SAFE LAYOUT
   ========================================================= */

/* Zrušení agresivního přeskládání quantity řádku z předchozí verze. */
.mj-native-order-form .daily-job-quantity,
.mj-native-order-form .daily-quantity,
.mj-native-order-form .quantity-row{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
}
.mj-native-order-form .daily-job-quantity > label,
.mj-native-order-form .daily-quantity > label,
.mj-native-order-form .quantity-row > label{
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    text-align:left!important;
    white-space:normal!important;
}
.mj-native-order-form .quantity-wrapper,
.mj-native-order-form [class*="quantity-selector"],
.mj-native-order-form [class*="quantity-control"]{
    margin-left:0!important;
    margin-right:0!important;
}

/* Žádné mini písmo v objednávkovém panelu. */
.mj-native-order-form,
.mj-native-order-form .ui.form,
.mj-native-order-form .field,
.mj-native-order-form label,
.mj-native-order-form p,
.mj-native-order-form span,
.mj-native-order-form small,
.mj-native-order-form div{
    font-size:14px!important;
    line-height:1.45!important;
}

.mj-native-order-form .ui.menu.top .item{
    min-height:42px!important;
    font-size:14px!important;
    line-height:1.2!important;
}

.mj-package-option{
    min-height:102px!important;
    padding:16px!important;
}
.mj-package-option .mj-package-copy strong{
    font-size:16px!important;
    line-height:1.3!important;
}
.mj-package-option .mj-package-copy small{
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.45!important;
}
.mj-package-option .mj-package-meta,
.mj-package-option .mj-package-meta em{
    font-size:13px!important;
    line-height:1.35!important;
}
.mj-package-option .mj-package-price{
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:900!important;
}

/* Extras / varianty */
.mj-native-order-form .extra-item{
    min-height:48px!important;
}
.mj-native-order-form .extra-item label{
    font-size:14px!important;
    line-height:1.4!important;
}
.mj-native-order-form .extra-item .price-content,
.mj-native-order-form .extra-price-inside{
    font-size:14px!important;
    line-height:1.35!important;
}

/* Texty typu fronta, dodání, počet, rychlost. */
.mj-native-order-form .sidebar-orders-in-queue,
.mj-native-order-form .sidebar-delivery-location,
.mj-native-order-form .single-job-sidebar-price-content,
.mj-native-order-form .package-meta,
.mj-native-order-form [class*="delivery"],
.mj-native-order-form [class*="queue"]{
    font-size:13px!important;
    line-height:1.4!important;
}

/* Pole včetně kuponu. */
.mj-native-order-form input[type="text"],
.mj-native-order-form input[type="number"],
.mj-native-order-form input[type="email"],
.mj-native-order-form select{
    min-height:46px!important;
    height:46px!important;
    padding:0 13px!important;
    border:1px solid #d8dbe2!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#343845!important;
    font-size:15px!important;
    line-height:1!important;
}

/* Vložit kupon = sekundární, Zakoupit = primární.
   Obě tlačítka mají stejnou výšku i velikost písma. */
.mj-native-order-form .mj-coupon-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    margin:10px 0 0!important;
    padding:0 16px!important;
    border:1px solid #d9dce2!important;
    border-radius:10px!important;
    background:#eef0f3!important;
    color:#4e5360!important;
    box-shadow:none!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:850!important;
    text-decoration:none!important;
}
.mj-native-order-form .mj-coupon-action:hover{
    background:#e4e7eb!important;
    color:#343845!important;
}

.mj-native-order-form .mj-purchase-action,
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    margin:12px 0 0!important;
    padding:0 16px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
}
.mj-native-order-form .mj-purchase-action:hover,
.mj-native-order-form .text-button.job-purchase-action:hover,
.mj-native-order-form .js-buy-job-button:hover{
    background:var(--mj-accent-dark)!important;
    border-color:var(--mj-accent-dark)!important;
}

/* Desktop i mobil: žádné horizontální přetékání. */
.mj-native-order-form,
.mj-native-order-form form,
.mj-native-order-form .ui.grid,
.mj-native-order-form .row,
.mj-native-order-form .column,
.mj-native-order-form [class*="column"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
.mj-native-order-form .ui.grid{
    margin-left:0!important;
    margin-right:0!important;
}

@media(max-width:767px){
    .mj-package-option{min-height:unset!important}
    .mj-native-order-form,
    .mj-native-order-form .ui.form,
    .mj-native-order-form .field,
    .mj-native-order-form label,
    .mj-native-order-form p,
    .mj-native-order-form span,
    .mj-native-order-form small,
    .mj-native-order-form div{
        font-size:15px!important;
    }
    .mj-package-option .mj-package-copy strong{font-size:17px!important}
    .mj-package-option .mj-package-copy small{font-size:15px!important}
    .mj-package-option .mj-package-meta,
    .mj-package-option .mj-package-meta em{font-size:14px!important}
    .mj-native-order-form .mj-coupon-action,
    .mj-native-order-form .mj-purchase-action,
    .mj-native-order-form .text-button.job-purchase-action,
    .mj-native-order-form .js-buy-job-button{
        min-height:52px!important;
        height:52px!important;
        font-size:16px!important;
    }
}


/* =========================================================
   10.10 — FULL PACKAGE INFORMATION
   ========================================================= */

.mj-package-picker-rich{
    margin:0 0 16px!important;
    border:1px solid #e0e3e8!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
}

.mj-package-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-bottom:1px solid #e2e5ea!important;
    background:#f7f8fa!important;
}
.mj-package-tab{
    min-width:0!important;
    min-height:48px!important;
    padding:10px 8px!important;
    border:0!important;
    border-right:1px solid #e2e5ea!important;
    border-radius:0!important;
    background:transparent!important;
    color:#727784!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:900!important;
    text-align:center!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
}
.mj-package-tab:last-child{border-right:0!important}
.mj-package-tab.is-selected{
    background:#fff!important;
    color:#2f3341!important;
    box-shadow:inset 0 -3px 0 var(--mj-accent)!important;
}

.mj-package-panel{
    padding:18px!important;
}
.mj-package-panel[hidden]{display:none!important}
.mj-package-panel-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
}
.mj-package-panel-head h3{
    margin:0!important;
    color:#2c3140!important;
    font-size:19px!important;
    line-height:1.25!important;
    font-weight:900!important;
}
.mj-package-panel-price{
    flex:0 0 auto!important;
    color:var(--mj-accent)!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.mj-package-rating{
    margin-top:5px!important;
    color:var(--mj-accent)!important;
    font-size:13px!important;
    font-weight:850!important;
}
.mj-package-rating span{
    color:#8c909b!important;
    font-size:12px!important;
    font-weight:700!important;
}
.mj-package-full-desc{
    margin-top:14px!important;
    color:#555a68!important;
    font-size:15px!important;
    line-height:1.58!important;
}
.mj-package-facts{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:16px!important;
}
.mj-package-facts>div{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:10px 11px!important;
    border:1px solid #e5e7eb!important;
    border-radius:10px!important;
    background:#fafafb!important;
}
.mj-package-fact-icon{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:rgba(143,20,58,.08)!important;
    color:var(--mj-accent)!important;
}
.mj-package-fact-icon svg{
    width:16px!important;
    height:16px!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.mj-package-facts small{
    display:block!important;
    color:#90949f!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:700!important;
}
.mj-package-facts strong{
    display:block!important;
    margin-top:2px!important;
    color:#343846!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
}
.mj-package-rate-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-top:16px!important;
    padding-top:14px!important;
    border-top:1px solid #e4e6eb!important;
}
.mj-package-rate-row span{
    color:#797e89!important;
    font-size:13px!important;
    font-weight:800!important;
}
.mj-package-rate-row strong{
    color:#292d3b!important;
    font-size:16px!important;
    font-weight:900!important;
}

/* Native WPJobster package-specific values stay visible below our panel. */
.mj-native-order-form.has-packages .sidebar-delivery-location,
.mj-native-order-form.has-packages .sidebar-orders-in-queue,
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-fields,
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-compare-packages{
    display:block!important;
    font-size:14px!important;
    line-height:1.45!important;
}
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-fields{
    margin:12px 0!important;
}
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-compare-packages{
    margin:12px 0!important;
    padding:10px 0!important;
    text-align:center!important;
    color:var(--mj-accent)!important;
    font-weight:850!important;
}

/* Keep fee/tax/rate breakdown readable if WPJobster outputs it here. */
.mj-native-order-form .package-rate,
.mj-native-order-form [class*="processing-fee"],
.mj-native-order-form [class*="tax"],
.mj-native-order-form [class*="fee"]{
    font-size:14px!important;
    line-height:1.4!important;
}

@media(max-width:767px){
    .mj-package-tab{
        min-height:52px!important;
        font-size:12px!important;
        padding:10px 5px!important;
    }
    .mj-package-panel{padding:16px!important}
    .mj-package-panel-head h3{font-size:18px!important}
    .mj-package-panel-price{font-size:19px!important}
    .mj-package-full-desc{font-size:15px!important}
    .mj-package-facts{grid-template-columns:1fr!important}
}


/* =========================================================
   10.10.1 — COUPON / PURCHASE CTA FINAL ALIGNMENT
   ========================================================= */

/* Obě akce mají přesně stejný rozměr a zarovnání. */
.mj-native-order-form .mj-coupon-action,
.mj-native-order-form .mj-purchase-action,
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:10px!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:850!important;
    text-align:center!important;
    float:none!important;
}

/* Vložit kupon = záměrně sekundární a méně výrazná akce. */
.mj-native-order-form .mj-coupon-action{
    margin-top:10px!important;
    border:1px solid #d7dae0!important;
    background:#f1f2f4!important;
    color:#555b67!important;
    box-shadow:none!important;
}
.mj-native-order-form .mj-coupon-action:hover,
.mj-native-order-form .mj-coupon-action:focus{
    border-color:#c9cdd4!important;
    background:#e7e9ec!important;
    color:#343945!important;
}

/* Zakoupit = jediná hlavní vínová akce. */
.mj-native-order-form .mj-purchase-action,
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    margin-top:12px!important;
    border:1px solid var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
}
.mj-native-order-form .mj-purchase-action:hover,
.mj-native-order-form .mj-purchase-action:focus,
.mj-native-order-form .text-button.job-purchase-action:hover,
.mj-native-order-form .text-button.job-purchase-action:focus,
.mj-native-order-form .js-buy-job-button:hover,
.mj-native-order-form .js-buy-job-button:focus{
    border-color:var(--mj-accent-dark)!important;
    background:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Wrappery tlačítek nesmí jejich šířku omezovat. */
.mj-native-order-form .coupon,
.mj-native-order-form [class*="coupon"],
.mj-native-order-form .purchase,
.mj-native-order-form [class*="purchase"],
.mj-native-order-form .mj-coupon-action,
.mj-native-order-form .mj-purchase-action{
    max-width:100%!important;
}
.mj-native-order-form .mj-coupon-action,
.mj-native-order-form .mj-purchase-action{
    flex-basis:100%!important;
}

@media(max-width:767px){
    .mj-native-order-form .mj-coupon-action,
    .mj-native-order-form .mj-purchase-action,
    .mj-native-order-form .text-button.job-purchase-action,
    .mj-native-order-form .js-buy-job-button{
        width:100%!important;
        height:52px!important;
        min-height:52px!important;
        font-size:16px!important;
    }
}


/* =========================================================
   10.10.2 — REAL WPJOBSTER ACTION WRAPPERS
   ========================================================= */

/* JS označí skutečné wrappery podle textu tlačítek i u dynamického obsahu. */
.mj-native-order-form .mj-coupon-width-host,
.mj-native-order-form .mj-purchase-width-host{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    float:none!important;
    flex:0 0 100%!important;
    box-sizing:border-box!important;
}

.mj-native-order-form .mj-coupon-input{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #d8dbe2!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#3e4350!important;
    font-size:15px!important;
}

/* Vložit kupon: zřetelně sekundární. */
.mj-native-order-form .mj-coupon-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    margin:10px 0 0!important;
    padding:0 18px!important;
    border:1px solid #d5d9df!important;
    border-radius:10px!important;
    background:#eceef1!important;
    color:#505662!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:850!important;
    text-align:center!important;
    text-decoration:none!important;
    float:none!important;
}
.mj-native-order-form .mj-coupon-action:hover,
.mj-native-order-form .mj-coupon-action:focus{
    border-color:#c8cdd4!important;
    background:#e2e5e9!important;
    color:#2f3440!important;
}

/* Zakoupit: jediná vínová primární akce. */
.mj-native-order-form .mj-purchase-action,
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    margin:12px 0 0!important;
    padding:0 18px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
    text-align:center!important;
    text-decoration:none!important;
    float:none!important;
}
.mj-native-order-form .mj-purchase-action:hover,
.mj-native-order-form .mj-purchase-action:focus,
.mj-native-order-form .text-button.job-purchase-action:hover,
.mj-native-order-form .text-button.job-purchase-action:focus,
.mj-native-order-form .js-buy-job-button:hover,
.mj-native-order-form .js-buy-job-button:focus{
    border-color:var(--mj-accent-dark)!important;
    background:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Bez ohledu na původní Semantic UI sloupce musí mít oba CTA stejnou osu. */
.mj-native-order-form .mj-coupon-width-host > .mj-coupon-action,
.mj-native-order-form .mj-purchase-width-host > .mj-purchase-action{
    width:100%!important;
    max-width:none!important;
}


/* 10.10.3 fallback: skutečný vzhled CTA je aplikován inline z job_detail JS. */
.mj-native-order-form .mj-coupon-action{background:#eceef1!important;color:#505662!important;border-color:#d5d9df!important}
.mj-native-order-form .mj-purchase-action{background:var(--mj-accent)!important;color:#fff!important;border-color:var(--mj-accent)!important}


/* =========================================================
   10.11 — COMPLETE PACKAGES + REAL COMPARISON
   ========================================================= */
.mj-package-full-desc{
    margin-top:14px!important;
    color:#4f5462!important;
    font-size:15px!important;
    line-height:1.62!important;
}
.mj-package-full-desc p{margin:0 0 9px!important}
.mj-package-full-desc.is-empty{color:#9296a0!important;font-style:italic!important}

.mj-package-included{
    margin-top:16px!important;
    padding:13px 14px!important;
    border:1px solid #e5e7eb!important;
    border-radius:10px!important;
    background:#fafafb!important;
}
.mj-package-included>strong{
    display:block!important;
    margin-bottom:8px!important;
    color:#343846!important;
    font-size:14px!important;
}
.mj-package-included ul{
    display:grid!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.mj-package-included li{
    display:flex!important;
    gap:8px!important;
    color:#555a67!important;
    font-size:14px!important;
    line-height:1.4!important;
}
.mj-package-included li span{color:var(--mj-accent)!important;font-weight:900!important}

.mj-package-compare-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin-top:13px!important;
    min-height:42px!important;
    border:1px solid #d9dce2!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--mj-accent)!important;
    font-size:14px!important;
    font-weight:850!important;
    text-decoration:none!important;
}

/* The original native compare link now has a real target on our page. */
.mj-native-order-form .pck-sidebar-compare-packages{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:42px!important;
    margin:12px 0!important;
    color:var(--mj-accent)!important;
    font-size:14px!important;
    font-weight:850!important;
    text-decoration:none!important;
}

.mj-package-comparison{
    margin-top:24px!important;
    padding:22px!important;
    border:1px solid #e0e3e9!important;
    border-radius:15px!important;
    background:#fff!important;
}
.mj-package-comparison-head h2{
    margin:0!important;
    color:#292d3b!important;
    font-size:24px!important;
    line-height:1.2!important;
}
.mj-package-comparison-head p{
    margin:7px 0 0!important;
    color:#777c88!important;
    font-size:15px!important;
    line-height:1.5!important;
}
.mj-package-comparison-scroll{
    margin-top:18px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
}
.mj-package-comparison-table{
    width:100%!important;
    min-width:760px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:fixed!important;
}
.mj-package-comparison-table th,
.mj-package-comparison-table td{
    padding:14px 13px!important;
    border-right:1px solid #e6e8ec!important;
    border-bottom:1px solid #e6e8ec!important;
    vertical-align:top!important;
    color:#515663!important;
    font-size:14px!important;
    line-height:1.5!important;
    background:#fff!important;
}
.mj-package-comparison-table tr>*:first-child{border-left:1px solid #e6e8ec!important}
.mj-package-comparison-table thead th{
    border-top:1px solid #e6e8ec!important;
    background:#f6f7f9!important;
    color:#303442!important;
    font-size:14px!important;
    font-weight:900!important;
    text-align:center!important;
}
.mj-package-comparison-table thead th:first-child{text-align:left!important}
.mj-package-comparison-table tbody th{
    width:150px!important;
    background:#fafafb!important;
    color:#555a67!important;
    font-weight:850!important;
}
.mj-package-comparison-table .is-description td{font-size:14px!important;line-height:1.58!important}
.mj-package-comparison-table .is-center{text-align:center!important;vertical-align:middle!important}
.mj-package-comparison-table .is-yes{
    display:inline-grid!important;
    place-items:center!important;
    width:26px!important;height:26px!important;
    border-radius:50%!important;
    background:rgba(143,20,58,.09)!important;
    color:var(--mj-accent)!important;
    font-weight:950!important;
}
.mj-package-comparison-table .is-no{color:#b0b3bb!important}
.mj-package-comparison-table .is-price td strong{
    color:var(--mj-accent)!important;
    font-size:17px!important;
}
.mj-compare-select-package{
    min-height:42px!important;
    padding:0 14px!important;
    border:1px solid #d5d9df!important;
    border-radius:9px!important;
    background:#f1f2f4!important;
    color:#434854!important;
    font-size:14px!important;
    font-weight:850!important;
    cursor:pointer!important;
}
.mj-compare-select-package:hover{
    border-color:var(--mj-accent)!important;
    color:var(--mj-accent)!important;
    background:#fff!important;
}

@media(max-width:767px){
    .mj-package-comparison{padding:17px!important;margin-top:18px!important}
    .mj-package-comparison-head h2{font-size:21px!important}
    .mj-package-comparison-table{min-width:680px!important}
}


/* =========================================================
   10.11.1 — MOBILE PACKAGE COMPARISON
   ========================================================= */

.mj-package-comparison-mobile{display:none!important}

@media(max-width:767px){
    /*
     * display:contents na main/sidebar znamená, že prvky bez order spadnou
     * před galerii. Porovnání proto dostává pevné místo až ZA objednávkou
     * a popisem, nikoli nad fotku mikrojobu.
     */
    .mj-package-comparison{
        order:45!important;
        margin-top:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    .mj-package-comparison-head{
        display:none!important;
    }

    .mj-package-comparison-scroll{
        display:none!important;
    }

    .mj-package-comparison-mobile{
        display:block!important;
        overflow:hidden!important;
        border:1px solid #e0e3e8!important;
        border-radius:14px!important;
        background:#fff!important;
    }

    .mj-package-mobile-tabs{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        border-bottom:1px solid #e2e5ea!important;
        background:#fff!important;
    }

    .mj-package-mobile-tab{
        min-width:0!important;
        min-height:52px!important;
        padding:10px 6px!important;
        border:0!important;
        border-radius:0!important;
        background:#fff!important;
        color:#858aa1!important;
        font-size:15px!important;
        line-height:1.15!important;
        font-weight:900!important;
        text-align:center!important;
        cursor:pointer!important;
    }

    .mj-package-mobile-tab.is-selected{
        color:#8f143a!important;
        box-shadow:inset 0 -3px 0 #8f143a!important;
    }

    .mj-package-mobile-panel{
        padding:20px 18px 18px!important;
    }
    .mj-package-mobile-panel[hidden]{display:none!important}

    .mj-package-mobile-head{
        display:flex!important;
        align-items:flex-start!important;
        justify-content:space-between!important;
        gap:14px!important;
    }
    .mj-package-mobile-head h3{
        margin:0!important;
        color:#222735!important;
        font-size:20px!important;
        line-height:1.2!important;
        font-weight:950!important;
        text-transform:uppercase!important;
    }
    .mj-package-mobile-head strong{
        flex:0 0 auto!important;
        color:#8f143a!important;
        font-size:21px!important;
        line-height:1.2!important;
        font-weight:950!important;
        white-space:nowrap!important;
    }

    .mj-package-mobile-desc{
        margin-top:14px!important;
        color:#3e4350!important;
        font-size:16px!important;
        line-height:1.6!important;
    }

    .mj-package-mobile-included{
        margin-top:22px!important;
    }
    .mj-package-mobile-included h4{
        margin:0 0 12px!important;
        color:#252a37!important;
        font-size:18px!important;
        line-height:1.2!important;
        font-weight:950!important;
    }
    .mj-package-mobile-included ul{
        display:grid!important;
        gap:10px!important;
        margin:0!important;
        padding:0!important;
        list-style:none!important;
    }
    .mj-package-mobile-included li{
        display:flex!important;
        align-items:flex-start!important;
        gap:9px!important;
        color:#474c59!important;
        font-size:16px!important;
        line-height:1.45!important;
    }
    .mj-package-mobile-included li span{
        flex:0 0 auto!important;
        color:#8f143a!important;
        font-size:19px!important;
        line-height:1.2!important;
        font-weight:950!important;
    }

    .mj-package-mobile-panel .mj-compare-select-package{
        width:100%!important;
        min-height:50px!important;
        margin-top:22px!important;
        border:1px solid var(--mj-accent)!important;
        background:#fff!important;
        color:var(--mj-accent)!important;
        font-size:15px!important;
        font-weight:900!important;
    }
}

@media(max-width:480px){
    .mj-package-mobile-tab{
        font-size:14px!important;
        padding-left:3px!important;
        padding-right:3px!important;
    }
}


/* =========================================================
   10.11.2 — ORDER PANEL CLEANUP
   ========================================================= */

/* Druhé nativní porovnání už nepotřebujeme. */
.mj-native-order-form .pck-sidebar-compare-packages{
    display:none!important;
}

/* Konečné rozlišení CTA. */
.mj-native-order-form .mj-coupon-action{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    background:#eef0f3!important;
    border:1px solid #d7dbe1!important;
    color:#4f5561!important;
    font-size:16px!important;
    font-weight:850!important;
}
.mj-native-order-form .mj-purchase-action,
.mj-native-order-form .text-button.job-purchase-action,
.mj-native-order-form .js-buy-job-button{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    background:var(--mj-accent)!important;
    border:1px solid var(--mj-accent)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
}

/* Skutečný quantity řádek musí zůstat uvnitř panelu. */
.mj-native-order-form .mj-real-quantity-row{
    overflow:visible!important;
}
.mj-native-order-form .mj-real-quantity-control{
    box-sizing:border-box!important;
}
.mj-native-order-form .mj-real-quantity-control input{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    text-align:center!important;
    font-size:15px!important;
}


/* =========================================================
   10.11.3 — ONE ACTIVE PACKAGE + CENTERED QUANTITY
   ========================================================= */

/* Quantity is one compact centered unit, not a right-floating column. */
.mj-native-order-form .mj-real-quantity-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
    text-align:center!important;
}
.mj-native-order-form .mj-real-quantity-row > *{
    float:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.mj-native-order-form .mj-real-quantity-control{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:118px!important;
    max-width:118px!important;
    margin:0 auto!important;
}
.mj-native-order-form .mj-real-quantity-control input{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    text-align:center!important;
}

/* Never force all native package bodies visible at the same time. */
.mj-native-order-form.has-packages .mj-native-package-purchase-host{
    width:100%!important;
    max-width:100%!important;
}


/* =========================================================
   10.11.4 — EXACT WPJOBSTER PACKAGE TABS / QUANTITY
   ========================================================= */

/*
 * WPJobster vyrenderuje 3 package panely jako:
 * <div class="ui tab [active]" data-tab="basic-info|standard-info|premium-info">
 * Předchozí obecné zásahy dovolily zobrazit všechny tři.
 * Teď používáme přímo skutečnou strukturu WPJobsteru.
 */
.mj-native-order-form.has-packages > form.ui.form > .ui.tab{
    display:none!important;
}
.mj-native-order-form.has-packages > form.ui.form > .ui.tab.active{
    display:block!important;
}

/* Pro jistotu totéž i pokud je mezi wrappery ještě jeden div. */
.mj-native-order-form.has-packages .ui.form .ui.tab[data-tab="basic-info"],
.mj-native-order-form.has-packages .ui.form .ui.tab[data-tab="standard-info"],
.mj-native-order-form.has-packages .ui.form .ui.tab[data-tab="premium-info"]{
    display:none!important;
}
.mj-native-order-form.has-packages .ui.form .ui.tab.active[data-tab="basic-info"],
.mj-native-order-form.has-packages .ui.form .ui.tab.active[data-tab="standard-info"],
.mj-native-order-form.has-packages .ui.form .ui.tab.active[data-tab="premium-info"]{
    display:block!important;
}

/* Native druhé "Porovnejte Balíčky" nepotřebujeme. */
.mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-compare-packages{
    display:none!important;
}

/*
 * Quantity přesně podle job-quantity-details-template.php:
 * .js-job-quantity-wrapper
 *   .payment-main-item
 *     .rate-type.price-label
 *     .price-content.price-value
 *       .extra-price-inside
 *       .amount_section (- input +)
 */
.mj-native-order-form .js-job-quantity-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 0!important;
    overflow:visible!important;
}
.mj-native-order-form .js-job-quantity-wrapper .payment-main-item{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
    padding:0!important;
    margin:0!important;
    text-align:center!important;
}
.mj-native-order-form .js-job-quantity-wrapper .rate-type.price-label{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    float:none!important;
    color:#686d7a!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:850!important;
    white-space:normal!important;
}
.mj-native-order-form .js-job-quantity-wrapper .rate-type.price-label .job-quantity{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.4!important;
    white-space:normal!important;
}
.mj-native-order-form .js-job-quantity-wrapper .price-content.price-value{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    float:none!important;
}
.mj-native-order-form .js-job-quantity-wrapper .extra-price-inside{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
    color:#303541!important;
    font-size:15px!important;
    font-weight:900!important;
}
.mj-native-order-form .js-job-quantity-wrapper .amount_section{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:132px!important;
    margin:0 auto!important;
    padding:0!important;
    float:none!important;
}
.mj-native-order-form .js-job-quantity-wrapper .amount_rmv,
.mj-native-order-form .js-job-quantity-wrapper .amount_add{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #d8dce3!important;
    background:#fff!important;
    color:#8f143a!important;
    font-size:20px!important;
    line-height:1!important;
    text-decoration:none!important;
    cursor:pointer!important;
}
.mj-native-order-form .js-job-quantity-wrapper .amount_rmv{
    border-radius:8px 0 0 8px!important;
    border-right:0!important;
}
.mj-native-order-form .js-job-quantity-wrapper .amount_add{
    border-radius:0 8px 8px 0!important;
    border-left:0!important;
}
.mj-native-order-form .js-job-quantity-wrapper .main_value_inp{
    box-sizing:border-box!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8dce3!important;
    border-radius:0!important;
    background:#fff!important;
    color:#303541!important;
    font-size:15px!important;
    font-weight:850!important;
    text-align:center!important;
}

/* Nativní taby Basic/Standard/Premium jsou pouze synchronizační ovladač,
   náš vlastní panel je hlavní. Schováme je, aby nic nepůsobilo duplicitně. */
.mj-native-order-form.has-packages .ui.menu.top{
    display:none!important;
}


/* =========================================================
   10.11.5 — GLOBAL ORDER BLOCK DEDUPLICATION
   ========================================================= */

/*
 * Oprava už není omezená jen na balíčky.
 * Pokud WPJobster vyrenderuje víc kompletních nákupních bloků,
 * JS ponechá jediný aktivní/viditelný a ostatní označí jako duplicitní.
 */
.mj-native-order-form .mj-order-block-duplicate{
    display:none!important;
}
.mj-native-order-form .mj-order-block-kept{
    width:100%!important;
    max-width:100%!important;
}

/* Počet u jediného ponechaného bloku držíme opravdu na středu. */
.mj-native-order-form .mj-order-block-kept .js-job-quantity-wrapper,
.mj-native-order-form .mj-order-block-kept .payment-main-item,
.mj-native-order-form .mj-order-block-kept .amount_section{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
}


/* =========================================================
   10.11.6 — ROOT FIX: SEMANTIC UI TABS IN ORDER FORM
   ========================================================= */

/*
 * Skutečná příčina duplikace není počet balíčků ani počet formulářů.
 * WPJobster objednávkový panel používá Semantic UI taby i u běžného jobu:
 *   Základní / Navíc
 * a u package jobu:
 *   Basic / Standard / Premium
 *
 * Na našem frontendovém detailu chybělo základní Semantic UI pravidlo,
 * které neaktivní taby schovává. Proto se obsah všech tabů zobrazil pod sebou
 * a vzniklo 2x/3x množství, kupon, Zakoupit i vlastní nabídka.
 */
.mj-native-order-form .ui.tab{
    display:none!important;
}
.mj-native-order-form .ui.tab.active{
    display:block!important;
}

/* Pokud WPJobster přidá transition stav, stále smí být vidět jen aktivní tab. */
.mj-native-order-form .ui.tab:not(.active){
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}
.mj-native-order-form .ui.tab.active{
    visibility:visible!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
}

/*
 * U běžných mikrojobů menu Základní / Navíc zůstává viditelné a přepíná
 * jediný aktivní obsah. U balíčků naše vlastní package UI zůstává hlavní.
 */
.mj-native-order-form.no-packages .ui.menu.top{
    display:grid!important;
}
.mj-native-order-form.has-packages .ui.menu.top{
    display:none!important;
}

/* Quantity univerzálně na střed pro běžné i package joby. */
.mj-native-order-form .js-job-quantity-wrapper{
    width:100%!important;
    max-width:100%!important;
}
.mj-native-order-form .js-job-quantity-wrapper .payment-main-item{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    text-align:center!important;
}
.mj-native-order-form .js-job-quantity-wrapper .rate-type.price-label,
.mj-native-order-form .js-job-quantity-wrapper .price-content.price-value{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    float:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.mj-native-order-form .js-job-quantity-wrapper .amount_section{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    margin:8px auto 0!important;
    float:none!important;
}


/* =========================================================
   10.11.7 — SELLER / TRUST CARD READABILITY
   ========================================================= */

/* Prodejce */
.mj-detail-seller-card{
    font-size:15px!important;
}
.mj-detail-seller-card .mj-detail-seller-head strong{
    font-size:17px!important;
    line-height:1.3!important;
}
.mj-detail-seller-card .mj-detail-seller-head span{
    font-size:14px!important;
    line-height:1.35!important;
}

/* Statistiky prodejce */
.mj-detail-seller-card .mj-seller-stats strong{
    font-size:18px!important;
    line-height:1.2!important;
}
.mj-detail-seller-card .mj-seller-stats span{
    font-size:14px!important;
    line-height:1.4!important;
    color:#6f7480!important;
}

/* Tlačítka profilu a kontaktu */
.mj-detail-seller-card .mj-seller-profile-btn,
.mj-detail-seller-card .mj-native-contact-btn a,
.mj-detail-seller-card .mj-native-contact-btn button,
.mj-detail-seller-card .mj-native-contact-btn .button{
    min-height:46px!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:850!important;
}

/* Proč nakupovat přes Mikrojoby */
.mj-detail-trust-card h3{
    font-size:17px!important;
    line-height:1.3!important;
}
.mj-detail-trust-card p{
    font-size:15px!important;
    line-height:1.55!important;
    color:#5d626f!important;
}

/* Objednávková důvěryhodnost */
.mj-order-trust,
.mj-order-trust div{
    font-size:14px!important;
    line-height:1.5!important;
}

/* Na mobilu ještě o chlup větší. */
@media(max-width:767px){
    .mj-detail-seller-card .mj-detail-seller-head strong{
        font-size:18px!important;
    }
    .mj-detail-seller-card .mj-detail-seller-head span,
    .mj-detail-seller-card .mj-seller-stats span{
        font-size:15px!important;
    }
    .mj-detail-seller-card .mj-seller-profile-btn,
    .mj-detail-seller-card .mj-native-contact-btn a,
    .mj-detail-seller-card .mj-native-contact-btn button,
    .mj-detail-seller-card .mj-native-contact-btn .button{
        min-height:48px!important;
        font-size:16px!important;
    }
    .mj-detail-trust-card h3{
        font-size:18px!important;
    }
    .mj-detail-trust-card p{
        font-size:16px!important;
    }
    .mj-order-trust,
    .mj-order-trust div{
        font-size:15px!important;
    }
}


/* =========================================================
   10.11.8 — QUEUE MOVED TO MICROJOB FACTS
   ========================================================= */

/* Původní WPJobster "Příkazy ve frontě" už v objednávkovém panelu nechceme. */
.mj-native-order-form .sidebar-orders-in-queue,
.mj-native-order-form [class*="orders-in-queue"],
.mj-native-order-form [class*="orders_in_queue"],
.mj-native-order-form [class*="queue-orders"]{
    display:none!important;
}

/* Dodání / Prodejce / Ve frontě jsou na desktopu tři rovnocenné bloky. */
.mj-detail-facts{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Objednávka po souhrnu balíčku začíná rovnou quantity / extras. */
.mj-native-order-form .js-job-quantity-wrapper{
    margin-top:0!important;
    padding-top:4px!important;
}

@media(max-width:767px){
    .mj-detail-facts{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   10.13.4 — POUZE 2 ÚPRAVY PRAVÉHO SIDEBARU
   ========================================================= */

/* 1) "Příkazy ve frontě" je už pod fotkou — v objednávce ho nezobrazujeme. */
.mj-order-card .mj-native-order-form .sidebar-orders-in-queue,
.mj-order-card .mj-native-order-form.has-packages .sidebar-orders-in-queue{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}

/* 2) Řádek package/custom fields (na screenu "sdílení URL na FB stránkách") pryč.
      Lokalita .sidebar-delivery-location zůstává beze změny. */
.mj-order-card .mj-native-order-form .packages-sidebar .pck-sidebar-fields,
.mj-order-card .mj-native-order-form.has-packages .packages-sidebar .pck-sidebar-fields{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}


/* =========================================================
   10.13.5 — ŠIRŠÍ SIDEBAR + ČITELNÉ EXTRA SLUŽBY
   CSS-ONLY, BEZ ZÁSAHU DO WPJOBSTER LOGIKY
   ========================================================= */

/* Desktop: více prostoru pro nativní quantity, cenu a extra služby. */
@media(min-width:1101px){
    .mj-detail-page > .mj-container{
        width:min(1240px, calc(100% - 48px))!important;
    }

    .mj-detail-grid{
        grid-template-columns:minmax(0,1fr) 430px!important;
        gap:30px!important;
    }

    .mj-detail-sidebar{
        min-width:0!important;
        width:430px!important;
        max-width:430px!important;
    }
}

/*
 * Původní WPJobster extra markup:
 * .extra-item
 *   .ui.checkbox
 *   .price-content
 *      .extra-price-inside
 *      .amount_section (- input +)
 *
 * Necháváme ho funkční, pouze mu dáme dost místa a správné rozložení.
 */
.mj-order-card .mj-native-order-form .extra-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:16px!important;
    row-gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:12px 0!important;
    box-sizing:border-box!important;
}

.mj-order-card .mj-native-order-form .extra-item .ui.checkbox{
    min-width:0!important;
    max-width:100%!important;
}

.mj-order-card .mj-native-order-form .extra-item .ui.checkbox label{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    padding-right:4px!important;
    color:#454a56!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}

.mj-order-card .mj-native-order-form .extra-item .ui.checkbox label span{
    display:block!important;
    margin-top:2px!important;
    color:#858a96!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:650!important;
}

.mj-order-card .mj-native-order-form .extra-item .price-content{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:max-content!important;
    margin-left:0!important;
    padding:0!important;
    justify-self:end!important;
    float:none!important;
}

.mj-order-card .mj-native-order-form .extra-item .extra-price-inside{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    color:#303541!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

/* Extra quantity: vždy viditelné číslo mezi − a +. */
.mj-order-card .mj-native-order-form .extra-item .amount_section{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:112px!important;
    max-width:112px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8dce3!important;
    border-radius:9px!important;
    background:#fff!important;
    overflow:hidden!important;
    float:none!important;
}

.mj-order-card .mj-native-order-form .extra-item .amount_rmv,
.mj-order-card .mj-native-order-form .extra-item .amount_add{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#f7f8f9!important;
    color:#8f143a!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
}

.mj-order-card .mj-native-order-form .extra-item input.current_amount{
    display:block!important;
    box-sizing:border-box!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid #d8dce3!important;
    border-right:1px solid #d8dce3!important;
    border-radius:0!important;
    background:#fff!important;
    color:#2f3440!important;
    -webkit-text-fill-color:#2f3440!important;
    opacity:1!important;
    font-size:16px!important;
    line-height:40px!important;
    font-weight:850!important;
    text-align:center!important;
}

/* Extra služba může být dlouhá; pod 430px se cena/počet přesune na další řádek. */
@media(max-width:1100px){
    .mj-detail-grid{
        grid-template-columns:1fr!important;
    }

    .mj-detail-sidebar{
        width:100%!important;
        max-width:none!important;
    }
}

@media(max-width:520px){
    .mj-order-card .mj-native-order-form .extra-item{
        grid-template-columns:1fr!important;
    }

    .mj-order-card .mj-native-order-form .extra-item .price-content{
        width:100%!important;
        justify-self:stretch!important;
        justify-content:space-between!important;
    }
}


/* =========================================================
   10.13.6 — CHECKOUT VISUAL CLEANUP ONLY
   Bez zásahu do PHP/JS objednávkové logiky
   ========================================================= */

.mj-checkout-head .mj-container{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
        "title back"
        "lead  back"!important;
    align-items:center!important;
    column-gap:24px!important;
    row-gap:8px!important;
}
.mj-checkout-head h1{
    grid-area:title!important;
    margin:0!important;
}
.mj-checkout-head p{
    grid-area:lead!important;
    margin:0!important;
}
.mj-checkout-head .mj-form-back{
    grid-area:back!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #d9dde3!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#4b505c!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.mj-checkout-head .mj-form-back:hover{
    border-color:var(--mj-accent)!important;
    color:var(--mj-accent)!important;
}

/* Kompaktní quantity jako na detailu mikrojobu */
.mj-checkout-native-form .amount_section{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:112px!important;
    max-width:112px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8dce3!important;
    border-radius:9px!important;
    background:#fff!important;
    overflow:hidden!important;
    float:none!important;
}
.mj-checkout-native-form .amount_rmv,
.mj-checkout-native-form .amount_add{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#f6f7f9!important;
    color:var(--mj-accent)!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
}
.mj-checkout-native-form .main_value_inp,
.mj-checkout-native-form input.current_amount{
    display:block!important;
    box-sizing:border-box!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid #d8dce3!important;
    border-right:1px solid #d8dce3!important;
    border-radius:0!important;
    background:#fff!important;
    color:#2f3440!important;
    -webkit-text-fill-color:#2f3440!important;
    opacity:1!important;
    font-size:16px!important;
    line-height:40px!important;
    font-weight:850!important;
    text-align:center!important;
}

/* Zelené prvky přepsat na vínovou / neutrální */
.mj-checkout-native-form .green,
.mj-checkout-native-form .ui.green,
.mj-checkout-native-form .positive,
.mj-checkout-native-form .ui.positive,
.mj-checkout-native-form [class*="green"]{
    color:var(--mj-accent)!important;
    border-color:#e7d8de!important;
}
.mj-checkout-native-form button.green,
.mj-checkout-native-form .button.green,
.mj-checkout-native-form .ui.button.green,
.mj-checkout-native-form .positive.button,
.mj-checkout-native-form .ui.positive.button{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
    color:#fff!important;
}
.mj-checkout-native-form .ui.label.green,
.mj-checkout-native-form .label.green,
.mj-checkout-native-form .green.label{
    background:#f4e9ed!important;
    border-color:#ead8df!important;
    color:var(--mj-accent)!important;
}
.mj-checkout-native-form a{
    color:var(--mj-accent)!important;
}

/* Banner Bezpečné nakupování pryč */
.mj-checkout-native-form .secure-shopping,
.mj-checkout-native-form .safe-shopping,
.mj-checkout-native-form .security-banner,
.mj-checkout-native-form .payment-security-banner,
.mj-checkout-native-form [class*="secure-shopping"],
.mj-checkout-native-form [class*="safe-shopping"],
.mj-checkout-native-form [class*="security-banner"],
.mj-checkout-native-form [class*="secure-payment"],
.mj-checkout-native-form img[src*="secure" i],
.mj-checkout-native-form img[src*="security" i],
.mj-checkout-native-form img[src*="safe" i],
.mj-checkout-native-form img[alt*="Bezpečné nakupování" i],
.mj-checkout-native-form img[alt*="Secure Shopping" i]{
    display:none!important;
}

@media(max-width:767px){
    .mj-checkout-head .mj-container{
        grid-template-columns:1fr!important;
        grid-template-areas:
            "title"
            "lead"
            "back"!important;
        align-items:start!important;
        row-gap:10px!important;
    }
    .mj-checkout-head .mj-form-back{
        justify-self:start!important;
        margin-top:4px!important;
    }
}


/* =========================================================
   10.13.7 — CHECKOUT: PLATBY, CENY, SECURITY BANNER
   CSS-ONLY podle skutečné WPJobster struktury 6.3.5
   ========================================================= */

/* ---------------------------------------------------------
   1) PLATEBNÍ METODY = OPRAVDOVÁ TLAČÍTKA
   WPJobster markup:
   .payment-buttons > #credits
   .payment-buttons > #banktransfer / .js-banktransfer
   --------------------------------------------------------- */
.mj-checkout-native-form .payment-buttons{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:0!important;
}

.mj-checkout-native-form .payment-buttons > *{
    margin:0!important;
}

.mj-checkout-native-form .payment-buttons #credits,
.mj-checkout-native-form .payment-buttons .js-credits,
.mj-checkout-native-form .payment-buttons #banktransfer,
.mj-checkout-native-form .payment-buttons .js-banktransfer,
.mj-checkout-native-form .payment-buttons > a.text-button,
.mj-checkout-native-form .payment-buttons > div.text-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    min-height:46px!important;
    padding:0 18px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--mj-accent)!important;
    box-shadow:0 2px 7px rgba(35,39,50,.06)!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}

.mj-checkout-native-form .payment-buttons #credits:hover,
.mj-checkout-native-form .payment-buttons .js-credits:hover,
.mj-checkout-native-form .payment-buttons #banktransfer:hover,
.mj-checkout-native-form .payment-buttons .js-banktransfer:hover,
.mj-checkout-native-form .payment-buttons > a.text-button:hover,
.mj-checkout-native-form .payment-buttons > div.text-button:hover{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:0 4px 12px rgba(143,20,58,.18)!important;
}

/* Kredit už nesmí dědit původní zelenou. */
.mj-checkout-native-form #credits,
.mj-checkout-native-form .js-credits{
    background:#fff!important;
    border-color:var(--mj-accent)!important;
    color:var(--mj-accent)!important;
}

/* Platební lišta: klidná, ale jasně ukazuje volby vlevo a součet vpravo. */
.mj-checkout-native-form .payment-buttons-bar-wrapper{
    margin-top:20px!important;
    overflow:visible!important;
    border-radius:12px!important;
}

.mj-checkout-native-form .payment-buttons-bar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:14px 16px!important;
    border:1px solid #e1e4e9!important;
    border-radius:12px!important;
    background:#f7f8fa!important;
    color:#2f3440!important;
}

.mj-checkout-native-form .payment-buttons-bar .left-content{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
}

.mj-checkout-native-form .payment-total-price{
    flex:0 0 auto!important;
    margin-left:auto!important;
    color:#262b38!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

/* ---------------------------------------------------------
   2) SECURITY BANNER — přesná třída z WPJobster checkout-template.php
   --------------------------------------------------------- */
.mj-checkout-native-form .checkout-secure-banner,
.mj-checkout-native-form .secure-banner-inner,
.mj-checkout-native-form .secure-banner-graphic,
.mj-checkout-native-form .secure-banner-content{
    display:none!important;
}

/* Kdyby checkout-secure-banner byl mimo vnitřní form wrapper, schovat i zde. */
.mj-checkout-main .checkout-secure-banner,
.mj-checkout-page .checkout-secure-banner{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
}

/* ---------------------------------------------------------
   3) CENY A POČTY — jedna společná osa
   WPJobster:
   .payment-main-item > .rate-type + .price-content
   .extra-item > .ui.checkbox + .price-content
   --------------------------------------------------------- */
.mj-checkout-native-form .checkout-contents .payment-main-item,
.mj-checkout-native-form .checkout-contents .extra-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    align-items:center!important;
    column-gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

.mj-checkout-native-form .checkout-contents .payment-main-item .price-content,
.mj-checkout-native-form .checkout-contents .extra-item .price-content{
    display:grid!important;
    grid-template-columns:92px 112px!important;
    align-items:center!important;
    justify-content:end!important;
    column-gap:10px!important;
    width:214px!important;
    min-width:214px!important;
    max-width:214px!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    justify-self:end!important;
}

.mj-checkout-native-form .checkout-contents .payment-main-item .extra-price-inside,
.mj-checkout-native-form .checkout-contents .extra-item .extra-price-inside{
    display:block!important;
    width:92px!important;
    margin:0!important;
    padding:0!important;
    color:#353a46!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-align:right!important;
    white-space:nowrap!important;
    justify-self:end!important;
}

/* Quantity má pevný malý blok; cena tedy vždy sedí vlevo vedle něj. */
.mj-checkout-native-form .checkout-contents .amount_section{
    justify-self:end!important;
    margin:0!important;
}

/* Horní cena mikrojobu drží jednu pravou osu a nepůsobí jako dvě rozházené ceny. */
.mj-checkout-native-form .wpj-checkout-header{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) 120px!important;
    align-items:center!important;
    column-gap:16px!important;
}

.mj-checkout-native-form .checkout-header-price{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    margin:0!important;
    text-align:right!important;
    justify-self:end!important;
}

.mj-checkout-native-form .checkout-header-price *{
    text-align:right!important;
}

/* ---------------------------------------------------------
   4) RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:760px){
    .mj-checkout-native-form .payment-buttons-bar{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .mj-checkout-native-form .payment-buttons-bar .left-content,
    .mj-checkout-native-form .payment-buttons{
        width:100%!important;
    }

    .mj-checkout-native-form .payment-buttons #credits,
    .mj-checkout-native-form .payment-buttons .js-credits,
    .mj-checkout-native-form .payment-buttons #banktransfer,
    .mj-checkout-native-form .payment-buttons .js-banktransfer,
    .mj-checkout-native-form .payment-buttons > a.text-button,
    .mj-checkout-native-form .payment-buttons > div.text-button{
        flex:1 1 100%!important;
        width:100%!important;
    }

    .mj-checkout-native-form .payment-total-price{
        width:100%!important;
        margin-left:0!important;
        padding-top:4px!important;
        text-align:right!important;
        justify-content:flex-end!important;
    }

    .mj-checkout-native-form .checkout-contents .payment-main-item,
    .mj-checkout-native-form .checkout-contents .extra-item{
        grid-template-columns:1fr!important;
        row-gap:10px!important;
    }

    .mj-checkout-native-form .checkout-contents .payment-main-item .price-content,
    .mj-checkout-native-form .checkout-contents .extra-item .price-content{
        justify-self:end!important;
    }
}

@media(max-width:520px){
    .mj-checkout-native-form .checkout-contents .payment-main-item .price-content,
    .mj-checkout-native-form .checkout-contents .extra-item .price-content{
        grid-template-columns:80px 112px!important;
        width:202px!important;
        min-width:202px!important;
        max-width:202px!important;
    }

    .mj-checkout-native-form .checkout-contents .payment-main-item .extra-price-inside,
    .mj-checkout-native-form .checkout-contents .extra-item .extra-price-inside{
        width:80px!important;
    }
}


/* =========================================================
   10.14.0 — FRONTEND TRANSACTION / PENDING PAYMENT
   ========================================================= */
.mj-transaction-page{
    min-height:72vh;
    background:#f7f8fa;
    color:#272b38;
}
.mj-transaction-hero{
    padding:30px 0 26px;
    border-bottom:1px solid #e3e6eb;
    background:#fff;
}
.mj-transaction-back{
    display:inline-flex;
    margin-bottom:18px;
    color:#626875!important;
    font-size:14px;
    font-weight:800;
    text-decoration:none!important;
}
.mj-transaction-back:hover{color:var(--mj-accent)!important}
.mj-transaction-hero-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}
.mj-transaction-kicker{
    display:block;
    margin-bottom:6px;
    color:var(--mj-accent);
    font-size:14px;
    font-weight:850;
}
.mj-transaction-hero h1{
    margin:0;
    font-size:clamp(30px,4vw,46px);
    line-height:1.05;
    letter-spacing:-.04em;
}
.mj-transaction-hero p{
    max-width:720px;
    margin:12px 0 0;
    color:#666c78;
    font-size:16px;
    line-height:1.55;
}
.mj-transaction-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border:1px solid #ead8df;
    border-radius:999px;
    background:#f7edf1;
    color:var(--mj-accent);
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
}
.mj-transaction-body{padding:28px 0 72px}
.mj-transaction-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:20px;
    align-items:start;
}
.mj-transaction-card,
.mj-transaction-side{
    border:1px solid #e0e3e8;
    border-radius:16px;
    background:#fff;
    box-shadow:0 7px 24px rgba(28,32,42,.035);
}
.mj-transaction-card{padding:22px}
.mj-transaction-job{
    display:grid;
    grid-template-columns:84px minmax(0,1fr);
    gap:16px;
    align-items:center;
}
.mj-transaction-job img{
    width:84px!important;
    height:84px!important;
    border-radius:12px!important;
    object-fit:cover!important;
}
.mj-transaction-job span{
    display:block;
    margin-bottom:3px;
    color:#858a95;
    font-size:13px;
    font-weight:750;
}
.mj-transaction-job h2{
    margin:0;
    font-size:21px;
    line-height:1.3;
}
.mj-transaction-job p{
    margin:7px 0 0;
    color:#666b76;
    font-size:14px;
}
.mj-transaction-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:20px;
    border:1px solid #e4e6ea;
    border-radius:12px;
    overflow:hidden;
}
.mj-transaction-summary>div{
    min-width:0;
    padding:14px;
    background:#fafafb;
}
.mj-transaction-summary>div+div{border-left:1px solid #e4e6ea}
.mj-transaction-summary span{
    display:block;
    color:#858a95;
    font-size:12px;
    font-weight:750;
}
.mj-transaction-summary strong{
    display:block;
    margin-top:4px;
    color:#303541;
    font-size:15px;
    line-height:1.35;
}
.mj-transaction-note{
    display:flex;
    gap:12px;
    margin-top:18px;
    padding:16px;
    border:1px solid #eadfe3;
    border-radius:12px;
    background:#fbf6f8;
}
.mj-transaction-note-icon{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--mj-accent);
    color:#fff;
    font-size:14px;
    font-weight:900;
}
.mj-transaction-note strong{
    display:block;
    font-size:15px;
}
.mj-transaction-note p{
    margin:5px 0 0;
    color:#646a76;
    font-size:14px;
    line-height:1.5;
}
.mj-transaction-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:20px;
}
.mj-transaction-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 16px;
    border-radius:10px;
    font-size:14px;
    font-weight:850;
    text-decoration:none!important;
}
.mj-transaction-actions .is-secondary{
    border:1px solid #d9dde3;
    background:#fff;
    color:#454b57!important;
}
.mj-transaction-actions .is-primary{
    border:1px solid var(--mj-accent);
    background:var(--mj-accent);
    color:#fff!important;
}
.mj-transaction-side{
    padding:20px;
    position:sticky;
    top:18px;
}
.mj-transaction-side h2{
    margin:0 0 16px;
    font-size:19px;
}
.mj-transaction-step{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#545a66;
    font-size:14px;
    line-height:1.5;
}
.mj-transaction-step+.mj-transaction-step{margin-top:14px}
.mj-transaction-step strong{
    display:grid;
    place-items:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#f4e9ed;
    color:var(--mj-accent);
    font-size:13px;
}

@media(max-width:900px){
    .mj-transaction-grid{grid-template-columns:1fr}
    .mj-transaction-side{position:static}
}
@media(max-width:680px){
    .mj-transaction-hero-row{flex-direction:column}
    .mj-transaction-summary{grid-template-columns:1fr 1fr}
    .mj-transaction-summary>div:nth-child(odd){border-left:0}
    .mj-transaction-summary>div:nth-child(n+3){border-top:1px solid #e4e6ea}
    .mj-transaction-actions{align-items:stretch;flex-direction:column}
    .mj-transaction-actions a{width:100%}
}
@media(max-width:460px){
    .mj-transaction-job{grid-template-columns:64px minmax(0,1fr)}
    .mj-transaction-job img{width:64px!important;height:64px!important}
    .mj-transaction-summary{grid-template-columns:1fr}
    .mj-transaction-summary>div+div{border-left:0;border-top:1px solid #e4e6ea}
}


/* =========================================================
   10.14.1 — BANK TRANSFER DETAILS + QR
   ========================================================= */
.mj-bank-payment-box{
    margin-top:18px;
    padding:20px;
    border:1px solid #dedfe5;
    border-radius:14px;
    background:#fff;
}
.mj-bank-payment-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding-bottom:16px;
    border-bottom:1px solid #e7e8ec;
}
.mj-bank-payment-head span{
    display:block;
    margin-bottom:4px;
    color:#858a95;
    font-size:13px;
    font-weight:750;
}
.mj-bank-payment-head h2{
    margin:0;
    font-size:21px;
    line-height:1.25;
}
.mj-bank-payment-head>strong{
    color:var(--mj-accent);
    font-size:22px;
    line-height:1.2;
    white-space:nowrap;
}
.mj-bank-payment-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 235px;
    gap:22px;
    align-items:start;
    margin-top:18px;
}
.mj-bank-payment-data{
    display:grid;
    gap:0;
    border:1px solid #e4e6ea;
    border-radius:12px;
    overflow:hidden;
}
.mj-bank-payment-row{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-height:54px;
    padding:10px 14px;
    background:#fafafb;
}
.mj-bank-payment-row+.mj-bank-payment-row{
    border-top:1px solid #e4e6ea;
}
.mj-bank-payment-row>span{
    color:#7d828d;
    font-size:13px;
    font-weight:750;
}
.mj-bank-payment-row strong{
    color:#303541;
    font-size:15px;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.mj-bank-payment-row>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
}
.mj-copy-payment{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:34px;
    padding:0 10px;
    border:1px solid #d8dbe1;
    border-radius:8px;
    background:#fff;
    color:#555b66;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.mj-copy-payment:hover{
    border-color:var(--mj-accent);
    color:var(--mj-accent);
}
.mj-bank-qr-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding:12px;
    border:1px solid #e3e5ea;
    border-radius:12px;
    background:#fff;
}
.mj-bank-qr{
    display:grid;
    place-items:center;
    width:210px;
    min-height:210px;
}
.mj-bank-qr img,
.mj-bank-qr canvas{
    display:block!important;
    width:210px!important;
    height:210px!important;
    max-width:100%!important;
}
.mj-bank-qr-wrap>span{
    color:#777c87;
    font-size:12px;
    font-weight:750;
    text-align:center;
}
.mj-bank-payment-help{
    margin:16px 0 0;
    color:#5e6470;
    font-size:14px;
    line-height:1.55;
}

@media(max-width:760px){
    .mj-bank-payment-layout{
        grid-template-columns:1fr;
    }
    .mj-bank-qr-wrap{
        justify-self:center;
        width:min(100%,260px);
    }
}
@media(max-width:520px){
    .mj-bank-payment-head{
        flex-direction:column;
    }
    .mj-bank-payment-row{
        grid-template-columns:1fr;
        gap:5px;
        align-items:start;
    }
    .mj-bank-payment-row>div{
        width:100%;
    }
}


/* =========================================================
   10.14.2 — QR FIX
   QRCode.js vytváří canvas + záložní img. Předchozí CSS zobrazilo obojí,
   proto byly vidět dva QR kódy pod sebou.
   ========================================================= */

.mj-bank-qr{
    display:grid!important;
    place-items:center!important;
    width:190px!important;
    min-height:190px!important;
    line-height:0!important;
    overflow:hidden!important;
}

/* Primární QR výstup */
.mj-bank-qr canvas{
    display:block!important;
    width:190px!important;
    height:190px!important;
    max-width:190px!important;
    max-height:190px!important;
    margin:0!important;
}

/* QRCode.js přidává i fallback obrázek — ten nesmí být zároveň vidět. */
.mj-bank-qr img{
    display:none!important;
}

.mj-bank-qr-wrap{
    padding:14px!important;
}

.mj-bank-qr-wrap>span{
    margin-top:2px!important;
    line-height:1.35!important;
}

@media(max-width:520px){
    .mj-bank-qr,
    .mj-bank-qr canvas{
        width:180px!important;
        height:180px!important;
        min-height:180px!important;
        max-width:180px!important;
        max-height:180px!important;
    }
}


/* =========================================================
   10.15.1 — AUTH + EMAIL POLISH
   ========================================================= */

/* Přihlášení: natvrdo sjednotit typografii s Mikrojoby a zabránit dědění z tématu. */
.mj-auth-page,
.mj-auth-page *{
    font-family:Inter,Arial,sans-serif!important;
}

.mj-auth-form-card h1{
    margin:0!important;
    color:#282c3a!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:38px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    font-weight:850!important;
}

.mj-auth-register-card h2{
    margin:0!important;
    color:#fff!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:32px!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
    font-weight:850!important;
}

/* Primární login CTA */
.mj-auth-login-form input[type="submit"]{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
    color:#fff!important;
    transition:background .16s ease,border-color .16s ease!important;
}
.mj-auth-login-form input[type="submit"]:hover,
.mj-auth-login-form input[type="submit"]:focus{
    background:var(--mj-accent-dark)!important;
    border-color:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Registrace: žádný zelený hover z WPJobster/Semantic UI. */
.mj-auth-register-card>a{
    background:#fff!important;
    border:1px solid rgba(255,255,255,.88)!important;
    color:#282b30!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease!important;
}
.mj-auth-register-card>a:hover,
.mj-auth-register-card>a:focus{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
    color:#fff!important;
}

/* Texty na pravé kartě zůstávají čitelné. */
.mj-auth-register-card>p,
.mj-auth-benefits span{
    color:#d4d6da!important;
    font-size:15px!important;
    line-height:1.5!important;
}
.mj-auth-benefits strong{
    color:#fff!important;
    font-size:16px!important;
}

@media(max-width:600px){
    .mj-auth-form-card h1{font-size:32px!important}
    .mj-auth-register-card h2{font-size:28px!important}
}


/* =========================================================
   10.15.2 — GUEST PURCHASE + CATEGORY HOVER
   ========================================================= */

.mj-auth-purchase-notice{
    margin:14px 0 18px!important;
    padding:12px 14px!important;
    border:1px solid #ead8df!important;
    border-radius:10px!important;
    background:#fbf5f7!important;
    color:#5d3945!important;
    font-size:15px!important;
    line-height:1.45!important;
    font-weight:750!important;
}

/* Kategorie: žádná stará zelená při hover/focus/active. */
.mj-category-card:hover,
.mj-category-card:focus-within{
    border-color:#d6bec5!important;
    box-shadow:0 10px 25px rgba(20,24,30,.055)!important;
}

.mj-category-children a:hover,
.mj-category-children a:focus,
.mj-category-subnav a:hover,
.mj-category-subnav a:focus,
.mj-category-card-cta:hover,
.mj-category-card-cta:focus,
.mj-category-back:hover,
.mj-category-back:focus{
    border-color:var(--mj-accent)!important;
    color:var(--mj-accent)!important;
    background:#fbf5f7!important;
    outline:none!important;
}

.mj-category-children a:hover span,
.mj-category-children a:focus span,
.mj-category-subnav a:hover span,
.mj-category-subnav a:focus span{
    background:#f4e9ed!important;
    color:var(--mj-accent)!important;
}

.mj-category-card-cta:hover,
.mj-category-card-cta:focus{
    box-shadow:0 3px 10px rgba(143,20,58,.08)!important;
}

/* Pokud Semantic UI nebo starý Jobster přidá green třídu uvnitř kategorií. */
.mj-categories-page .green,
.mj-categories-page .ui.green,
.mj-category-archive-page .green,
.mj-category-archive-page .ui.green{
    color:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
}

.mj-categories-page .ui.green.button:hover,
.mj-category-archive-page .ui.green.button:hover,
.mj-categories-page .green.button:hover,
.mj-category-archive-page .green.button:hover{
    background:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
    color:#fff!important;
}


/* =========================================================
   10.15.3 — REGISTRATION DIRECT EMBED
   ========================================================= */

.mj-register-intro h1{
    color:#fff!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:36px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    font-weight:850!important;
}

.mj-register-form-card>h2{
    margin:0!important;
    color:#282c3a!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:30px!important;
    line-height:1.15!important;
    letter-spacing:-.03em!important;
    font-weight:850!important;
}

.mj-register-form-lead{
    margin:9px 0 24px!important;
    color:#747985!important;
    font-size:15px!important;
    line-height:1.55!important;
}

/* Schovat pouze duplicitní WPJobster nadpis Register. */
.mj-register-native-form .register-wrapper>.authentication-title{
    display:none!important;
}

.mj-register-native-form .register-wrapper{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.mj-register-native-form form{
    display:grid!important;
    gap:15px!important;
    margin:0!important;
}

.mj-register-native-form .field,
.mj-register-native-form form>p{
    margin:0!important;
}

.mj-register-native-form input[type="text"],
.mj-register-native-form input[type="email"],
.mj-register-native-form input[type="password"],
.mj-register-native-form input[type="tel"],
.mj-register-native-form input[type="number"],
.mj-register-native-form select,
.mj-register-native-form textarea{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #d9dde3!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#303541!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:15px!important;
    line-height:1.3!important;
    box-shadow:none!important;
    outline:none!important;
}

.mj-register-native-form textarea{
    min-height:110px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
}

.mj-register-native-form input:focus,
.mj-register-native-form select:focus,
.mj-register-native-form textarea:focus{
    border-color:var(--mj-accent)!important;
    box-shadow:0 0 0 3px rgba(143,20,58,.08)!important;
}

.mj-register-native-form label{
    color:#454a55!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:750!important;
}

/* WPJobster primary registration button: no green. */
.mj-register-native-form input[type="submit"],
.mj-register-native-form button[type="submit"],
.mj-register-native-form .ui.primary.button,
.mj-register-native-form .js-authentication-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:50px!important;
    margin:4px 0 0!important;
    padding:0 18px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    text-transform:none!important;
    cursor:pointer!important;
    box-shadow:none!important;
}

.mj-register-native-form input[type="submit"]:hover,
.mj-register-native-form input[type="submit"]:focus,
.mj-register-native-form button[type="submit"]:hover,
.mj-register-native-form button[type="submit"]:focus,
.mj-register-native-form .ui.primary.button:hover,
.mj-register-native-form .ui.primary.button:focus,
.mj-register-native-form .js-authentication-button:hover,
.mj-register-native-form .js-authentication-button:focus{
    background:var(--mj-accent-dark)!important;
    border-color:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Checkbox / TOS / ancillary native fields. */
.mj-register-native-form .ui.checkbox label,
.mj-register-native-form .checkbox label{
    font-size:14px!important;
    line-height:1.45!important;
}

.mj-register-native-form a{
    color:var(--mj-accent)!important;
}

.mj-register-native-form .register-outer-wrapper{
    margin-top:8px!important;
    padding-top:14px!important;
    border-top:1px solid #e5e7eb!important;
}

@media(max-width:850px){
    .mj-register-shell{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:600px){
    .mj-register-intro h1{font-size:31px!important}
    .mj-register-form-card>h2{font-size:27px!important}
}


/* =========================================================
   10.15.4 — ACCOUNT ACTION DEDUPLICATION
   ========================================================= */

/*
 * "Přidat mikrojob" zůstává jako globální CTA v horním headeru.
 * V liště Můj účet proto zůstává pouze "Přidat poptávku".
 */
.mj-account-workspace-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
}
.mj-account-workspace-actions>a{
    min-height:40px!important;
    padding:0 15px!important;
    white-space:nowrap!important;
}

@media(max-width:900px){
    .mj-account-workspace-actions{
        justify-content:flex-start!important;
    }
}


/* =========================================================
   10.15.5 — JOB FORM MEDIA + DETAIL FACTS + REVIEW STATUS
   ========================================================= */

/* ---------------------------------------------------------
   MÉDIA — titulní obrázek už není obrovský pruh přes formulář.
   Funkční WPJobster dropzone zůstává, mění se jen vzhled.
   --------------------------------------------------------- */

.mj-job-builder [data-mj-job-field="cover"],
.mj-job-builder [data-mj-job-field="image"]{
    width:100%!important;
    max-width:100%!important;
}

/* Titulní foto: kompaktní 16:9 karta. */
.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper{
    position:relative!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
}

.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-default.dz-message{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    float:none!important;
    width:100%!important;
    margin:0!important;
}

.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-message .dz-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    width:100%!important;
    height:150px!important;
    min-height:150px!important;
    margin:0!important;
    padding:52px 18px 16px!important;
    border:1px dashed #cfd4dc!important;
    border-radius:12px!important;
    background-color:#fafafb!important;
    color:#555b66!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.35!important;
    box-shadow:none!important;
}

.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-message .dz-button:hover{
    border-color:var(--mj-accent)!important;
    background-color:#fbf5f7!important;
    color:var(--mj-accent)!important;
}

.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-image-wrapper,
.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-preview{
    display:block!important;
    width:100%!important;
    max-width:420px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
}

.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-preview .dz-image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#f2f3f5!important;
}

.mj-job-builder [data-mj-job-field="cover"] .cover-uploader-wrapper .dz-preview .dz-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:none!important;
    transform:none!important;
}

/* Galerie: malé, normálně čitelné dlaždice místo velkých bloků. */
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-default.dz-message{
    display:block!important;
    float:none!important;
    margin:0!important;
}

.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-message .dz-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    width:150px!important;
    height:118px!important;
    min-height:118px!important;
    margin:0!important;
    padding:46px 10px 12px!important;
    border:1px dashed #cfd4dc!important;
    border-radius:11px!important;
    background-color:#fafafb!important;
    color:#555b66!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.25!important;
    box-shadow:none!important;
}

.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-image-wrapper,
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-preview{
    width:150px!important;
    height:118px!important;
    min-height:118px!important;
    margin:0!important;
}

.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-preview .dz-image{
    width:150px!important;
    height:118px!important;
    border-radius:11px!important;
    overflow:hidden!important;
}

.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-preview .dz-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:none!important;
    transform:none!important;
}

/* Ve formuláři už žádné původní zelené akcenty u uploadu. */
.mj-job-builder .dropzone .dz-message .dz-button span,
.mj-job-builder .html5fileupload .file .file-name,
.mj-job-builder .uploadifive-queue-item .filename,
.mj-job-builder .add-video,
.mj-job-builder .add-faq{
    color:var(--mj-accent)!important;
}

.mj-job-builder .uploadifive-queue-item .progress-bar{
    background:var(--mj-accent)!important;
}

.mj-job-builder .ui.labeled.icon.button.uploadifive-button,
.mj-job-builder .uploadifive-button{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
}

.mj-job-builder .ui.labeled.icon.button.uploadifive-button .icon,
.mj-job-builder .uploadifive-button .icon,
.mj-job-builder .uploadifive-button i{
    background:rgba(0,0,0,.10)!important;
    color:#fff!important;
}

/* ---------------------------------------------------------
   DETAIL MIKROJOBU — informace pod fotkou v jednom kompaktním řádku.
   --------------------------------------------------------- */

@media(min-width:768px){
    .mj-detail-facts{
        display:flex!important;
        align-items:stretch!important;
        flex-wrap:nowrap!important;
        gap:8px!important;
        width:100%!important;
        margin:16px 0 20px!important;
    }

    .mj-detail-facts .mj-detail-fact{
        flex:1 1 0!important;
        min-width:0!important;
        padding:10px 11px!important;
        gap:8px!important;
        border-radius:11px!important;
    }

    .mj-detail-facts .mj-fact-icon{
        flex:0 0 30px!important;
        width:30px!important;
        height:30px!important;
        border-radius:8px!important;
    }

    .mj-detail-facts .mj-fact-icon svg{
        width:16px!important;
        height:16px!important;
    }

    .mj-detail-facts .mj-fact-copy small{
        font-size:11px!important;
        line-height:1.2!important;
    }

    .mj-detail-facts .mj-fact-copy strong{
        font-size:14px!important;
        line-height:1.25!important;
        white-space:normal!important;
    }
}

@media(max-width:767px){
    .mj-detail-facts{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }

    .mj-detail-facts .mj-detail-fact{
        padding:11px!important;
    }

    .mj-detail-facts .mj-fact-icon{
        flex:0 0 30px!important;
        width:30px!important;
        height:30px!important;
    }
}

@media(max-width:420px){
    .mj-detail-facts{
        grid-template-columns:1fr!important;
    }
}

/* Stav čekající na schválení má samostatnou žlutou značku. */
.mj-myjob-status.is-pending{
    background:#fff5df!important;
    color:#815f12!important;
}


/* =========================================================
   10.15.6 — MEDIA VALIDATION & DROPZONE STATUS
   ========================================================= */

/* Samostatný cover uploader už ve formuláři nezobrazujeme:
   skutečný hlavní obrázek mikrojobu je první platný obrázek galerie. */
.mj-job-builder [data-mj-job-field="cover"]{
    display:none!important;
}

.mj-media-image-help{
    max-width:720px;
    margin:-4px 0 20px;
    color:#777d88;
    font-size:14px;
    line-height:1.5;
}

.mj-media-panel-message{
    margin:0 0 18px;
    padding:13px 15px;
    border:1px solid #e6b7b7;
    border-radius:10px;
    background:#fff3f3;
    color:#9d2020;
    font-size:15px;
    line-height:1.45;
    font-weight:750;
}
.mj-media-panel-message[hidden]{
    display:none!important;
}

/* Galerie: wrapper musí mít prostor i pro trvale viditelnou chybovou hlášku. */
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-image-wrapper,
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-preview{
    height:auto!important;
    min-height:118px!important;
    overflow:visible!important;
}

.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-image-wrapper{
    position:relative!important;
    width:150px!important;
    margin:0 0 8px!important;
}

/* Jasná zelená fajfka / červený křížek.
   Původní Dropzone SVG necháme schovaný a použijeme stabilní znak. */
.mj-job-builder .dropzone .dz-preview .dz-success-mark,
.mj-job-builder .dropzone .dz-preview .dz-error-mark{
    pointer-events:none!important;
    position:absolute!important;
    z-index:1200!important;
    top:7px!important;
    right:7px!important;
    left:auto!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    opacity:0!important;
    transform:none!important;
    animation:none!important;
    box-shadow:0 2px 8px rgba(20,24,30,.16)!important;
}

.mj-job-builder .dropzone .dz-preview .dz-success-mark svg,
.mj-job-builder .dropzone .dz-preview .dz-error-mark svg{
    display:none!important;
}

.mj-job-builder .dropzone .dz-preview .dz-success-mark::before,
.mj-job-builder .dropzone .dz-preview .dz-error-mark::before{
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
}

.mj-job-builder .dropzone .dz-preview.dz-success:not(.dz-error) .dz-success-mark{
    opacity:1!important;
    background:#8f143a!important;
}
.mj-job-builder .dropzone .dz-preview.dz-success:not(.dz-error) .dz-success-mark::before{
    content:"✓";
}

.mj-job-builder .dropzone .dz-preview.dz-error .dz-error-mark{
    opacity:1!important;
    background:#c52b2b!important;
}
.mj-job-builder .dropzone .dz-preview.dz-error .dz-error-mark::before{
    content:"×";
}

/* Chyba už není dostupná jen po hoveru – uživatel rovnou vidí důvod. */
.mj-job-builder .dropzone .dz-preview.dz-error .dz-error-message,
.mj-job-builder .dropzone .dz-preview.dz-error:hover .dz-error-message{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:150px!important;
    min-height:0!important;
    margin:8px 0 0!important;
    padding:8px 10px!important;
    border-radius:8px!important;
    background:#bd2525!important;
    color:#fff!important;
    opacity:1!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:750!important;
    text-align:left!important;
}

.mj-job-builder .dropzone .dz-preview.dz-error .dz-error-message::after{
    display:none!important;
}

/* Neplatný upload dostane i červený rámeček kolem náhledu. */
.mj-job-builder .dropzone .dz-preview.dz-error .dz-image{
    outline:2px solid #c52b2b!important;
    outline-offset:2px!important;
}

/* Úspěšný upload jemně potvrdit zeleným rámečkem. */
.mj-job-builder .dropzone .dz-preview.dz-success:not(.dz-error) .dz-image{
    outline:2px solid rgba(143,20,58,.32)!important;
    outline-offset:2px!important;
}

/* Smazání obrázku musí být vidět nezávisle na Semantic UI ikonách. */
.mj-job-builder .dropzone .dz-preview .delete-image,
.mj-job-builder .dropzone .dz-preview .delete-file{
    position:absolute!important;
    z-index:1300!important;
    top:7px!important;
    left:7px!important;
    right:auto!important;
    display:grid!important;
    place-items:center!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.9)!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#b82121!important;
    text-decoration:none!important;
    box-shadow:0 2px 8px rgba(20,24,30,.16)!important;
}

.mj-job-builder .dropzone .dz-preview .delete-image i,
.mj-job-builder .dropzone .dz-preview .delete-file i{
    display:none!important;
}

.mj-job-builder .dropzone .dz-preview .delete-image::before,
.mj-job-builder .dropzone .dz-preview .delete-file::before{
    content:"×"!important;
    color:#b82121!important;
    font-family:Arial,sans-serif!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
}

/* Upload tile — překlad textu vizuálně přes CSS, funkce zůstává stejná. */
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-message .dz-button{
    font-size:0!important;
}
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-message .dz-button::before{
    content:"Přetáhněte obrázek nebo vyberte soubor";
    display:block;
    max-width:120px;
    color:#555b66;
    font-size:13px;
    line-height:1.3;
    font-weight:750;
    text-align:center;
}
.mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper .dz-message .dz-button:hover::before{
    color:var(--mj-accent);
}

@media(max-width:600px){
    .mj-job-builder [data-mj-job-field="image"] .images-uploader-wrapper{
        gap:10px!important;
    }
}


/* =========================================================
   10.16.0 — PERFORMANCE + HEADER + MOBILE NAV
   ========================================================= */

/* Mikrojoby má vlastní barevnost. Elementor globální zelená se na portálu nepoužívá. */
body.mj-frontend-page{
    --e-global-color-primary:#8f143a!important;
    --e-global-color-accent:#8f143a!important;
    --e-global-color-secondary:#282c3a!important;
    --e-global-color-text:#303541!important;
}

body.mj-frontend-page .elementor-button:hover,
body.mj-frontend-page .elementor-button:focus,
body.mj-frontend-page .ui.green.button:hover,
body.mj-frontend-page .ui.green.button:focus,
body.mj-frontend-page .green.button:hover,
body.mj-frontend-page .green.button:focus,
body.mj-frontend-page .ui.basic.green.button:hover,
body.mj-frontend-page .ui.basic.green.button:focus{
    background:#7a1132!important;
    border-color:#7a1132!important;
    color:#fff!important;
}

/* Původní theme/WPJobster header zmizí přes CSS ještě před vykreslením.
   Už nepotřebujeme 2,5 s MutationObserver přes celý DOM. */
body.mj-frontend-page > header:not(.mj-header),
body.mj-frontend-page .site-header:not(.mj-header),
body.mj-frontend-page .main-header:not(.mj-header),
body.mj-frontend-page .header-wrapper:not(.mj-header),
body.mj-frontend-page .header-wrap:not(.mj-header),
body.mj-frontend-page .desktop-header:not(.mj-header){
    display:none!important;
}

/* Skutečné logo v hlavičce. */
.mj-header-logo{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    text-decoration:none!important;
}
.mj-header-logo-image{
    display:block!important;
    width:176px!important;
    max-width:176px!important;
    height:46px!important;
    object-fit:contain!important;
    object-position:left center!important;
}

/* Desktop */
.mj-mobile-nav-toggle,
.mj-mobile-menu{
    display:none;
}

/* Mobil / tablet: jednoduchý stabilní header bez Elementor menu. */
@media(max-width:980px){
    .mj-detail-header .mj-header-inner{
        min-height:68px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:14px!important;
        padding-top:8px!important;
        padding-bottom:8px!important;
    }

    .mj-detail-header .mj-nav,
    .mj-detail-header .mj-header-actions{
        display:none!important;
    }

    .mj-header-logo-image{
        width:158px!important;
        max-width:158px!important;
        height:42px!important;
    }

    .mj-mobile-nav-toggle{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-direction:column!important;
        gap:5px!important;
        width:44px!important;
        height:44px!important;
        padding:0!important;
        border:1px solid #dfe2e7!important;
        border-radius:10px!important;
        background:#fff!important;
        color:#282c3a!important;
        box-shadow:none!important;
        cursor:pointer!important;
    }
    .mj-mobile-nav-toggle span{
        display:block!important;
        width:20px!important;
        height:2px!important;
        border-radius:2px!important;
        background:currentColor!important;
        transition:transform .16s ease,opacity .16s ease!important;
    }
    .mj-mobile-nav-toggle[aria-expanded="true"]{
        border-color:#ead7de!important;
        color:var(--mj-accent)!important;
        background:#fbf6f8!important;
    }
    .mj-mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
    .mj-mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
    .mj-mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

    .mj-mobile-menu:not([hidden]){
        display:block!important;
        position:absolute!important;
        z-index:99999!important;
        top:100%!important;
        left:0!important;
        right:0!important;
        padding:12px 18px 18px!important;
        border-top:1px solid #e5e7eb!important;
        border-bottom:1px solid #dfe2e7!important;
        background:#fff!important;
        box-shadow:0 16px 30px rgba(24,28,36,.10)!important;
    }
    .mj-detail-header{
        position:relative!important;
        z-index:9999!important;
    }
    .mj-mobile-menu nav{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:0!important;
    }
    .mj-mobile-menu nav a,
    .mj-mobile-menu-actions a{
        display:flex!important;
        align-items:center!important;
        min-height:46px!important;
        padding:0 8px!important;
        border-bottom:1px solid #f0f1f3!important;
        color:#303541!important;
        font-size:15px!important;
        line-height:1.25!important;
        font-weight:800!important;
        text-decoration:none!important;
        background:transparent!important;
    }
    .mj-mobile-menu nav a:hover,
    .mj-mobile-menu nav a:focus,
    .mj-mobile-menu-actions a:hover,
    .mj-mobile-menu-actions a:focus{
        color:var(--mj-accent)!important;
        background:#fbf5f7!important;
    }
    .mj-mobile-menu-actions{
        display:grid!important;
        gap:8px!important;
        margin-top:12px!important;
    }
    .mj-mobile-menu-actions a{
        justify-content:center!important;
        min-height:46px!important;
        border:1px solid #dfe2e7!important;
        border-radius:9px!important;
    }
    .mj-mobile-menu-actions a.is-primary,
    .mj-mobile-menu-actions a.is-primary:hover,
    .mj-mobile-menu-actions a.is-primary:focus{
        border-color:var(--mj-accent)!important;
        background:var(--mj-accent)!important;
        color:#fff!important;
    }
}

@media(max-width:480px){
    .mj-detail-header .mj-header-inner{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .mj-header-logo-image{
        width:146px!important;
        max-width:146px!important;
        height:40px!important;
    }
    .mj-mobile-menu:not([hidden]){
        padding-left:14px!important;
        padding-right:14px!important;
    }
}


/* =========================================================
   10.16.1 — MEDIA STABILITY + RESPONSIVE AUTH
   ========================================================= */

/*
 * Nahrávání médií: WPJobster/Dropzone znovu řídí celý upload sám.
 * Naše vrstva už upload neblokuje ani nesleduje MutationObserverem.
 */
.mj-job-builder #job_images .dz-preview.dz-complete .dz-progress,
.mj-job-builder #job_images .dz-preview.dz-error .dz-progress{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

.mj-job-builder #job_images .dz-preview.dz-error .dz-error-message,
.mj-job-builder #job_images .dz-preview.dz-error:hover .dz-error-message{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:150px!important;
    margin:8px 0 0!important;
    padding:8px 10px!important;
    border-radius:8px!important;
    background:#bd2525!important;
    color:#fff!important;
    opacity:1!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:750!important;
    text-align:left!important;
}
.mj-job-builder #job_images .dz-preview.dz-error .dz-error-message::after{
    display:none!important;
}

/* Nativní stav uploadu musí být vždy jednoznačný. */
.mj-job-builder #job_images .dz-preview.dz-success:not(.dz-error) .dz-success-mark{
    display:grid!important;
    opacity:1!important;
    background:#8f143a!important;
}
.mj-job-builder #job_images .dz-preview.dz-error .dz-error-mark{
    display:grid!important;
    opacity:1!important;
    background:#c52b2b!important;
}
.mj-job-builder #job_images .dz-preview.dz-error .dz-success-mark{
    display:none!important;
}

/* ---------------------------------------------------------
   Přihlášení + registrace — skutečně responzivní na mobilu.
   --------------------------------------------------------- */
@media(max-width:900px){
    .mj-auth-body,
    .mj-register-body{
        padding:22px 0 44px!important;
    }

    .mj-auth-page .mj-container,
    .mj-register-page .mj-container{
        width:calc(100% - 28px)!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

    .mj-auth-shell,
    .mj-register-shell{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        overflow:hidden!important;
        border-radius:16px!important;
    }

    .mj-auth-form-card,
    .mj-auth-register-card,
    .mj-register-intro,
    .mj-register-form-card{
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        padding:26px!important;
        box-sizing:border-box!important;
    }

    .mj-auth-register-card>a,
    .mj-register-login-note a{
        width:100%!important;
        box-sizing:border-box!important;
    }

    .mj-register-native-form,
    .mj-register-native-form .register-wrapper,
    .mj-register-native-form form,
    .mj-register-native-form .ui.form,
    .mj-register-native-form .fields,
    .mj-register-native-form .field,
    .mj-register-native-form .two.fields,
    .mj-register-native-form .three.fields,
    .mj-register-native-form .four.fields{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }

    .mj-register-native-form .fields,
    .mj-register-native-form .two.fields,
    .mj-register-native-form .three.fields,
    .mj-register-native-form .four.fields{
        display:flex!important;
        flex-direction:column!important;
        gap:14px!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    .mj-register-native-form .fields>.field,
    .mj-register-native-form .two.fields>.field,
    .mj-register-native-form .three.fields>.field,
    .mj-register-native-form .four.fields>.field{
        flex:1 1 auto!important;
        width:100%!important;
        padding-left:0!important;
        padding-right:0!important;
        margin:0!important;
    }

    .mj-register-native-form input,
    .mj-register-native-form select,
    .mj-register-native-form textarea,
    .mj-auth-login-form input{
        max-width:100%!important;
        box-sizing:border-box!important;
    }

    .mj-register-native-form .g-recaptcha,
    .mj-register-native-form iframe{
        max-width:100%!important;
    }
}

@media(max-width:520px){
    .mj-auth-page .mj-container,
    .mj-register-page .mj-container{
        width:calc(100% - 20px)!important;
    }

    .mj-auth-form-card,
    .mj-auth-register-card,
    .mj-register-intro,
    .mj-register-form-card{
        padding:20px!important;
    }

    .mj-auth-form-card h1,
    .mj-register-intro h1{
        font-size:30px!important;
    }

    .mj-auth-register-card h2,
    .mj-register-form-card>h2{
        font-size:26px!important;
    }

    .mj-register-steps>div{
        grid-template-columns:36px minmax(0,1fr)!important;
        gap:10px!important;
    }
    .mj-register-steps>div>span{
        width:36px!important;
        height:36px!important;
    }

    /* reCAPTCHA má pevnou šířku 304 px — na velmi úzkých mobilech ji jen zmenšíme. */
    .mj-register-native-form .g-recaptcha{
        transform:scale(.88)!important;
        transform-origin:left top!important;
        width:345px!important;
        max-width:114%!important;
        margin-bottom:-8px!important;
    }
}


/* =========================================================
   10.16.10 — AUDIO + VIDEO MEDIA UI
   ========================================================= */

/* -----------------------------
   AUDIO
   WPJobster uploadifive zůstává funkční, mění se pouze vzhled.
   ----------------------------- */

.mj-job-builder [data-mj-job-field="audio"]{
    margin-top:18px!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-uploader-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
}

.mj-job-builder [data-mj-job-field="audio"] .hidden_input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-wrapper{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-new-file-wrapper{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:270px!important;
    min-width:0!important;
    height:84px!important;
    margin:0!important;
    padding:12px 18px!important;
    border:1px dashed #cfd4dc!important;
    border-radius:11px!important;
    background:#fafafb!important;
    background-image:none!important;
    color:#555b66!important;
    cursor:pointer!important;
    overflow:hidden!important;
    font-size:0!important;
    text-align:center!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-new-file-wrapper::before{
    content:"Přetáhněte audio nebo vyberte soubor";
    color:#555b66!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:750!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-new-file-wrapper:hover{
    border-color:var(--mj-accent)!important;
    background:#fbf5f7!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-new-file-wrapper:hover::before{
    color:var(--mj-accent)!important;
}

/* Při uploadu nahradit původní zelený loader vínovým. */
.mj-job-builder [data-mj-job-field="audio"] .audio-new-file-wrapper.uploading::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    right:14px!important;
    width:20px!important;
    height:20px!important;
    margin-top:-10px!important;
    border:2px solid #ead8df!important;
    border-top-color:var(--mj-accent)!important;
    border-radius:50%!important;
    background:none!important;
    animation:mj-audio-spin .7s linear infinite!important;
}

@keyframes mj-audio-spin{
    to{transform:rotate(360deg)}
}

/* Již nahrané audio = čistý souborový řádek s fajfkou. */
.mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    width:270px!important;
    min-height:84px!important;
    height:auto!important;
    margin:0!important;
    padding:14px 76px 14px 16px!important;
    border:1px solid rgba(143,20,58,.28)!important;
    border-radius:11px!important;
    background:#fffafb!important;
    background-image:none!important;
    color:#303541!important;
    overflow:visible!important;
    text-align:left!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper p{
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:#303541!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:750!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper::after{
    content:"✓"!important;
    position:absolute!important;
    top:50%!important;
    right:42px!important;
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    margin-top:-14px!important;
    border-radius:50%!important;
    background:#8f143a!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
}

/* Smazání audio souboru musí být zřetelné. */
.mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper .delete-audio{
    position:absolute!important;
    z-index:2!important;
    top:50%!important;
    right:8px!important;
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    margin-top:-14px!important;
    padding:0!important;
    border:1px solid #ead4d9!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#b82121!important;
    text-decoration:none!important;
    cursor:pointer!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper .delete-audio i{
    display:none!important;
}

.mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper .delete-audio::before{
    content:"×"!important;
    color:#b82121!important;
    font-family:Arial,sans-serif!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
}

/* -----------------------------
   VIDEO
   Zobrazí se jen pokud ho WPJobster dovolí aktuálnímu účtu.
   ----------------------------- */

.mj-job-builder [data-mj-job-field="video"]{
    margin-top:18px!important;
}

.mj-job-builder [data-mj-job-field="video"] .tooltip-handler{
    width:100%!important;
}

.mj-job-builder [data-mj-job-field="video"] .post-job-video-as-first-image{
    margin:0 0 12px!important;
    padding:12px 14px!important;
    border:1px solid #e2e5e9!important;
    border-radius:10px!important;
    background:#fafafb!important;
}

.mj-job-builder [data-mj-job-field="video"] .post-job-video-as-first-image label{
    color:#555b66!important;
    font-size:14px!important;
    line-height:1.45!important;
}

.mj-job-builder [data-mj-job-field="video"] .post-job-video-as-first-image input{
    accent-color:var(--mj-accent)!important;
}

.mj-job-builder [data-mj-job-field="video"] .video-wrapper{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    margin:0 0 10px!important;
}

.mj-job-builder [data-mj-job-field="video"] .video-link{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #d9dde3!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#303541!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:15px!important;
    box-shadow:none!important;
}

.mj-job-builder [data-mj-job-field="video"] .video-link:focus{
    border-color:var(--mj-accent)!important;
    box-shadow:0 0 0 3px rgba(143,20,58,.08)!important;
    outline:none!important;
}

.mj-job-builder [data-mj-job-field="video"] .delete-video{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 12px!important;
    border:1px solid #e2d5da!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--mj-accent)!important;
    font-size:0!important;
    text-decoration:none!important;
    cursor:pointer!important;
}

.mj-job-builder [data-mj-job-field="video"] .delete-video i{
    display:none!important;
}

.mj-job-builder [data-mj-job-field="video"] .delete-video::before{
    content:"Odebrat"!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
}

.mj-job-builder [data-mj-job-field="video"] .delete-video:hover{
    border-color:var(--mj-accent)!important;
    background:#fbf5f7!important;
}

.mj-job-builder [data-mj-job-field="video"] .add-video{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    margin-top:2px!important;
    padding:0 13px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--mj-accent)!important;
    font-size:0!important;
    text-decoration:none!important;
    cursor:pointer!important;
}

.mj-job-builder [data-mj-job-field="video"] .add-video::before{
    content:"Přidat další video"!important;
    font-family:Inter,Arial,sans-serif!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
}

.mj-job-builder [data-mj-job-field="video"] .add-video:hover{
    background:var(--mj-accent)!important;
    color:#fff!important;
}

/* Disabled Video už PHP nevykreslí; fallback pro cache/starší markup. */
.mj-job-builder [data-mj-job-field="video"]:has(.js-disabled-field):not(:has(input,textarea,select)){
    display:none!important;
}

@media(max-width:600px){
    .mj-job-builder [data-mj-job-field="audio"] .audio-new-file-wrapper,
    .mj-job-builder [data-mj-job-field="audio"] .audio-file-wrapper{
        width:100%!important;
    }

    .mj-job-builder [data-mj-job-field="video"] .video-wrapper{
        grid-template-columns:1fr!important;
    }

    .mj-job-builder [data-mj-job-field="video"] .delete-video,
    .mj-job-builder [data-mj-job-field="video"] .add-video{
        width:100%!important;
    }
}

/* =========================================================
   10.16.10 — SKUTEČNÁ PENĚŽENKA + VÝPLATY
   ========================================================= */
.mj-finance-alert{margin:0 0 18px;padding:14px 16px;border:1px solid #dfe2e6;border-radius:12px;background:#fff;font-size:15px;font-weight:750;line-height:1.5}
.mj-finance-alert.is-success{border-color:#dfbec8;background:#faf7f8;color:#7c1731}
.mj-finance-alert.is-error{border-color:#ecc6c6;background:#fff6f6;color:#862f2f}
.mj-finance-stat.is-wallet{border-top:4px solid var(--mj-accent)}
.mj-finance-stat.is-pending{border-top:4px solid #c88a24}
.mj-wallet-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-items:start}
.mj-wallet-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-wallet-history-card{margin-top:18px}
.mj-wallet-form{display:grid;gap:15px}
.mj-wallet-form label{display:grid;gap:7px;color:#454950;font-size:15px;font-weight:850}
.mj-wallet-form input,.mj-wallet-form textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d9dce1;border-radius:10px;background:#fff;color:#222;font:inherit;font-size:15px;outline:none;box-shadow:none}
.mj-wallet-form textarea{min-height:92px;resize:vertical}
.mj-wallet-form input:focus,.mj-wallet-form textarea:focus{border-color:#999ea6;box-shadow:0 0 0 3px rgba(0,0,0,.035)}
.mj-wallet-form button{min-height:48px;padding:0 18px;border:1px solid var(--mj-accent);border-radius:10px;background:var(--mj-accent);color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.mj-wallet-form button.is-secondary{border-color:#2f343b;background:#2f343b}
.mj-wallet-form button:disabled{opacity:.45;cursor:not-allowed}
.mj-wallet-amount{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;border:1px solid #d9dce1;border-radius:10px;overflow:hidden}
.mj-wallet-amount input{border:0!important;border-radius:0!important;box-shadow:none!important}
.mj-wallet-amount span{display:grid;place-items:center;align-self:stretch;background:#f4f5f6;color:#555a61;font-size:15px;font-weight:900}
.mj-wallet-form-note{padding:11px 13px;border-radius:9px;background:#f6f7f8;color:#696e75;font-size:14px;line-height:1.5}
.mj-wallet-fields{display:grid;gap:12px}
.mj-wallet-fields.two{grid-template-columns:1fr 1fr}
.mj-wallet-fields.account{grid-template-columns:minmax(0,1fr) 18px 130px;align-items:end}
.mj-wallet-fields.account>span{display:grid;place-items:center;height:46px;font-size:20px;font-weight:800}
.mj-wallet-pending{display:grid;gap:7px;padding:17px;border:1px solid #ead6aa;border-radius:12px;background:#fffaf0}
.mj-wallet-pending strong{font-size:17px}
.mj-wallet-pending>span{font-size:26px;font-weight:950;letter-spacing:-.03em}
.mj-wallet-pending p{margin:0;color:#75684d;font-size:15px;line-height:1.5}
.mj-wallet-withdraw-list{display:grid;border:1px solid #e7e8eb;border-radius:13px;overflow:hidden}
.mj-wallet-withdraw-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px;gap:16px;align-items:center;min-height:70px;padding:13px 15px}
.mj-wallet-withdraw-row+.mj-wallet-withdraw-row{border-top:1px solid #eceef1}
.mj-wallet-withdraw-row>div{display:grid;gap:3px}
.mj-wallet-withdraw-row>div span{color:#81858c;font-size:14px}
.mj-wallet-withdraw-row>strong{text-align:right;font-size:17px}
.mj-wallet-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 10px;border-radius:999px;background:#f0f1f3;color:#5d6269;font-size:13px;font-weight:900;text-align:center}
.mj-wallet-status.is-paid{background:#f7edf1;color:#7c1731}
.mj-wallet-status.is-pending{background:#fff5df;color:#8b641d}
.mj-wallet-status.is-rejected{background:#fff0f0;color:#944040}
@media(max-width:900px){.mj-wallet-layout{grid-template-columns:1fr}.mj-wallet-fields.two{grid-template-columns:1fr}}
@media(max-width:650px){.mj-wallet-fields.account{grid-template-columns:minmax(0,1fr) 14px 105px}.mj-wallet-withdraw-row{grid-template-columns:1fr auto}.mj-wallet-withdraw-row>strong{grid-column:1/-1;text-align:left}.mj-wallet-status{justify-self:end}}


/* =========================================================
   10.16.13 — MAIL BRAND / SELLER STATS / REQUEST LEGACY GREEN
   ========================================================= */

/* Profil prodejce: stejnoměrné statistické buňky. */
.mj-seller-reputation .mj-reputation-stats strong{
    font-size:20px!important;
    line-height:1.15!important;
}
.mj-seller-reputation .mj-reputation-stats span{
    max-width:130px;
    color:#7b8089!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:600;
}

/* Poptávky: WPJobster request_fields používá původní Semantic UI zelenou.
   Přepis je záměrně omezen jen na náš formulář poptávky. */
.mj-request-builder i.green.icon,
.mj-request-builder .green.icon,
.mj-request-builder .ui.green.icon,
.mj-request-builder .ui.icon.green{
    color:var(--mj-accent)!important;
}

.mj-request-builder .ui.toggle.checkbox input:checked~label:before,
.mj-request-builder .ui.toggle.checkbox input:focus:checked~label:before,
.mj-request-builder .ui.checkbox input:checked~label:before,
.mj-request-builder .ui.checkbox input:focus:checked~label:before,
.mj-request-builder .ui.checkbox input:indeterminate~label:before{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
}

.mj-request-builder .ui.checkbox input:checked~label:after,
.mj-request-builder .ui.checkbox input:indeterminate~label:after{
    color:#fff!important;
}

.mj-request-builder .ui.green.button,
.mj-request-builder button.green,
.mj-request-builder .button.green,
.mj-request-builder .ui.green.label,
.mj-request-builder .green.label{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
}

.mj-request-builder .ui.basic.green.button,
.mj-request-builder .ui.green.basic.button{
    border-color:var(--mj-accent)!important;
    background:#fff!important;
    color:var(--mj-accent)!important;
    box-shadow:0 0 0 1px var(--mj-accent) inset!important;
}

.mj-request-builder [style*="#8f143a"],
.mj-request-builder [style*="#8f143a"],
.mj-request-builder [style*="green"]{
    color:var(--mj-accent)!important;
}

/* =========================================================
   10.16.14 — POPTÁVKY: ZBYLÉ TYRKYSOVÉ/ZELENÉ IKONY
   ========================================================= */
/* Ikony uvnitř Semantic UI inputů (např. kalendář termínu). */
.mj-request-builder .ui.icon.input > i.icon,
.mj-request-builder .ui.input > i.icon,
.mj-request-builder i.calendar.icon,
.mj-request-builder i.paperclip.icon,
.mj-request-builder i.attach.icon,
.mj-request-builder i.attachment.icon{
    color:var(--mj-accent)!important;
    opacity:1!important;
}

/* Uploadifive / Semantic UI labeled icon button: levý ikonový segment
   nesmí zůstat v původní zelené/tyrkysové barvě. */
.mj-request-builder .ui.labeled.icon.button > .icon,
.mj-request-builder .ui.left.labeled.icon.button > .icon,
.mj-request-builder .ui.right.labeled.icon.button > .icon,
.mj-request-builder .uploadifive-button > .icon,
.mj-request-builder .uploadifive-button i.icon{
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
    color:#fff!important;
    border-color:var(--mj-accent)!important;
}

/* Některé staré upload prvky barví samotný obal ikony. */
.mj-request-builder .ui.labeled.icon.button .icon:first-child,
.mj-request-builder [class*="upload"] .icon{
    color:#fff!important;
}

.mj-request-builder .ui.labeled.icon.button .icon:first-child{
    background:var(--mj-accent)!important;
}

/* =========================================================
   MIKROJOBY 10.16.15 — SELLERS / PROFILE / HEADER / FOOTER
   ========================================================= */

/* Header: nenechat starý WPJobster/theme přebarvovat navigaci do zelena. */
.mj-detail-header .mj-nav a,
.mj-detail-header .mj-nav a:visited,
.mj-header .mj-nav a,
.mj-header .mj-nav a:visited{
    color:#34373d!important;
}
.mj-detail-header .mj-nav a:hover,
.mj-detail-header .mj-nav a:focus,
.mj-header .mj-nav a:hover,
.mj-header .mj-nav a:focus{
    color:var(--mj-accent)!important;
}
.mj-mobile-menu a,
.mj-mobile-menu a:visited{
    color:#34373d!important;
}
.mj-mobile-menu a:hover,
.mj-mobile-menu a:focus{
    color:var(--mj-accent)!important;
}

/* Profil prodejce — čistší hero bez duplicitního popisu. */
.mj-seller-hero{
    padding:34px 0 26px!important;
    background:linear-gradient(180deg,#fbf8f9 0%,#fff 100%)!important;
}
.mj-seller-hero-card{
    grid-template-columns:112px minmax(0,1fr) 300px!important;
    gap:24px!important;
    align-items:center!important;
    padding:25px 26px!important;
    border-radius:18px!important;
}
.mj-seller-big-avatar,
.mj-seller-big-avatar-img{
    width:104px!important;
    height:104px!important;
}
.mj-seller-name-row h1{
    font-size:30px!important;
}
.mj-seller-subline{
    margin-top:8px!important;
    font-size:14px!important;
}
.mj-seller-actions{
    margin-top:16px!important;
}
.mj-seller-reputation{
    padding:18px!important;
    border-radius:15px!important;
}
.mj-reputation-main{
    padding-bottom:14px!important;
}
.mj-reputation-main>strong{
    font-size:30px!important;
}
.mj-reputation-main small{
    font-size:13px!important;
}
.mj-reputation-stats>div{
    min-height:68px!important;
    padding:7px 8px!important;
}
.mj-seller-reputation .mj-reputation-stats strong{
    font-size:19px!important;
}
.mj-seller-reputation .mj-reputation-stats span{
    font-size:13px!important;
    line-height:1.3!important;
}

/* Popis je pouze jednou, v samostatném bloku O prodejci. */
.mj-seller-about-section{
    padding:24px 0 0;
    background:#fff;
}
.mj-seller-about-card{
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:34px;
    align-items:start;
    padding:24px 26px;
    border:1px solid var(--mj-line);
    border-radius:16px;
    background:#fff;
}
.mj-seller-about-heading span{
    display:block;
    margin-bottom:7px;
    color:var(--mj-accent);
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mj-seller-about-heading h2{
    margin:0;
    font-size:23px;
    line-height:1.15;
    letter-spacing:-.03em;
}
.mj-seller-about-text{
    color:#515660;
    font-size:15px;
    line-height:1.72;
}
.mj-seller-about-text p{
    margin:0;
}
.mj-seller-content{
    padding:32px 0 64px!important;
}
.mj-seller-section-head{
    margin-bottom:18px!important;
}
.mj-seller-section-head h2{
    font-size:29px!important;
}
.mj-results-count{
    font-size:13px!important;
}

/* Mikrojoby prodejce — 4 menší karty na desktopu. */
.mj-seller-job-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
}
.mj-seller-job-grid .mj-market-card{
    min-height:350px!important;
    border-radius:14px!important;
}
.mj-seller-job-grid .mj-market-media{
    aspect-ratio:16/9!important;
}
.mj-seller-job-grid .mj-market-body{
    padding:11px 12px 12px!important;
}
.mj-seller-job-grid .mj-market-seller-row{
    min-height:31px!important;
}
.mj-seller-job-grid .mj-market-avatar{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
}
.mj-seller-job-grid .mj-market-seller-name{
    max-width:92px!important;
    font-size:12px!important;
}
.mj-seller-job-grid .mj-market-category{
    margin-top:7px!important;
    font-size:10px!important;
}
.mj-seller-job-grid .mj-market-title{
    min-height:40px!important;
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.4!important;
}
.mj-seller-job-grid .mj-market-rating-row{
    min-height:20px!important;
    margin-top:6px!important;
}
.mj-seller-job-grid .mj-market-rating,
.mj-seller-job-grid .mj-market-new{
    font-size:11px!important;
}
.mj-seller-job-grid .mj-market-chips{
    min-height:24px!important;
    margin-top:5px!important;
}
.mj-seller-job-grid .mj-market-chip{
    padding:4px 6px!important;
    font-size:9.5px!important;
}
.mj-seller-job-grid .mj-market-spacer{
    min-height:7px!important;
}
.mj-seller-job-grid .mj-market-footer{
    min-height:52px!important;
    margin-top:8px!important;
    padding-top:9px!important;
}
.mj-seller-job-grid .mj-market-delivery span,
.mj-seller-job-grid .mj-market-price span{
    font-size:9.5px!important;
}
.mj-seller-job-grid .mj-market-delivery strong{
    font-size:11.5px!important;
}
.mj-seller-job-grid .mj-market-price strong{
    font-size:16px!important;
}
.mj-seller-job-grid .mj-market-price small{
    font-size:10px!important;
}

/* Adresář prodejců — stránkování po 24, všichni prodejci z WPJobster profilu. */
.mj-sellers-pagination{
    margin-top:28px;
}

/* Nový tmavý footer s originálním white logem. */
.mj-footer.mj-footer-dark{
    padding:48px 0 22px!important;
    border-top:0!important;
    background:#17181c!important;
    color:#fff!important;
}
.mj-footer-dark .mj-footer-grid{
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:64px!important;
}
.mj-footer-brand{
    max-width:420px;
}
.mj-footer-logo{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
}
.mj-footer-logo img{
    display:block;
    width:190px;
    max-width:100%;
    height:auto;
}
.mj-footer-dark .mj-footer-brand p{
    max-width:390px;
    margin:18px 0 0!important;
    color:#b8bbc2!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.mj-footer-dark .mj-footer-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(130px,1fr));
    gap:10px 34px!important;
    min-width:330px;
}
.mj-footer-dark .mj-footer-links a,
.mj-footer-dark .mj-footer-links a:visited{
    color:#f2f3f5!important;
    font-size:14px!important;
    font-weight:750!important;
}
.mj-footer-dark .mj-footer-links a:hover{
    color:#d6a0af!important;
}
.mj-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:38px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.11);
    color:#858a92;
    font-size:12px;
}

@media(max-width:1100px){
    .mj-seller-hero-card{
        grid-template-columns:100px minmax(0,1fr)!important;
    }
    .mj-seller-reputation{
        grid-column:1/-1;
    }
    .mj-seller-job-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:760px){
    .mj-seller-hero-card{
        grid-template-columns:1fr!important;
        text-align:left!important;
    }
    .mj-seller-avatar-col{
        justify-content:flex-start!important;
    }
    .mj-seller-name-row,
    .mj-seller-subline,
    .mj-seller-actions{
        justify-content:flex-start!important;
    }
    .mj-seller-about-card{
        grid-template-columns:1fr;
        gap:14px;
        padding:20px;
    }
    .mj-seller-job-grid{
        grid-template-columns:1fr!important;
    }
    .mj-footer-dark .mj-footer-grid{
        flex-direction:column!important;
        gap:32px!important;
    }
    .mj-footer-dark .mj-footer-links{
        min-width:0;
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .mj-footer-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }
}


/* 10.16.18 — kompaktní adresář prodejců, 4 karty na desktopu. */
.mj-sellers-directory-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
}
.mj-seller-directory-card{
    padding:15px!important;
    border-radius:14px!important;
    min-width:0;
}
.mj-seller-directory-top{
    gap:10px!important;
}
.mj-seller-directory-avatar,
.mj-seller-directory-avatar-img{
    width:60px!important;
    height:60px!important;
    flex:0 0 60px!important;
}
.mj-seller-directory-title>a{
    font-size:16px!important;
    line-height:1.25!important;
}
.mj-seller-directory-title>span{
    font-size:12px!important;
}
.mj-seller-directory-bio{
    min-height:54px!important;
    margin:12px 0 0!important;
    font-size:13px!important;
    line-height:1.45!important;
}
.mj-seller-directory-stats{
    padding-top:12px!important;
    margin-top:12px!important;
}
.mj-seller-directory-stats>div{
    padding:5px 4px!important;
}
.mj-seller-directory-stats strong{
    font-size:17px!important;
}
.mj-seller-directory-stats span{
    margin-top:2px!important;
    font-size:12px!important;
    line-height:1.25!important;
}
.mj-seller-directory-cta{
    margin-top:12px!important;
    min-height:38px!important;
    padding:9px 12px!important;
    font-size:13px!important;
}
@media(max-width:1100px){
    .mj-sellers-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:850px){
    .mj-sellers-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
    .mj-sellers-directory-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   10.16.18 — UNIFIED MICROJOB GRIDS (4 COLUMNS DESKTOP)
   ========================================================= */
.mj-job-grid.mj-archive-job-grid,
.mj-job-grid.mj-bookmarks-grid,
.mj-job-grid.mj-search-results-grid,
.mj-job-grid.mj-category-jobs-grid,
.mj-related-jobs .mj-job-grid,
.mj-seller-services-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
}
@media(max-width:1150px){
    .mj-job-grid.mj-archive-job-grid,
    .mj-job-grid.mj-bookmarks-grid,
    .mj-job-grid.mj-search-results-grid,
    .mj-job-grid.mj-category-jobs-grid,
    .mj-related-jobs .mj-job-grid,
    .mj-seller-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:900px){
    .mj-job-grid.mj-archive-job-grid,
    .mj-job-grid.mj-bookmarks-grid,
    .mj-job-grid.mj-search-results-grid,
    .mj-job-grid.mj-category-jobs-grid,
    .mj-related-jobs .mj-job-grid,
    .mj-seller-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:650px){
    .mj-job-grid.mj-archive-job-grid,
    .mj-job-grid.mj-bookmarks-grid,
    .mj-job-grid.mj-search-results-grid,
    .mj-job-grid.mj-category-jobs-grid,
    .mj-related-jobs .mj-job-grid,
    .mj-seller-services-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   10.17.1 — DETAIL MICROJOBU: SJEDNOCENÉ CTA V CELÉM PANELU
   ========================================================= */
.mj-order-card .mj-purchase-action,
.mj-order-card .mj-custom-offer-action,
.mj-order-card .mj-report-job-action{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    float:none!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

.mj-order-card .mj-purchase-action{
    min-height:50px!important;
    margin-top:12px!important;
    padding:0 18px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.15!important;
    font-weight:900!important;
}

.mj-order-card .mj-custom-offer-action{
    min-height:48px!important;
    margin-top:12px!important;
    padding:0 18px!important;
    border:1.5px solid var(--mj-accent)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--mj-accent)!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:850!important;
}
.mj-order-card .mj-custom-offer-action:hover,
.mj-order-card .mj-custom-offer-action:focus{
    background:var(--mj-accent-soft)!important;
    color:var(--mj-accent-dark)!important;
}

.mj-order-card .mj-report-job-action{
    min-height:44px!important;
    margin-top:10px!important;
    padding:0 16px!important;
    border:1px solid #d9dde3!important;
    border-radius:10px!important;
    background:#f7f8f9!important;
    color:#59606b!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:750!important;
}
.mj-order-card .mj-report-job-action:hover,
.mj-order-card .mj-report-job-action:focus{
    background:#eef0f3!important;
    border-color:#cfd4db!important;
    color:#343942!important;
}

.mj-order-card .mj-secondary-action-host{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    text-align:center!important;
}

.mj-order-card .mj-order-trust{
    margin-top:24px!important;
    padding-top:18px!important;
    border-top:1px solid #eceef1!important;
}

/* =========================================================
   10.17.1 — KOMPLETNÍ WORKFLOW OBJEDNÁVKY
   Termín → odevzdání → kontrola → revize → dokončení
   ========================================================= */

.mj-order-deadline{
    margin:18px 0;
    padding:22px;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
}
.mj-order-deadline.is-soon{
    border-color:#ead7b4;
    background:#fffdf8;
}
.mj-order-deadline.is-overdue{
    border-color:#e8c8cf;
    background:#fff8fa;
}
.mj-order-deadline.is-review{
    border-color:#dec4cc;
    background:#fffafb;
}
.mj-order-deadline-main{
    display:grid;
    grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);
    gap:28px;
    align-items:center;
}
.mj-order-deadline-kicker{
    display:block;
    margin-bottom:6px;
    color:#727780;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
}
.mj-order-deadline-main > div:first-child > strong{
    display:block;
    color:#20242b;
    font-size:27px;
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.02em;
}
.mj-order-deadline.is-overdue .mj-order-countdown{
    color:var(--mj-accent);
}
.mj-order-deadline-main small{
    display:block;
    margin-top:7px;
    color:#777d86;
    font-size:13px;
}
.mj-order-deadline-copy{
    padding-left:26px;
    border-left:1px solid #e7e9ec;
}
.mj-order-deadline-copy strong{
    display:block;
    margin-bottom:5px;
    color:#252a31;
    font-size:16px;
    line-height:1.35;
}
.mj-order-deadline-copy p{
    margin:0;
    color:#656b75;
    font-size:15px;
    line-height:1.6;
}

.mj-order-extension{
    margin:18px 0;
}
.mj-order-extension-request,
.mj-order-extension-new{
    padding:20px;
    border:1px solid #e1e4e8;
    border-radius:14px;
    background:#fff;
}
.mj-order-extension-request{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.mj-order-extension-request span,
.mj-order-extension-new summary{
    color:#6c717a;
    font-size:14px;
    font-weight:800;
}
.mj-order-extension-request strong{
    display:block;
    margin-top:3px;
    color:#20242b;
    font-size:19px;
}
.mj-order-extension-request p{
    max-width:720px;
    margin:8px 0 0;
    color:#616771;
    font-size:15px;
    line-height:1.55;
}
.mj-order-extension-decisions{
    display:flex;
    flex:0 0 auto;
    gap:9px;
}
.mj-order-extension-decisions form,
.mj-order-extension-abort{
    margin:0;
}
.mj-order-extension button,
.mj-order-extension-new button{
    min-height:44px;
    padding:0 17px;
    border:1px solid var(--mj-accent);
    border-radius:9px;
    background:#fff;
    color:var(--mj-accent);
    font:inherit;
    font-size:14px;
    font-weight:850;
    cursor:pointer;
}
.mj-order-extension button.is-primary{
    background:var(--mj-accent);
    color:#fff;
}
.mj-order-extension-abort button{
    border-color:#d8dce1;
    color:#656b74;
}
.mj-order-extension-new summary{
    cursor:pointer;
    list-style:none;
}
.mj-order-extension-new summary::-webkit-details-marker{display:none}
.mj-order-extension-new summary:after{
    content:'+';
    float:right;
    color:var(--mj-accent);
    font-size:20px;
    line-height:1;
}
.mj-order-extension-new[open] summary:after{content:'−'}
.mj-order-extension-new form{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #eceef1;
}
.mj-order-extension-fields{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:16px;
    margin-bottom:14px;
}
.mj-order-extension-fields label{
    color:#343942;
    font-size:14px;
    line-height:1.4;
    font-weight:800;
}
.mj-order-extension-fields select,
.mj-order-extension-fields textarea{
    display:block;
    width:100%;
    margin-top:7px;
    padding:11px 12px;
    border:1px solid #d8dce2;
    border-radius:9px;
    background:#fff;
    color:#292e36;
    font:inherit;
    font-size:15px;
}
.mj-order-extension-fields textarea{
    min-height:92px;
    resize:vertical;
}

.mj-order-primary-actions{
    padding:24px;
}
.mj-order-primary-actions-head{
    margin-bottom:18px;
}
.mj-order-primary-actions-head span{
    display:block;
    margin-bottom:4px;
    color:var(--mj-accent);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.mj-order-primary-actions-head h2{
    font-size:22px;
}
.mj-order-primary-actions-head p{
    max-width:760px;
    font-size:15px;
    line-height:1.55;
}
.mj-order-action-form.is-delivery{
    width:100%;
    padding:19px;
    border:1px solid #e4e6e9;
    border-radius:12px;
    background:#fafafb;
}
.mj-order-action-form.is-delivery > label,
.mj-order-action-form.is-modification > label{
    display:block;
    margin-bottom:7px;
    color:#30353d;
    font-size:14px;
    font-weight:900;
}
.mj-order-action-form.is-delivery textarea{
    display:block;
    width:100%;
    min-height:110px;
    padding:12px 13px;
    border:1px solid #d8dce2;
    border-radius:9px;
    background:#fff;
    color:#292e36;
    resize:vertical;
    font:inherit;
    font-size:15px;
    line-height:1.55;
}
.mj-order-action-uploader{
    margin-top:12px;
}
.mj-order-action-submit-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:14px;
}
.mj-order-action-submit-row span{
    max-width:520px;
    color:#737982;
    font-size:13px;
    line-height:1.45;
}
.mj-order-review-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.mj-order-review-actions .mj-order-action-form{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:20px;
    border:1px solid #e2e5e9;
    border-radius:12px;
    background:#fafafb;
}
.mj-order-review-actions .mj-order-action-form.is-approve{
    border-color:#dec5cd;
    background:#fffafb;
}
.mj-order-review-actions .mj-order-action-form > strong{
    display:block;
    margin-bottom:6px;
    color:#242930;
    font-size:17px;
    line-height:1.35;
}
.mj-order-review-actions .mj-order-action-form > p{
    margin:0 0 16px;
    color:#676d76;
    font-size:14px;
    line-height:1.55;
}
.mj-order-review-actions .mj-order-action-form button{
    margin-top:auto;
}
.mj-order-review-actions .mj-order-action-form.is-modification{
    margin-top:0;
    padding-top:20px;
    border-top:1px solid #e2e5e9;
}
.mj-order-review-actions .mj-order-action-form.is-modification textarea{
    min-height:90px;
    background:#fff;
}

@media(max-width:800px){
    .mj-order-deadline-main,
    .mj-order-review-actions,
    .mj-order-extension-fields{
        grid-template-columns:1fr;
    }
    .mj-order-deadline-copy{
        padding:18px 0 0;
        border-left:0;
        border-top:1px solid #e7e9ec;
    }
    .mj-order-extension-request,
    .mj-order-action-submit-row{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-extension-decisions{
        width:100%;
        flex-direction:column;
    }
    .mj-order-extension-decisions form,
    .mj-order-extension-decisions button,
    .mj-order-extension-abort,
    .mj-order-extension-abort button,
    .mj-order-action-submit-row button{
        width:100%;
    }
}


/* =========================================================
   10.17.1 – PŘIJETÍ / ODMÍTNUTÍ OBJEDNÁVKY PRODEJCEM
   ========================================================= */
.mj-order-acceptance{margin:0 0 24px;padding:26px;border:1px solid #eadde2;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(35,24,28,.05)}
.mj-order-acceptance-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.mj-order-acceptance-head>div:first-child>span{display:block;margin-bottom:7px;color:#8f143a;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.mj-order-acceptance h2{margin:0 0 8px;font-size:24px;line-height:1.2;color:#20242b}
.mj-order-acceptance p{margin:0;color:#666b74;font-size:15px;line-height:1.65}
.mj-order-acceptance-countdown{min-width:190px;padding:15px 18px;border-radius:14px;background:#faf5f7;text-align:center}
.mj-order-acceptance-countdown span,.mj-order-acceptance-countdown small{display:block;color:#777b84;font-size:12px}
.mj-order-acceptance-countdown strong{display:block;margin:4px 0;color:#8f143a;font-size:21px;line-height:1.2}
.mj-order-acceptance-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:22px;border-top:1px solid #eee5e8}
.mj-order-accept-form,.mj-order-reject-form{padding:20px;border:1px solid #e7e1e3;border-radius:14px;background:#fcfbfb}
.mj-order-accept-form>strong,.mj-order-reject-form>strong{display:block;margin-bottom:7px;font-size:18px;color:#20242b}
.mj-order-accept-form p,.mj-order-reject-form p{margin-bottom:16px}
.mj-order-acceptance label{display:block;margin-top:13px;color:#333842;font-size:14px;font-weight:700}
.mj-order-acceptance select,.mj-order-acceptance textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #d9dadd;border-radius:10px;background:#fff;color:#292d34;font:inherit;box-sizing:border-box}
.mj-order-acceptance button{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:16px;padding:11px 16px;border:1px solid #8f143a;border-radius:10px;background:#8f143a;color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.mj-order-acceptance button.is-reject{background:#fff;color:#8f143a}
.mj-order-acceptance button:hover{filter:brightness(.94)}
@media(max-width:800px){.mj-order-acceptance-head,.mj-order-acceptance-actions{grid-template-columns:1fr}.mj-order-acceptance-countdown{min-width:0;text-align:left}}


/* =========================================================
   10.17.7 — GLOBAL BRAND AUDIT: REMOVE LEGACY GREEN/TEAL
   =========================================================
   Finální pojistka proti původním WPJobster / Semantic UI / Elementor
   zeleným a tyrkysovým akcentům. Platí na celém frontendu Mikrojoby.
*/
body.mj-frontend-page{
    --mj-success:var(--mj-accent);
    --mj-success-dark:var(--mj-accent-dark);
    --mj-success-soft:var(--mj-accent-soft);
}

/* Legacy primary/success buttons. */
body.mj-frontend-page .ui.green.button,
body.mj-frontend-page .ui.positive.button,
body.mj-frontend-page .ui.teal.button,
body.mj-frontend-page .green.button,
body.mj-frontend-page .positive.button,
body.mj-frontend-page .teal.button,
body.mj-frontend-page button.green,
body.mj-frontend-page button.positive,
body.mj-frontend-page button.teal,
body.mj-frontend-page .btn-success,
body.mj-frontend-page .button-success,
body.mj-frontend-page .green_btn,
body.mj-frontend-page input[type="submit"].green,
body.mj-frontend-page input[type="submit"].positive,
body.mj-frontend-page input[type="submit"].teal{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
    color:#fff!important;
    text-shadow:none!important;
    box-shadow:none!important;
}
body.mj-frontend-page .ui.green.button:hover,
body.mj-frontend-page .ui.positive.button:hover,
body.mj-frontend-page .ui.teal.button:hover,
body.mj-frontend-page .green.button:hover,
body.mj-frontend-page .positive.button:hover,
body.mj-frontend-page .teal.button:hover,
body.mj-frontend-page .btn-success:hover,
body.mj-frontend-page .button-success:hover,
body.mj-frontend-page .green_btn:hover{
    border-color:var(--mj-accent-dark)!important;
    background:var(--mj-accent-dark)!important;
    background-color:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Basic/outline variants. */
body.mj-frontend-page .ui.basic.green.button,
body.mj-frontend-page .ui.green.basic.button,
body.mj-frontend-page .ui.basic.positive.button,
body.mj-frontend-page .ui.positive.basic.button,
body.mj-frontend-page .ui.basic.teal.button,
body.mj-frontend-page .ui.teal.basic.button{
    border-color:var(--mj-accent)!important;
    background:#fff!important;
    background-color:#fff!important;
    color:var(--mj-accent)!important;
    box-shadow:0 0 0 1px var(--mj-accent) inset!important;
}

/* Labels, badges, ribbons and success messages. */
body.mj-frontend-page .ui.green.label,
body.mj-frontend-page .ui.positive.label,
body.mj-frontend-page .ui.teal.label,
body.mj-frontend-page .green.label,
body.mj-frontend-page .positive.label,
body.mj-frontend-page .teal.label,
body.mj-frontend-page .label-success,
body.mj-frontend-page .badge-success,
body.mj-frontend-page .ui.success.message,
body.mj-frontend-page .message.success,
body.mj-frontend-page .alert-success{
    border-color:rgba(143,20,58,.18)!important;
    background:var(--mj-accent-soft)!important;
    background-color:var(--mj-accent-soft)!important;
    color:var(--mj-accent)!important;
}
body.mj-frontend-page .progress-bar-success,
body.mj-frontend-page .ui.green.progress .bar,
body.mj-frontend-page .ui.teal.progress .bar{
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
}

/* Text, icons and seller/profile links. */
body.mj-frontend-page .green.icon,
body.mj-frontend-page i.green.icon,
body.mj-frontend-page .teal.icon,
body.mj-frontend-page i.teal.icon,
body.mj-frontend-page .positive.icon,
body.mj-frontend-page .ui.green.text,
body.mj-frontend-page .ui.teal.text,
body.mj-frontend-page a.green,
body.mj-frontend-page a.teal,
body.mj-frontend-page .green > a,
body.mj-frontend-page .teal > a,
body.mj-frontend-page .mj-seller-badges i.green,
body.mj-frontend-page .mj-seller-badges i.teal{
    color:var(--mj-accent)!important;
}
body.mj-frontend-page .mj-market-seller,
body.mj-frontend-page .mj-market-seller:visited,
body.mj-frontend-page .mj-market-seller-name,
body.mj-frontend-page .mj-seller-directory-title>a,
body.mj-frontend-page .mj-detail-seller-head a{
    color:#292d3d!important;
}
body.mj-frontend-page .mj-market-seller:hover .mj-market-seller-name,
body.mj-frontend-page .mj-seller-directory-title>a:hover,
body.mj-frontend-page .mj-seller-profile-btn,
body.mj-frontend-page .mj-seller-link{
    color:var(--mj-accent)!important;
}
body.mj-frontend-page .mj-seller-profile-btn{
    border-color:#d9b8c2!important;
}
body.mj-frontend-page .mj-seller-profile-btn:hover{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent-soft)!important;
}

/* Semantic UI toggles / checkboxes / radios. */
body.mj-frontend-page .ui.toggle.checkbox input:checked~label:before,
body.mj-frontend-page .ui.toggle.checkbox input:focus:checked~label:before,
body.mj-frontend-page .ui.checkbox input:checked~label:before,
body.mj-frontend-page .ui.checkbox input:focus:checked~label:before,
body.mj-frontend-page .ui.checkbox input:indeterminate~label:before{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
}
body.mj-frontend-page .ui.checkbox input:checked~label:after,
body.mj-frontend-page .ui.checkbox input:indeterminate~label:after{
    color:#fff!important;
}

/* Common old WPJobster wrappers: green/teal can arrive from theme CSS. */
body.mj-frontend-page .wpj-ui .green:not(.button):not(.label),
body.mj-frontend-page .wpj-ui .teal:not(.button):not(.label),
body.mj-frontend-page .wpjobster .green:not(.button):not(.label),
body.mj-frontend-page .wpjobster .teal:not(.button):not(.label),
body.mj-frontend-page .wpjobster-wrap .green:not(.button):not(.label),
body.mj-frontend-page .wpjobster-wrap .teal:not(.button):not(.label),
body.mj-frontend-page .jobster-page .green:not(.button):not(.label),
body.mj-frontend-page .jobster-page .teal:not(.button):not(.label){
    color:var(--mj-accent)!important;
    border-color:var(--mj-accent)!important;
}

/* Frequent inline colors emitted by legacy WPJobster/Semantic UI. */
body.mj-frontend-page [style*="color:#20c497"],
body.mj-frontend-page [style*="color: #20c497"],
body.mj-frontend-page [style*="color:#21ba45"],
body.mj-frontend-page [style*="color: #21ba45"],
body.mj-frontend-page [style*="color:#00b5ad"],
body.mj-frontend-page [style*="color: #00b5ad"],
body.mj-frontend-page [style*="color:#15b887"],
body.mj-frontend-page [style*="color: #15b887"],
body.mj-frontend-page [style*="color:#159b72"],
body.mj-frontend-page [style*="color: #159b72"],
body.mj-frontend-page [style*="color:#2da45c"],
body.mj-frontend-page [style*="color: #2da45c"],
body.mj-frontend-page [style*="color:green"],
body.mj-frontend-page [style*="color: green"],
body.mj-frontend-page [style*="color:teal"],
body.mj-frontend-page [style*="color: teal"]{
    color:var(--mj-accent)!important;
}
body.mj-frontend-page [style*="background:#20c497"],
body.mj-frontend-page [style*="background: #20c497"],
body.mj-frontend-page [style*="background-color:#20c497"],
body.mj-frontend-page [style*="background-color: #20c497"],
body.mj-frontend-page [style*="background:#21ba45"],
body.mj-frontend-page [style*="background: #21ba45"],
body.mj-frontend-page [style*="background-color:#21ba45"],
body.mj-frontend-page [style*="background-color: #21ba45"],
body.mj-frontend-page [style*="background:#00b5ad"],
body.mj-frontend-page [style*="background: #00b5ad"],
body.mj-frontend-page [style*="background:#15b887"],
body.mj-frontend-page [style*="background: #15b887"],
body.mj-frontend-page [style*="background:#159b72"],
body.mj-frontend-page [style*="background: #159b72"]{
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
    color:#fff!important;
}

/* =========================================================
   10.17.7 — VZÁJEMNÉ STORNO OBJEDNÁVKY
   ========================================================= */
.mj-order-cancellation{
    margin:18px 0;
    padding:22px;
    border:1px solid #e4d9dd;
    border-radius:15px;
    background:#fff;
}
.mj-order-cancellation.has-request{
    border-color:#d8bcc6;
    background:#fffafb;
}
.mj-order-cancellation-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}
.mj-order-cancellation-head > div:first-child > span,
.mj-order-cancellation-reason > span{
    display:block;
    margin-bottom:6px;
    color:var(--mj-accent);
    font-size:13px;
    line-height:1.35;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.045em;
}
.mj-order-cancellation h2{
    margin:0 0 8px;
    color:#20242b;
    font-size:22px;
    line-height:1.25;
}
.mj-order-cancellation p{
    margin:0;
    color:#666c75;
    font-size:15px;
    line-height:1.6;
}
.mj-order-cancellation-status{
    flex:0 0 auto;
    padding:8px 12px;
    border:1px solid #d9bec8;
    border-radius:999px;
    background:#faf2f5;
    color:var(--mj-accent);
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
}
.mj-order-cancellation-reason{
    margin-top:18px;
    padding:17px 18px;
    border:1px solid #ebe3e6;
    border-radius:12px;
    background:#fcfafb;
}
.mj-order-cancellation-reason p{
    color:#353a42;
    white-space:pre-line;
}
.mj-order-cancellation-reason small{
    display:block;
    margin-top:8px;
    color:#7a7f87;
    font-size:12px;
}
.mj-order-cancellation-decisions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:18px;
}
.mj-order-cancellation-decisions form{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:18px;
    border:1px solid #e5dfe2;
    border-radius:12px;
    background:#fff;
}
.mj-order-cancellation-decisions strong{
    display:block;
    margin-bottom:6px;
    color:#252a31;
    font-size:16px;
}
.mj-order-cancellation-decisions p{
    margin-bottom:15px;
    font-size:14px;
}
.mj-order-cancellation button{
    min-height:45px;
    padding:10px 16px;
    border:1px solid var(--mj-accent);
    border-radius:9px;
    background:#fff;
    color:var(--mj-accent);
    font:inherit;
    font-size:14px;
    font-weight:850;
    cursor:pointer;
}
.mj-order-cancellation-decisions button{
    width:100%;
    margin-top:auto;
}
.mj-order-cancellation button.is-primary{
    background:var(--mj-accent);
    color:#fff;
}
.mj-order-cancellation-waiting{
    margin-top:18px;
    padding:13px 15px;
    border-radius:10px;
    background:#f7f3f4;
    color:#555b64;
    font-size:14px;
    font-weight:750;
}
.mj-order-cancellation-new{
    border:0;
}
.mj-order-cancellation-new summary{
    position:relative;
    cursor:pointer;
    list-style:none;
    color:#343940;
    font-size:15px;
    font-weight:850;
}
.mj-order-cancellation-new summary::-webkit-details-marker{display:none}
.mj-order-cancellation-new summary:after{
    content:'+';
    float:right;
    color:var(--mj-accent);
    font-size:20px;
    line-height:1;
}
.mj-order-cancellation-new[open] summary:after{content:'−'}
.mj-order-cancellation-explainer{
    margin:17px 0 15px;
    padding:15px 16px;
    border-radius:10px;
    background:#faf7f8;
}
.mj-order-cancellation-explainer strong{
    display:block;
    margin-bottom:5px;
    color:#31363d;
    font-size:15px;
}
.mj-order-cancellation-new form{
    padding-top:16px;
    border-top:1px solid #ece7e9;
}
.mj-order-cancellation-new label{
    display:block;
    color:#343940;
    font-size:14px;
    font-weight:850;
}
.mj-order-cancellation-new textarea{
    display:block;
    width:100%;
    min-height:105px;
    margin-top:7px;
    padding:12px 13px;
    border:1px solid #d9dce1;
    border-radius:9px;
    background:#fff;
    color:#292e35;
    font:inherit;
    font-size:15px;
    line-height:1.55;
    resize:vertical;
    box-sizing:border-box;
}
.mj-order-cancellation-submit{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:13px;
}
.mj-order-cancellation-submit span{
    max-width:560px;
    color:#737982;
    font-size:13px;
    line-height:1.45;
}
.mj-order-cancellation-submit button{
    flex:0 0 auto;
}
@media(max-width:800px){
    .mj-order-cancellation-head,
    .mj-order-cancellation-submit{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-cancellation-decisions{
        grid-template-columns:1fr;
    }
    .mj-order-cancellation-status{
        align-self:flex-start;
    }
    .mj-order-cancellation-submit button{
        width:100%;
    }
}


/* =========================================================
   10.17.7 — SAFE FINAL BRAND / HOVER LOCK
   =========================================================
   Pouze vizuální pravidla. Žádné zásahy do layoutu hlavního obsahu.
*/
html body.mj-frontend-page .mj-seller-review-job a:hover,
html body.mj-frontend-page .mj-seller-review-job a:focus,
html body.mj-frontend-page .mj-seller-reviews-section a:hover,
html body.mj-frontend-page .mj-seller-reviews-section a:focus,
html body.mj-frontend-page .mj-detail-seller-head a:hover,
html body.mj-frontend-page .mj-detail-seller-head a:focus,
html body.mj-frontend-page .mj-seller-directory-title > a:hover,
html body.mj-frontend-page .mj-seller-directory-title > a:focus,
html body.mj-frontend-page .mj-seller-profile-btn:hover,
html body.mj-frontend-page .mj-seller-profile-btn:focus,
html body.mj-frontend-page .mj-seller-link:hover,
html body.mj-frontend-page .mj-seller-link:focus,
html body.mj-frontend-page .mj-category-children a:hover,
html body.mj-frontend-page .mj-category-children a:focus,
html body.mj-frontend-page .mj-category-subnav a:hover,
html body.mj-frontend-page .mj-category-subnav a:focus,
html body.mj-frontend-page .mj-category-card-cta:hover,
html body.mj-frontend-page .mj-category-card-cta:focus,
html body.mj-frontend-page .mj-category-back:hover,
html body.mj-frontend-page .mj-category-back:focus{
    color:var(--mj-accent)!important;
}

html body.mj-frontend-page .mj-category-card:hover,
html body.mj-frontend-page .mj-category-card:focus-within{
    border-color:#d6bec5!important;
    box-shadow:0 10px 25px rgba(20,24,30,.055)!important;
}
html body.mj-frontend-page .mj-category-card:hover .mj-category-name,
html body.mj-frontend-page .mj-category-card:focus-within .mj-category-name{
    color:#292d3d!important;
}
html body.mj-frontend-page .mj-category-card:hover .mj-category-arrow,
html body.mj-frontend-page .mj-category-card:focus-within .mj-category-arrow{
    color:var(--mj-accent)!important;
}

html body.mj-frontend-page .ui.green.button:hover,
html body.mj-frontend-page .ui.green.button:focus,
html body.mj-frontend-page .ui.positive.button:hover,
html body.mj-frontend-page .ui.positive.button:focus,
html body.mj-frontend-page .ui.teal.button:hover,
html body.mj-frontend-page .ui.teal.button:focus,
html body.mj-frontend-page .green.button:hover,
html body.mj-frontend-page .green.button:focus,
html body.mj-frontend-page .positive.button:hover,
html body.mj-frontend-page .positive.button:focus,
html body.mj-frontend-page .teal.button:hover,
html body.mj-frontend-page .teal.button:focus{
    border-color:var(--mj-accent-dark)!important;
    background:var(--mj-accent-dark)!important;
    background-color:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Starý theme footer: CSS fallback bez zásahu do obsahu. */
html body.mj-frontend-page footer:not(.mj-footer):has(a[href*="wpjobster.com"]),
html body.mj-frontend-page [id*="footer"]:not(.mj-footer):has(a[href*="wpjobster.com"]),
html body.mj-frontend-page [class*="footer"]:not(.mj-footer):has(a[href*="wpjobster.com"]){
    display:none!important;
}


/* =========================================================
   10.17.7 — JEDNOTNÁ ZPĚTNÁ NAVIGACE
   ========================================================= */
html body.mj-frontend-page .mj-back-button,
html body.mj-frontend-page a.mj-back-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0 0 14px!important;
    padding:0 16px!important;
    border:1px solid #d8dbe0!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#3f434a!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
    transition:border-color .16s ease,color .16s ease,background .16s ease!important;
}
html body.mj-frontend-page .mj-back-button:hover,
html body.mj-frontend-page .mj-back-button:focus{
    border-color:var(--mj-accent)!important;
    background:#fff8fa!important;
    color:var(--mj-accent)!important;
    text-decoration:none!important;
    outline:none!important;
}
/* detail kategorie má zpětnou navigaci v toolbaru, proto bez spodní mezery */
html body.mj-frontend-page .mj-category-archive-toolbar .mj-back-button{
    margin:0!important;
}
/* checkout používá grid; zachováme umístění, pouze sjednotíme vzhled */
html body.mj-frontend-page .mj-checkout-head .mj-back-button{
    grid-area:back!important;
    margin:0!important;
}
@media(max-width:650px){
    html body.mj-frontend-page .mj-back-button,
    html body.mj-frontend-page a.mj-back-button{
        min-height:42px!important;
        padding:0 14px!important;
        font-size:14px!important;
    }
}


/* =========================================================
   10.17.8 – SPORY / ARBITRÁŽ
   ========================================================= */
.mj-frontend-page .mj-order-dispute{
    margin:22px 0;
    border:1px solid #e4d8dc;
    border-radius:16px;
    background:#fff;
    padding:22px;
    font-size:15px;
    line-height:1.55;
}
.mj-frontend-page .mj-order-dispute.is-open{border-color:#c9a8b2;background:#fffafb;}
.mj-frontend-page .mj-order-dispute-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
.mj-frontend-page .mj-order-dispute-head>div>span{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#8b1e3f;margin-bottom:5px;}
.mj-frontend-page .mj-order-dispute-head h2{margin:0 0 8px;font-size:21px;line-height:1.25;color:#22252b;}
.mj-frontend-page .mj-order-dispute-head p{margin:0;color:#5f6470;max-width:780px;}
.mj-frontend-page .mj-order-dispute-head>strong{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border-radius:999px;background:#f5eaee;color:#7c1731;font-size:13px;white-space:nowrap;}
.mj-frontend-page .mj-order-dispute-message{margin-top:18px;padding:16px 18px;border-radius:12px;background:#f7f5f6;}
.mj-frontend-page .mj-order-dispute-message span{font-size:13px;font-weight:800;color:#6f2539;text-transform:uppercase;letter-spacing:.03em;}
.mj-frontend-page .mj-order-dispute-message p{margin:6px 0 0;color:#35383f;}
.mj-frontend-page .mj-order-dispute-new summary{cursor:pointer;font-weight:800;color:#7c1731;font-size:15px;}
.mj-frontend-page .mj-order-dispute-intro{display:flex;flex-direction:column;gap:3px;margin:16px 0;color:#555b66;}
.mj-frontend-page .mj-order-dispute-new form{display:grid;gap:10px;}
.mj-frontend-page .mj-order-dispute-new label{font-weight:700;color:#31343a;}
.mj-frontend-page .mj-order-dispute-new textarea{width:100%;min-height:125px;border:1px solid #d8d9df;border-radius:12px;padding:13px 14px;font:inherit;color:#26292f;background:#fff;}
.mj-frontend-page .mj-order-dispute-new textarea:focus{outline:0;border-color:#8b1e3f;box-shadow:0 0 0 3px rgba(139,30,63,.10);}
.mj-frontend-page .mj-order-dispute-new button,
.mj-frontend-page .mj-order-dispute-abort button,
.mj-frontend-page .mj-order-dispute-admin-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:10px 16px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;}
.mj-frontend-page .mj-order-dispute-new button.is-primary{border:1px solid #8b1e3f;background:#8b1e3f;color:#fff;justify-self:start;}
.mj-frontend-page .mj-order-dispute-new button.is-primary:hover{background:#71152f;border-color:#71152f;color:#fff;}
.mj-frontend-page .mj-order-dispute-abort{margin-top:16px;}
.mj-frontend-page .mj-order-dispute-abort button{border:1px solid #c9a8b2;background:#fff;color:#7c1731;}
.mj-frontend-page .mj-order-dispute-abort button:hover{border-color:#8b1e3f;background:#f9f0f3;color:#7c1731;}
.mj-frontend-page .mj-order-dispute-admin-link{margin-top:14px;background:#f3eef0;color:#7c1731;}
@media(max-width:700px){.mj-frontend-page .mj-order-dispute{padding:17px}.mj-frontend-page .mj-order-dispute-head{flex-direction:column}.mj-frontend-page .mj-order-dispute-new button.is-primary{width:100%;}}


/* =========================================================
   10.17.12 — Spropitné po dokončení objednávky
   ========================================================= */
.mj-order-tip-card{
    margin:18px 0;
    padding:20px;
    border:1px solid #e2e5e9;
    border-radius:14px;
    background:#fff;
}
.mj-order-tip-card.is-sent{
    background:#faf7f8;
    border-color:#eadbe0;
}
.mj-order-tip-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.mj-order-tip-head h2{
    margin:0 0 5px;
    color:#22262c;
    font-size:20px;
    line-height:1.25;
}
.mj-order-tip-head p{
    margin:0;
    max-width:720px;
    color:#6f747b;
    font-size:15px;
    line-height:1.55;
}
.mj-order-tip-head>strong{
    flex:0 0 auto;
    color:#7c1731;
    font-size:22px;
}
.mj-order-tip-balance{
    flex:0 0 auto;
    padding:8px 11px;
    border-radius:8px;
    background:#f5f6f7;
    color:#555b63;
    font-size:14px;
}
.mj-order-tip-balance strong{color:#24282e}
.mj-order-tip-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:17px;
}
.mj-order-tip-options form{margin:0}
.mj-order-tip-options button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:54px;
    padding:0 15px;
    border:1px solid #d9c2c9;
    border-radius:10px;
    background:#fff8fa;
    color:#7c1731;
    font:inherit;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.mj-order-tip-options button strong{font-size:16px}
.mj-order-tip-options button span{font-size:15px;font-weight:800}
.mj-order-tip-options button:hover,
.mj-order-tip-options button:focus-visible{
    border-color:#8f143a;
    background:#8f143a;
    color:#fff;
    outline:none;
}
.mj-order-tip-options button:active{transform:translateY(1px)}
.mj-order-tip-options button:disabled{
    cursor:not-allowed;
    opacity:.45;
    border-color:#e2e3e5;
    background:#f5f6f7;
    color:#777c83;
}
.mj-order-tip-options button:disabled:hover{
    border-color:#e2e3e5;
    background:#f5f6f7;
    color:#777c83;
}
.mj-order-tip-foot,
.mj-order-tip-confirmation{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:8px 18px;
    margin-top:13px;
    color:#777c83;
    font-size:13px;
    line-height:1.5;
}
.mj-order-tip-warning{
    margin:12px 0 0;
    padding:10px 12px;
    border-radius:9px;
    background:#fff5f6;
    color:#842f40;
    font-size:14px;
    font-weight:700;
}
#mj-order-tip{scroll-margin-top:110px}
@media(max-width:650px){
    .mj-order-tip-head{flex-direction:column;gap:12px}
    .mj-order-tip-options{grid-template-columns:1fr}
    .mj-order-tip-balance{align-self:flex-start}
}


/* =========================================================
   10.17.13 — Spropitné: kredit + bankovní převod
   ========================================================= */
.mj-order-tip-option-card{
    display:grid;
    gap:8px;
    padding:12px;
    border:1px solid #eadde1;
    border-radius:12px;
    background:#fffafb;
}
.mj-order-tip-option-value{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 2px 3px;
    color:#7c1731;
}
.mj-order-tip-option-value strong{font-size:17px}
.mj-order-tip-option-value span{font-size:16px;font-weight:800}
.mj-order-tip-options .mj-order-tip-option-card button{
    min-height:42px;
    padding:9px 12px;
    justify-content:center;
    font-size:14px;
    font-weight:800;
}
.mj-order-tip-options .mj-order-tip-option-card button.is-credit{
    background:#8f143a;
    border-color:#8f143a;
    color:#fff;
}
.mj-order-tip-options .mj-order-tip-option-card button.is-credit:hover,
.mj-order-tip-options .mj-order-tip-option-card button.is-credit:focus-visible{
    background:#71152f;
    border-color:#71152f;
    color:#fff;
}
.mj-order-tip-options .mj-order-tip-option-card button.is-bank{
    background:#fff;
    border-color:#cdaeb7;
    color:#7c1731;
}
.mj-order-tip-options .mj-order-tip-option-card button.is-bank:hover,
.mj-order-tip-options .mj-order-tip-option-card button.is-bank:focus-visible{
    background:#f7eef1;
    border-color:#8f143a;
    color:#7c1731;
}
.mj-order-tip-card.is-pending{
    background:#fffdfd;
    border-color:#eadbe0;
}
.mj-tip-bank-box{margin-top:16px}
.mj-copy-tip-payment{
    border:0!important;
    background:transparent!important;
    color:#7c1731!important;
    font:inherit;
    font-size:13px!important;
    font-weight:800!important;
    padding:0!important;
    min-height:0!important;
    cursor:pointer;
}
@media(max-width:650px){
    .mj-order-tip-option-card{padding:11px}
}


/* =========================================================
   10.17.14 — STICKY HEADER + DYNAMICKÉ KATEGORIE
   ========================================================= */

/* Jeden sticky celek: hlavní navigace + úzký pás kategorií. */
.mj-detail-header{
    position:sticky!important;
    top:0!important;
    z-index:99990!important;
    width:100%!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(24,28,36,.055)!important;
}

body.admin-bar .mj-detail-header{
    top:32px!important;
}

.mj-category-bar{
    width:100%!important;
    border-top:1px solid #f0f1f3!important;
    border-bottom:1px solid #e6e8eb!important;
    background:#fafafa!important;
}

.mj-category-bar-inner{
    min-width:0!important;
}

.mj-category-strip{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    gap:3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
}

.mj-category-strip::-webkit-scrollbar{
    display:none!important;
}

.mj-category-strip a,
.mj-category-strip a:visited{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 11px!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#4b4f57!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:750!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:background .15s ease,color .15s ease!important;
}

.mj-category-strip a:hover,
.mj-category-strip a:focus{
    background:#f5e9ed!important;
    color:var(--mj-accent)!important;
    text-decoration:none!important;
}

.mj-category-strip .mj-category-strip-all,
.mj-category-strip .mj-category-strip-all:visited{
    margin-left:5px!important;
    padding-left:15px!important;
    border-left:1px solid #dedfe3!important;
    border-radius:0!important;
    color:var(--mj-accent)!important;
    font-weight:850!important;
}

.mj-category-strip .mj-category-strip-all:hover,
.mj-category-strip .mj-category-strip-all:focus{
    border-radius:8px!important;
}

/* Kategorie už mají vlastní řádek, takže horní menu zůstává čisté. */
.mj-detail-header .mj-nav{
    gap:24px!important;
}

@media(max-width:980px){
    .mj-category-strip{
        min-height:40px!important;
        gap:1px!important;
        padding-right:6px!important;
    }

    .mj-category-strip a,
    .mj-category-strip a:visited{
        min-height:32px!important;
        padding:0 10px!important;
        font-size:14px!important;
    }

    .mj-category-strip .mj-category-strip-all,
    .mj-category-strip .mj-category-strip-all:visited{
        margin-left:3px!important;
        padding-left:12px!important;
    }

    /* Mobilní menu se otevře až pod oběma řádky sticky headeru. */
    .mj-mobile-menu:not([hidden]){
        top:100%!important;
        max-height:calc(100vh - 130px)!important;
        overflow-y:auto!important;
    }
}

@media(max-width:782px){
    body.admin-bar .mj-detail-header{
        top:46px!important;
    }
}

@media(max-width:480px){
    .mj-category-bar .mj-container{
        width:100%!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }
}

/* =========================================================
   10.17.15 — HODNOCENÍ OBJEDNÁVKY + PRAVÝ KONEC KATEGORIÍ
   ========================================================= */

.mj-order-rating-notice{
    margin:15px 0 0;
    padding:11px 13px;
    border:1px solid #e1e3e7;
    border-radius:10px;
    background:#f7f7f8;
    color:#555a62;
    font-size:15px;
    font-weight:750;
}
.mj-order-rating-notice.is-success,
.mj-order-rating-notice.is-info{
    border-color:#e5cdd4;
    background:#fbf7f8;
    color:var(--mj-accent);
}
.mj-order-rating-notice.is-error{
    border-color:#ecd1d6;
    background:#fff7f8;
    color:#842f40;
}
.mj-order-rating-form{
    display:grid;
    gap:17px;
    margin-top:18px;
}
.mj-order-rating-fieldset{
    min-width:0;
    margin:0;
    padding:0;
    border:0;
}
.mj-order-rating-fieldset legend,
.mj-order-rating-comment>span{
    display:block;
    margin:0 0 9px;
    color:#3f434a;
    font-size:15px;
    font-weight:850;
}
.mj-order-rating-comment small{
    color:#8a8e95;
    font-size:13px;
    font-weight:650;
}
.mj-order-rating-options{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.mj-order-rating-options label{
    position:relative;
    cursor:pointer;
}
.mj-order-rating-options input{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
}
.mj-order-rating-options label>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:55px;
    min-height:43px;
    padding:0 12px;
    border:1px solid #d9dde2;
    border-radius:9px;
    background:#fff;
    color:#555a62;
    font-size:16px;
    font-weight:800;
    transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
}
.mj-order-rating-options label:hover>span,
.mj-order-rating-options input:focus-visible+span{
    border-color:#cba5b0;
    background:#fbf5f7;
    color:var(--mj-accent);
}
.mj-order-rating-options input:checked+span{
    border-color:var(--mj-accent);
    background:var(--mj-accent);
    color:#fff;
    box-shadow:0 5px 13px rgba(124,23,49,.16);
}
.mj-order-rating-comment textarea{
    width:100%;
    min-height:105px;
    resize:vertical;
    padding:12px 13px;
    border:1px solid #d9dde2;
    border-radius:9px;
    background:#fff;
    color:#353940;
    font:inherit;
    font-size:15px;
    line-height:1.55;
}
.mj-order-rating-comment textarea:focus{
    outline:none;
    border-color:#c89daa;
    box-shadow:0 0 0 3px rgba(124,23,49,.08);
}
.mj-order-rating-submit{
    display:flex;
    align-items:center;
    gap:13px;
    flex-wrap:wrap;
}
.mj-order-rating-submit button{
    min-height:44px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    background:var(--mj-accent);
    color:#fff;
    font:inherit;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
}
.mj-order-rating-submit button:hover,
.mj-order-rating-submit button:focus{
    background:#74152d;
    color:#fff;
}
.mj-order-rating-submit>span{
    color:#858990;
    font-size:14px;
}
.mj-order-rating-saved{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-top:17px;
    padding:15px;
    border:1px solid #e4d3d8;
    border-radius:11px;
    background:#fbf8f9;
}
.mj-order-rating-saved-stars{
    flex:0 0 auto;
    color:var(--mj-accent);
    font-size:20px;
    letter-spacing:1px;
    line-height:1.2;
}
.mj-order-rating-saved strong{
    display:block;
    color:#363a40;
    font-size:15px;
}
.mj-order-rating-saved p{
    margin:5px 0 0;
    color:#666b72;
    font-size:15px;
    line-height:1.55;
}

/* Na desktopu držíme „Všechny kategorie“ vždy celé na pravém okraji. */
@media(min-width:981px){
    .mj-category-strip{
        padding-right:0!important;
    }
    .mj-category-strip .mj-category-strip-all,
    .mj-category-strip .mj-category-strip-all:visited{
        position:sticky!important;
        right:0!important;
        z-index:4!important;
        min-width:max-content!important;
        padding-right:14px!important;
        background:#fafafa!important;
        box-shadow:-14px 0 16px rgba(250,250,250,.98)!important;
    }
    .mj-category-strip .mj-category-strip-all:hover,
    .mj-category-strip .mj-category-strip-all:focus{
        background:#f5e9ed!important;
    }
}

@media(max-width:980px){
    .mj-category-strip{
        padding-right:18px!important;
    }
    .mj-category-strip .mj-category-strip-all,
    .mj-category-strip .mj-category-strip-all:visited{
        position:static!important;
        background:transparent!important;
        box-shadow:none!important;
        padding-right:14px!important;
    }
}

@media(max-width:600px){
    .mj-order-rating-options{
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:6px;
    }
    .mj-order-rating-options label>span{
        width:100%;
        min-width:0;
        padding:0 5px;
    }
    .mj-order-rating-submit{
        align-items:stretch;
        flex-direction:column;
    }
    .mj-order-rating-submit button{
        width:100%;
    }
}


/* =========================================================
   10.17.16 — ZPRÁVY: FUNKČNÍ SCROLL + START NA NEJNOVĚJŠÍ ZPRÁVĚ
   ========================================================= */

/*
 * Desktop messenger musí mít skutečnou výšku, ne pouze min-height.
 * Jinak grid nechá prostřední řádek růst podle obsahu a overflow-y:auto
 * na vláknu nemá žádnou oblast, ve které by mohl rolovat.
 */
@media(min-width:701px){
    .mj-messenger-shell{
        height:680px;
        min-height:0;
    }

    .mj-chat-sidebar{
        height:100%;
        min-height:0;
        overflow:hidden;
    }

    .mj-chat-contact-list{
        height:calc(100% - 62px);
        max-height:none;
        min-height:0;
        overflow-y:auto;
        overscroll-behavior:contain;
    }

    .mj-chat-main{
        height:100%;
        min-height:0;
        overflow:hidden;
    }

    .mj-chat-thread-wrap{
        height:100%;
        min-height:0;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
        -webkit-overflow-scrolling:touch;
    }

    .mj-chat-thread-wrap .mj-live-thread{
        min-height:100%;
        height:auto;
    }
}

/* Na telefonu zůstává stránka přirozeně vysoká a roluje jako běžný obsah. */
@media(max-width:700px){
    .mj-messenger-shell,
    .mj-chat-sidebar,
    .mj-chat-main,
    .mj-chat-thread-wrap{
        height:auto;
        min-height:0;
        overflow:visible;
    }

    .mj-chat-main{
        min-height:620px;
    }

    .mj-chat-contact-list{
        height:auto;
        max-height:none;
    }
}


/* =========================================================
   10.17.17 — ZPRÁVY: ODEMNUTÍ SCROLLU CELÉ STRÁNKY
   ========================================================= */

/*
 * Některá původní WPJobster / theme pravidla mohou na stránce zpráv
 * ponechat html/body v režimu overflow:hidden. Messenger pak existuje
 * celý v DOM, ale prohlížeč nevytvoří svislý posuvník stránky.
 * :has() je zde jen CSS pojistka; hlavní odemknutí probíhá také inline
 * na stránce zpráv, aby fungovalo i proti později načteným stylům.
 */
html:has(.mj-messenger-page),
body:has(.mj-messenger-page){
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}

.mj-messenger-page{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
}


/* =========================================================
   10.17.18 — UPOZORNĚNÍ U FORMULÁŘE ZPRÁV
   ========================================================= */

/* Viditelné upozornění přímo u psaní zprávy. */
.mj-message-vop-warning{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin:0 0 11px;
    padding:11px 12px;
    border:1px solid #ead6dc;
    border-radius:10px;
    background:#fff8fa;
    color:#5b454c;
}
.mj-message-vop-warning-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 24px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:var(--mj-accent);
    color:#fff;
    font-size:14px;
    line-height:1;
    font-weight:900;
}
.mj-message-vop-warning p{
    margin:1px 0 0;
    font-size:13px;
    line-height:1.5;
}
.mj-message-vop-warning strong{
    color:#6f1730;
    font-weight:900;
}

/* Druhý řádek headeru: kategorie se posouvají do strany, odkaz Všechny kategorie zůstává celý. */
.mj-category-bar-inner{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
}
.mj-category-bar-inner .mj-category-strip{
    flex:1 1 auto!important;
    min-width:0!important;
    scroll-behavior:smooth!important;
}
.mj-category-bar-inner>.mj-category-strip-all,
.mj-category-bar-inner>.mj-category-strip-all:visited{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-height:34px!important;
    margin-left:6px!important;
    padding:0 13px 0 15px!important;
    border-left:1px solid #dedfe3!important;
    background:#fafafa!important;
    color:var(--mj-accent)!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}
.mj-category-bar-inner>.mj-category-strip-all:hover,
.mj-category-bar-inner>.mj-category-strip-all:focus{
    background:#f5e9ed!important;
    color:var(--mj-accent)!important;
}
.mj-category-scroll-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 32px;
    width:32px;
    height:32px;
    margin:0 3px;
    padding:0;
    border:1px solid #dfe2e6;
    border-radius:8px;
    background:#fff;
    color:#4f535a;
    cursor:pointer;
}
.mj-category-scroll-btn[hidden]{display:none!important}
.mj-category-scroll-btn svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mj-category-scroll-btn:hover:not(:disabled),
.mj-category-scroll-btn:focus-visible:not(:disabled){
    border-color:#d5aab6;
    color:var(--mj-accent);
}
.mj-category-scroll-btn:disabled{
    opacity:.32;
    cursor:default;
}

@media(min-width:981px){
    .mj-category-strip{padding-right:0!important}
}

@media(max-width:980px){
    .mj-category-bar-inner>.mj-category-strip-all,
    .mj-category-bar-inner>.mj-category-strip-all:visited{
        min-height:32px!important;
        padding-left:12px!important;
        padding-right:10px!important;
        font-size:14px!important;
    }
}

@media(max-width:700px){
    .mj-category-scroll-btn{display:none!important}
    .mj-category-bar-inner>.mj-category-strip-all,
    .mj-category-bar-inner>.mj-category-strip-all:visited{
        margin-left:4px!important;
        padding-left:10px!important;
        padding-right:8px!important;
    }
}

/* =========================================================
   10.17.21 — ACCOUNT CLEANUP / QUIETER ACCOUNT HEADER
   ========================================================= */

/* V účtu necháme druhý řádek headeru jako klidný prázdný pás bez kategorií. */
body.mj-account-workspace-page .mj-category-bar{
    min-height:43px!important;
    height:43px!important;
    background:#fff!important;
}
body.mj-account-workspace-page .mj-category-bar-inner{
    min-height:42px!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* Nastavení účtu už nepoužívá vložený legacy WPJobster formulář. */
.mj-account-alert{
    margin:0 0 18px;
    padding:14px 16px;
    border:1px solid #e3e5e8;
    border-radius:12px;
    background:#fff;
    color:#3f444b;
    font-size:15px;
    line-height:1.5;
    font-weight:750;
}
.mj-account-alert.is-success{
    border-color:rgba(128,25,48,.18);
    background:#fff7f9;
    color:#71182f;
}
.mj-account-alert.is-error{
    border-color:#ead4d9;
    background:#fff6f7;
    color:#8b203a;
}

.mj-account-photo-label{
    display:block!important;
    margin:0 0 13px!important;
    color:#5e636a!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:900!important;
}
.mj-account-avatar-card .mj-account-avatar{
    width:112px!important;
    height:112px!important;
    margin-bottom:13px!important;
}
.mj-account-photo-form{
    display:grid;
    width:100%;
    gap:9px;
    margin-top:17px;
}
.mj-account-photo-form input[type="file"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.mj-account-file-button,
.mj-account-photo-form button,
.mj-account-form-actions button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    padding:0 14px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:9px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font:inherit!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:900!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.mj-account-file-button{
    border-color:#daddE2!important;
    background:#fff!important;
    color:#3f444b!important;
}
.mj-account-file-button:hover,
.mj-account-file-button:focus-within{
    border-color:#c89aa8!important;
    background:#fff8fa!important;
    color:var(--mj-accent)!important;
}
.mj-account-photo-form button:hover,
.mj-account-form-actions button:hover{
    background:var(--mj-accent-dark)!important;
    border-color:var(--mj-accent-dark)!important;
    color:#fff!important;
}
.mj-account-photo-form small{
    display:block;
    color:#878b91;
    font-size:12px;
    line-height:1.45;
}

.mj-account-section-head p{
    margin:6px 0 0;
    color:#777c83;
    font-size:15px;
    line-height:1.5;
}
.mj-account-form{
    display:grid;
    gap:17px;
}
.mj-account-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
}
.mj-account-form-grid label,
.mj-account-textarea-field{
    display:grid;
    gap:7px;
    min-width:0;
}
.mj-account-form-grid label.is-full{
    grid-column:1/-1;
}
.mj-account-form-grid label>span,
.mj-account-textarea-field>span{
    color:#484d54;
    font-size:14px;
    line-height:1.35;
    font-weight:850;
}
.mj-account-form input[type="text"],
.mj-account-form input[type="email"],
.mj-account-form input[type="password"],
.mj-account-form textarea{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border:1px solid #daddE2!important;
    border-radius:9px!important;
    outline:0!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#292d33!important;
    font:inherit!important;
    font-size:16px!important;
    line-height:1.45!important;
}
.mj-account-form input[type="text"],
.mj-account-form input[type="email"],
.mj-account-form input[type="password"]{
    min-height:48px!important;
    padding:0 13px!important;
}
.mj-account-form textarea{
    min-height:150px!important;
    padding:12px 13px!important;
    resize:vertical!important;
}
.mj-account-form input:focus,
.mj-account-form textarea:focus{
    border-color:var(--mj-accent)!important;
    box-shadow:0 0 0 3px rgba(128,25,48,.08)!important;
}
.mj-account-form input:disabled{
    background:#f5f6f7!important;
    color:#8b8f95!important;
    cursor:not-allowed!important;
}
.mj-account-form-actions{
    display:flex;
    justify-content:flex-end;
    padding-top:2px;
}
.mj-account-form-actions button{
    width:auto!important;
    min-width:180px!important;
    padding:0 18px!important;
}
.mj-account-section-nav a:hover,
.mj-account-section-nav a.is-active{
    background:#f7eef1!important;
    color:var(--mj-accent)!important;
}
.mj-account-page a:hover{
    color:var(--mj-accent)!important;
}

@media(max-width:760px){
    body.mj-account-workspace-page .mj-category-bar{
        display:none!important;
    }
    .mj-account-form-grid{
        grid-template-columns:1fr;
    }
    .mj-account-form-grid label.is-full{
        grid-column:auto;
    }
    .mj-account-form-actions button{
        width:100%!important;
    }
}

/* =========================================================
   10.17.24 — HOTFIX + ACCOUNT UX / VERIFICATION / LEGACY HOVER CLEANUP
   ========================================================= */

/* Dlouhé uživatelské menu musí být použitelné i na nižších obrazovkách. */
.mj-user-menu-dropdown{
    display:flex!important;
    flex-direction:column!important;
    max-height:calc(100vh - 110px)!important;
    overflow:hidden!important;
}
.mj-user-menu-head,
.mj-user-menu-footer{
    flex:0 0 auto;
}
.mj-user-menu-dropdown nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#c7c9ce transparent;
}
.mj-user-menu-dropdown nav::-webkit-scrollbar{width:8px}
.mj-user-menu-dropdown nav::-webkit-scrollbar-track{background:transparent}
.mj-user-menu-dropdown nav::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c7c9ce;background-clip:padding-box}

/* Náhled nově vybrané profilové fotografie. */
.mj-account-photo-selected{
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:9px 11px;
    border:1px solid #e5d7dc;
    border-radius:9px;
    background:#fff8fa;
    text-align:left;
}
.mj-account-photo-selected[hidden]{display:none!important}
.mj-account-photo-selected strong{
    margin:0!important;
    color:#5b6067!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:850!important;
}
.mj-account-photo-selected span{
    margin:0!important;
    overflow:hidden;
    color:var(--mj-accent)!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Nové ověření účtu: e-mail ano, doklady ne. */
.mj-verification-alert{
    margin:0 0 18px;
    padding:14px 16px;
    border:1px solid #e3e5e8;
    border-radius:12px;
    background:#fff;
    color:#454a51;
    font-size:15px;
    line-height:1.5;
    font-weight:750;
}
.mj-verification-alert.is-success{border-color:rgba(128,25,48,.18);background:#fff7f9;color:#71182f}
.mj-verification-alert.is-error{border-color:#ead4d9;background:#fff6f7;color:#8b203a}
.mj-verification-method{display:grid;gap:15px}
.mj-verification-method+.mj-verification-method{margin-top:15px}
.mj-verification-method-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.mj-verification-method-head>div{min-width:0}
.mj-verification-method-kicker{display:block;margin-bottom:5px;color:#858990;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.mj-verification-method-head h2{margin:0!important;font-size:23px!important}
.mj-verification-method-head p{margin:5px 0 0!important;color:#73777e!important;font-size:15px!important;line-height:1.45!important;word-break:break-word}
.mj-verification-method>p{margin:0!important;color:#62666d!important;font-size:15px!important;line-height:1.6!important}
.mj-verification-method-state{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:32px;padding:0 10px;border-radius:999px;background:#f0f1f3;color:#676b72;font-size:14px;font-weight:900}
.mj-verification-method-state.is-verified{background:#f7edf1;color:#7c1731}
.mj-verification-method-state.is-pending{background:#fff5df;color:#8a681c}
.mj-verification-primary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 18px!important;
    border:1px solid var(--mj-accent)!important;
    border-radius:9px!important;
    background:var(--mj-accent)!important;
    color:#fff!important;
    font:inherit!important;
    font-size:15px!important;
    font-weight:900!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.mj-verification-primary:hover,.mj-verification-primary:focus{border-color:var(--mj-accent-dark)!important;background:var(--mj-accent-dark)!important;color:#fff!important}

/* Staré Semantic UI/WPJobster prvky uvnitř našich addonových stránek nesmí zezelenat při hoveru. */
.mj-discounts-native a:hover,
.mj-request-notify-native a:hover,
.mj-support-native a:hover{
    color:var(--mj-accent)!important;
}
.mj-discounts-native button:hover,
.mj-discounts-native input[type="submit"]:hover,
.mj-discounts-native .button:hover,
.mj-discounts-native .ui.button:hover,
.mj-request-notify-native button:hover,
.mj-request-notify-native input[type="submit"]:hover,
.mj-request-notify-native .button:hover,
.mj-request-notify-native .ui.button:hover,
.mj-support-native button:hover,
.mj-support-native input[type="submit"]:hover,
.mj-support-native .button:hover,
.mj-support-native .ui.button:hover{
    border-color:var(--mj-accent-dark)!important;
    background:var(--mj-accent-dark)!important;
    background-color:var(--mj-accent-dark)!important;
    color:#fff!important;
    box-shadow:none!important;
}
.mj-discounts-native .ui.toggle.checkbox input:checked~label:before,
.mj-discounts-native .ui.checkbox input:checked~label:before,
.mj-request-notify-native .ui.toggle.checkbox input:checked~label:before,
.mj-request-notify-native .ui.checkbox input:checked~label:before,
.mj-support-native .ui.toggle.checkbox input:checked~label:before,
.mj-support-native .ui.checkbox input:checked~label:before{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
}
.mj-discounts-native .ui.selection.dropdown:hover,
.mj-discounts-native .ui.dropdown:hover,
.mj-request-notify-native .ui.selection.dropdown:hover,
.mj-request-notify-native .ui.dropdown:hover,
.mj-support-native .ui.selection.dropdown:hover,
.mj-support-native .ui.dropdown:hover{
    border-color:#c89aa8!important;
}
.mj-discounts-native .ui.dropdown .menu>.item:hover,
.mj-request-notify-native .ui.dropdown .menu>.item:hover,
.mj-support-native .ui.dropdown .menu>.item:hover{
    background:#fff7f9!important;
    color:var(--mj-accent)!important;
}
.mj-discounts-native i.icon,
.mj-request-notify-native i.icon,
.mj-support-native i.icon{
    color:#747980!important;
}
.mj-discounts-native i.icon:hover,
.mj-request-notify-native i.icon:hover,
.mj-support-native i.icon:hover{
    color:var(--mj-accent)!important;
}

/* Naše CTA odkazy musí zůstat bílé i přes legacy theme hover pravidla. */
.mj-verification-card>a,
.mj-support-create>a,
.mj-discounts-empty>a,
.mj-request-notify-card>a{
    color:#fff!important;
}
.mj-verification-card>a:hover,
.mj-support-create>a:hover,
.mj-discounts-empty>a:hover,
.mj-request-notify-card>a:hover{
    background:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Přesnější stavy starých slev. */
.mj-discount-status.is-expired,
.mj-discount-status.is-exhausted{background:#f0f1f3;color:#666a70}
.mj-discount-status.is-scheduled{background:#fff5df;color:#8a681c}

@media(max-width:650px){
    .mj-user-menu-dropdown{max-height:calc(100vh - 76px)!important}
    .mj-verification-method-head{flex-direction:column}
}


/* =========================================================
   10.17.24 — OWN DISCOUNTS + REQUEST ALERT SETTINGS
   ========================================================= */
.mj-account-notice{margin:0 0 18px;padding:14px 16px;border:1px solid #d9dde2;border-radius:11px;background:#fff;font-size:15px;font-weight:750}
.mj-account-notice.is-success{border-color:#d9e8de;background:#f5faf7;color:#315e42}
.mj-account-notice.is-error{border-color:#efd7dc;background:#fff7f8;color:#861b36}

.mj-discount-form-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-discount-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.mj-discount-form-head h2{margin:0;font-size:23px;letter-spacing:-.02em}
.mj-discount-form-head p{margin:6px 0 0;color:#6a6e75;font-size:15px;line-height:1.5}
.mj-discount-form-head>a{color:var(--mj-accent);font-size:15px;font-weight:850;text-decoration:none}
.mj-discount-code-preview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:13px 15px;border-radius:11px;background:#f7edf1}
.mj-discount-code-preview span{color:#73777e;font-size:15px}
.mj-discount-code-preview strong{font-family:monospace;font-size:17px;letter-spacing:.04em}
.mj-form-grid{display:grid;gap:16px}
.mj-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mj-field{display:flex;flex-direction:column;gap:7px;margin:0}
.mj-field>span{color:#363a42;font-size:15px;font-weight:850}
.mj-field>span em{color:#8b8f96;font-size:13px;font-style:normal;font-weight:650}
.mj-field input[type=text],
.mj-field input[type=number],
.mj-field input[type=date],
.mj-field input[type=email],
.mj-field select,
.mj-field textarea{width:100%;min-height:48px;box-sizing:border-box!important;padding:10px 13px!important;border:1px solid #dcdfe4!important;border-radius:10px!important;background:#fff!important;color:#333842!important;font-family:inherit!important;font-size:16px!important;line-height:1.35!important;box-shadow:none!important;outline:none!important}
.mj-field textarea{min-height:78px;resize:vertical}
.mj-field input:focus,.mj-field select:focus,.mj-field textarea:focus{border-color:#a84b62!important;box-shadow:0 0 0 3px rgba(145,24,54,.08)!important}
.mj-field small{color:#888c93;font-size:13px;line-height:1.4}
.mj-checkbox-field{display:flex!important;align-items:flex-start;flex-direction:row!important;gap:10px;padding:14px;border:1px solid #e6e8eb;border-radius:11px;background:#fafafa}
.mj-checkbox-field>input{width:18px;height:18px;margin-top:2px;accent-color:var(--mj-accent)}
.mj-checkbox-field>span{display:flex;flex-direction:column;gap:3px;font-weight:400}
.mj-checkbox-field strong{font-size:15px}
.mj-checkbox-field small{font-size:13px}
.mj-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
.mj-check-grid>label{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 11px;border:1px solid #e5e7ea;border-radius:9px;background:#fff;cursor:pointer}
.mj-check-grid>label:hover{border-color:#c9a2ac!important;background:#fcf8f9!important;color:inherit!important}
.mj-check-grid input{width:17px;height:17px;accent-color:var(--mj-accent)}
.mj-check-grid span{font-size:14px;font-weight:700}
.mj-form-actions{display:flex;align-items:center;gap:10px;margin-top:20px}
.mj-primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px!important;border:0!important;border-radius:10px!important;background:var(--mj-accent)!important;color:#fff!important;font-family:inherit!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important}
.mj-primary-button:hover{background:var(--mj-accent-dark)!important;color:#fff!important}
.mj-discount-row{grid-template-columns:minmax(0,1fr) 155px 112px 150px}
.mj-discount-code>span{color:#8b8f96;font-family:monospace;font-size:13px}
.mj-discount-code>small{overflow:hidden;color:#747880;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.mj-discount-value>small{color:#8b8f96;font-size:12px}
.mj-discount-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.mj-discount-actions>a,.mj-discount-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px!important;border:1px solid #dfe1e4!important;border-radius:8px!important;background:#fff!important;color:#565b63!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer}
.mj-discount-actions>a:hover,.mj-discount-actions button:hover{border-color:#c9a2ac!important;background:#fcf8f9!important;color:var(--mj-accent)!important}
.mj-discount-actions form{margin:0}

.mj-request-settings-form{margin-top:18px}
.mj-setting-switch{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #e5e7ea;border-radius:12px;background:#fafafa;cursor:pointer}
.mj-setting-switch.is-compact{padding:11px 13px;background:#fff}
.mj-setting-switch>input{position:absolute;opacity:0;pointer-events:none}
.mj-setting-switch-control{position:relative;flex:0 0 44px;width:44px;height:24px;margin-top:1px;border-radius:999px;background:#d8dbe0;transition:.18s ease}
.mj-setting-switch-control:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s ease}
.mj-setting-switch>input:checked+.mj-setting-switch-control{background:var(--mj-accent)}
.mj-setting-switch>input:checked+.mj-setting-switch-control:after{transform:translateX(20px)}
.mj-setting-switch>span:last-child{display:flex;flex-direction:column;gap:3px}
.mj-setting-switch strong{font-size:15px}
.mj-setting-switch small{color:#747880;font-size:13px;line-height:1.4}
.mj-request-setting-section{margin-top:18px;padding-top:18px;border-top:1px solid #eceef1}
.mj-request-setting-title{margin-bottom:12px}
.mj-request-setting-title h3{margin:0;font-size:18px}
.mj-request-setting-title h3 span{color:#8c9097;font-size:13px;font-weight:700}
.mj-request-setting-title p{margin:5px 0 0;color:#6f737a;font-size:14px;line-height:1.5}
.mj-request-categories-grid{margin-top:12px}
.mj-request-location-grid{margin-top:12px}
.mj-request-location-field .ui.search,.mj-request-location-field .ui.input{width:100%!important}
.mj-request-location-field input[type=text]{width:100%!important;min-height:48px!important;box-sizing:border-box!important;padding:10px 13px!important;border:1px solid #dcdfe4!important;border-radius:10px!important;background:#fff!important;color:#333842!important;font-family:inherit!important;font-size:16px!important;box-shadow:none!important}
.mj-request-location-field .results{z-index:50!important}
.mj-input-suffix{display:flex;align-items:center}
.mj-input-suffix input{border-radius:10px 0 0 10px!important}
.mj-input-suffix b{display:flex;align-items:center;justify-content:center;min-width:54px;height:48px;border:1px solid #dcdfe4;border-left:0;border-radius:0 10px 10px 0;background:#f5f6f7;color:#62666d;font-size:14px}

@media(max-width:780px){
    .mj-form-grid-2,.mj-check-grid{grid-template-columns:1fr}
    .mj-discount-row{grid-template-columns:1fr}
    .mj-discount-value{align-items:flex-start}
    .mj-discount-actions{justify-content:flex-start}
    .mj-discount-form-head{flex-direction:column}
}

/* Seller Notifications legacy location autocomplete – Mikrojoby colors */
.mj-request-location-field .ui.search > .results .result:hover,
.mj-request-location-field .ui.search > .results > .result.active,
.mj-request-location-field .ui.search.selection .menu > .item:hover,
.mj-request-location-field .ui.dropdown .menu > .item:hover {
    background: #fbf3f5 !important;
    color: #8f1536 !important;
}
.mj-request-location-field .ui.search > .results .result .title,
.mj-request-location-field .ui.search > .results > .result.active .title {
    color: #222936 !important;
}
.mj-request-location-field .ui.search > .results .result:hover .title,
.mj-request-location-field .ui.search > .results > .result.active .title {
    color: #8f1536 !important;
}

/* =========================================================
   10.17.28 – VLASTNÍ CENTRUM PODPORY MIKROJOBY
   ========================================================= */
.mj-support-notice{margin:0 0 18px;padding:14px 16px;border:1px solid #d9dee8;border-radius:12px;background:#fff;font-size:15px;line-height:1.5}
.mj-support-notice.is-ok{border-color:#b9dfc5;background:#f4fbf6;color:#17652d}
.mj-support-notice.is-error{border-color:#efc7c7;background:#fff7f7;color:#8d2525}
.mj-support-form{display:grid;gap:10px;margin-top:18px}
.mj-support-form label{font-size:15px;font-weight:800;color:#22252a}
.mj-support-form input[type="text"],.mj-support-form textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d9dce2;border-radius:10px;background:#fff;color:#202226;font:inherit;font-size:16px;line-height:1.5;box-shadow:none;outline:none}
.mj-support-form textarea{min-height:145px;resize:vertical}
.mj-support-form input[type="text"]:focus,.mj-support-form textarea:focus{border-color:var(--mj-accent);box-shadow:0 0 0 3px rgba(61,100,164,.10)}
.mj-support-form button{justify-self:start;min-height:48px;padding:0 19px;border:0;border-radius:10px;background:var(--mj-accent);color:#fff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.mj-support-form button:hover{filter:brightness(.94)}
.mj-support-ticket{color:inherit!important;text-decoration:none!important}
.mj-support-ticket:hover{background:#fafbfc}
.mj-support-thread-card{padding:22px;border:1px solid var(--mj-line);border-radius:16px;background:#fff}
.mj-support-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #eceef1}
.mj-support-thread-head a{display:inline-block;margin-bottom:8px;color:var(--mj-accent);font-size:15px;font-weight:750;text-decoration:none}
.mj-support-thread-head h2{margin:0;font-size:22px;line-height:1.3}
.mj-support-thread{display:grid;gap:12px;margin:18px 0}
.mj-support-message{max-width:86%;padding:14px 16px;border:1px solid #e3e6ea;border-radius:13px;background:#f8f9fa;color:#24272b;font-size:15px;line-height:1.6}
.mj-support-message.is-user{justify-self:end;background:#f1f5fb;border-color:#dfe8f5}
.mj-support-message.is-admin{justify-self:start;background:#fff;border-left:4px solid var(--mj-accent)}
.mj-support-message-meta{margin-bottom:5px;color:#737880;font-size:13px;font-weight:750}
@media(max-width:650px){.mj-support-thread-head{flex-direction:column}.mj-support-message{max-width:96%}.mj-support-form button{width:100%}}


/* =========================================================
   10.17.29 – PODPORA: NOVÉ ODPOVĚDI A ADMIN UPOZORNĚNÍ
   ========================================================= */
.mj-support-heading>span.is-new-replies{background:#fff0f0;color:#a1262d}
.mj-support-ticket.has-new-reply{background:#fffafb;box-shadow:inset 4px 0 0 #c7353e}
.mj-support-ticket-flags{display:flex!important;align-items:center;flex-direction:row!important;gap:8px!important;flex:none!important}
.mj-support-new-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#c7353e;color:#fff;font-size:14px;font-weight:900;white-space:nowrap}
.mj-support-new-reply{display:flex;flex-direction:column;gap:3px;margin:0 0 17px;padding:14px 16px;border:1px solid #efc6c9;border-radius:12px;background:#fff7f7;color:#742128}
.mj-support-new-reply strong{font-size:16px}
.mj-support-new-reply span{font-size:14px;line-height:1.45}
@media(max-width:650px){.mj-support-ticket-flags{width:100%;justify-content:space-between}.mj-support-new-badge{font-size:13px}}


/* =========================================================
   10.17.30 – PODPORA VE ZVONEČKU + ODKAZ V OZNÁMENÍCH
   ========================================================= */
.mj-support-notification-list{margin-bottom:14px}
.mj-support-notification-item{display:flex;text-decoration:none;color:inherit}
.mj-support-notification-item:hover{color:inherit;text-decoration:none}
.mj-support-notification-item span{color:#8f143a;font-weight:700}


/* =========================================================
   10.17.32 — CENTRÁLNÍ OPRAVA LEGACY ZELENÉHO HOVERU
   =========================================================
   WPJobster/theme historicky nastavuje zelenou/tyrkysovou na a:hover
   a barva se dědí do strong/span/small. Tato vrstva je poslední v CSS
   a sjednocuje interakční barvy v celém Mikrojoby účtu.
*/

/* Běžné textové odkazy v účtu: hover/focus vždy vínový. */
html body.mj-account-workspace-page a:hover,
html body.mj-account-workspace-page a:focus,
html body.mj-account-workspace-page a:active,
html body.mj-account-workspace-page .ui a:hover,
html body.mj-account-workspace-page .ui a:focus,
html body.mj-account-workspace-page .wpj-ui a:hover,
html body.mj-account-workspace-page .wpj-ui a:focus,
html body.mj-account-workspace-page .wpjobster a:hover,
html body.mj-account-workspace-page .wpjobster a:focus,
html body.mj-account-workspace-page .wpjobster-wrap a:hover,
html body.mj-account-workspace-page .wpjobster-wrap a:focus,
html body.mj-account-workspace-page .jobster-page a:hover,
html body.mj-account-workspace-page .jobster-page a:focus,
html body.mj-account-workspace-page .request-notifications-wrapper a:hover,
html body.mj-account-workspace-page .request-notifications-wrapper a:focus,
html body.mj-account-workspace-page .discounts-wrapper a:hover,
html body.mj-account-workspace-page .discounts-wrapper a:focus,
html body.mj-account-workspace-page .support-center-wrapper a:hover,
html body.mj-account-workspace-page .support-center-wrapper a:focus{
    color:var(--mj-accent-dark)!important;
    text-decoration-color:var(--mj-accent-dark)!important;
}

/* Barva starého hoveru se nesmí schovat na vnořeném span/strong/icon. */
html body.mj-account-workspace-page a:hover span,
html body.mj-account-workspace-page a:hover strong,
html body.mj-account-workspace-page a:hover small,
html body.mj-account-workspace-page a:hover em,
html body.mj-account-workspace-page a:hover b,
html body.mj-account-workspace-page a:hover i,
html body.mj-account-workspace-page a:focus span,
html body.mj-account-workspace-page a:focus strong,
html body.mj-account-workspace-page a:focus small,
html body.mj-account-workspace-page a:focus em,
html body.mj-account-workspace-page a:focus b,
html body.mj-account-workspace-page a:focus i{
    color:inherit!important;
}

/* Karty přehledu účtu nemají při hoveru celé zčervenat — zůstávají tmavé. */
html body.mj-account-workspace-page .mj-dashboard-group-stat:hover,
html body.mj-account-workspace-page .mj-dashboard-group-stat:focus,
html body.mj-account-workspace-page .mj-dashboard-shared-card:hover,
html body.mj-account-workspace-page .mj-dashboard-shared-card:focus,
html body.mj-account-workspace-page .mj-dashboard-activity-item:hover,
html body.mj-account-workspace-page .mj-dashboard-activity-item:focus,
html body.mj-account-workspace-page .mj-account-mode-actions a:hover,
html body.mj-account-workspace-page .mj-account-mode-actions a:focus{
    color:var(--mj-text)!important;
}
html body.mj-account-workspace-page .mj-dashboard-group-stat:hover *,
html body.mj-account-workspace-page .mj-dashboard-group-stat:focus *,
html body.mj-account-workspace-page .mj-dashboard-shared-card:hover *,
html body.mj-account-workspace-page .mj-dashboard-shared-card:focus *,
html body.mj-account-workspace-page .mj-dashboard-activity-item:hover *,
html body.mj-account-workspace-page .mj-dashboard-activity-item:focus *,
html body.mj-account-workspace-page .mj-account-mode-actions a:hover *,
html body.mj-account-workspace-page .mj-account-mode-actions a:focus *{
    color:inherit!important;
}

/* Explicitní Mikrojoby textové odkazy. */
html body.mj-account-workspace-page .mj-account-nav a:hover,
html body.mj-account-workspace-page .mj-account-nav a:focus,
html body.mj-account-workspace-page .mj-account-section-head>a:hover,
html body.mj-account-workspace-page .mj-account-section-head>a:focus,
html body.mj-account-workspace-page .mj-dashboard-quick a:hover,
html body.mj-account-workspace-page .mj-dashboard-quick a:focus,
html body.mj-account-workspace-page .mj-dashboard-activity-head a:hover,
html body.mj-account-workspace-page .mj-dashboard-activity-head a:focus,
html body.mj-account-workspace-page .mj-request-notify-help>a:hover,
html body.mj-account-workspace-page .mj-request-notify-help>a:focus,
html body.mj-account-workspace-page .mj-account-review-job:hover,
html body.mj-account-workspace-page .mj-account-review-job:focus{
    color:var(--mj-accent-dark)!important;
}

/* CTA/button odkazy musí zůstat bílé i přes globální a:hover pravidla. */
html body.mj-account-workspace-page a.mj-primary-button:hover,
html body.mj-account-workspace-page a.mj-primary-button:focus,
html body.mj-account-workspace-page a.mj-dashboard-primary:hover,
html body.mj-account-workspace-page a.mj-dashboard-primary:focus,
html body.mj-account-workspace-page a.mj-header-cta:hover,
html body.mj-account-workspace-page a.mj-header-cta:focus,
html body.mj-account-workspace-page a.mj-big-cta:hover,
html body.mj-account-workspace-page a.mj-big-cta:focus,
html body.mj-account-workspace-page .mj-request-notify-card>a:hover,
html body.mj-account-workspace-page .mj-request-notify-card>a:focus,
html body.mj-account-workspace-page .mj-account-status-help>a:hover,
html body.mj-account-workspace-page .mj-account-status-help>a:focus,
html body.mj-account-workspace-page .mj-account-mode-card>a:hover,
html body.mj-account-workspace-page .mj-account-mode-card>a:focus,
html body.mj-account-workspace-page a.ui.button:hover,
html body.mj-account-workspace-page a.ui.button:focus,
html body.mj-account-workspace-page a.button:hover,
html body.mj-account-workspace-page a.button:focus,
html body.mj-account-workspace-page a.green_btn:hover,
html body.mj-account-workspace-page a.green_btn:focus{
    color:#fff!important;
}
html body.mj-account-workspace-page a.mj-primary-button:hover *,
html body.mj-account-workspace-page a.mj-dashboard-primary:hover *,
html body.mj-account-workspace-page a.mj-header-cta:hover *,
html body.mj-account-workspace-page a.mj-big-cta:hover *,
html body.mj-account-workspace-page a.ui.button:hover *,
html body.mj-account-workspace-page a.button:hover *{
    color:#fff!important;
}

/* Semantic UI / WPJobster zelené a tyrkysové interakční třídy. */
html body.mj-account-workspace-page .ui.green:not(.message):not(.label),
html body.mj-account-workspace-page .ui.teal:not(.message):not(.label),
html body.mj-account-workspace-page .green.icon,
html body.mj-account-workspace-page .teal.icon,
html body.mj-account-workspace-page i.green.icon,
html body.mj-account-workspace-page i.teal.icon,
html body.mj-account-workspace-page a.green,
html body.mj-account-workspace-page a.teal{
    color:var(--mj-accent)!important;
}
html body.mj-account-workspace-page .ui.green.button,
html body.mj-account-workspace-page .ui.teal.button,
html body.mj-account-workspace-page .ui.positive.button,
html body.mj-account-workspace-page .green.button,
html body.mj-account-workspace-page .teal.button,
html body.mj-account-workspace-page .positive.button{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
    color:#fff!important;
}
html body.mj-account-workspace-page .ui.green.button:hover,
html body.mj-account-workspace-page .ui.teal.button:hover,
html body.mj-account-workspace-page .ui.positive.button:hover,
html body.mj-account-workspace-page .green.button:hover,
html body.mj-account-workspace-page .teal.button:hover,
html body.mj-account-workspace-page .positive.button:hover{
    border-color:var(--mj-accent-dark)!important;
    background:var(--mj-accent-dark)!important;
    background-color:var(--mj-accent-dark)!important;
    color:#fff!important;
}

/* Toggle/checkbox/dropdown: aktivní a hover barvy už nebudou zelené. */
html body.mj-account-workspace-page .ui.toggle.checkbox input:checked~label:before,
html body.mj-account-workspace-page .ui.toggle.checkbox input:focus:checked~label:before,
html body.mj-account-workspace-page .ui.checkbox input:checked~label:before,
html body.mj-account-workspace-page .ui.checkbox input:focus:checked~label:before,
html body.mj-account-workspace-page .mj-setting-switch input:checked + .mj-setting-switch-control{
    border-color:var(--mj-accent)!important;
    background:var(--mj-accent)!important;
    background-color:var(--mj-accent)!important;
}
html body.mj-account-workspace-page .ui.dropdown .menu>.item:hover,
html body.mj-account-workspace-page .ui.dropdown .menu>.item.active,
html body.mj-account-workspace-page .ui.dropdown .menu>.item.selected,
html body.mj-account-workspace-page .ui.search>.results .result:hover,
html body.mj-account-workspace-page .ui.search>.results .result.active{
    background:#fbf3f5!important;
    color:var(--mj-accent-dark)!important;
}

/* Pojistka na historické inline zelené/tyrkysové barvy na workspace stránkách. */
html body.mj-account-workspace-page [style*="color:#20c497"],
html body.mj-account-workspace-page [style*="color: #20c497"],
html body.mj-account-workspace-page [style*="color:#21ba45"],
html body.mj-account-workspace-page [style*="color: #21ba45"],
html body.mj-account-workspace-page [style*="color:#00b5ad"],
html body.mj-account-workspace-page [style*="color: #00b5ad"],
html body.mj-account-workspace-page [style*="color:#15b887"],
html body.mj-account-workspace-page [style*="color: #15b887"],
html body.mj-account-workspace-page [style*="color:#159b72"],
html body.mj-account-workspace-page [style*="color: #159b72"]{
    color:var(--mj-accent)!important;
}


/* =========================================================
   10.17.33 — VÝRAZNĚJŠÍ HOVER A KLIKATELNOST
   =========================================================
   Zelená už je odstraněná. Tato finální vrstva vrací jasnou
   vizuální odezvu: textové odkazy se podtrhnou a klikací karty
   dostanou jemný vínový rámeček, stín a malý posun.
*/

/* Plynulá odezva na interaktivních prvcích účtu. */
html body.mj-account-workspace-page a,
html body.mj-account-workspace-page button,
html body.mj-account-workspace-page .ui.button,
html body.mj-account-workspace-page .mj-dashboard-group-stat,
html body.mj-account-workspace-page .mj-dashboard-shared-card,
html body.mj-account-workspace-page .mj-dashboard-activity-item,
html body.mj-account-workspace-page .mj-account-mode-actions a,
html body.mj-account-workspace-page .mj-support-ticket{
    transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

/* Běžné textové odkazy: jasně viditelný hover. */
html body.mj-account-workspace-page a:not(.mj-dashboard-group-stat):not(.mj-dashboard-shared-card):not(.mj-dashboard-activity-item):not(.mj-support-ticket):not(.mj-primary-button):not(.mj-dashboard-primary):not(.mj-header-cta):not(.mj-big-cta):not(.button):not(.ui.button):hover,
html body.mj-account-workspace-page a:not(.mj-dashboard-group-stat):not(.mj-dashboard-shared-card):not(.mj-dashboard-activity-item):not(.mj-support-ticket):not(.mj-primary-button):not(.mj-dashboard-primary):not(.mj-header-cta):not(.mj-big-cta):not(.button):not(.ui.button):focus-visible{
    color:var(--mj-accent-dark)!important;
    text-decoration-line:underline!important;
    text-decoration-thickness:1.5px!important;
    text-decoration-color:currentColor!important;
    text-underline-offset:3px!important;
}

/* Hlavní dashboardové karty: hover musí být zřejmý i bez změny barvy textu. */
html body.mj-account-workspace-page .mj-dashboard-group-stat,
html body.mj-account-workspace-page .mj-dashboard-shared-card,
html body.mj-account-workspace-page .mj-dashboard-activity-item,
html body.mj-account-workspace-page .mj-account-mode-actions a,
html body.mj-account-workspace-page .mj-support-ticket{
    cursor:pointer!important;
}

html body.mj-account-workspace-page .mj-dashboard-group-stat:hover,
html body.mj-account-workspace-page .mj-dashboard-group-stat:focus-visible,
html body.mj-account-workspace-page .mj-dashboard-shared-card:hover,
html body.mj-account-workspace-page .mj-dashboard-shared-card:focus-visible,
html body.mj-account-workspace-page .mj-dashboard-activity-item:hover,
html body.mj-account-workspace-page .mj-dashboard-activity-item:focus-visible,
html body.mj-account-workspace-page .mj-account-mode-actions a:hover,
html body.mj-account-workspace-page .mj-account-mode-actions a:focus-visible,
html body.mj-account-workspace-page .mj-support-ticket:hover,
html body.mj-account-workspace-page .mj-support-ticket:focus-visible{
    border-color:#c58b9b!important;
    background:#fff8fa!important;
    box-shadow:0 8px 22px rgba(124,23,49,.10)!important;
    transform:translateY(-2px)!important;
    text-decoration:none!important;
}

/* Akční popisky uvnitř karet jsou při hoveru vínové a podtržené. */
html body.mj-account-workspace-page .mj-dashboard-group-stat:hover small,
html body.mj-account-workspace-page .mj-dashboard-group-stat:focus-visible small,
html body.mj-account-workspace-page .mj-dashboard-shared-card:hover em,
html body.mj-account-workspace-page .mj-dashboard-shared-card:focus-visible em{
    color:var(--mj-accent-dark)!important;
    text-decoration-line:underline!important;
    text-decoration-thickness:1.5px!important;
    text-underline-offset:3px!important;
}

/* U rychlých akcí zvýrazníme nadpis, sekundární text zůstane klidný. */
html body.mj-account-workspace-page .mj-account-mode-actions a:hover strong,
html body.mj-account-workspace-page .mj-account-mode-actions a:focus-visible strong{
    color:var(--mj-accent-dark)!important;
}
html body.mj-account-workspace-page .mj-account-mode-actions a:hover span,
html body.mj-account-workspace-page .mj-account-mode-actions a:focus-visible span{
    color:#666a71!important;
}

/* Klávesnicový focus je stejně dobře viditelný jako hover. */
html body.mj-account-workspace-page a:focus-visible,
html body.mj-account-workspace-page button:focus-visible,
html body.mj-account-workspace-page .ui.button:focus-visible{
    outline:3px solid rgba(124,23,49,.18)!important;
    outline-offset:3px!important;
}

@media (prefers-reduced-motion:reduce){
    html body.mj-account-workspace-page a,
    html body.mj-account-workspace-page button,
    html body.mj-account-workspace-page .ui.button,
    html body.mj-account-workspace-page .mj-dashboard-group-stat,
    html body.mj-account-workspace-page .mj-dashboard-shared-card,
    html body.mj-account-workspace-page .mj-dashboard-activity-item,
    html body.mj-account-workspace-page .mj-account-mode-actions a,
    html body.mj-account-workspace-page .mj-support-ticket{
        transition:none!important;
    }
}

/* =========================================================
   10.17.34 — SELLER LEVEL BADGES
   Původní WPJobster levely, nový Mikrojoby vizuál.
   ========================================================= */
.mj-seller-level-badge{
    --mj-level-bg:#f2f3f5;
    --mj-level-color:#454a52;
    --mj-level-border:#d9dde3;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:30px;
    padding:5px 10px;
    border:1px solid var(--mj-level-border);
    border-radius:999px;
    background:var(--mj-level-bg);
    color:var(--mj-level-color)!important;
    font-size:12px;
    line-height:1.15;
    font-weight:850;
    letter-spacing:.005em;
    white-space:nowrap;
    vertical-align:middle;
    box-shadow:0 1px 2px rgba(20,24,32,.04);
}
.mj-seller-level-badge svg{
    width:15px;
    height:15px;
    flex:0 0 15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mj-seller-level-badge.is-novice{
    --mj-level-bg:#f5f6f8;
    --mj-level-color:#555d68;
    --mj-level-border:#dfe3e8;
}
.mj-seller-level-badge.is-verified{
    --mj-level-bg:#f4f5f7;
    --mj-level-color:#555d68;
    --mj-level-border:#dce0e5;
}
.mj-seller-level-badge.is-reliable{
    --mj-level-bg:#eef3fb;
    --mj-level-color:#365f9f;
    --mj-level-border:#cfdbed;
}
.mj-seller-level-badge.is-super{
    --mj-level-bg:#f8edf1;
    --mj-level-color:#8f1d3d;
    --mj-level-border:#eccbd6;
}
.mj-seller-level-badge.is-expert{
    --mj-level-bg:#7c1731;
    --mj-level-color:#fff;
    --mj-level-border:#7c1731;
    box-shadow:0 4px 12px rgba(124,23,49,.16);
}
.mj-seller-level-badge.is-compact{
    min-height:25px;
    padding:4px 8px;
    gap:4px;
    font-size:10px;
}
.mj-seller-level-badge.is-compact svg{
    width:12px;
    height:12px;
    flex-basis:12px;
}
.mj-market-seller-level{
    display:inline-flex;
    align-items:center;
    min-width:0;
}
.mj-market-seller-row{
    flex-wrap:wrap;
    row-gap:6px;
}
.mj-seller-name-row{
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
}
.mj-seller-directory-title .mj-seller-level-badge{
    margin-top:5px;
    width:max-content;
}
.mj-detail-seller-head .mj-seller-level-badge{
    margin-top:4px;
    width:max-content;
}
.mj-seller-card .mj-seller-level-badge{
    margin:3px auto 0;
    max-width:100%;
}
@media(max-width:680px){
    .mj-seller-level-badge:not(.is-compact){font-size:11px;min-height:28px;padding:5px 9px}
    .mj-market-seller-level{width:100%;padding-left:44px}
}


/* =========================================================
   10.17.36 — NOVÁČEK + OVĚŘENÝ PRODEJCE + VLASTNÍ LEVELY
   Původní WPJobster badge ikony se už z PHP nevykreslují.
   ========================================================= */
.mj-verified-user-badge{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    min-width:22px;
    border-radius:50%;
    background:#8f1738;
    color:#fff!important;
    vertical-align:middle;
    cursor:default;
    outline:none;
}
.mj-verified-user-badge.is-compact{
    width:19px;
    height:19px;
    min-width:19px;
}
.mj-verified-user-badge svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mj-verified-user-badge.is-compact svg{width:12px;height:12px}
.mj-verified-user-badge::after{
    content:attr(data-tooltip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 9px);
    transform:translateX(-50%) translateY(3px);
    z-index:9999;
    padding:7px 9px;
    border-radius:7px;
    background:#23262d;
    color:#fff!important;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    box-shadow:0 6px 18px rgba(0,0,0,.16);
}
.mj-verified-user-badge::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:calc(100% + 4px);
    transform:translateX(-50%);
    border:5px solid transparent;
    border-top-color:#23262d;
    opacity:0;
    visibility:hidden;
    transition:opacity .16s ease,visibility .16s ease;
}
.mj-verified-user-badge:hover::after,
.mj-verified-user-badge:focus::after,
.mj-verified-user-badge:hover::before,
.mj-verified-user-badge:focus::before{
    opacity:1;
    visibility:visible;
}
.mj-verified-user-badge:hover::after,
.mj-verified-user-badge:focus::after{
    transform:translateX(-50%) translateY(0);
}

/* Staré WPJobster badge kontejnery, pokud je ještě vyrenderuje legacy šablona,
   na našich frontendových stránkách schováme. Naše .mj-* odznaky zůstávají. */
body.mj-frontend-page .wpjobster-user-badges,
body.mj-frontend-page .wpj-user-badges,
body.mj-frontend-page .user-badge-icons,
body.mj-frontend-page .user_badge_icons,
body.mj-frontend-page .wpj-badge-icons,
body.mj-frontend-page .wpjobster-badge-icons{
    display:none!important;
}

/* =========================================================
   10.17.37 — JEDNOTNÝ HOVER TLAČÍTEK BEZ ČERNÉ
   =========================================================
   Anti-green vrstva 10.17.32 zůstává zachovaná, ale nesmí
   měnit text vínových CTA na tmavou barvu. Primární akce se
   při hoveru lehce zesvětlí, outline akce dostanou jemné
   vínové zvýraznění. Žádný černý/tmavě šedý hover.
   ========================================================= */
:root{
    --mj-accent-hover:#9f2147;
    --mj-accent-outline-hover:#fff5f8;
    --mj-accent-outline-border:#c58b9b;
}

/* Primární vínová CTA — text vždy bílý, hover zůstává vínový. */
html body.mj-frontend-page a.is-primary:hover,
html body.mj-frontend-page a.is-primary:focus-visible,
html body.mj-frontend-page button.is-primary:hover,
html body.mj-frontend-page button.is-primary:focus-visible,
html body.mj-frontend-page .mj-primary-button:hover,
html body.mj-frontend-page .mj-primary-button:focus-visible,
html body.mj-frontend-page .mj-dashboard-primary:hover,
html body.mj-frontend-page .mj-dashboard-primary:focus-visible,
html body.mj-frontend-page .mj-header-cta:hover,
html body.mj-frontend-page .mj-header-cta:focus-visible,
html body.mj-frontend-page .mj-big-cta:hover,
html body.mj-frontend-page .mj-big-cta:focus-visible,
html body.mj-frontend-page .mj-order-workflow-note a:hover,
html body.mj-frontend-page .mj-order-workflow-note a:focus-visible,
html body.mj-frontend-page .mj-order-workflow-actions>a:hover,
html body.mj-frontend-page .mj-order-workflow-actions>a:focus-visible,
html body.mj-frontend-page .mj-account-native>a:hover,
html body.mj-frontend-page .mj-account-native>a:focus-visible,
html body.mj-frontend-page .mj-messages-native>a:hover,
html body.mj-frontend-page .mj-messages-native>a:focus-visible,
html body.mj-frontend-page .mj-messages-empty>a:hover,
html body.mj-frontend-page .mj-messages-empty>a:focus-visible,
html body.mj-frontend-page .mj-requests-empty>a:hover,
html body.mj-frontend-page .mj-requests-empty>a:focus-visible,
html body.mj-frontend-page .mj-myjobs-empty>a:hover,
html body.mj-frontend-page .mj-myjobs-empty>a:focus-visible,
html body.mj-frontend-page .mj-bookmarks-native>a:hover,
html body.mj-frontend-page .mj-bookmarks-native>a:focus-visible,
html body.mj-frontend-page .mj-bookmarks-empty>a:hover,
html body.mj-frontend-page .mj-bookmarks-empty>a:focus-visible,
html body.mj-frontend-page .mj-verification-card>a:hover,
html body.mj-frontend-page .mj-verification-card>a:focus-visible,
html body.mj-frontend-page .mj-disputes-empty>a:hover,
html body.mj-frontend-page .mj-disputes-empty>a:focus-visible,
html body.mj-frontend-page .mj-disputes-note>a:hover,
html body.mj-frontend-page .mj-disputes-note>a:focus-visible,
html body.mj-frontend-page .mj-support-create>a:hover,
html body.mj-frontend-page .mj-support-create>a:focus-visible,
html body.mj-frontend-page .mj-request-notify-card>a:hover,
html body.mj-frontend-page .mj-request-notify-card>a:focus-visible,
html body.mj-frontend-page .mj-account-status-help>a:hover,
html body.mj-frontend-page .mj-account-status-help>a:focus-visible,
html body.mj-frontend-page .mj-account-mode-card>a:hover,
html body.mj-frontend-page .mj-account-mode-card>a:focus-visible,
html body.mj-frontend-page .mj-seller-stats-help>a:hover,
html body.mj-frontend-page .mj-seller-stats-help>a:focus-visible,
html body.mj-frontend-page .mj-affiliate-card>a:hover,
html body.mj-frontend-page .mj-affiliate-card>a:focus-visible,
html body.mj-frontend-page .mj-affiliate-help>a:hover,
html body.mj-frontend-page .mj-affiliate-help>a:focus-visible,
html body.mj-frontend-page .mj-milestones-native-link:hover,
html body.mj-frontend-page .mj-milestones-native-link:focus-visible,
html body.mj-frontend-page .mj-milestones-help>a:hover,
html body.mj-frontend-page .mj-milestones-help>a:focus-visible,
html body.mj-frontend-page .mj-order-milestones-more:hover,
html body.mj-frontend-page .mj-order-milestones-more:focus-visible,
html body.mj-frontend-page .mj-order-file>a:hover,
html body.mj-frontend-page .mj-order-file>a:focus-visible,
html body.mj-frontend-page .mj-order-delivery-actions>a:hover,
html body.mj-frontend-page .mj-order-delivery-actions>a:focus-visible,
html body.mj-frontend-page .mj-order-review-cta>a:hover,
html body.mj-frontend-page .mj-order-review-cta>a:focus-visible,
html body.mj-frontend-page .mj-order-payment-actions>a:hover,
html body.mj-frontend-page .mj-order-payment-actions>a:focus-visible,
html body.mj-frontend-page .mj-order-message-context>a:hover,
html body.mj-frontend-page .mj-order-message-context>a:focus-visible,
html body.mj-frontend-page .mj-seller-public-contact:hover,
html body.mj-frontend-page .mj-seller-public-contact:focus-visible,
html body.mj-frontend-page .mj-thread-compose>a:hover,
html body.mj-frontend-page .mj-thread-compose>a:focus-visible,
html body.mj-frontend-page a.green_btn:hover,
html body.mj-frontend-page a.green_btn:focus-visible,
html body.mj-frontend-page a.btn.green:hover,
html body.mj-frontend-page a.btn.green:focus-visible,
html body.mj-frontend-page .ui.green.button:hover,
html body.mj-frontend-page .ui.green.button:focus-visible,
html body.mj-frontend-page .ui.teal.button:hover,
html body.mj-frontend-page .ui.teal.button:focus-visible,
html body.mj-frontend-page .ui.positive.button:hover,
html body.mj-frontend-page .ui.positive.button:focus-visible{
    background:var(--mj-accent-hover)!important;
    background-color:var(--mj-accent-hover)!important;
    border-color:var(--mj-accent-hover)!important;
    color:#fff!important;
    filter:none!important;
    text-decoration:none!important;
    box-shadow:0 5px 14px rgba(124,23,49,.16)!important;
}

/* Vnořený text/ikony primárního CTA nesmí zdědit tmavý globální hover. */
html body.mj-frontend-page a.is-primary:hover *,
html body.mj-frontend-page a.is-primary:focus-visible *,
html body.mj-frontend-page .mj-primary-button:hover *,
html body.mj-frontend-page .mj-primary-button:focus-visible *,
html body.mj-frontend-page .mj-dashboard-primary:hover *,
html body.mj-frontend-page .mj-dashboard-primary:focus-visible *,
html body.mj-frontend-page .mj-order-workflow-note a:hover *,
html body.mj-frontend-page .mj-order-workflow-note a:focus-visible *,
html body.mj-frontend-page .mj-order-workflow-actions>a:hover *,
html body.mj-frontend-page .mj-order-workflow-actions>a:focus-visible *{
    color:#fff!important;
}

/* Bílé / outline akce — jemný vínový hover místo tmavého přebarvení. */
html body.mj-frontend-page a.is-secondary:hover,
html body.mj-frontend-page a.is-secondary:focus-visible,
html body.mj-frontend-page .mj-order-actions-card a:not(.is-primary):hover,
html body.mj-frontend-page .mj-order-actions-card a:not(.is-primary):focus-visible,
html body.mj-frontend-page .mj-order-person-card>a:hover,
html body.mj-frontend-page .mj-order-person-card>a:focus-visible,
html body.mj-frontend-page .mj-order-actions a:not(.is-primary):hover,
html body.mj-frontend-page .mj-order-actions a:not(.is-primary):focus-visible,
html body.mj-frontend-page .mj-order-next-step-actions a:not(.is-primary):hover,
html body.mj-frontend-page .mj-order-next-step-actions a:not(.is-primary):focus-visible,
html body.mj-frontend-page .mj-order-quick-actions>a:hover,
html body.mj-frontend-page .mj-order-quick-actions>a:focus-visible,
html body.mj-frontend-page .mj-order-safety-links a:hover,
html body.mj-frontend-page .mj-order-safety-links a:focus-visible,
html body.mj-frontend-page .mj-order-detail-title>a:hover,
html body.mj-frontend-page .mj-order-detail-title>a:focus-visible,
html body.mj-frontend-page .mj-orders-heading>a:hover,
html body.mj-frontend-page .mj-orders-heading>a:focus-visible{
    background:var(--mj-accent-outline-hover)!important;
    background-color:var(--mj-accent-outline-hover)!important;
    border-color:var(--mj-accent-outline-border)!important;
    color:var(--mj-accent)!important;
    filter:none!important;
    text-decoration:none!important;
    box-shadow:0 4px 12px rgba(124,23,49,.08)!important;
}