/* Help center /help/ (HESK 3.1, theme hesk3) in the 2026 shop style - 27.10.2026.
   Loaded from help/head.txt after header_2026.css. Only restyles HESK markup, no template changes.
   Rollback: remove the <link> from help/head.txt (or delete this file). */

/* ---------- page, fonts, colours ---------- */
body.cust-help{margin:0;background:#f3f5ef}
body.cust-help .wrapper{min-height:0;background:transparent;font-family:Tahoma,Verdana,sans-serif;color:#333;font-size:14px}
body.cust-help .wrapper button,body.cust-help .wrapper input,body.cust-help .wrapper textarea,body.cust-help .wrapper select{font-family:Tahoma,Verdana,sans-serif}
body.cust-help .contr{max-width:1170px;padding:0 15px}
body.cust-help .link,body.cust-help .wrapper a.link{color:#5c791e}
body.cust-help .wrapper a:hover,body.cust-help .link:hover{color:#f47422}
body.cust-help .lightgrey{color:#8a8f80}
body.cust-help .h-3{color:#3f5a12;font-size:18px}

/* ---------- site header / footer wrappers (markup in header.txt / footer.txt) ---------- */
.mjhelp-top,.mjhelp-bottom{max-width:1170px;margin:0 auto;padding:0 15px;box-sizing:border-box}
.mjhelp-top .mjh-burger{display:none!important}
.mjhelp-top a:hover{color:inherit}
.mjhelp-bottom #footer{margin-top:24px}
.mjhelp-bottom #footer .mjf .mjf-mail a{color:#e6eadc}
/* HESK's own grey title bar is replaced by the site header */
body.cust-help .main > .header{display:none}

/* ---------- breadcrumbs ---------- */
/* header_2026.css styles .breadcrumbs as checkout steps - reset them here */
body.cust-help .breadcrumbs{height:auto;margin:0 0 14px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;font:13px/20px Tahoma,Verdana,sans-serif}
body.cust-help .breadcrumbs span{display:inline;width:auto;height:auto;margin:0;border-radius:0;background:none;color:inherit;font:inherit}
body.cust-help .breadcrumbs__inner{padding:4px 0;font-size:13px;color:#666}
body.cust-help .breadcrumbs__inner a{color:#5c791e}
body.cust-help .breadcrumbs__inner a:hover{color:#f47422}
body.cust-help .breadcrumbs__inner .icon{fill:#9bb86a}
body.cust-help .breadcrumbs__inner .last{color:#666}

/* ---------- search ---------- */
body.cust-help .help-search{margin:0 0 20px;padding:22px 20px 20px;border:1px solid #e3e8d8;border-radius:12px;background:#fff}
body.cust-help .search__title{margin:0 0 16px;color:#3f5a12;font:700 22px/28px Tahoma,Verdana,sans-serif}
body.cust-help .search__form{padding:0;border-radius:12px;background:transparent}
body.cust-help .search__form .form-group input{height:48px;padding:12px 14px 12px 46px;border:1px solid #d6dccb;border-radius:9px;background:#fff;color:#333}
body.cust-help .search__form .form-group input:focus{border-color:#7aa02b;box-shadow:0 0 0 3px rgba(122,160,43,.18)}
body.cust-help .search__form .form-group .icon-search{fill:#7aa02b}
body.cust-help .search__form .search__submit{left:16px}
body.cust-help #search-button{width:auto!important;min-width:120px;height:48px;padding:0 22px;border-radius:9px}

/* ---------- buttons ---------- */
body.cust-help .btn-full{border-radius:9px;background:#f47422;color:#fff;font:700 14px Tahoma,Verdana,sans-serif}
body.cust-help .btn-full:hover{background:#d95f12}
body.cust-help .btn--blue-border{height:42px;border:1px solid #7aa02b;border-radius:9px;color:#5c791e;font-weight:700}
body.cust-help .btn--blue-border:hover{border-color:#5c791e;background:#f1f7e4;color:#3f5a12}
body.cust-help .btn-border,body.cust-help .btn.cancel{border-color:#7aa02b;border-radius:9px;color:#5c791e}
body.cust-help .btn--blue{color:#5c791e}

/* ---------- icons in circles ---------- */
body.cust-help .icon-in-circle{border-radius:12px;background:#f1f7e4}
body.cust-help .icon-in-circle .icon{fill:#7aa02b}

/* ---------- home: "new ticket" / "find ticket" ---------- */
body.cust-help .nav{margin:0 -8px 4px}
body.cust-help .navlink{margin:8px;border:1px solid #e3e8d8;border-radius:12px;background:#fff;box-shadow:none;transition:box-shadow .15s,transform .15s}
body.cust-help .navlink:hover{box-shadow:0 6px 16px rgba(60,80,20,.12);transform:translateY(-2px)}
body.cust-help .navlink .navlink__title{color:#3f5a12}
body.cust-help .navlink .navlink__descr{color:#666}

/* ---------- article lists (home, KB index, category) ---------- */
body.cust-help .article{margin-top:20px;padding:6px 20px 18px;border:1px solid #e3e8d8;border-radius:12px;background:#fff}
body.cust-help .article__heading{color:#3f5a12}
body.cust-help .article .block__head{padding:12px 0 14px;border-bottom-color:#eef1e8}
body.cust-help .tabbed__head{border-bottom:2px solid #eef1e8}
body.cust-help .tabbed__head .tabbed__head_tabs li{color:#666}
body.cust-help .tabbed__head .tabbed__head_tabs li:not(.current):hover{background:#f4f8ec}
body.cust-help .tabbed__head .tabbed__head_tabs li.current{border-bottom-color:#f47422;color:#3f5a12}
body.cust-help .preview{padding:18px 8px;border-bottom-color:#eef1e8;border-radius:0}
body.cust-help .preview:last-child{border-bottom:0}
body.cust-help .preview:hover{background:#f8faf3}
body.cust-help .preview:hover .icon-in-circle .icon{fill:#f47422}
body.cust-help .preview .preview__title{margin-bottom:6px;color:#3f5a12;font-size:16px}
body.cust-help .preview:hover .preview__title{color:#f47422}
body.cust-help .preview .navlink__descr{color:#555;line-height:1.55}
body.cust-help .article .btn--blue-border{margin-top:14px}

/* ---------- KB categories ---------- */
body.cust-help .content .block__head{margin:4px 0 14px}
body.cust-help .topics{padding:20px 20px 4px;border:1px solid #e3e8d8;border-radius:12px;background:#fff;box-shadow:none}
body.cust-help .topics__title{color:#3f5a12}
body.cust-help .topics__title .icon{fill:#7aa02b}
body.cust-help .topics__title .link{color:#3f5a12}
body.cust-help .topics__title .link:hover{color:#f47422}
body.cust-help .topics__list,body.cust-help .topics__list a{color:#5c791e}
body.cust-help .topics__list a{margin:10px 0}
body.cust-help .topics__list a:hover{color:#f47422}
body.cust-help .topics__list li:before{background:#9bb86a}
body.cust-help .back-link{color:#5c791e}

/* ---------- article page ---------- */
body.cust-help .ticket--article{gap:24px}
body.cust-help .ticket--article .ticket__body{margin-right:0}
body.cust-help .ticket--article .ticket__body_block.naked{padding:22px 26px 20px;border:1px solid #e3e8d8;border-radius:12px;background:#fff;text-align:left}
body.cust-help .ticket__body_block h1{padding:0 0 14px;margin:0 0 4px;border-bottom:1px solid #eef1e8;color:#3f5a12;font:700 24px/30px Tahoma,Verdana,sans-serif}
body.cust-help .block--description{color:#333;font:14px/1.7 Tahoma,Verdana,sans-serif}
body.cust-help .block--description p,body.cust-help .block--description ul,body.cust-help .block--description ol{margin:0 0 14px}
body.cust-help .block--description h2{margin:22px 0 10px;color:#3f5a12;font:700 19px/25px Tahoma,Verdana,sans-serif}
body.cust-help .block--description h3{margin:18px 0 8px;color:#3f5a12;font:700 16px/22px Tahoma,Verdana,sans-serif}
body.cust-help .block--description h4{margin:16px 0 6px;font-weight:700}
body.cust-help .block--description ul{padding-left:22px;list-style:disc}
body.cust-help .block--description ol{padding-left:22px;list-style:decimal}
body.cust-help .block--description li{margin:0 0 5px}
body.cust-help .block--description li::marker{color:#7aa02b}
body.cust-help .block--description a,body.cust-help .ticket__body_block p > a{color:#5c791e;text-decoration:underline;text-decoration-color:rgba(92,121,30,.35);text-underline-offset:2px}
body.cust-help .block--description a:hover,body.cust-help .ticket__body_block p > a:hover{color:#f47422;text-decoration-color:#f47422}
body.cust-help .block--description strong,body.cust-help .block--description b{font-weight:700;color:#222}
body.cust-help .block--description em,body.cust-help .block--description i{font-style:italic}
body.cust-help .block--description blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid #7aa02b;border-radius:0 9px 9px 0;background:#f4f8ec;color:#3f5a12}
body.cust-help .block--description img{max-width:100%;height:auto;border-radius:9px}
body.cust-help .block--description table{width:100%;margin:0 0 16px;border:0;border-collapse:separate;border-spacing:0;border:1px solid #e3e8d8;border-radius:9px;overflow:hidden}
body.cust-help .block--description th,body.cust-help .block--description td{padding:8px 12px;border:0;border-bottom:1px solid #eef1e8;text-align:left;vertical-align:top}
body.cust-help .block--description th{background:#f1f7e4;color:#3f5a12;font-weight:700}
body.cust-help .block--description tr:last-child td{border-bottom:0}
body.cust-help .block--uploads a{color:#5c791e}
body.cust-help .ticket__block-footer{margin-top:18px;padding-top:14px;border-top:1px solid #eef1e8;color:#666}
body.cust-help .ticket__block-footer .link{display:inline-block;margin:0 2px;padding:3px 14px;border:1px solid #7aa02b;border-radius:8px;color:#5c791e;text-decoration:none}
body.cust-help .ticket__block-footer .link:hover{background:#7aa02b;color:#fff}
body.cust-help .ticket__params{width:300px}
body.cust-help .ticket__params .params--block{border:1px solid #e3e8d8;border-radius:12px;background:#fff;box-shadow:none;overflow:hidden}
body.cust-help .ticket__params .params--block + .params--block{margin-top:16px}
body.cust-help .ticket__params .params--block h4{height:auto;margin:0 0 12px;padding:10px 16px;background:linear-gradient(180deg,#7aa02b 0%,#5c791e 100%);color:#fff;font:700 14px/20px Tahoma,Verdana,sans-serif}
body.cust-help .ticket__params .params--block .row{margin-bottom:10px;font:13px/19px Tahoma,Verdana,sans-serif}
body.cust-help .ticket__params .params--block .row .title{color:#8a8f80}
body.cust-help .ticket__params .params--block .list{color:#9bb86a;padding-left:12px}
body.cust-help .ticket__params .params--block .list li{margin-top:10px}
body.cust-help .ticket__params .params--block .list a{color:#5c791e}
body.cust-help .ticket__params .params--block .list a:hover{color:#f47422}
body.cust-help .divider{margin:20px 0 0;background:transparent}

/* ---------- forms (new ticket / view ticket) ---------- */
body.cust-help .form-control,body.cust-help .form .form-control,body.cust-help .selectize-input{border-color:#d6dccb;border-radius:9px}
body.cust-help .form-control:focus,body.cust-help .selectize-input.focus{border-color:#7aa02b;box-shadow:0 0 0 3px rgba(122,160,43,.18)}
body.cust-help .main__content.notice-flash{margin-top:14px}
body.cust-help .notification{border-radius:12px}

/* ---------- HESK "powered by" ---------- */
body.cust-help .footer{margin-top:10px;padding:6px 16px 0;color:#8a8f80;font-size:12px}
body.cust-help .footer a{color:#5c791e}

/* ---------- mobile ---------- */
@media (max-width:767px){
  .mjhelp-top,.mjhelp-bottom{padding:0}
  .mjhelp-top .mjh{padding:8px 12px}
  .mjhelp-bottom #footer{margin-top:16px}
  body.cust-help .contr{padding:0 10px}
  body.cust-help .breadcrumbs{margin-bottom:8px}
  body.cust-help .help-search{padding:16px 12px}
  body.cust-help .search__title{font-size:18px;line-height:24px}
  body.cust-help #kb_search{width:100%!important}
  body.cust-help #search-button{min-width:0;padding:0 14px}
  body.cust-help .nav{margin:0}
  body.cust-help .navlink{margin:6px 0;max-width:none}
  body.cust-help .article{padding:4px 12px 14px}
  body.cust-help .tabbed__head .tabbed__head_tabs li{min-width:0;padding:6px 10px;font-size:13px}
  body.cust-help .preview{padding:14px 2px}
  body.cust-help .preview .icon-in-circle{display:none}
  body.cust-help .topics{padding:14px 14px 0}
  body.cust-help .topics__block{width:100%!important}
  body.cust-help .ticket--article{flex-direction:column}
  body.cust-help .ticket--article .ticket__body_block.naked{padding:16px 14px}
  body.cust-help .ticket__body_block h1{font-size:20px;line-height:26px}
  body.cust-help .ticket__params{width:100%}
  body.cust-help .block--description th,body.cust-help .block--description td{padding:7px 8px}
}