/*

Theme name: Nebra
version: 0.168
author: Nebra Team

*/

/*

#f9f6f2 //white
#195447 //green

*/



/* Disable all text selection highlight */
::selection,
::-moz-selection {
    background: transparent !important;
    color: inherit !important;
}

/* Remove Chrome focus borders and glow */
*:focus,
:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Inputs */
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Autofill background + borders */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
            box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* Remove mobile tap highlight */
* {
    -webkit-tap-highlight-color: transparent !important;
}



/* Disable all text selection */
* {
    user-select: none !important;
    -webkit-user-select: none !important;
	scroll-behavior: smooth;
}

/* Remove Chrome selection highlight */
::selection,
::-moz-selection {
    background: transparent !important;
}

/* Remove Chrome autofill yellow background */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* Disable focus outlines */
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional (mobile copy/long-press disable) */
* {
    -webkit-touch-callout: none !important;
}

/* Disable dragging */
img, a, * {
    -webkit-user-drag: none;
    user-drag: none;
}























/*cart - checkout*/

.cartmenu .woocommerce-cart-form {width : 90% ; margin : auto}
.cartmenu .cart-collaterals {width : 90% !important ; margin : auto}
.cartmenu .product-name a {color : black ; text-decoration : none}
.cartmenu .product-name a:hover {color : black ; text-decoration : underline}

.woocommerce a.remove:hover {background : none ; color : #555 !important}
.woocommerce a.remove {background : none ; color : black !important}

.cartmenu #coupon_code {width : 100% ; padding : 0 10px ; height : 40px ; margin : 10px auto}
.cartmenu .button[name="apply_coupon"]{width : 100% !important ; color : white !important}
.cartmenu .coupon {float : none ; width : 100%; margin-bottom : 10px}
.cartmenu .actions {text-align : center;}
.cartmenu .button[name="update_cart"] {width : 100% !important ; color : white !important}
.cartmenu .checkout-button {width : 100% ; background : black !important ; text-align : center }
.cartmenu .wc-proceed-to-checkout .checkout-button {color : white ; text-decoration : none}
.cartmenu .woocommerce table.shop_table td {border : 1px sollid #999999 !important}

.cartmenu .woocommerce table.shop_table_responsive tr td::before,
.cartmenu  .woocommerce-page table.shop_table_responsive tr td::before {
display : none !important;
}
.cartmenu .product-thumbnail {display : flex !important ; width : 100px ; margin : auto}
.woocommerce-cart-form__contents td {text-align : right !important}

form.checkout.woocommerce-checkout {
    padding: 20px;
}

.cartmenu .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background : none}

.cartmenu .shop_table_responsive {margin-top : 20px !important }
.cartmenu .woocommerce table.shop_table_responsive tr td,
.cartmenu  .woocommerce-page table.shop_table_responsive tr td {
    text-align: right!important;
}

.cartmenu a.button.wc-backward, a.checkout-button.button.alt.wc-forward {
    padding: 20px;
}


.woocommerce-checkout {width : 100%; margin : auto}
/*.woocommerce-checkout input, .woocommerce-checkout select {height : 40px ; padding : 0 10px}*/
#payment {background : none !important}
.woocommerce-terms-and-conditions-wrapper {display : none}



/*menu cart*/
.woocommerce-cart-form, .cart-collaterals {width : 100% ; float : none ; padding : 20px}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width : 100% ; float : none ; padding : 20px}

.cartmenu .woocommerce .cart-collaterals .cart_totals,.cartmenu .woocommerce-page .cart-collaterals .cart_totals {width : 100% ; float : none}
.cartmenu thead {display : none}
.cartmenu .product-name, .cartmenu .product-price, .cartmenu .product-quantity {display : block !important}
.cartmenu.woocommerce {margin : 20px auto ; padding : 20px}





.cartmenu tr.woocommerce-cart-form__cart-item.cart_item {
    display: flex;
    flex-direction: column;
}

.cartmenu .woocommerce table.shop_table_responsive tr td,
.cartmenu .woocommerce-page table.shop_table_responsive tr td {
    text-align: center !important;
}


.cartmenu td.product-subtotal {
    text-align: center;
    border-bottom: 1px #cccccc solid !important;
}




.cartmenu .woocommerce td.product-name .wc-item-meta dd,
.cartmenu  .woocommerce td.product-name dl.variation dd {
    margin: 0;
    display: flex;
}



.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {width : 100%}



/**/


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {margin-top : 10px}


.button{
width : 100% ;
height : 50px ;
display: flex ; 
gap: 20px ;
align-items : center;
justify-content : center;
font-size : 14px ;
background : none ;
font-weight : 400 ;
text-align : center ;
text-decoration : none ;
transition : 0.2s ;
color : black ;
border : 1px solid black;
}

.button2{
height : 50px ;
display: flex ; 
gap: 20px ;
align-items : center;
justify-content : center;
font-size : 14px ;
background : white ;
font-weight : 400 ;
text-align : center ;
text-decoration : none ;
transition : 0.2s ;
color : black ;
padding : 0 20px;
border : none;
}


button:hover, .button:hover, input[type=submit]:hover {background : black  ; color : white }

.pointer {cursor : pointer}

.underline-button {color : black ; text-decoration : none ; border-bottom : 1px solid black ; width : auto ; font-weight : 400}








/*account temporary css*/


.woocommerce-MyAccount-navigation ul {list-style : none}
.woocommerce-MyAccount-navigation-link a {text-decoration : none ; color : black}
.woocommerce-MyAccount-navigation-link.is-active a {font-weight : 500 !important}
.woocommerce-MyAccount-navigation-link:hover a {font-weight : 500 !important}
.woocommerce-MyAccount-navigation-link {padding : 10px 0 ; border-bottom : 1px solid #cccccc}
.woocommerce-MyAccount-content {display : flex ; gap : 20px ; flex-direction : column ; justify-content : center}
.woocommerce-MyAccount-content p {display : block}
.wishlist {list-style : none}
.wishlist li {padding : 10px 0 ;}
.wishlist li a {text-decoration : none ; color : black}
.wishlist li a:hover {border-bottom : 1px solid #cccccc}
.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-orders-table__cell-order-number, .woocommerce-orders-table__header-order-number {display : none !important}
.woocommerce table.my_account_orders .button {
    background: black;
    white-space: nowrap;
    color: white;
    border-radius: 0;
    font-weight: 400;
}
.woocommerce-LostPassword {margin-top : 15px}
.woocommerce-LostPassword a,.woocommerce-privacy-policy-link {color : black ; text-decoration : none ;  border-bottom : 1px solid black ; }

@media(max-width : 700px){
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {text-align : right !important ; padding : 10px}
.u-column2.col-2.woocommerce-Address {display : none}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: right !important;
    width: 100%;
}
}

.woocommerce form input[type=password] {
    padding: 10px;
}
.woocommerce-Button {margin : 20px auto !important}

.woocommerce table.my_account_orders .button {
    background: black;
    margin: 10px 0;
    white-space: nowrap;
    color: white;
    border-radius: 0;
    font-weight: 400;
}


.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
display : none;
}

/*account temporary css*/

input[type=text],input[type=email],input[type=tel],input[type=password], input[type=search],input[type=datetime-local],input[type=date],input[type=time], select
{height : 50px !important;display: flex !important; align-items : center !important; padding : 0 20px ; width : 100% !important}

textarea { padding : 10px 20px; width: 100%; height: 100px !important; resize: none; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button 
{ -webkit-appearance: none; margin: 0; }

input[type=number] 
{ -moz-appearance: textfield; }




input[type="checkbox"]
{width: 24px ; height: 24px ; color: dodgerblue; vertical-align: middle; -webkit-appearance: none; background: #404040; border: 0; outline: 0; flex-grow: 0; border-radius: 50%; background-color: #FFFFFF; transition: background 300ms; cursor: pointer; margin : 10px}


input[type=checkbox]::before
{ content: ""; color: transparent; display: block; width: inherit; height: inherit; border-radius: inherit; border: 0; background-color: transparent; background-size: contain; box-shadow: inset 0 0 0 1px #404040; }


input[type=checkbox]:checked { background-color: #404040; }

input[type=checkbox]:checked::before { box-shadow: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E"); }








input[type="radio"] {width: 24px; height: 24px; color: dodgerblue; vertical-align: middle; -webkit-appearance: none; background: #404040; border: 0; outline: 0; flex-grow: 0; border-radius: 50%; background-color: #FFFFFF; transition: background 300ms; cursor: pointer; margin : 10px}


input[type=radio]::before { content: ""; color: transparent; display: block; width: inherit; height: inherit; border-radius: inherit; border: 0; background-color: transparent; background-size: contain; box-shadow: inset 0 0 0 1px #404040; }


input[type=radio]:checked { background-color: #404040; }

input[type=radio]:checked::before { box-shadow: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E"); }

/*//  variations start*/

.add-to-cart-3-buttons{
margin-top : 20px ;
display : flex; 
width : 100% ; 
align-items : center ; 
justify-content : center ; 
gap : 10px
}

/* quantity box */
.quantity .qty {
height : 40px !important ; 
width : 40px ; 
display : flex ; 
align-items : center ;
justify-content : center ; 
text-align : center ;
border-radius : 10px ; 
background : none ; 
color : black ; 
border : 1px solid black}


.variations tr{display : flex ; flex-direction : column ; width : 100% ; }
.variations select {width : 100% ; height : 40px}
.variations th.label {text-align : right }



input#adminbar-search, #wpadminbar #adminbarsearch {
    width: 0px !important;
	display : none;
}

label.screen-reader-text {
    display: none;
}





select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

select::-ms-expand {
    display: none;
}


img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
    object-fit: contain;
    height: auto;
}