/*
Theme Name: Ecomall Child
Theme URI: https://demo.theme-sky.com/ecomall/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: ecomall
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: ecomall-child
*/

.woocommerce-checkout-review-order-table {
    width: 100%;
}

.woocommerce-shipping-methods {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
    display: block !important;
	 width: 100% !important;
}

.woocommerce-checkout-review-order-table .woocommerce-shipping-methods {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* My account */
.my-account-wrapper{
	display: none;
} 

.woocommerce-form__label {
	display: none;
}
#billing_country_field {
    display	: none !important;
}
#billing_city_field {
    display	: none !important;
}
/* Flash sale */
#menu-item-7198{
display	: none;	
}

.ts-buy-now-button:hover {
    color:white !important;
    background :black !important;
}
.woocommerce-shipping-totals {
  	 width: 100% !important;
} 
.woocommerce-shipping-totals th {
   display: block;
} 
.woocommerce-shipping-totals td {
	 width: 100% !important;
}

/* Uniquement sur la page checkout */
body.woocommerce-checkout .woocommerce form .form-row input,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .woocommerce form .form-row label {
  direction: rtl;
  text-align: right;
}

#coupon_code{
  direction: ltr;
  text-align: left;
}

.woocommerce .form-row-first {
  width: 100% !important;
  float: none !important;
  clear: both;
}

#order_comments_field textarea,
#order_comments_field label{
	direction: ltr;
  text-align: left;
}
/* Masquer le champs commentaire pour le mobile */
@media only screen and (max-width: 768px) {
	#order_comments_field {
	display: none;
}}
/* traduction dans la section WooCommerce */
.payment_method_cod .payment_box p{
	direction: rtl;
   text-align: right;
} 
.wc_payment_method.payment_method_cod label {
    direction: rtl; /* important pour forcer l'alignement du texte */
	text-align: right;
}


/* Masquer offre du jour - Page acceuil */
.elementor-element-807c83b {
	display: none;
}

.elementor-element-519253b5 {
	display: none !important;
}
 
/* Produits en promotions - Page acceuil */
.heading-tab .heading-title {
	color:black;
    font-weight: 700 !important;
	font-weight: bold;
} 

/* cacher "promotions"  */
ul.tabs li span {
	display: none;
} 
.attachment-ecomall_menu_icon_thumb {
/*	background-color: blue !important; */
}

.menu-icon img {
  width: 100px !important;	
} 

.menu-icon:nth-of-type(3) img {
  background-color: yellow !important;
  width: 100px;
  height: 100px;
  display: none !important;
}

/* Le champs Expédition */
.woocommerce-shipping-totals.shipping td {
    text-align: left !important;
	margin-bottom: 100px !important; 
} 

body.woocommerce-checkout .woocommerce-shipping-methods {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
} 

.woocommerce-cart-form table {
    width: 100% !important;
}

body.woocommerce-checkout .woocommerce-shipping-totals .shipping-label {
    text-align: left !important;
    margin-bottom: 15px !important; 
} 
/* L'icone packs  */
#menu-categories li:nth-last-child(2) .menu-icon img {
    width: 30px !important;
    height: 27px !important;
}
#menu-categories li:nth-last-child(4) .menu-icon img {
    width: 50px !important;
    height: 27px !important;
}
#menu-categories li:nth-last-child(3) .menu-icon img {
    width: 50px !important;
    height: 30px !important;
}

.swatchly-type-wrap {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
}

/* solution d'aujourd'hui  */

.woocommerce-shipping-totals.shipping.shipping-stacked {
    width: 100% !important;
    display: table-row !important;
}

.woocommerce-shipping-totals.shipping.shipping-stacked td {
    width: 100% !important;
    box-sizing: border-box;
}


/* solution code promo checkout  */
.form-row-last{
	margin-top: 20px !important;
}
.form-row-last button:hover{
	background:#CC0000 !important;
	color:white !important;
}


////////////////////////////// Code Promo  

/* FORCER la largeur et visibilité de l'input code promo 
.woocommerce table.cart td.actions .coupon input[type="text"],
.woocommerce table.cart td.actions .coupon input.input-text,
.woocommerce table.cart td.actions .coupon #coupon_code,
input[name="coupon_code"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
   
    margin: 0 10px 0 0 !important;
    border: 1px solid #ddd !important;
    background: white !important;
    position: static !important;
    float: none !important;
    clear: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
} */

/* S'assurer que le conteneur coupon donne de l'espace 
.woocommerce table.cart td.actions .coupon {
    display: inline-block !important;
    width: auto !important;
    min-width: 50px !important;
    margin-right: 20px !important;
    vertical-align: top !important;
    position: static !important;
    float: none !important;
    overflow: visible !important;
} */

/* Positionner le bouton après l'input 
.woocommerce table.cart td.actions .coupon button {
    display: inline-block !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    position: static !important;
    float: none !important;
    clear: none !important;
} */

/* Reset du conteneur principal 
.woocommerce table.cart td.actions {
    display: block !important;
    text-align: left !important;
    overflow: visible !important;
    position: static !important;
} */

/* Autres boutons 
.woocommerce table.cart td.actions > button {
    display: inline-block !important;
    margin-right: 10px !important;
    vertical-align: top !important;
    white-space: nowrap !important;
    position: static !important;
    float: none !important;
} */


///////////////////////////////////// SOLUTION RENFORCE POUR WOOCOMMERCE 

/* Force le conteneur coupon à prendre toute la largeur */
.woocommerce .coupon,
.coupon,
.woocommerce-cart .coupon,
.woocommerce-checkout .coupon {
    display: flex !important;
    flex-wrap: wrap !important;
   
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
} 

/* Force l'input à prendre l'espace restant */
.woocommerce .coupon .input-text,
.coupon .input-text,
.woocommerce-cart .coupon .input-text,
.woocommerce-checkout .coupon .input-text,
.coupon #coupon_code {
    flex: 1 1 200px !important; 
    min-width: 200px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
    height: auto !important;
    line-height: 1.4 !important;
} 

/* Force le bouton à rester à côté  */
.woocommerce .coupon .button,
.coupon .button,
.woocommerce-cart .coupon .button,
.woocommerce-checkout .coupon .button,
.coupon button[name="apply_coupon"] {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    background-color: #007cba !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    height: auto !important;
    line-height: 1.4 !important;
    min-height: 48px !important;
}

.coupon .button:hover,
.coupon button[name="apply_coupon"]:hover {
    background-color: #005a87 !important;
}

/* Responsive pour mobile  */
@media screen and (max-width: 768px) {
    .woocommerce .coupon,
    .coupon,
    .woocommerce-cart .coupon,
    .woocommerce-checkout .coupon {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .woocommerce .coupon .input-text,
    .coupon .input-text,
    .coupon #coupon_code {
        flex: none !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .woocommerce .coupon .button,
    .coupon .button,
    .coupon button[name="apply_coupon"] {
        flex: none !important;
        width: 100% !important;
    }
}



/* Pour forcer la largeur du conteneur parent si nécessaire */
.woocommerce-cart-form,
.cart-collaterals,
.woocommerce-checkout-coupon {
    width: 100% !important;
} 

/* Reset des styles flottants qui pourraient interférer */
.coupon * {
    float: none !important;
    position: static !important;
}