/*
 * Copyright © 2025 Moogento. All rights reserved.
 * See LICENSE.txt for license details.
 */
/*	PLUGIN THE NEXT SECTION, SHOULD BE MOVED OUT OF THEME  */

.checkout-payment-method .payment-method-title .payment-icon {
    margin: 0 0 0 -4px;
    width: auto;
    height: 30px;
}

#smart_checkout_inner_container {

}

.smart_checkout_due {
    font-weight: 700;
    font-size: 150%;
    padding: 0 3px;
}

.smart_checkout_time_left {
    font-style: normal;
    font-weight: 600;
    font-size: 110%;
    padding: 0 2px;
}

#smart_address_container {
    display: block;
    text-align: center;
/ / width: 19 em;
/ / float: left;
/ / margin: 0 2 em 0 0;
/ / padding: 0 5 px;
}

#smart_address_text_container {
    display: block;
    background-color: cornsilk;
    padding: 5px;
    border-radius: 2px;
    width: 180px;
}

.smart_address_text {
    color: #806515;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.smart_symbol {
    font-style: normal;
    cursor: help;
    background-size: auto 50%;
    color: #555;
    font-weight: 500;
    font-size: 80%;
    margin-right: -1px;
}

.smart_click_to_copy {
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    position: relative;
}

.smart_click_to_copy:hover {
    cursor: pointer;
}

.smart_click_to_copy:hover {
    background: skyblue;
}

#smart_checkout_status {
    border: 1px solid #3274e0;
    margin: 15px 0;
    padding: 10px 25px;
    border-radius: 4px;
    display: inline-block;
}

/*	THEME BELOW, PLUGIN ABOVE  */

.logo img {
    height: 40px;
    width: auto;
    max-width: 256px;
}

@media screen and (max-width: 767px) {
	.logo {
	    margin-bottom: 13px !important;
	    margin-top: 8px !important;
	}
	.logo img {	
		max-height: 34px !important;
		max-width: 236px !important;
	}
}


.nav-sections {
    /* background: #fdc215 !important; */
}

.navigation {
    /*background: #fdc215 !important;*/
    font-weight: 600 !important;
}

.navigation .level0 > .level-top {
    color: #222 !important;
}

.page-header .panel.wrapper {
    display: none;
}

.message.global.demo {
    margin: 0;
    padding: 10px !important;
    background: #fdc215 !important;
    color: #222;
    box-shadow: 0 1px 3px #bbb;
    border: none !important;
}

.message_demo_text {
    display: inline-block;
}

.button_action_container {
    float: right;
    margin: 4px;
}

button.action-buy {
    background: lightgreen;
    margin-left: 5px;
}

button.action-buy:hover {
    background: #8df68d;
}

button.action-buy-disabled {
    background: lightgrey;
    margin-left: 5px;
}

button.action-buy-disabled:hover {
    background: darkgrey;
}

.demo_message_countdown {
    color: grey;
}

.demo_message_countdown_mins {
    font-size: 105%;
    margin: 0 1px;
    color: #666;
}

#smart_qrcode_container {
    width: 180px;
    margin: 0 auto;
}

#smart_qrcode_container:hover {
    cursor: pointer;
}

#smart_qrcode_container_wrap {

}

#smart_checkout_inner_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

#smart_qrcode_container canvas {
    width: auto;
    height: auto;
    max-width: 150px;
    margin: 10px auto;
    display: block;
}

.waiting_text {
    text-align: center;
    font-size: 12px;
}

.recieved_text {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#smartcash_timer {
    position: relative;
    width: 80px;
    margin: 15px auto;
}

#smarcash_spin {
    display: block;
    margin: 0 auto;
}

#smartcash_clock {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 15px;
}

#recvd_coins {
    display: inline-block;
    margin: 0 15px;
    color: #3274e0;
    font-size: 32px;
    font-weight: normal;
}

.insufficient #smartcash_timer_wrap,
.expired #smartcash_timer_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.insufficient #smart_checkout_status {
    border-color: red;
}

.insufficient .help-info-block {
    width: 40px;
    height: 40px;
    font-family: 'luma-icons';
    margin: 0 20px;
}

.insufficient .help-info-block::before {
    position: relative;
    font-size: 40px;
    line-height: 40px;
    color: red;
    content: '\e602';
    font-family: 'luma-icons';
}

.insufficient #recvd_coins {
    color: red;
}

.expired #smart_checkout_status {
    border-color: #B45F06;
}

.expired .help-info-block {
    width: 40px;
    height: 40px;
    font-family: 'luma-icons';
    margin: 0 20px;
}

.expired .help-info-block::before {
    position: relative;
    font-size: 40px;
    line-height: 40px;
    color: #B45F06;
    content: '\e603';
    font-family: 'luma-icons';
}

.expired #recvd_coins {
    color: #B45F06;
}

.expired-message {
    position: relative;
    min-height: 40px;
    padding-left: 50px;
    color: #B45F06;
    font-size: 12px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
}

.expired-message::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    line-height: 40px;
    color: #B45F06;
    content: '\e603';
    font-family: 'luma-icons';
}

.checkout-payment-method .actions-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.checkout-payment-method .actions-toolbar::after,
.checkout-payment-method .actions-toolbar::before {
    display: none;
}

@media screen and (max-width: 767px) {
    #smart_checkout_status {
        min-height: 90px;
    / / padding-left: 100 px;
        position: relative;
        width: 100%;
    }

    .waiting_text {
        margin-left: 120px;
    / / margin-top: 20 px;
    }

    .recieved_text {
        margin-left: 120px;
        margin-top: 30px;
    }

    #smartcash_timer_wrap {
        position: absolute;
        top: 0;
        display: block;
    }

    .help-info-block,
    .expired-message {
        display: none;
    }

    #smart_qrcode_container_wrap {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    #smart_qrcode_container {
        order: 2;
    }

    #smart_checkout_status {
        order: 1;
    }
}

.payment-complete-block {
    text-align: center;
    border: 1px solid #009E0F;
    border-radius: 4px;
    padding: 20px;
    display: none;
}

.done .payment-complete-block {
    display: block;
}

.done .payment-method-hide-wrapper {
    display: none;
}

.payment-complete-block-ico {
    display: block;
    margin: 0 auto;
    width: 76px;
    height: 76px;
    position: relative;
}

.payment-complete-block-ico::before {
    position: absolute;
    left: 0;
    width: 76px;
    height: 76px;
    text-align: center;
    font-size: 72px;
    line-height: 72px;
    color: #009E0F;
    content: '\e610';
    font-family: 'luma-icons';
}

.payment-complete-block #recvd_coins {
    color: #000;
}

.done .actions-toolbar .primary {
    margin-left: auto;
}

.done .action.primary {
    background: #009E0F;
    border: 2px solid #000;
    color: #fff;
    border-radius: 0;
}

.done .action.primary span::before,
.done .action.primary span::after {
    color: #fff;
    content: '\e608';
    font-family: 'luma-icons';
    float: left;
    width: 9px;
}

.done .action.primary span::after {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .done .recieved_text {
        margin-left: 0;
        margin-top: 10px;
    }

    .done .primary {
        width: 100%;
    }

    .done .action.primary {
        display: inline-flex;
        justify-content: center;
    }
}

#smart-copy_icon {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 10px;
    background: rgba(0, 0, 0, .7);
    padding: 5px 12px;
    border-radius: 5px;
    color: #fff;
}