/*
Theme Name: Thea Jewelry
Description: Thea Jewelry is a child theme of Hello Elementor, created by Elementor team
Author: Codalist
Author URI: https://codalist.be
Template: hello-elementor
Version: 1.0.1
Text Domain: thea-jewelry
*/

/* From price font size */
.tj_from {
    font-size: 80%;
}

/* Hide stuff on cart & checkout */
.woocommerce-cart dt.variation-PrixTexte,
.woocommerce-cart dd.variation-PrixTexte,
.woocommerce-cart dt[class*="variation-PrixSertissage"],
.woocommerce-cart dd[class*="variation-PrixSertissage"],
.woocommerce-cart dt.variation-Image,
.woocommerce-cart dd.variation-Image,
.woocommerce-checkout-review-order-table dt.variation-PrixTexte,
.woocommerce-checkout-review-order-table dd.variation-PrixTexte,
.woocommerce-checkout-review-order-table dt[class*="variation-PrixSertissage"],
.woocommerce-checkout-review-order-table dd[class*="variation-PrixSertissage"],
.woocommerce-checkout-review-order-table dt.variation-Image,
.woocommerce-checkout-review-order-table dd.variation-Image {
    display: none !important;
}

/* Style form elements */
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
    border: solid 1px #EBEBEB;
    border-radius: 0;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    border-color: #000000;
}

/* Style PPOM table */
#ppom-price-container {
    /*
    border: 1px solid #000;
    margin: 40px 15% 0 !important;
    width: 70% !important;
    display: inline-block;
    width: 50%;
    */
}
#ppom-price-container table {
    border: none;
    margin-bottom: 0;
}
/*
#ppom-price-container table th,
#ppom-price-container table td {
    border: none;
    font-weight: 700;
    font-size: initial;
    padding: 0;
    text-transform: uppercase;
    width: 50%;
}
#ppom-price-container table tr.ppom-option-price-list.ppom-total-without-fixed {
    background-color: #282738;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: .5rem;
	text-align: center;
}
#ppom-price-container table tr.ppom-option-price-list.ppom-total-without-fixed:hover {
    background-color: #fff;
    color: #282738;
}
*/

#ppom-price-container table th.ppom-label-item {
	display: none;
}
#ppom-price-container table th.ppom-price-item {
    display: inline;
    padding: 0;
}
.ppom-option-total-price {
    display: none;
}

/* Cart Page - message pop up
.woocommerce-message {
    border-top-color: #0060ED;
}

.woocommerce-message::before {
    color: #0060ED;
}

/* Message WooCommerce enlevé*/
.woocommerce-message {
    display: none;
}

/* Cart Page - table*/
h1.entry-title {
    display: none;
}

/* Cart Page - table*/
.woocommerce table.shop_table td {
    border: 0px solid #ccc;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #ffffff;
}

table caption+thead tr:first-child td, table caption+thead tr:first-child th, table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

table th {
    border: 0px solid #ffffff;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 150px;
}

/* Cart Page - button */
/*change product add to cart button color */
.woocommerce div.product form.cart .button {
    background-color: #282738;
    color: white;
    margin: 30px;
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 15px;
    padding-right: 25px;
}

.woocommerce div.product form.cart .button:hover {
    background-color: white;
    color: #282738;
    margin: 30px;
    margin-left: -20px;
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 15px;
    padding-right: 25px;
}

/*Bouton "ajouter code promo"
.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    background-color: #282738;
    color: white;
    border-radius: 0px;
}

/*Bouton "code promo" à remplir
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 5px 6px 0px;
    margin: 0px 10px 0px;
    text-align: center;
}

/*Bouton "valider la commande"
.woocommerce a.button.alt {
    background-color: #282738;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 0px;
}

.woocommerce a.button.alt:hover {
    background-color: white;
    color: #282738;
    border: solid 1px #282738;
}

/*When Prodcut is added
.woocommerce .product .add_to_cart_button.button {
    background-color: #282738;
    color: white;
    border-radius: 0px;
}

.woocommerce .product .add_to_cart_button.button:hover {
    background-color: yellow;
    color: blue;
}

/*Bouton "Retour à la boutique"
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background-color: #282738;
    color: white;
    border-radius: 0px;
	margin-bottom: 30px;
}
*/


/*Gift cards */
<div class="gift-card-content-editor step-content">

    
    <h5 class="ywgc_recipient_info_title">
         </h5>


    <div class="ywgc-single-recipient">
        <div class="ywgc-recipient-name">
            <label for="ywgc-recipient-name">Nom : </label>
            <input type="text" id="ywgc-recipient-name" name="ywgc-recipient-name[]" placeholder="Entrez le nom des destinataires" required="" class="yith_wc_gift_card_input_recipient_details">
        </div>

        <div class="ywgc-recipient-email">
            <label for="ywgc-recipient-email">E-mail : </label>
            <input type="email" id="ywgc-recipient-email" name="ywgc-recipient-email[]" required="" class="ywgc-recipient yith_wc_gift_card_input_recipient_details" placeholder="Entrez les adresses mail des destinataires">
        </div>
    </div>

    
    


    
        <h5 class="ywgc-sender-info-title">
            VOS INFOS        </h5>

        <div class="ywgc-sender-name">
            <label for="ywgc-sender-name">Nom : </label>
            <input type="text" name="ywgc-sender-name" id="ywgc-sender-name" value="" placeholder="Entrez votre nom">
        </div>
        <div class="ywgc-message">
        <label for="ywgc-edit-message">Message : </label>
        <textarea id="ywgc-edit-message" name="ywgc-edit-message" rows="5" placeholder="Entrez un message pour le bénéficiaire"></textarea>
    </div>

	
</div>
.gift-cards_form .selected_button {
    color: #fff!important;
    background-color: #0060ed!important;
    border-color: #282738!important;
}

.woocommerce div.product.elementor .quantity .qty {
    display: none;
}

/* Nhu - page produits - heart icon on click example */
.heart {
	cursor: pointer;
}
.heart.active svg {
    fill: #ff0000 !important;
}

/* WOOCOMMERCE CART : show product image on mobile  */

@media only screen and (max-width: 768px) {
	.shop_table.cart td {
		width: 100% !important;
	}
	.woocommerce table.shop_table_responsive tr td::before,
	.woocommerce-page table.shop_table_responsive tr td::before {
		display: none;
	}
	.woocommerce #content table.cart .product-thumbnail,
	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page #content table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail {
		display: block !important;
	}
	.shop_table.cart tr.cart_item td.product-thumbnail img {
		width: 100% !important;
	}
	.shop_table.cart tr.cart_item td.product-name {
		text-align: left !important;
	}
}