/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

.koye-gallery-anim {
  transition: opacity 0.18s ease-out;
}
.koye-gallery-fading {
  opacity: 0.4;
}


/* Theme customization starts here
-------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
	.impact-hero{
		background-size: 200%;
		background-position: 0% 50% !important;
	}
	
	.woocommerce .woocommerce-message{
		flex-direction:inherit;
	}
	
	
	ul.woocommerce-thankyou-order-details{
		flex-direction:column;
		row-gap: 12px;
		padding: 10px !important;
	}
	
	ul.woocommerce-thankyou-order-details li{border-right: none !important;}
	
}




.woocommerce-thankyou-order-details{
	display:flex;
	justify-content:center;
}

.koye-order-header {
	padding: 20px;
	text-align:center;
    display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	margin-top: 80px;
}
.koye-order-title {
    font-size: 1.8em;
	line-height: .9em !important;
	margin-bottom: 24px !important;
}
.koye-order-subtitle {
    font-size: 1.1em;
	line-height: 1.1em;
    color: var(--global-palette6);
	margin-bottom: 24px !important;
}
.koye-order-text {
	max-width: 500px;
    font-size: 1em;
	line-height: 1.3em;
		margin-bottom: 24px !important;
}



:root {
  --global-gray-400: #404040;
  --global-gray-500: #303030;
}

.home .content-area{
	margin-bottom: 0!important;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('/wp-content/uploads/fonts/Mona-Sans.woff2') format('woff2');
}

@font-face {
  font-family: 'Spline Sans Mono';
  src: url('/wp-content/uploads/fonts/Spline-Sans-Mono.ttf') format('woff2');
}




.mobile-header-button-wrap, .mobile-header-button,
.mobile-header-button-inner-wrap{
	width: 100%;
	text-align:center;
}

#mobile-drawer .site-header-item{
	justify-content: center;
}

#mobile-drawer .mobile-header-button{
	padding: .8em;
}



.color-switch-light .gradient-text-theme{
	background: linear-gradient(90deg, #111, #666, #111) 0 0 / 400% 100%; background-clip: text;
-webkit-background-clip: text;
color: transparent;
}

.color-switch-dark .gradient-text-theme{
	 background: linear-gradient(90deg, #f8f8f8, #111, #f8f8f8) 0 0 / 400% 100%; background-clip: text;
-webkit-background-clip: text;
color: transparent;
}


/* Gradient text */
.gradient-text-dark { background: linear-gradient(90deg, #111, #666, #111) 0 0 / 400% 100%; color: transparent; background-clip: text !important; }

.gradient-text-light { background: linear-gradient(90deg, #f8f8f8, #aaa, #f8f8f8) 0 0 / 400% 100%; color: transparent; -webkit-background-clip: text; background-clip: text; }

.gradient-text-hot { background: linear-gradient(90deg, #FFE53B, #FF2525, #FFE53B) 0 0 / 400% 100%; color: transparent; background-clip: text; }

.gradient-text-cold { background: linear-gradient(90deg, #0087D8, #B2DDFF, #0087D8) 0 0 / 400% 100%; color: transparent; background-clip: text; }

.gradient-text-luminar { background: linear-gradient(90deg, rgba(221,22,224,1), rgba(111,22,190,1), rgba(221,22,224,1)) 0 0 / 400% 100%; color: transparent; background-clip: text; }


    .gradient-text {
        animation: move-bg 15s linear infinite;
    }
    @keyframes move-bg {
        to {
        background-position: 400% 0;
        }
    }



.impact-hero{
	background-position:120% 40%;
}





/* WOOCOMMERCE */
.variations .kad_radio_variations label{
	border: 2px solid var(--global-palette6);
	border-radius: 2px;
}

.variations .kad_radio_variations label.selectedValue{
		border: 2px solid var(--global-palette4);
}


.product_title{
background: linear-gradient(90deg, #111, #666, #111) 0 0 / 400% 100%; color: transparent; background-clip: text !important;
}

.product_meta{
	font-family: 'Spline Sans Mono';
}

.wc-block-components-notice-banner{
	font-family: 'Spline Sans Mono';
	font-size: .7em !important;

}

/* Cancelling padding right on table of items parent */
.wc-block-components-sidebar-layout .wc-block-components-main{
	padding: 16px !important;
		border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

/* General bottom margin in cart */
.wc-block-cart{margin-bottom: 0 !important;}

/* Padding for first column */
.wc-block-cart__main .wc-block-cart-items th:first-child{ padding-left:16px;}
/*  Each item border */
.koye-custom-basket .wc-block-cart-items{ background: #f8f8f8 !important; border: 1px solid #eee; }
/* Items row padding */
.koye-custom-basket .wc-block-cart-items__row{ padding: 16px !important; }
/* Confirm button no padding outside */
.wc-block-cart__submit{ padding: 0 !important;}
/* Items image */
.koye-custom-basket .wc-block-cart-item__image img{ border-radius: 4px;}
/* */
.wc-block-components-sidebar{ padding:16px !important; }
/* */
.koye-custom-basket .wp-block-woocommerce-cart-order-summary-block{ background: #f8f8f8; border: 1px solid #eee; padding: 16px; }

/* Adjusting mobile product shoe to avoid overflow */
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row{ grid-template-columns: 60px 120px !important; }



@container (max-width: 699px) {
  .wc-block-cart__sidebar {
    margin-bottom: 0px !important;
    order: 0;
	  		border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	  border-top: 1px solid #eee;
	  padding: 0px;
  }
	.custom-koye-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{ padding:16px !important; border: 1px solid #eee !important; }
	.custom-koye-checkout .wc-block-checkout__sidebar{ margin-bottom: 0!important; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee;   }
}

/* Woocommerce infos customisation */
#customer_details{
  background: #f8f8f8;
	border: 1px solid #eee;
	padding: 32px;
}

#customer_details h3{
	font-size: 1rem;
	margin-bottom: 24px;
}

#customer_details input, #customer_details textarea{
	border: 1px solid #ccc;
}

/* Dropdown select2 */
#customer_details .select2-selection{
		border-color: #ccc;
		background-color: var(--global-palette9);
}

#order_review_heading{
	font-size: 1rem;
}

/* CHECKOUT */
.custom-koye-checkout .shop_table{
background: #f8f8f8 !important; border: 1px solid #eee;
}

.wc_payment_method{
	background: #f8f8f8 !important; border: 1px solid #eee;
}

.custom-koye-checkout .wp-block-woocommerce-checkout{ padding-top : 0!important;}
.custom-koye-checkout .wc-block-components-form { padding:16px; background: #f8f8f8 !important; border: 1px solid #eee; }
.custom-koye-checkout .wp-block-woocommerce-checkout-order-summary-block{ border-radius: 0px; background: #f8f8f8 !important; }
.custom-koye-checkout .wc-blocks-components-select .wc-blocks-components-select__select, .custom-koye-checkout .wc-block-components-text-input input[type]{ border-radius: 0px !important;}
.custom-koye-checkout .wc-block-components-checkout-order-summary__content {padding:16px !important;}



/* Order success preview */
.woocommerce-order-overview{
	 
}

.woocommerce-order-details{
  margin-top: 48px !important;
	margin-bottom: 64px !important;
	border-radius: 4px;
  background: #f8f8f8;
	border: 1px solid #eee;
	padding: 24px;
}

.woocommerce-order-details h2{
	padding: 24px;
	font-size: 1.1rem;
}

.woocommerce-column--billing-address, .woocommerce-column--shipping-address{
	border-radius: 4px;
  background: #f8f8f8;
	border: 1px solid #eee;
	padding: 24px;
}

.woocommerce-column--billing-address h2, .woocommerce-column--shipping-address h2{
	font-size: 1.1rem;
}

.woocommerce-customer-details address{
	border:none !important;
}


/* Btn Woocommerce */
.wc-block-cart__submit{
	overflow:hidden;
	margin-top: 24px !important;
}

/* Snackbar woocommerce */
.woocommerce .woocommerce-notices-wrapper, .woocommerce-notices-wrapper{
	font-size: 1em;
	width: 90vw;
	left:0 !important;
	margin-left: 5vw !important;
}



/* Color swatches */
.product-color-swatches {
  display: flex;
  gap: 6px;
}
.color-swatch {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #ccc;
}









/* ===== FX WORDS (ultra standard) ===== */

.fx-words-up,
.fx-words-fade {
  display: inline-block;
}

/* Chaque mot injecté par le JS */
.fx-word {
  display: inline-block;
  opacity: 0;
  will-change: transform, opacity;
}

/* Keyframes simples */
@keyframes fxWordUp {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

@keyframes fxWordFade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Options simples via classes (lues par le JS) */
.fx-fast {}
.fx-slow {}