/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/
.menu .button a {
    padding: 0 12px !important;
    background-color: transparent;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    line-height: 50px;
}

.menu .button {
    background-color: red;
    height: auto;
    padding: 0;
    margin: 5px 0;
}
.menu .button:hover{
	background-color: #cf0303;
}
.menu-primary-menu-container > ul > li.button > a span:before {
    content: none !important;
}
@media screen and (min-width:993px){
	.post-8 {
		& .product-details-wrapper {
		    display: flex;
		    flex-direction: column;
		    margin: 0 auto;
		    width: 100%;
		    align-items: center;
		}
		& .product-details-wrapper > * {
		    max-width: calc(100% - 60px);
		    width: 100% !important;
		    float: none !important;
		}
		& ul.tmcp-ul-wrap {flex-direction: row !important;flex-wrap: nowrap !important;overflow: auto !important;}
	 	& ul.tmcp-ul-wrap > * {
		    max-width: 20% !important;
		    width: 20% !important;
		    border: 2px solid black;
		    border-radius: 5px;
		    cursor: pointer !important;
		    transition: all .2s;
		    display: block !important;
		    height: 100%;
		}
		& span.tc-input-wrap.tc-epo-style-space {
		    width: 100%;
		    margin: 0 auto !important;
		    justify-content: center;
		    margin-top: 5px !important;
		    display: none;
		}
		/* Flex chỉnh label */
	    & .tc-label-inner {
	        display: flex !important;
	        justify-content: center !important;
	        align-items: center !important;
	        flex-wrap: wrap;
	    }

	    /* Giá */
	    & span.tc-col-auto.tc-epo-style-space.tc-price-wrap {
	        width: 100%;
	        justify-content: center;
	        padding-bottom: 10px;
	    }

	    /* Nút reset */
	    & .tm-extra-product-options .tm-epo-reset-radio {
	        position: absolute;
	        border: none;
	        color: red;
	        background-color: transparent;
	    }

	    & span.tc-label-wrap {
	        flex-direction: column;
	    }

	    /* Ảnh trong lựa chọn */
	    & .tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap .tc-image-inline {
	        width: auto;
	        max-width: none !important;
	        max-height: none !important;
	        height: 240px !important;
	        object-fit: cover;
	        margin: 0 auto;
	    }

	    /* Hover + Active lựa chọn */
	    & li.tmcp-field-wrap.tm-per-row.tc-mode-normal.tc-active/*,
	    & li.tmcp-field-wrap.tm-per-row.tc-mode-normal:hover */{
	        border-color: #33cccc;
	        background-color: #33cccc;
	        color: white;
	    }

	    & span.tc-col.tc-label.radio-image-label-inline {
	        display: block;
	        width: 100%;
	    }

	    /* Khoảng cách label */
	    & .tm-extra-product-options ul.tmcp-ul-wrap.tm-extra-product-options-radio 
	    li.tmcp-field-wrap .tm-label {
	        margin: 10px 0 !important;
	    }

	    /* Cursor pointer */
	    & ul.tmcp-ul-wrap * {
	        cursor: pointer;
	    }

	    /* Active style */
	    & li.tmcp-field-wrap.tc-active {
	        background-color: #33cccc;
	        color: white;
	        border-color: #33cccc;
	    }

	    & .tc-label-text {
	        text-align: center;
	        padding: 0 5px;
	    }
	    & form.cart .button {
		    position: fixed !important;
		    width: 170px;
		    z-index: 2;
		    left: 5px;
		    top: 200px;
		    bottom: 0;
		    margin: auto;
		}

		& .quantity.buttons_added {
		    position: fixed !important;
		    bottom: 15px;
		    width: fit-content;
		    left: calc(50% - 240px);
		    z-index: 2;
		    display: none;
		}

		& form#sticky-scroll {
		    position: relative;
		}

		& form#sticky-scroll:before {
		    content: none;
		    position: fixed;
		    width: 500px;
		    height: 66px;
		    bottom: 7.5px;
		    background-color: white;
		    left: 0;
		    right: 0;
		    margin-inline: auto;
		    border-radius: 5px;
		    box-shadow: 0px 0px 4px gray;
		    z-index: 1;
		}
		& .tm-epo-totals {
		    display: block !important;
		    height: 140px;
		    background-image: url(assets/images/cash-register3.png);
		    background-repeat: no-repeat;
		    background-position: center;
		    background-size: 100% 100%;
		    width: 175px;
		    position: fixed;
		    left: 0;
		    top: 0;
		    bottom: 0;
		    margin-block: auto;
		    padding-inline: 30px;
		    color: white;
		    font-size: 13px;
		    font-family: monospace;
		    display: flex !important;
		    align-items: center;
		}
		dt.tm-options-totals,.tm-options-totals {
		    display: none !important;
		}

	}

	.menu-primary-menu-container > ul > li > a {
	    line-height: 45px;
	}

	nav#site-navigation {
	    width: 88%;
	}

	ul#menu-main-menu {
	    /* display: flex; */
	    /* align-items: center; */
	    justify-content: space-around;
	    position: relative;
	}
	.menu .button {
	    position: absolute;
	    right: 0;
	}

}