/*
 * MobiFix – koondplugina Luutari moodul 1.9.8
 * RepairPlugini first_name/last_name/user_phone/user_email, Eraisik/Ettevõte
 * valikut ja algseid sd_* välju ei kujundata ümber.
 */

/* RepairPlugin renderdab custom_rpsd_* väljad esmalt tavapärases checkout'i
 * konteineris. Peida need ainult seni, kuni plugin on väljad ühte kahest
 * Ship Device kaardist paigutanud. */
.wp-repair-fe-types-conatiner.page-finalize
.wp-repair-input-group[data-field-name^="custom_rpsd_"]:not([data-field-name^="custom_rpsd_msr_"]):not([data-mfx-luutar-field="1"]){
    display:none!important;
}

/* Ühel väljal on alati ainult üks päris DOM-eksemplar. Vahepealne staging
 * hoiab välju turvaliselt peidus paigutuse ümbertegemise ajal. */
.mfx-luutar-field-staging{
    display:none!important;
}

.mfx-luutar-card-wrapper{
    display:block;
    opacity:1!important;
}
.mfx-luutar-ship-card{
    opacity:1!important;
}

/* RepairPlugin muudab order-summary AJAX-i alguses hetkel aktiivse kaardi
 * opacity väärtuseks 0.5. Luutari variant kasutab sisemiselt endiselt algset
 * Ship Device meetodit, seega ei tohi kumbki Ship Device kaart jääda pärast
 * valikute vahetamist heledaks. */
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
.wp-repair-repair-card.ship-device-option,
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
.mfx-luutar-card-wrapper{
    opacity:1!important;
}

/* Luutari kaart on kasutajale eraldi valik, kuid RepairPlugini sisemine
 * active-klass jääb algsele Ship Device kaardile. Visuaalne valik märgitakse
 * oma klassiga, et RepairPlugini AJAX ei saaks aktiivset kaarti segamini ajada. */
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
span.wp-repair-repair-card.mfx-luutar-ship-card.mfx-luutar-selected{
    border:1.5px solid #e1e1e1!important;
    border-color:#e1e1e1!important;
    box-shadow:none!important;
    cursor:auto!important;
    opacity:1!important;
}
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
.mfx-luutar-ship-card.mfx-luutar-selected
.wp-repair-action-price .rp-svg-icon.fa-check svg{
    -webkit-transform:scale(1)!important;
    -moz-transform:scale(1)!important;
    -o-transform:scale(1)!important;
    -ms-transform:scale(1)!important;
    transform:scale(1)!important;
}
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
.mfx-luutar-ship-card.mfx-luutar-selected
.wp-repair-action-price .rp-svg-icon.fa-check{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
.mfx-luutar-ship-card.mfx-luutar-selected
.wp-repair-action-price .rp-svg-icon.fa-check svg{
    visibility:visible!important;
    opacity:1!important;
}
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
.mfx-luutar-ship-card.mfx-luutar-selected .wp-repair-select-checkbox{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    box-shadow:0 0 0 2px var(--theme),0 0 12px rgba(0,0,0,.1)!important;
}

/* Luutari valiku ajal on algne Ship Device kaart RepairPlugini jaoks sisemiselt
 * aktiivne, kuid kasutajale peab see paistma valimata kaardina. */
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
span.wp-repair-repair-card.ship-device-option.mfx-luutar-proxy-active:not(.mfx-luutar-ship-card){
    border:1px solid #ebebeb!important;
    border-color:#ebebeb!important;
    box-shadow:none!important;
    cursor:pointer!important;
    opacity:1!important;
}
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
span.wp-repair-repair-card.ship-device-option.mfx-luutar-proxy-active:not(.mfx-luutar-ship-card)
.wp-repair-action-price .rp-svg-icon.fa-check svg{
    -webkit-transform:scale(0)!important;
    -moz-transform:scale(0)!important;
    -o-transform:scale(0)!important;
    -ms-transform:scale(0)!important;
    transform:scale(0)!important;
}

.mfx-luutar-ship-card .mfx-luutar-more-info{
    overflow:hidden;
    transition:max-height .3s ease;
}
.mfx-luutar-ship-card.mfx-luutar-selected.opened .mfx-luutar-more-info{
    max-height:none!important;
    overflow:visible!important;
}

.mfx-luutar-fields-table{
    table-layout:fixed;
    width:100%;
}
.mfx-luutar-fields-table td,
.ship-device-customer-address td.mfx-luutar-field-cell{
    vertical-align:top;
    box-sizing:border-box;
}
.mfx-luutar-fields-table td>.wp-repair-input-group,
.ship-device-customer-address td.mfx-luutar-field-cell>.wp-repair-input-group{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    box-sizing:border-box;
    margin-left:0!important;
    margin-right:0!important;
}
.mfx-luutar-fields-table .mfx-luutar-empty,
.ship-device-customer-address .mfx-luutar-empty{
    visibility:hidden;
    width:50%;
}
.mfx-luutar-ship-card:not(.mfx-luutar-selected) .mfx-luutar-fields-table{
    pointer-events:none;
}

/* RepairPlugini dropdowni noole algsed reeglid töötavad ainult siis, kui väli
 * asub .rp-checkout-fields-container sees. Luutari plugin liigutab sama päris
 * välja teenindusviisi kaarti, seega taastame siin sama paigutuse uues asukohas. */
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field
.rp-input-box-shadow-container,
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field .rp-input-box-shadow-container{
    position:relative!important;
}
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field label,
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field label{
    z-index:3!important;
}
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field select.user-info,
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field select.user-info{
    cursor:pointer;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0 0 5px 0!important;
    padding:0 42px 0 13px!important;
    background:transparent!important;
    color:#464646!important;
    display:block!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    position:relative!important;
    z-index:1!important;
}
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field
.rp-hide-default-dropdown-chevron,
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field .rp-hide-default-dropdown-chevron{
    position:absolute!important;
    right:2px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    z-index:2!important;
    pointer-events:none!important;
}
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field
.rp-hide-default-dropdown-chevron .rp-svg-icon,
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field .rp-hide-default-dropdown-chevron .rp-svg-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:10px!important;
    height:10px!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    transform:none!important;
}
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field
.rp-hide-default-dropdown-chevron svg,
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field .rp-hide-default-dropdown-chevron svg{
    display:block!important;
    width:10px!important;
    height:10px!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
}

/* Jagatud väli (praegu „Tagastatav pakiautomaat”) lisab algsele Ship Device
 * vormile ühe rea. Avatud kaardil ei tohi RepairPlugini vana 291 px piirang
 * alumist välja ära lõigata. */
.wp-repair-fe-types-conatiner.page-finalize
.wp-repair-repair-card.ship-device-option:not(.mfx-luutar-ship-card).active.opened>
.more-info-ship-device{
    max-height:none!important;
    overflow:visible!important;
}

/* Luutari valiku ajal jääb algne Ship Device kaart RepairPlugini sisemiseks
 * proxy-kaardiks. RepairPlugin võib oma kõrguse helperi või 300 ms click-timeri
 * kaudu lisada sellele uuesti opened-klassi ja positiivse max-height'i. Peidame
 * selle sisu proxy-klassi järgi täielikult, et kasutajale avaneks ainult Luutari
 * kaart. */
html .wp-repair-fe-types-conatiner.page-types.page-finalize
.wp-repair-select-container .wp-repair-width-100
span.wp-repair-repair-card.ship-device-option.mfx-luutar-proxy-active:not(.mfx-luutar-ship-card)>
.more-info-ship-device{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    max-height:0!important;
    min-height:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
}


/* V1.4.0: Luutari olek märgitakse kogu finalize-lehele. See selector ei sõltu
 * enam sellest, kas RepairPlugin on oma hilise click/AJAX callbackiga algselt
 * Ship Device kaardilt mfx-luutar-proxy-active klassi korraks eemaldanud.
 * Seetõttu ei saa ülemine aadressiplokk Luutari valiku ajal visuaalselt avaneda. */
html body .wp-repair-fe-types-conatiner.page-finalize[data-mfx-luutar-mode="luutar"]
.is-delivery-method-card >
.wp-repair-repair-card.ship-device-option:not(.mfx-luutar-ship-card) >
.more-info-ship-device,
html body .wp-repair-fe-types-conatiner.page-finalize.mfx-luutar-mode-active
.is-delivery-method-card >
.wp-repair-repair-card.ship-device-option:not(.mfx-luutar-ship-card) >
.more-info-ship-device,
html body .wp-repair-fe-types-conatiner.page-finalize
.more-info-ship-device[data-mfx-luutar-proxy-details="1"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    max-height:0!important;
    min-height:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
}

/* V1.4.0: RepairPlugini tavapärane custom-dropdowni labeli top:-6px reegel
 * kehtib ainult .rp-checkout-fields-container sees. Luutari kaarti tõstetud
 * väljal jäi seetõttu label top:14px ja kattus valiku tekstiga. */
html body .wp-repair-fe-types-conatiner.page-finalize
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field label,
html body .wp-repair-fe-types-conatiner.page-finalize
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field label{
    top:-6px!important;
    left:20px!important;
    right:auto!important;
    z-index:5!important;
    display:block!important;
    width:auto!important;
    max-width:calc(100% - 54px)!important;
    margin:0!important;
    padding:0 6px!important;
    background:#fff!important;
    line-height:1.2em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

html body .wp-repair-fe-types-conatiner.page-finalize
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field
.rp-input-box-shadow-container,
html body .wp-repair-fe-types-conatiner.page-finalize
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field .rp-input-box-shadow-container{
    position:relative!important;
    overflow:visible!important;
}

html body .wp-repair-fe-types-conatiner.page-finalize
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field select.user-info,
html body .wp-repair-fe-types-conatiner.page-finalize
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field select.user-info{
    box-sizing:border-box!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0 0 5px!important;
    padding:0 44px 0 13px!important;
    border-radius:5px!important;
    background:#fff!important;
    color:#464646!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:normal!important;
    text-indent:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    vertical-align:middle!important;
}

html body .wp-repair-fe-types-conatiner.page-finalize
.mfx-luutar-fields-table .wp-repair-input-group.dropdown-field
.rp-hide-default-dropdown-chevron,
html body .wp-repair-fe-types-conatiner.page-finalize
.ship-device-customer-address td.mfx-luutar-field-cell
.wp-repair-input-group.dropdown-field .rp-hide-default-dropdown-chevron{
    right:8px!important;
    top:50%!important;
    z-index:6!important;
    background:transparent!important;
}

@media(max-width:767px){
    .mfx-luutar-fields-table tr.mfx-luutar-generated-row,
    .ship-device-customer-address tr.mfx-luutar-default-shared-row{
        display:block;
        width:100%;
    }
    .mfx-luutar-fields-table tr.mfx-luutar-generated-row>td,
    .ship-device-customer-address tr.mfx-luutar-default-shared-row>td{
        display:block;
        width:100%!important;
        max-width:100%!important;
    }
    .mfx-luutar-fields-table .mfx-luutar-empty,
    .ship-device-customer-address .mfx-luutar-empty{
        display:none!important;
    }
}

/* V1.4.1: „Tagastatav pakiautomaat” ja „Luutari esindus” rippmenüü seisid
 * liiga lähestikku. RepairPlugini reavahed kehtivad ainult
 * .rp-checkout-fields-container sees ning rippmenüü label (top:-6px) ulatub
 * eelmise välja alaserva poole. Rippmenüü rida saab selge ülavahe alati, kui
 * selle kohal on veel mõni genereeritud väljarida. */
html body .wp-repair-fe-types-conatiner.page-finalize
.mfx-luutar-fields-table tr.mfx-luutar-generated-row + tr.mfx-luutar-generated-row
.wp-repair-input-group.dropdown-field,
html body .wp-repair-fe-types-conatiner.page-finalize
.ship-device-customer-address tr + tr.mfx-luutar-default-shared-row
.wp-repair-input-group.dropdown-field{
    margin-top:12px!important;
}

/* V1.5.0: Luutari valiku ajal on tellija tüüp lukustatud „Ettevõte” peale
 * ja ettevõtte nimetus täidetakse automaatselt („Luutar OÜ”). Teised
 * tüübivalikud on halltoonis ega reageeri klikile; nimeväli on readonly. */
html body [data-mfx-luutar-type-locked="1"]
.radio-button-option:not(.mfx-luutar-business-option){
    opacity:.45!important;
    cursor:not-allowed!important;
}
html body [data-mfx-luutar-type-locked="1"]
.radio-button-option.mfx-luutar-business-option{
    cursor:default!important;
}
html body .wp-repair-input-group.mfx-luutar-locked-field
input.user-info[name="business_name"]{
    background:#f6f6f6!important;
    color:#6f6f6f!important;
    cursor:not-allowed!important;
}

/* V1.7.0: „Tagastatav pakiautomaat” on otsitav Omniva pakiautomaatide
 * rippmenüü (nimekiri MobiFix Omniva Labels plugina vahemälust). */
.wp-repair-input-group[data-mfx-luutar-terminal="1"]
.rp-input-box-shadow-container{
    position:relative!important;
}
.mfx-luutar-terminal-panel{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 2px);
    z-index:60;
    max-height:260px;
    overflow-y:auto;
    background:#fff;
    border:1px solid #e1e1e1;
    border-radius:5px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.mfx-luutar-terminal-open .mfx-luutar-terminal-panel{
    display:block;
}
button.mfx-luutar-terminal-item{
    display:block;
    width:100%;
    margin:0;
    padding:9px 13px;
    border:0;
    border-radius:0;
    background:#fff;
    color:#464646;
    font-size:14px;
    line-height:1.35;
    text-align:left;
    cursor:pointer;
}
button.mfx-luutar-terminal-item:hover,
button.mfx-luutar-terminal-item.is-active{
    background:#eef5fb;
}
.mfx-luutar-terminal-empty{
    padding:9px 13px;
    color:#8a8a8a;
    font-size:14px;
}

/* V1.7.1: väljal on „×” nupp valiku tühjendamiseks. */
.wp-repair-input-group[data-mfx-luutar-terminal="1"]
button.mfx-luutar-terminal-clear{
    display:none;
    position:absolute;
    right:8px;
    top:0;
    width:30px;
    height:52px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#8a8a8a;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    z-index:5;
    align-items:center;
    justify-content:center;
}
.wp-repair-input-group[data-mfx-luutar-terminal="1"].mfx-luutar-terminal-has-value
button.mfx-luutar-terminal-clear{
    display:flex;
}
.wp-repair-input-group[data-mfx-luutar-terminal="1"]
button.mfx-luutar-terminal-clear:hover{
    color:#d9534f;
}
.wp-repair-input-group[data-mfx-luutar-terminal="1"].mfx-luutar-terminal-has-value
input.user-info{
    padding-right:42px!important;
}

/* V1.7.2: RepairPlugini töökoja aadressi tabel („MobiFix (Tartu Kaubamaja)”
 * + aadress) eemaldatakse Ship Device kaartide alt. Varuvariandina
 * peidetakse tabel ka siis, kui brauser :has() valikut ei toeta. */
html body .wp-repair-fe-types-conatiner.page-finalize
.more-info-ship-device .more-info-container table.table.ship-device{
    display:none!important;
}
html body .wp-repair-fe-types-conatiner.page-finalize
.more-info-ship-device .more-info-container:has(> table.table.ship-device){
    display:none!important;
    margin:0!important;
    padding:0!important;
}

/* V1.8.0: „Luutari esindus” otsitav rippmenüü — algne select peidetakse,
 * asemel on otsingu-sisend sama paneeliga nagu pakiautomaadi väljal. */
.wp-repair-input-group[data-mfx-luutar-branch="1"]
.rp-input-box-shadow-container{
    position:relative!important;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"] select.user-info{
    display:none!important;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"] input.mfx-luutar-branch-search{
    padding-right:34px!important;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"] .rp-hide-default-dropdown-chevron{
    pointer-events:none;
}

/* V1.8.4: pakiautomaadi nool — RepairPlugini ikoon (s-10 fa-chevron-down)
 * meie enda ümbrises, fikseeritud asetusega paremas servas. Väärtuse
 * olemasolul asendub nool „×” nupuga. */
.wp-repair-input-group[data-mfx-luutar-terminal="1"] input.user-info{
    padding-right:34px!important;
}
.wp-repair-input-group[data-mfx-luutar-terminal="1"] .mfx-luutar-terminal-caret{
    position:absolute!important;
    right:15px!important;
    top:0!important;
    height:52px!important;
    width:14px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none!important;
    z-index:4;
}
.wp-repair-input-group[data-mfx-luutar-terminal="1"].mfx-luutar-terminal-has-value
.mfx-luutar-terminal-caret{
    display:none!important;
}

/* V1.8.2: „Luutari esindus” saab sama „×” tühjendusnupu nagu pakiautomaadi
 * väli. Valiku olemasolul asendub RepairPlugini nool „×” nupuga. */
.wp-repair-input-group[data-mfx-luutar-branch="1"]
button.mfx-luutar-terminal-clear{
    display:none;
    position:absolute;
    right:8px;
    top:0;
    width:30px;
    height:52px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#8a8a8a;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    z-index:5;
    align-items:center;
    justify-content:center;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"].mfx-luutar-terminal-has-value
button.mfx-luutar-terminal-clear{
    display:flex;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"]
button.mfx-luutar-terminal-clear:hover{
    color:#d9534f;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"].mfx-luutar-terminal-has-value
input.mfx-luutar-branch-search{
    padding-right:42px!important;
}
.wp-repair-input-group[data-mfx-luutar-branch="1"].mfx-luutar-terminal-has-value
.rp-hide-default-dropdown-chevron{
    display:none!important;
}

/* V1.8.7: RepairPlugini „Muudan broneeringut” vaates renderdatud liigsed
 * hallatavate väljade koopiad (väljaspool plugina konteinereid) on
 * peidetud; JS keelab need ka POST-ist. */
.wp-repair-input-group[data-mfx-luutar-stray="1"]{
    display:none!important;
}