/*
theme name: porto child
template: porto
theme uri: https://childthemewp.com/porto/
author: childthemewp
author uri: https://childthemewp.com
version: 1.0.0
license: gnu general public license v2 or later
license uri: http://www.gnu.org/licenses/gpl-2.0.html
tags: opensource
text domain: portochild
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.woocommerce ul.product_list_widget li .star-rating {
  display: none;
}
.a_partir_de {
  font-size: 10px;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.price {
  margin-bottom: 0rem !important;
}
.ttc-price {
  font-style: italic;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 11px;
}
.ttc-price-product {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: black;
}
.woocommerce-product-details__short-description {
  margin-top: 20px !important;
}

.product-inner {
  height: 100%;
}
/** ======================
 * 	   Header contact
 * ==================== **/
#header .header-top .header-row {
  width: 1240px;
  color: white;
  background-color: #403f3f;
  font-family:
    Noto Sans,
    sans-serif;
}
#header .header-top .separator {
  color: white;
  border-left-color: white;
}
#header .header-top .header-row .header-left {
  padding-left: 10px;
}
#header .header-top .header-row .header-left .custom-html .headerTitle {
  font-size: 1.5em;
  font-weight: 300;
}
#header .header-top .header-row .header-center .custom-html .headerPhone {
  font-size: 1.5em;
  font-weight: 300;
}
#header .header-top .header-row .header-center .custom-html .headerSchedule {
  font-weight: 300;
}
#header .header-top .header-row .header-center .custom-html .headerContact {
  text-decoration: underline;
  font-size: 1.5em;
  color: orange;
  cursor: pointer;
}
.phone-header {
  background: white;
  color: black;
  padding: 5px;
  border-radius: 100%;
}
.welcome-title {
  display: contents;
  font-size: small;
  position:;
  width: 100%;
  text-align: center;
  font-weight: 100;
  justify-content: space-between;
  color: #efa947;
}
.welcome-title h5 {
  margin: 0;
  text-align: start;
  font-weight: bold;
}
/** ========================
 * Grossissement des titres
 * ====================== **/
.section-title {
  font-size: 2em;
}
#content .wpb_wrapper h4 {
  font-size: 2em;
}

/** Custom home block 3 cols **/
.custom-home-bloc h2 {
  color: #efa947 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  font-size: 1.3em !important;
  font-weight: 500 !important;
  font-style: italic !important;
}

.custom-home-bloc h4 {
  color: #ffffff !important;
  margin: 0 !important;
  font-size: 1em !important;
  font-weight: 400 !important;
}

.custom-container-bloc .wpb_wrapper vc_column-inner,
.custom-container-bloc .vc_column_container > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.custom-container-bloc .vc_cta3-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/** END custom home block 3 cols **/

/** Centre verticalement le label du menu deroulant du champs de recherche **/
#header .searchform .selectric {
  display: flex;
  height: 100%;
  align-content: space-around;
  align-items: center;
}

#header .searchform .selectric .label {
  display: flex;
}

#header .searchform .selectric .label:after {
  margin-left: 5px;
}

/** END **/

/** PAGE PRODUIT, FILTRE **/
.porto-product-filters-toggle {
  padding: 10px 0;
}
body.woocommerce-page.archive .sidebar-content .widget .widget-title {
  padding: 10px 0 !important;
}
/** END **/

/** PAGE PANIER **/
.container_after_cart_table {
  display: flex;
  justify-content: space-between;
}
.container_after_cart_table .after_cart_table_btn_purchase {
  color: white;
  background: #919294;
  padding: 10px;
  user-select: none;
}
.container_after_cart_table .after_cart_table_btn_print {
  color: white;
  background: #fba827;
  padding: 10px;
  user-select: none;
}
.container_paiement_after_cart_table {
  margin-top: 50px;
  padding: 20px;
  border: 1px solid lightgray;
}
.container_paiement_after_cart_table .after_cart_table_paiement_title {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #007599;
  font-weight: 700;
  text-transform: uppercase;
}
.container_paiement_after_cart_table .after_cart_table_paiement_text {
}
.form-row button {
  background-color: #fba827;
}
.woocommerce-thankyou-order-received {
  display: flex;
  align-items: center;
  justify-content: center;
}
.woocommerce-thankyou-order-received span {
  text-align: center;
}
.woocommerce-thankyou-order-received span span {
  color: #fba827;
}
span.vc_icon_element-icon.fas.fa-check-circle {
  font-size: 40px;
  color: #0cc485;
  padding-right: 15px;
}
/** END **/

/** PAGE CONFIRMATION PAIEMENT (CHECKOUT) **/
.order-details-container {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 0 1.25rem;
}
.order-details-container div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.order-details-container div strong {
  display: flex;
  width: 100%;
  justify-content: center;
}

.woocommerce-order {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  display: flex;
  width: 100%;
}
section.woocommerce-order-details.mb-3 {
  display: flex;
  width: 70%;
  flex-direction: column;
}
section.woocommerce-customer-details.mt-5 {
  display: flex;
  width: 26%;
  justify-content: end;
}
section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
  display: flex;
  align-items: end;
  flex-direction: column;
  height: 100%;
}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
  width: 100%;
  height: 50%;
}

address.font-size-md {
  height: 76%;
  background: RGB(232, 232, 232);
  color: black;
  padding-top: 15px;
  padding-left: 20px;
}
.woocommerce-checkout-bottom-container {
  height: 3rem;
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.woocommerce-checkout-bottom-button-home {
  color: white;
  background: #403f3f;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.woocommerce-checkout-bottom-button-list {
  color: white;
  background: #fba827;
  padding: 10px;
  user-select: none;
  width: 21.5%;
  text-align: center;
}
h3.woocommerce-column__title.account-sub-title.mb-1 {
  height: 15%;
}
a.woocommerce-button.button.wc-action-btn.mt-3.px-4 {
  display: none;
}

.mb-3 {
  margin-bottom: 0 !important;
}
h2.woocommerce-column__title {
  font-family:
    Noto Sans,
    sans-serif;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.5px;
  color: #323232;
  margin: 0;
  height: 20%;
}
address {
  font-style: normal;
  padding: 10px;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 30px;
  background: lightgray;
  line-height: 30px;
  height: 80%;
  margin: 0;
}

.mt-5 {
  margin-top: 0 !important;
}
.featured-boxes.pt-4.pb-3.p-l-lg.p-r-lg {
  padding: 0 !important;
}
td.woocommerce-table__product-name.product-name,
h4.mb-0 {
  padding-left: 20px;
}
.woocommerce-table--order-details thead {
  display: none;
}
h4.card-sub-title.text-md {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  margin: 0;
  background: #403f3f;
  color: white;
}
td.woocommerce-table__product-name.product-name a {
  color: #efa947;
}
tfoot tr {
  border-top: 1px solid #e7e7e7;
}
.woocommerce-checkout h4,
.woocommerce-cart h4,
.woocommerce-order-details h4 {
  font-size: 14px;
  font-size: 1.5em !important;
}
tfoot th,
tfoot td {
  padding: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 10px !important;
}
/** END **/

/** Cacher les remises **/
.labels {
  /*display: none;*/
}

@media screen and (max-width: 1280px) {
  .woocommerce-account .woocommerce {
    width: 100% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .porto-u-sub-heading {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 940px) {
  .woocommerce-account .woocommerce {
    width: 100% !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}

ul.products > li.product-type-variation {
  display: none !important;
}

#tab-preconisation {
  white-space: pre-line;
}

.cross-sells {
  margin-top: 30px;
  clear: both;
}

.cross-sells h2 {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .cart-collaterals {
    display: flex;
    flex-direction: column;
  }

  .cart_totals {
    order: 1;
  }

  .cross-sells {
    order: 2;
    margin-top: 30px;
  }
}

.thumb-info-wrapper.tf-none {
  background: transparent !important;
}

.thumb-info-wrapper.tf-none:before,
.thumb-info-wrapper.tf-none:after {
  display: none !important;
}

.thumb-info-wrapper.tf-none img {
  background: transparent !important;
  box-shadow: none !important;
}

.password-input-wrapper {
  position: relative;
  display: block;
}

.toggle-password {
  position: absolute;
  right: 10px;
  top: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #777;
  z-index: 10;
}

.toggle-password:hover {
  color: #fba827;
}

.password-field-container input[type="password"],
.password-field-container input[type="text"] {
  padding-right: 25px;
}

/* Support for inline show/hide password button used in custom markup */
.password-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

.password-input input[type="password"],
.password-input input[type="text"] {
  padding-right: 40px;
}

/* Style pour le bouton show/hide password (géré par WooCommerce/thème) */
.show-password-input {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 38px;
  width: 38px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #777;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
}

.show-password-input::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23777" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.show-password-input:hover {
  color: #fba827;
}

.show-password-input:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fba827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
}

/* État quand le mot de passe est visible */
.show-password-input.display-password {
  color: #fba827;
}

.show-password-input.display-password::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fba827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
}

.show-password-input.display-password:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fba827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
}

.yith-wcwl-add-button #yith-wcwl-icon-heart-outline{
  display:none;
}

.single-product .product-summary-wrap .price.grayed{
  margin-top:10px;
  font-size: 1rem;
    color: var(--porto-body-color);
}