/**
 * Common admin styles
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

body div.updated.woocommerce-error {
    border-left-color: #b22222;
}

/**
 * Metaboxes content styles
 */
.get-furgonetka {
    display: inline-block;
    width: 100%;
}

.get-furgonetka:hover {
    background: #00000010;
}

/**
 * Order edit metabox with links
 */
#furgonetka_delivery .get-furgonetka {
    padding: 10px 0;
    display: block;
    text-align: center;
}

#furgonetka_delivery .get-furgonetka img {
    margin: 5px auto;
    display: block;
    height: 32px;
}

/**
 * Orders list links
 */
table.wp-list-table .furgonetka.column-furgonetka {
    padding-top: 0;
    padding-bottom: 0;
}

table.wp-list-table .furgonetka.column-furgonetka hr {
    margin: 0;
}

table.wp-list-table .furgonetka.column-furgonetka .get-furgonetka img {
    vertical-align: middle;
    margin-bottom: 3px;
}

/*Global styles*/

.furgonetka__wrap {
    color: #1A3344;
    border-radius: 8px;
    border: 1px solid #BACDDB;
    background: #FFF;
    padding: 0 24px;
}

.furgonetka__header-primary,
.wrap .furgonetka__header-primary {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.furgonetka__header-secondary {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.furgonetka__header-secondary--margin-top-80 {
    margin-top: 80px;
}

.furgonetka__info {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    max-width: 640px;
}

.furgonetka__input-info,
.form-table td p.furgonetka__input-info {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    max-width: 560px;
}

.furgonetka__label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.furgonetka__select,
.wp-core-ui select.furgonetka__select {
    border-radius: 4px;
    border: 1px solid #6A879C;
    background: #FFF url("data:image/svg+xml,%3Csvg class='f-input__icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 10' width='17' height='10'%3E%3Cstyle%3E .f-input__icon-a%7Bfill:none;stroke:%2320A5E7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D %3C/style%3E%3Cpath class='f-input__icon-a' d='M1,1,8.55,9,16,1'/%3E%3C/svg%3E") right 14px top 14px no-repeat;
    box-shadow: 2px 2px 0px 2px #EBEFF2 inset;
    color: #1A3344;
    min-height: 40px;
    padding: 0 12px;
}

.furgonetka__select:hover,
.wp-core-ui select.furgonetka__select:hover {
    color: #1A3344;
    border-color: #20A5E7;
    box-shadow: inset 0 0 0 1px #20A5E7, inset 2px 2px 0 2px #E4E8EB;
}

.furgonetka__option {
    color: #1A3344;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    padding: 2px 8px;
}

.furgonetka__option:hover,
.furgonetka__option:checked {
    box-shadow: inset 0 0 0 2px #20A5E7;
    border-radius: 4px;
    background-color: #FFF;
}

input.furgonetka__input,
textarea.furgonetka__input {
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #6A879C;
    background: #FFF;
    box-shadow: 2px 2px 0px 2px #EBEFF2 inset;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

input.furgonetka__input:hover,
input.furgonetka__input:focus,
input.furgonetka__input:active,
textarea.furgonetka__input:hover,
textarea.furgonetka__input:focus,
textarea.furgonetka__input:active {
    border-radius: 4px;
    background: #FFF;
    border-color: #20A5E7;
    box-shadow: inset 0 0 0 1px #20A5E7, inset 2px 2px 0 2px #E4E8EB;
}

.furgonetka__input-radio {
    margin-bottom: 12px;
}

.furgonetka__input-radio__additional-info {
    margin-left: 24px;
    font-weight: 300;
}

.furgonetka__input-radio__span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
}

.wp-core-ui .button.button-primary.furgonetka__button-primary {
    display: flex;
    height: 40px;
    min-width: 80px;
    padding: 8px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1.5px solid #1A3344;
    background: #0F92D4;
    box-shadow: 2px 2px 0 0 #1A3344;
    color: #FFF;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wp-core-ui .button.button-primary.furgonetka__button-primary:hover {
    background: #20A5E7;
    border: 1.5px solid #1A3344;
}

.wp-core-ui .button.button-primary.furgonetka__button-primary:active {
    background:  #FFF;
    color: #0F92D4;
    border: 1.5px solid #1A3344;
}

.wp-core-ui .button.button-secondary-red.furgonetka__button-secondary-red {
    display: flex;
    height: 40px;
    min-width: 80px;
    padding: 8px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1.5px solid #1A3344;
    background: #fff;
    box-shadow: 2px 2px 0 0 #1A3344;
    color: #EE0000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wp-core-ui .button.button-secondary-red.furgonetka__button-secondary-red:hover {
    background: #FAD4D4;
    border: 1.5px solid #1A3344;
    color: #F43232;
}

.wp-core-ui .button.button-secondary-red.furgonetka__button-secondary-red:active {
    background:  #F2C8C8;
    color: #EE0000;
    border: 1.5px solid #1A3344;
}

@media (min-width: 783px) {
    .furgonetka__select,
    .wp-core-ui select.furgonetka__select,
    input.furgonetka__input,
    textarea.furgonetka__input {
        min-width: 416px;
    }
}