/*
Template:       nilah
Theme Name:     Auragraph Theme
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         Vertuelle
Description:    Auragraph - Fashion WooCommerce Theme
Version:        1.0.3
Requires at least: 5.0
Requires PHP:   7.0
Tags:           jewelry, fashion, clean, dokan, ecommerce, electronics, elementor, food, furniture, marketplace, modern, responsive, shopping, store, woocommerce
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    nilah-child
Domain Path:    /languages/
Elementor tested up to: 3.9.0
Elementor Pro tested up to: 3.9.0
WooCommerce tested up to: 7.1.0
*/

:root {
  --theme-body-bg-color: #FFFFFF !important;
  --theme-border-color: #E6E9ED !important;
  --theme-selection-bg-color: #F7F7F7 !important;
  --theme-selection-font-color: #FFFFFF !important;
  --theme-primary-color: #977538 !important;
  --theme-secondary-color: #000000 !important;
  --theme-three-color: #898989 !important;
  --theme-body-font-color: #4B4B4B !important;
  --theme-link-color: #000000 !important;
  --theme-link-hover-color: #977538 !important;
  --cf7-gap: 12px;
  --theme-body-font-family: 'Mulish', sans-serif !important;
  --theme-three-font-family: 'Marcellus', sans-serif !important;
  --theme-heading-font-family: 'Marcellus', sans-serif !important;
}

/*------------------------
   Sticky Nav Bar Adjust
------------------------*/
.elementor-sticky .sticky-col,
.sticky-col {
  visibility: hidden;
  opacity: 0;
  transition: all 0ms ease-in-out;
}

.elementor-sticky--active .sticky-col {
  visibility: visible;
  opacity: 1
}

/*-----------------
    Mobile Menu
-----------------*/
@media (max-width:1279px) {
  .header-bar {
    background: url('/wp-content/uploads/menu-gradient_bg-mobile.png') #ffffff center left no-repeat !important;
  }
}

/*------------------------
    Footer Menu Adjust
------------------------*/
@media (min-width:1680px) {
  .footer-menu .elementor-icon-list-item {
    display: inline-block !important;
    padding: 0 6px !important;
  }
}


/*----------------
    Home Adjust
----------------*/
.ratio-1-1 {
  aspect-ratio: 1/1;
}

.home-collections .lakit-bannerlist__inner {
  height: 100%;
}

.home-collections .lakit-bannerlist__link {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


/*----------------
    Slide Adjust
----------------*/

.aura-slide-1 .slide-inner {
  position: relative
}

.aura-slide-1 .slide-inner .image-col {
  /* position: absolute; */
  width: 100%;
  height: 100;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .aura-slide-1 .slide-inner .image-col {
    transform: rotate(90deg);
  }
}


/*--------------------
    General Content
--------------------*/
.hide-mob {
  display: none;
}

.content-img {
  width: 100%
}

@media (min-width: 768px) {
  .content-img>.elementor-widget-container>img {
    min-height: 650px;
    max-height: 650px;
  }

  .content-img.large>.elementor-widget-container>img {
    min-height: 750px;
    max-height: 750px;
  }
}

@media (max-width: 767px) {
  .content-img>.elementor-widget-container>img {
    max-width: 100% !important;
    aspect-ratio: 1/1;
  }
}

/*------------------------
    Collections Adjust
------------------------*/
.collection-bloc {
  overflow: hidden;
}

@media (min-width: 1280px) {
  .collection-bloc .collection-text {
    position: absolute;
  }
}

@media (max-width: 1279px) {
  .collection-bloc .collection-text {
    background-color: #FFFFFF;
  }
}

/* @media (max-width: 767px) {
    #collection-1 .collection-image .elementor-motion-effects-layer {
        background-position: 80% center!important;
    }
    #collection-2 .collection-image .elementor-motion-effects-layer {
        background-position: 40% center!important;
    }
    #collection-3 .elementor-motion-effects-layer {
        background-position: 80%  center!important;
    }
} */

/*-----------------
   Single Product
-----------------*/
.iconic-pc-image-wrap,
.iconic-pc-image--background {
  position: relative !important;
}

.iconic-pc-image {
  position: absolute;
  top: 0;
  left: 0;
}

.product-gallery img {
  aspect-ratio: 1/1;
}

@media (max-width: 767px) {
  .product-gallery img {
    height: auto !important
  }
}

/*------------------------
   Questionnaire Custom
------------------------*/
#aurallegorie_questions_form_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#aurallegorie_question_cta_back {
  align-self: flex-start;
  color: var(--e-global-color-0be3af8);
  font-family: var(--e-global-typography-b8d8405-font-family);
  font-size: var(--e-global-typography-b8d8405-font-size);
  line-height: var(--e-global-typography-b8d8405-line-height);
  letter-spacing: var(--e-global-typography-b8d8405-letter-spacing);
  word-spacing: var(--e-global-typography-b8d8405-word-spacing);
  background: none;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  margin-bottom: 40px;
  transition: 0.3s;
}

#aurallegorie_question_cta_back:hover,
.answer_item label:hover {
  color: var(--e-global-color-70da69d);
}

#aurallegorie_question_cta_back .elementor-button span {
  text-decoration: inherit;
}

#aurallegorie_question_cta_back .elementor-button-content-wrapper {
  display: flex;
  justify-content: center;
}

#aurallegorie_question_cta_back i {
  margin-right: 13px;
  font-size: 0.6em;
}

.aurallegorie_question_block {
  width: 100%;
  margin-bottom: 60px;
}

.aurallegorie_picture {
  max-width: 220px;
  margin: 0 auto 55px auto;
}

.question {
  color: var(--e-global-color-0be3af8);
  font-family: var(--e-global-typography-8f6e895-font-family);
  font-size: var(--e-global-typography-8f6e895-font-size);
  line-height: var(--e-global-typography-8f6e895-line-height);
  text-align: center;
  margin-bottom: 20px;
}

.question_count {
  color: var(--e-global-color-0be3af8);
  font-family: var(--e-global-typography-0a365ac-font-family);
  font-size: var(--e-global-typography-0a365ac-font-size);
  line-height: var(--e-global-typography-0a365ac-line-height);
  text-align: center;
  margin-bottom: 25px;
}

.answer_item {
  padding: 20px 0;
  border-bottom: 1px solid;
  border-color: var(--e-global-color-a97c236);
}

.answer_item:last-of-type {
  border-bottom: 0;
}

.answer_item label {
  color: var(--e-global-color-6f350e0);
  font-family: var(--e-global-typography-b8d8405-font-family);
  font-size: var(--e-global-typography-b8d8405-font-size);
  line-height: var(--e-global-typography-b8d8405-line-height);
}

.answer_item label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  cursor: pointer;
}

.answer_item label span {
  padding-left: 35px;
}

.answer_item input {
  display: none;
  width: 0;
  height: 0;
}

.answer_item div {
  width: 20px;
  height: 20px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid;
  border-radius: 50%;
  border-color: var(--e-global-color-6f350e0);
}

.answer_item input:checked+div {
  background-color: transparent;
  border-color: #ff9252;
  outline-offset: -10px;
  outline: 5px solid #ea5b96;
}

.answer_item input:disabled+div {
  background-color: transparent;
  border-color: var(--e-global-color-a97c236);
}

.answer_item div:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 50%;
  background-color: #ff9252;
}

.answer_item input:checked+div:before {
  animation: growAndFade 0.2s ease-out;
}

@keyframes growAndFade {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/*---------------------
   Parcours Auragraph
---------------------*/
#auragraph_step_wrapper {
  display: flex;
  flex-direction: row;
  font-family: var(--e-global-typography-4c08429-font-family);
  font-size: var(--e-global-typography-4c08429-font-size);
  text-transform: var(--e-global-typography-4c08429-text-transform);
  line-height: var(--e-global-typography-4c08429-line-height);
  margin-bottom: 30px;
}

.auragraph_step_item {
  width: 16.66%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  padding: 20px 50px;
  border-bottom: 1px solid var(--e-global-color-9a9e8b1);
}

.auragraph_step_item:before {
  width: 50px;
  height: 50px;
  display: block;
  object-fit: contain;
}

.auragraph_step_item.active {
  border-bottom: 2px solid var(--e-global-color-70da69d);
}

.auragraph_step_item:not(.active):before {
  filter: invert(64%) sepia(6%) saturate(12%) hue-rotate(319deg) brightness(86%) contrast(81%);
}

#auragraph_step_planification:before {
  content: url('../../plugins/my-auragraph/template/icons/planification.svg');
}

#auragraph_step_preparation:before {
  content: url('../../plugins/my-auragraph/template/icons/preparation.svg');
}

#auragraph_step_retour_energeticienne:before {
  content: url('../../plugins/my-auragraph/template/icons/energeticienne.svg');
}

#auragraph_step_validation_symbole:before {
  content: url('../../plugins/my-auragraph/template/icons/validation.svg');
}

#auragraph_step_production:before {
  content: url('../../plugins/my-auragraph/template/icons/production.svg');
}

#auragraph_step_livraison:before {
  content: url('../../plugins/my-auragraph/template/icons/livraison.svg');
}

/*-------------------
      Swatches
------------------ */
.fake_variations_form>table {
  margin-bottom: 0px;
}

.variations .label {
  text-transform: uppercase;
}

.swatches {
  width: 40px;
  height: 40px;
  transition: all 250ms ease;
  cursor: pointer;
  box-shadow: 0 0 0 0 transparent;
}

.swatches:hover {
  z-index: 99;
}

.swatches img {
  object-fit: cover;
}

.swatches[data-select_name="attribute_pa_or"],
.swatches[data-select_name="attribute_pa_or"] img {
  border-radius: 50%;
  outline: 1px solid transparent;
}

.swatches:not([data-select_name="attribute_pa_or"]) {
  outline: 1px solid var(--e-global-color-9a9e8b1);
}

.swatches_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.swatches.active {
  outline-offset: -2px;
  outline: 3px solid #FFFFFF;
  box-shadow: 0 0 3px 1px #ff9252;
}

/*-------------------
  Login Form Adjust
------------------ */
#customer_login p {
  clear: none;
}

label.error {
  color: #dc3232 !important;
  font-size: 0.875em;
}

/*-------------------
 Contact Form Adjust
------------------ */
.cf7-formcontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--cf7-gap);
}

.cf7-50 {
  width: calc(50% - var(--cf7-gap) + (var(--cf7-gap) / 2));
}

.cf7-100 {
  width: 100%;
}

form input[type=color],
form input[type=date],
form input[type=datetime-local],
form input[type=datetime],
form input[type=email],
form input[type=month],
form input[type=number],
form input[type=password],
form input[type=search],
form input[type=tel],
form input[type=text],
form input[type=time],
form input[type=url],
form input[type=week],
form select,
form textarea {
  border: 1px solid var(--e-global-color-9a9e8b1);
}

.elementor-lakit-contactform7 .wpcf7-not-valid-tip {
  position: relative !important;
}

/*-----------------
  Cart, Checkout
-----------------*/
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
  top: 50%;
  transform: translateY(-50%);
}

.wc-proceed-to-checkout {
  font-family: "Marcellus", Sans-serif;
}

.wc-backward {
  display: none;
}

.woocommerce-thankyou-order-received {
  font-family: "Marcellus", Sans-serif;
  color: #977538 !important;
  font-size: 32px !important;
}

.woocommerce-order-details {
  margin: 50px 0;
}

.woocommerce-thankyou-order-received,
.woocommerce-order-details,
.woocommerce-customer-details {
  padding: 32px;
  border: 1px solid var(--e-global-color-9a9e8b1);
}

.woocommerce-order-details {
  background-color: #F5F5F5;
}

.woocommerce-cart .product-thumbnail img,
.woocommerce-mini-cart-item .mini-cart__img img {
  width: auto;
}

.cart-collaterals .shop_table td,
.cart-collaterals .shop_table th {
  padding: 5px;
}

.woocommerce-checkout-review-order-table tfoot tr td,
.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table thead tr td,
.woocommerce-checkout-review-order-table thead tr th {
  text-align: right;
}

dt.variation-Or {
  display: none;
}

.cart-collaterals .shop_table td,
.cart-totals-table .cart-subtotal td,
.cart-totals-table .order-total td {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.cart-totals-table table tr {
  align-items: flex-start;
}

/*---------------
  Order Received
---------------*/
.woocommerce-order-received .woocommerce {
  max-width: 1440px;
}

.woocommerce-thankyou-order-received {
  line-height: 1.2
}

/* @media (min-width:1024px) {
    .woocommerce-order-received .woocommerce { padding: 0 50px; }
} */

/*---------------
    Woo Filter
----------------*/

/*.lakit-woofilters-ul > li > a{
    pointer-events: none;
}
.lakit-woofilters-ul > li > a:before,
.lakit-woofilters-ul > li > .narrow{
    display: none !important;
}/*

/*--------------------
    Modal GiftCards
--------------------*/
#overlay_giftCard {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: black;
  opacity: 0.3;
  transition: opacity 0.3s;
}

#modal_giftCard {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 80%;
  max-width: 520px;
  background-color: transparent;
  text-align: center;
  transition: opacity 0.3s;
}

#overlay_giftCard:not(.show),
#modal_giftCard:not(.show) {
  pointer-events: none;
  opacity: 0;
}

#modal_giftCard #close_modal_giftCard {
  position: absolute;
  right: -30px;
  top: -30px;

  background-image: url("images/cross.svg");
  background-size: 100% auto;

  width: 30px;
  height: 30px;

  font-size: 0;
}

#modal_giftCard #modal_giftCard_loader {
  margin: 15px auto;
  width: 70px;
}

#modal_giftCard #download_modal_giftCard {
  margin-top: 20px;
}

/*-------------------
    Infobubulles
-------------------*/
.infobulle,
.swatches {
  position: relative;
}

.infobulle:hover,
.swatches:hover {
  transition: all 250ms ease;
}

.infobulle:after,
.infobulle:before,
.swatches:after,
.swatches:before {
  content: '';
  opacity: 0;
  display: block;
  position: absolute;
  background-color: #000000;
  pointer-events: none;
}

.infobulle:after,
.swatches:after {
  width: fit-content;
  height: auto;
  border-radius: 4px;
  font-family: "Marcellus", Sans-serif;
  font-size: 10px;
  color: #ffffff;
  padding: 3px 10px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 129%);
  white-space: nowrap;
}

.infobulle:before,
.swatches:before {
  width: 10px;
  height: 5px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 150%);
}

.infobulle:hover:after,
.infobulle:hover:before,
.swatches:hover:after,
.swatches:hover:before {
  opacity: 1;
  transition: inherit;
}

#my-account:after {
  content: 'My account'
}

html[lang="fr-FR"] #my-account:after {
  content: 'Mon compte'
}

#my-cart:after {
  content: 'My cart'
}

html[lang="fr-FR"] #my-cart:after {
  content: 'Mon panier'
}

.swatches:after {
  content: attr(data-name)
}

/* Shop Page */
.auragraph-shop-filters .woofilter-bitem:after {
  content: '';
  width: 60px;
  border-top: 3px solid var(--lakit-primary-color);
  position: absolute;
  bottom: -2px;
  left: 0;
}

.delivery-time-annotation {
  margin: 24px 0 0 0;
  line-height: 1.5;
  font-size: 14px;
}

.order-annotation {
  font-style: italic;
  font-size: 14px;
  color: #4b4b4b;
}

.lakit-minicart--footer > .cart-footer-actions {
  display: none !important;
}

/* Remove attribute name in cart */
/*.lakitwc-cart-wrapper .woocommerce-cart-form tbody dl dt{
    display : none;
}
.lakitwc-cart-wrapper .woocommerce-cart-form tbody dl dd{
    float : none;
}*/




/*-----------------
    Mega Menu
-----------------*/
/* .mega-img {
    background-size: cover;
    background-position: center;
    transition: background-image 0.4s ease-in-out;
} */

.mega-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-layer {
  width:100%;
  height:100%;
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.img-layer.active {
  opacity: 1;
  z-index: 2;
}

.lakit-nav__item--mega {
    position: inherit!important;
}

.lakit-nav__sub-mega {
  /* visibility: visible !important;
  top: 45px !important;
  opacity: 1 !important; */
  width: 100%!important;
  left:0!important;
  box-shadow: none!important;
}

.mega-menu-container .e-child {
  max-width:640px!important;
}