/*
Theme Name: Nooni Child
Theme URI: https://demo.theme-sky.com/nooni/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: nooni
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: nooni-child
*/


/*FORMULAIRE DE CONTACT*/
.ginput_container.ginput_container_consent {display: flex;flex-direction: row;align-items: center;column-gap: 5px;}
.ginput_container.ginput_container_consent label {padding: 0px!important;}


/*Compte a rebours*/
/* ===== Countdown "cercles" (style comme ton image) ===== */

.countdown-circles{
  display:flex;
  gap: 28px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap: wrap;
}

.countdown-circles .cd-item{
  width: 110px;
  height: 110px;
  background: #d6d6d6;
  border-radius: 999px;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  line-height: 1;
}

.countdown-circles .cd-num{
  font-size: 36px;
  font-weight: 800;
  color: #000;
  letter-spacing: 0.5px;
}

.countdown-circles .cd-label{
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

/* Responsive */
@media (max-width: 767px){
  .countdown-circles{
    gap: 16px;
  }

  .countdown-circles .cd-item{
    width: 92px;
    height: 92px;
  }

  .countdown-circles .cd-num{
    font-size: 30px;
  }

  .countdown-circles .cd-label{
    font-size: 14px;
    margin-top: 6px;
  }
}
/**/

.ts-header .header-left {flex:unset!important}
.single-product .breadcrumb-title-wrapper {display:none!important;}
.ywsbs_max_length {display:none!important;}
.woocommerce-mini-cart-item .cart-item-wrapper .quantity {display:none!important;}
.woocommerce-mini-cart-item .cart-item-wrapper .subtotal {margin-left:0px!important;}

#payment fieldset {margin:0;padding:0}



.cta-abos{
  display:block;
  margin-top:-20px;
  padding:14px 16px;
  /*border-radius:0px 0px 12px 12px;*/
  text-align:center;
  font-weight:700;
  background:#111;
  color:#fff;
  text-decoration:none;
}


/*WOOCOMMERCE*/

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {border-radius:30px;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce table.shop_table.cart td.actions .button.empty-cart-button, .woocommerce table.shop_table.cart td.actions .button {border-radius:30px!important;}
.woocommerce div.product .summary form.cart .single_add_to_cart_button {border-radius:30px!important;}
.dropdown-container .dropdown-footer .button, .dropdown-container .dropdown-footer .button.checkout-button{border-radius:30px!important;}

body .elementor-swiper-button i {font-size:50px;}

.woocommerce-account .woocommerce-MyAccount-navigation ul {gap:30px!important;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{font-size:16px!important;}


@media (max-width: 768px) {
	.woocommerce div.product div.summary {margin-bottom: 0px!important;}
#main .breadcrumb-title-wrapper + .page-container {padding: 0px 20px;}
}


/*CHECKOUT*/

/* ===============================
   LAYOUT 2 COLONNES
=============================== */
.woocommerce > form.checkout #order_review {width:100%!important;margin-top: 10px;
    margin-bottom: 20px;padding: 0px;
    background-color: #fff;}

.t15-checkout__grid{
  display:grid;
  grid-template-columns: 4fr 3fr;
  gap: 26px;
  align-items:start;
	    margin: 0px 20px 50px 20px;
}

@media (max-width: 980px){
  .t15-checkout__grid{
    grid-template-columns: 1fr;
  }
}

/* ===============================
   CARDS
=============================== */
.t15-card{
  background:#fff;
  /*border:1px solid #e5e7eb;*/
  border-radius:14px;
  box-shadow:0 8px 26px rgba(0,0,0,.15);
  padding:18px;
}

.t15-card + .t15-card{
  margin-top:18px;
}

.t15-card__header{
  display:flex;
  align-items:center;
  gap:10px;
	width:100%!important;
}

.t15-card__header--split{
  justify-content:space-between;
}

.t15-card__title{
  font-size:16px;
  margin:0;
  font-weight:800;
	font-family: 'Work Sans';
}

.t15-card__subtitle{
  font-size:14px;
  margin:0;
  font-weight:800;
}

.t15-card__meta{
  font-size:12px;
  opacity:.75;
}

/* pastille étape */
.t15-step{
  width:26px;
  height:26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:13px;
  background:#ef4444;
  color:#fff;
  flex:0 0 auto;
}

/* ===============================
   HELP BOX
=============================== */
.t15-help{
  margin-top:18px;
  background:#eff6ff;
  border:1px solid #dbeafe;
  border-radius:14px;
  padding:16px;
}

/* ===============================
   FIX FORM WOOCOMMERCE (déformations)
=============================== */

/* Stop floats + widths Woo */
.t15-checkout .woocommerce-billing-fields__field-wrapper .form-row{
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

#select2-billing_country-container {height: 50px;
    padding: 0px 26px 0px 26px;}

/* Grid champs comme ta maquette */
.t15-checkout .woocommerce-billing-fields__field-wrapper{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
	    padding: 20px;
}

/* Champs full width */
.t15-checkout #billing_email_field,
.t15-checkout #billing_country_field,
.t15-checkout #billing_address_1_field{
  grid-column: 1 / -1 !important;
}

/* Ligne prénom/nom */
.t15-checkout #billing_first_name_field{ grid-column: 1 !important; }
.t15-checkout #billing_last_name_field{ grid-column: 2 !important; }

/* Ligne CP/Ville */
.t15-checkout #billing_postcode_field{ grid-column: 1 !important; }
.t15-checkout #billing_city_field{ grid-column: 2 !important; }

/* Inputs : neutralise le style sombre du thème */
.t15-checkout input.input-text,
.t15-checkout textarea,
.t15-checkout select{
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Select2 pays */
.t15-checkout .select2-container{ width:100% !important; }
.t15-checkout .select2-selection{
  height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
}
.t15-checkout .select2-selection__rendered{
  line-height: 42px !important;
}

/* Cache le titre "Détails de facturation" (car tu as ton propre titre) */
.t15-checkout .woocommerce-billing-fields > h3{
  display:none !important;
}

/* ===============================
   PAIEMENT / BOUTON
=============================== */
.t15-checkout #payment{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:none !important;
}

.t15-checkout #place_order{
  width:100% !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  font-weight:800 !important;
}

/* Optionnel : masquer le bandeau Google Pay / Payment Request (Stripe) */
.wc-stripe-payment-request-wrapper,
.wc-stripe-payment-request-button-separator{
  display:none !important;
}

.woocommerce #order_review table.shop_table .product-name{padding-bottom:0px;}
.woocommerce #order_review table.shop_table .product-total{padding-bottom:0px;}
#order_review .shop_table.woocommerce-checkout-review-order-table .product-name{padding:0px;}

#order_review .t15-card__header {padding:0px 20px;}


.t15-summary__value .includes_tax {display:none!important;}

/**********************************/
/* SUMMARY RIGHT (Votre commande) */
.t15-summary{
  display:flex;
  flex-direction:column;
  gap:4px;
	padding:0px 20px;
}
.t15-summary__item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.t15-summary__left{ min-width:0; }
.t15-summary__name{
  font-weight:700;
  font-size:14px;
  line-height:1.2;
}
.t15-summary__qty{
  margin-top:6px;
  font-size:12px;
  opacity:.75;
}
.t15-summary__right{
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
}
.t15-summary__sep{
  height:1px;
  background:#e5e7eb;
  margin:4px 0;
}
.t15-summary__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
}
.t15-summary__row--sub{
  opacity:.8;
  font-size:12.5px;
}
.t15-summary__row--total{
  margin-top:4px;
  font-weight:800;
  font-size:16px;
}
.t15-summary__row--total .t15-summary__value{
  color:#ef4444;
}