/*
Theme Name: HIVTEST
Theme URI: https://hivtest.tj
Author: Oleh Zadorozhnyi
Description: A custom WordPress theme for Hivtest.tj.
Version: 1.1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

div[data-menu="main"] {
    background: #fff !important;
}
div[data-menu="main"].ui.secondary.menu {
    border-bottom: 1px solid #d8d8d8;
}
div[data-menu="main"].ui.secondary.menu .toc.item {
    display: none;
}
div[data-menu="main"].ui.secondary.menu .right.item > .item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.visual {
    display: block !important;
}
.visual.button {
    display: inline-block !important;
}
.visual.hidden {
    display: none !important;
}
.ui.button {
    border-radius: 0.6rem !important;
}
.ui.button.blue {
    background: #00aaff !important;
}
.ui.button.blue:hover {
    background: #008cff !important;
}
.ui.modal {
    border-radius: 2rem !important;
}
.ui.modal > .close {
    top: 1rem !important;
    right: 1rem !important;
    color: #000 !important;
    text-shadow: none !important;
}
.ui.modal > :first-child:not(.close):not(.dimmer),
.ui.modal > i.icon:first-child + * {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}
.ui.modal > :last-child {
    border-bottom-left-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}
.ui.modal > .header {
    border-bottom: none !important;
}
.ui.modal > .header span {
    color: #a9a9a9;
}
.ui.modal > .actions {
    border-top: none !important;
    background: #fff !important;
    text-align: left;
    padding-bottom: 2rem;
}
.ui.modal .actions > .button:not(.fluid) {
    margin-left: 0.6em;
}
.ui.dimmer {
    background: rgba(0, 0, 0, 0.32) !important;
}
.ui.form:not(.initial) .field input:invalid {
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.ui.text.red {
    color: #d5132c;
}
@media only screen and (max-width: 700px) {
    div[data-menu="main"].ui.secondary.menu .item:not(.logo),
    div[data-menu="main"].ui.secondary.menu .menu {
        display: none;
    }
    div[data-menu="main"].ui.secondary.menu .toc.item {
        display: block;
    }
}

/* Blocks styles */
div[data-block="promo"] {
    position: relative;
    margin-top: 4rem;
    height: 660px;
}
div[data-block="promo"] .parallax {
    transition-timing-function: linear;
    transition: 0.1s;
}
div[data-block="promo"] .triangles-left {
    position: absolute;
    left: -30px;
    top: 0;
}
div[data-block="promo"] .triangles-right {
    position: absolute;
    right: -30px;
    top: 0;
}
div[data-block="promo"] .triangles-left img,
div[data-block="promo"] .triangles-right img {
    pointer-events: none;
}
div[data-block="promo"] .packet {
    position: absolute;
    right: 145px;
    top: 55px;
}
div[data-block="promo"] .packet img {
    margin-top: 60px;
    width: 450px;
    pointer-events: none;
}
div[data-block="promo"] .count {
    position: absolute;
    display: table;
    padding: 40px;
    right: 228px;
    top: 381px;
    background: linear-gradient(156.2deg, #f91c3b 11.52%, #bd0811 86.13%);
    border-radius: 200px;
    width: 248px;
    height: 248px;
    font-size: 14pt;
    font-weight: bold;
    color: #fff;
}
div[data-block="promo"] .count p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div[data-block="promo"] .count span {
    font-size: 24pt;
    display: block;
    padding: 0.5rem 0;
}
div[data-block="promo"] .mess {
    position: absolute;
    width: 40%;
    left: 14%;
    top: 80px;
    text-align: right;
}
div[data-block="promo"] .mess h1,
div[data-block="promo"] .mess h2 {
    font-size: 70pt;
    line-height: 76px;
}
div[data-block="promo"] .mess h1 span,
div[data-block="promo"] .mess h2 span {
    color: #d5132c;
    font-size: smaller;
}
div[data-block="promo"] .mess p {
    font-size: 26pt;
    line-height: 40px;
    padding-top: 2rem;
}
div[data-block="promo"] .mess .button {
    font-size: 22pt;
    background: #d5132c;
    color: #fff;
    border-radius: 50px;
}
div[data-block="promo"] .mess .button:hover,
div[data-block="promo"] .mess .button:focus,
div[data-block="promo"] .mess .button:active {
    background: #ee3149;
    color: #fff;
}

div[data-block="video"] .column:nth-child(1) {
    font-size: 18pt;
    font-weight: bold;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: center;
}
div[data-block="video"] .column:nth-child(1) div {
    flex: 0 1 auto;
    align-self: auto;
}
div[data-block="video"] .column:nth-child(1) p span {
    color: #d5132c;
}
div[data-block="video"] .column:nth-child(2) div {
    width: 343px;
}
div[data-block="video"] .column:nth-child(2) a {
    color: #000;
}
div[data-block="video"] .column:nth-child(2) a:hover {
    color: #d5132c;
}
div[data-block="video"] .column:nth-child(2) .link {
    text-align: center;
}
div[data-block="faq"] {
    margin-top: 5rem;
}
div[data-block="faq"] .menu {
    justify-content: center;
    border-bottom: none !important;
}
div[data-block="review"] {
    margin-top: 5rem;
}
div[data-block="review"] .review {
    background: #fff;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 1.5rem;
    overflow: hidden;
}
div[data-block="review"] .grid {
    margin-top: 1rem;
}
div[data-block="review"] .review.person_1 {
    background: url("images/review_person_1.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="review"] .review.person_2 {
    background: url("images/review_person_2.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="review"] .review.person_3 {
    background: url("images/review_person_3.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="review"] .review.person_4 {
    background: url("images/review_person_4.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="result"] {
    margin-top: 7rem;
    text-align: center;
}
div[data-block="result"] .button {
    font-size: 14pt;
    background: #d5132c;
    color: #fff;
    border-radius: 50px;
}
div[data-block="result"] .button:hover,
div[data-block="result"] .button:focus,
div[data-block="result"] .button:active {
    background: #ee3149;
    color: #fff;
}
div[data-block="result"] .text,
div[data-block="hiv"] .text {
    padding: 2rem 0;
}
div[data-block="hiv"] {
    margin-top: 7rem;
}
div[data-block="hiv"] .card,
div[data-block="amec"] .card {
    background: #fff !important;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    overflow: hidden;
}
div[data-block="hiv"] .card img,
div[data-block="amec"] .card img {
    width: 40px;
    margin-bottom: 1rem;
}
div[data-block="hiv"] .card {
    width: 186px !important;
    cursor: default !important;
}
div[data-block="pkp"] {
    margin-top: 7rem;
}
div[data-block="pkp"] .card {
    background: #fff !important;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    overflow: hidden;
    width: 186px !important;
    cursor: default !important;
}
div[data-block="pkp"] .card img {
    width: 40px;
    margin-bottom: 1rem;
}
div[data-block="amec"] {
    margin-top: 7rem;
}
div[data-block="amec"] .cards {
    margin-top: 2rem;
}
div[data-block="amec"] .card {
    width: 300px !important;
    cursor: default !important;
}

div[data-block="footer"] {
    margin-top: 7rem;
    position: relative;
}
div[data-block="footer"] .triangles-left {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
}
div[data-block="footer"] .triangles-right {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
}
div[data-block="footer"] .soc_links {
    text-align: center;
    margin-top: 3rem;
}
div[data-block="footer"] .soc_links a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    color: #d5132c;
    margin: 0 5px;
    text-align: center;
    padding-top: 16px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1);
}
div[data-block="footer"] .copy {
    text-align: center;
    font-size: 10pt;
    color: #999;
    margin-top: 3rem;
}
div[data-block="footer"] .coordinator {
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    line-height: 32px;
}
div[data-block="banner"] {
    position: fixed;
    bottom: 7%;
    right: 4%;
    z-index: 100;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1);
    color: #d5132c;
    padding: 1.4rem;
    border-radius: 1rem;
    cursor: pointer;
}
div[data-block="banner"] h3 {
    width: 170px;
}
.ui.cards {
    margin: 10px 0;
}
.pkp_icons {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem;
}
.pkp_icons i {
    font-size: 36px;
    color: #d5132c;
}
@media only screen and (max-width: 767.98px) {
    div[data-block="promo"] {
        margin-top: 1rem;
    }
    div[data-block="promo"] .parallax {
        transform: none !important;
    }
    div[data-block="promo"] .mess {
        width: auto;
        top: 0;
        left: 0;
        text-align: center;
    }
    div[data-block="promo"] .packet {
        right: 68px;
        top: 321px;
    }
    div[data-block="promo"] .packet img {
        width: 339px;
    }
    div[data-block="promo"] .count {
        right: -18px;
        top: 426px;
        width: 225px;
        height: 225px;
        padding: 29px;
    }
    div[data-block="promo"] .mess h1,
    div[data-block="promo"] .mess h2 {
        font-size: 45pt;
        line-height: 55px;
        text-align: center;
    }
    div[data-block="promo"] .mess p {
        font-size: 20pt;
        line-height: 30px;
        text-align: center;
        padding-top: 0;
    }
    div[data-block="promo"] .mess .button {
        font-size: 18pt;
    }
    div[data-block="banner"] {
        display: none;
    }
    div[data-block="video"] {
        padding-top: 2rem;
    }
    div[data-block="video"] .row .column:first-child {
        text-align: center !important;
    }
    div[data-block="video"] .row .column:last-child > div {
    }
    .triangles-left,
    .triangles-right {
        display: none;
    }
}

/* Modal Form styles */
.form-actions {
    margin-top: 3rem;
}

div[data-switch="list_map"] {
    background: #f2f1f0 !important;
    border-radius: 0.68571429rem !important;
}

div[data-switch="list_map"] .item {
    margin: 0.3em !important;
    cursor: pointer;
    padding: 0.78571429em 1.92857143em !important;
}

div[data-switch="list_map"] .item.active {
    background: #fff !important;
    border-radius: 0.68571429rem !important;
}

div[data-switch="list_map"] .item.active:hover {
    background: #fdfdfd !important;
}
.phone-warning,
.phone-warning-mobile {
    display: flex;
    text-align: center;
    color: #d5132c;
    font-weight: bold;
}
.phone-warning-mobile {
    display: none;
}
.ui.ui.form .field.error .input,
.ui.ui.form .field.error .ui.label:not(.corner),
.ui.ui.form .field.error label,
.ui.ui.form .fields.error .field .input,
.ui.ui.form .fields.error .field .ui.label:not(.corner),
.ui.ui.form .fields.error .field label {
    color: #d5132c !important;
}
.ui.form .field.error .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown {
    border-color: #d5132c !important;
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown > .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
    color: #d5132c !important;
}
.ui.form .field.error .ui.checkbox {
    border: 1px solid #d5132c;
    padding: 3px;
    border-radius: 5px;
}
@media only screen and (max-width: 700px) {
    .phone-warning-mobile {
        display: flex;
        margin-bottom: 10px;
    }
    .phone-warning {
        display: none;
    }
}

/* Телефон курьера */
input[type="tel"] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 12px 18px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #333;
    font: inherit;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}

input[type="tel"]::placeholder {
    color: #aaa;
}

input[type="tel"]:focus {
    border-color: #00b5ad;
    box-shadow: 0 0 0 3px rgba(0, 181, 173, .12);
}

/* Выравнивание чекбоксов с текстом */
[data-modal="order"] label:has(input[type="checkbox"]) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
}

[data-modal="order"] label input[type="checkbox"] {
    margin: 0 !important;
    flex-shrink: 0;
    vertical-align: middle;
}

/* Пояснение под чекбоксом помощи */
[data-modal="order"] label:has(input[type="checkbox"]) + .description {
    font-size: 13px !important;
    margin-top: 3px !important;
    line-height: 1.4;
}

/* Центрирование кнопки «Показать все» */
[data-modal="order"] .hiv-pickup-show-more {
    display: block !important;
    width: fit-content;
    margin: 24px auto !important;
}

[data-modal="order"] .hiv-pickup-more {
    display: block;
    width: fit-content;
    margin: 0 auto 20px !important;
}
/* HIVTEST header: keep menu, account, and settings from overflowing. */
@media (min-width: 1501px) {
  div[data-menu="main"].ui.menu > .item:not(.logo):not(.toc):not(.hivtest-header-actions) {
    padding-left: .65em !important;
    padding-right: .65em !important;
    white-space: nowrap;
  }
  div[data-menu="main"] .hivtest-header-actions {gap: 14px !important;}
}
@media (max-width: 1500px) {
  div[data-menu="main"].ui.secondary.menu > .item:not(.logo):not(.toc):not(.hivtest-header-actions) {
    display: none !important;
  }
  div[data-menu="main"].ui.secondary.menu > .toc.item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: auto !important;
    flex-shrink: 0;
    cursor: pointer;
  }
  div[data-menu="main"].ui.secondary.menu > .hivtest-header-actions {
    display: flex !important;
    width: auto !important;
    flex: 0 0 auto;
    margin-left: 0 !important;
    padding-left: 10px !important;
    padding-right: 14px !important;
  }
  div[data-menu="main"].ui.secondary.menu > .logo.item {flex-shrink: 0;}
}
@media (max-width: 700px) {
  div[data-menu="main"].ui.secondary.menu > .hivtest-header-actions {display:flex!important;}
  div[data-menu="main"] .hivtest-header-account-group,
  div[data-menu="main"] .hivtest-header-settings-group .hivtest-logout-trigger {display:none!important;}
  div[data-menu="main"] .hivtest-header-settings-group {gap:0!important;}
  div[data-menu="main"] .logo.item img {height:40px!important;max-width:40vw;object-fit:contain;}
  div[data-menu="main"] .hivtest-header-actions {gap:0!important;}
}
@media (max-width: 380px) {
  div[data-menu="main"] .logo.item img {height:32px!important;max-width:34vw;}
  div[data-menu="main"].ui.secondary.menu > .hivtest-header-actions {padding-left:2px!important;padding-right:4px!important;}
}

@media (min-width: 701px) {div[data-menu="mobile"] .hivtest-sidebar-account{display:none!important}}

/* HIVTEST: compact header as in the approved mockup.
   Logo | [Account] [Language] [Hamburger]. All navigation lives in the sidebar. */
div[data-menu="main"].ui.secondary.menu {
  display:flex!important; align-items:center!important; flex-wrap:nowrap!important;
  width:100%!important; min-width:0!important;
}
div[data-menu="main"].ui.secondary.menu > .logo.item {
  order:0!important; margin-right:auto!important; flex:0 1 auto!important;
  min-width:0!important;
}
div[data-menu="main"].ui.secondary.menu > .item:not(.logo):not(.toc):not(.hivtest-header-actions) {
  display:none!important;
}
div[data-menu="main"].ui.secondary.menu > .hivtest-header-actions {
  order:1!important; display:flex!important; align-items:center!important;
  margin:0!important; padding:0 4px 0 10px!important; flex:0 0 auto!important;
  width:auto!important; gap:14px!important;
}
div[data-menu="main"] .hivtest-header-account-group {
  display:flex!important; align-items:center; white-space:nowrap;
}
div[data-menu="main"] .hivtest-header-settings-group {
  display:flex!important; align-items:center; gap:0!important;
}
div[data-menu="main"] .hivtest-header-settings-group .hivtest-logout-trigger {
  display:none!important;
}
div[data-menu="main"].ui.secondary.menu > .toc.item {
  order:2!important; display:flex!important; align-items:center; justify-content:center;
  position:static!important; margin:0 24px 0 0!important;
  padding:10px 12px!important; flex:0 0 auto!important;
  cursor:pointer;
}
div[data-menu="mobile"] .hivtest-sidebar-account {display:block!important;}
@media(max-width:700px){
  div[data-menu="main"].ui.secondary.menu > .hivtest-header-actions {
    display:flex!important; gap:7px!important; padding-left:5px!important;
  }
  div[data-menu="main"] .hivtest-header-account-group {display:flex!important;}
  div[data-menu="main"].ui.secondary.menu > .toc.item {
    margin-right:8px!important; padding:9px 8px!important;
  }
  div[data-menu="main"] .logo.item img {height:40px!important;max-width:33vw!important;object-fit:contain;}
  div[data-menu="main"] [data-field="menu-lang"] {min-width:0!important;}
}
@media(max-width:480px){
  div[data-menu="main"] .hivtest-header-account-group {display:none!important;}
  div[data-menu="main"] .logo.item img {height:35px!important;max-width:42vw!important;}
}

/* HIVTEST: right-aligned compact navigation and polished drawer */
div[data-menu="main"].ui.secondary.menu > .toc.item {
  order:3!important; margin:0 20px 0 0!important;
  padding:10px!important; border-radius:9px!important;
  width:44px; height:44px; color:#253444!important;
  background:#f4f6f8!important; border:1px solid #e5e9ed!important;
}
div[data-menu="main"].ui.secondary.menu > .toc.item:hover {background:#eaf2f8!important;color:#0088cc!important;}
div[data-menu="main"].ui.secondary.menu > .hivtest-header-actions {order:2!important;}
div[data-menu="main"] .hivtest-header-account-group {margin-right:8px!important;}
div[data-menu="mobile"].hivtest-drawer.ui.sidebar {
  left:auto!important;right:0!important; width:min(340px,88vw)!important;
  background:#fff!important;color:#253444!important;
  box-shadow:-10px 0 40px rgba(10,30,50,.14)!important;
  padding:16px 14px 20px!important; overflow-y:auto!important;
}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-heading {
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 7px 18px; margin-bottom:12px;
  border-bottom:1px solid #e7ebef; font-size:21px;font-weight:700;color:#1e2a38;
}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-close {
  border:0;background:#f1f4f7;border-radius:9px;width:38px;height:38px;
  color:#52616e;font-size:27px;line-height:1;cursor:pointer;
}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-close:hover {background:#e6edf2;color:#1c2937;}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links {display:flex;flex-direction:column;min-height:calc(100% - 88px);gap:4px;}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links > a.item {
  display:block!important; flex:0 0 auto; margin:0!important; padding:13px 14px!important;
  border:0!important;border-radius:9px!important;
  background:transparent!important;color:#2d3a48!important;
  font-size:15px!important;font-weight:500!important;line-height:1.4!important;
  text-decoration:none!important;
}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links > a.item:before {display:none!important;}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links > a.item:hover {background:#edf5fa!important;color:#007fba!important;}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links > .hivtest-sidebar-account {
  margin-top:14px!important;border-top:1px solid #e7ebef!important;
  border-radius:0!important;padding-top:20px!important;
}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links > .hivtest-sidebar-logout {
  margin-top:auto!important;padding-top:18px!important;
  border-top:1px solid #e7ebef!important;border-radius:0!important;
  color:#c63c4b!important;font-weight:600!important;
}
div[data-menu="mobile"].hivtest-drawer .hivtest-drawer-links > .hivtest-sidebar-logout:hover {background:#fff1f2!important;color:#ae283a!important;}
div[data-menu="mobile"].hivtest-drawer .hivtest-sidebar-logout span {font-size:21px;margin-right:8px;vertical-align:middle;}
@media(max-width:700px){div[data-menu="main"].ui.secondary.menu > .toc.item {margin-right:10px!important;}}

/* HIVTEST: breathing room between guest login and language controls */
div[data-menu="main"] .hivtest-header-settings-group {
  gap:16px!important;
}
div[data-menu="main"] #hivtest-open-login {
  margin-left:0!important;
  white-space:nowrap;
}
@media(max-width:700px) {
  div[data-menu="main"] .hivtest-header-settings-group {gap:10px!important;}
}

/* Guest login is a separate header group, with a clear gap to language. */
div[data-menu="main"] .hivtest-header-guest-group {
  margin-right:14px!important;
}
@media(max-width:700px) {
  div[data-menu="main"] .hivtest-header-guest-group {margin-right:9px!important;}
}

@media(max-width:480px) {
  div[data-menu="main"] .hivtest-header-guest-group {display:flex!important;}
  div[data-menu="main"] .hivtest-header-guest-group .hivtest-account-trigger {
    font-size:12px!important;padding:8px!important;max-width:135px;white-space:normal!important;
  }
}