/**
Theme Name: kkr
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kkr
Template: astra
*/

p{
	margin: 0 !important;
}

/* ===== KKR : design soft doré ===== */
:root {
  --kkr-bg: #FBF3DF;
  --kkr-card: #FFFBF1;
  --kkr-line: #EBD9A8;
  --kkr-soft: #F5E0A8;
  --kkr-gold: #E3A21A;
  --kkr-gold-dark: #C98A0C;
  --kkr-brown: #4A3410;
  --kkr-brown-soft: #7A5E2E;
}

/* Fond et texte */
body,
.ast-separate-container,
.ast-separate-container .site-content,
.site-content {
  background-color: var(--kkr-bg);
  color: var(--kkr-brown);
}
h1, h2, h3, h4,
.woocommerce-loop-product__title,
.woocommerce-loop-category__title {
  color: var(--kkr-brown);
  font-weight: 700;
}
a { color: var(--kkr-brown); }
a:hover { color: var(--kkr-gold-dark); }

/* En-tête : fond crème et menu brun */
.main-header-bar,
.ast-primary-header-bar,
.site-header {
  background-color: var(--kkr-bg);
  border-bottom: 0;
}
.main-header-menu a,
.ast-header-break-point .main-header-menu a {
  color: var(--kkr-brown);
  font-weight: 600;
}
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
  color: var(--kkr-gold-dark);
}
.custom-logo-link img { max-height: 72px; width: auto; }

/* Fil d'Ariane, compteur de résultats, tri */
.ast-breadcrumbs-wrapper,
.woocommerce-result-count { color: var(--kkr-brown-soft); }
.woocommerce-ordering select {
  background: var(--kkr-card);
  border: 1px solid var(--kkr-line);
  border-radius: 999px;
  padding: 10px 16px;
  color: var(--kkr-brown);
}

/* Grille : espacement */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto;
  margin: 0;
  float: none;
}

/* Cartes produits */
.woocommerce ul.products li.product {
  background: var(--kkr-card);
  border: 1px solid var(--kkr-line);
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(74, 52, 16, .12);
}
.woocommerce ul.products li.product a img {
  background: #fff;
  border-radius: 16px;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  margin-bottom: 12px;
}
.woocommerce ul.products li.product .ast-woo-product-category {
  color: var(--kkr-brown-soft);
  font-size: 13px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 19px;
  padding: 4px 0;
}
.woocommerce ul.products li.product .price {
  color: var(--kkr-brown);
  font-weight: 700;
  margin-bottom: 12px;
}

/* Boutons dorés */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce ul.products li.product .button,
.button, .ast-button {
  background: var(--kkr-gold);
  color: #3A2808;
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  padding: 14px 24px;
  text-align: center;
  transition: background .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce ul.products li.product .button:hover,
.button:hover, .ast-button:hover {
  background: var(--kkr-gold-dark);
  color: #3A2808;
}
.woocommerce ul.products li.product .button { margin-top: auto; }

/* Cartes de catégories (shortcode [product_categories]) */
.woocommerce ul.products li.product-category {
  background: var(--kkr-soft);
  border: 0;
  text-align: center;
}
.woocommerce ul.products li.product-category a img {
  background: transparent;
  border-radius: 16px;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  font-size: 20px;
}
.woocommerce ul.products li.product-category mark {
  background: transparent;
  color: var(--kkr-brown-soft);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--kkr-soft);
  color: var(--kkr-brown);
  border-radius: 999px;
  min-width: 44px;
  padding: 12px;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--kkr-brown);
  color: #FFF8E6;
}

/* Pied de page */
.site-footer,
.ast-small-footer {
  background: var(--kkr-brown);
  color: #FFF8E6;
}
.site-footer a { color: var(--kkr-soft); }

body.tahefobu-hide-theme-footer  footer.kkr-footer{
  display: block !important;
}
.kkr-footer{position:relative;color:#FFF8E6;margin-top:72px}
.kkr-wave{display:block;height:70px;overflow:hidden;position:relative;margin-bottom:-1px}
.kkr-wave svg{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:kkrw 14s linear infinite}
.kkr-wave svg.b{animation-duration:22s;animation-direction:reverse}
@keyframes kkrw{to{transform:translateX(-50%)}}
.kkr-body{background:#4A3410;padding:24px 32px 0}
.kkr-in{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-bottom:40px}
.kkr-brand{flex:1 1 300px;max-width:380px}
.kkr-brand img{height:auto !important;width:150px !important; margin-bottom: 15px; display:block;animation:kkrf 5s ease-in-out infinite}
@keyframes kkrf{50%{transform:translateY(-6px)}}
.kkr-brand p{line-height:1.7;margin:16px 15px 20px;color:#F5E0A8}
.kkr-soc{display:flex;gap:12px; margin-top: 15px;}
.kkr-soc a{width:44px;height:44px;border-radius:50%;background:#6B4A0E;color:#FFF8E6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:transform .25s,background .25s}
.kkr-soc a:hover{background:#E3A21A;color:#3A2808;transform:translateY(-5px) rotate(-6deg)}
.kkr-cols{flex:2 1 460px;display:flex;flex-wrap:wrap;gap:32px;justify-content:flex-end}
.kkr-col{flex:1 1 140px}
.kkr-col h4{font-size:18px;margin:0 0 16px;color:#E3A21A}
.kkr-col a{display:inline-block;color:#FFF8E6;padding:6px 0;background:linear-gradient(#E3A21A,#E3A21A) 0 100%/0 2px no-repeat;transition:background-size .3s,color .3s,transform .3s}
.kkr-col a:hover{color:#F5E0A8;background-size:100% 2px;transform:translateX(4px)}
.kkr-col span{display:block;padding:6px 0;color:#F5E0A8}
.kkr-bot{border-top:1px solid #6B4A0E;text-align:center;padding:20px 0;font-size:14px;color:#F5E0A8}
@media (prefers-reduced-motion:reduce){.kkr-wave svg,.kkr-brand img{animation:none}}



.elementor-icon-box-title a{
  width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgb(255, 251, 241);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Quicksand, sans-serif;
    font-weight: 700;
        color: #4A3410 !important;
        text-decoration: none !important;
}

.woocommerce-result-count,
.woocommerce-ordering{
  display: none !important;
}

/* ===== Formulaire de contact KKR (WPForms) ===== */

/* La carte */

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 0;
  margin-bottom: 20px;
}

/* Libellés */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  color: #4A3410;
  margin-bottom: 8px;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #C98A0C;
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  color: #7A5E2E;
  font-size: 13px;
  margin-top: 6px;
}

/* Champs (sauf les champs anti-spam) */
div.wpforms-container-full .wpforms-form input[type=text]:not([tabindex="-1"]),
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #EBD9A8;
  border-radius: 16px;
  padding: 14px 16px;
  height: auto;
  font-size: 16px;
  color: #4A3410;
  box-shadow: none;
  transition: border-color .2s, box-shadow .2s;
}
div.wpforms-container-full .wpforms-form textarea {
  min-height: 170px;
  resize: vertical;
}
div.wpforms-container-full .wpforms-form input:not([tabindex="-1"]):focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
  outline: none;
  border-color: #E3A21A;
  box-shadow: 0 0 0 3px #F5E0A8;
}

/* Les champs "medium" ne se limitent plus à 60 % */
div.wpforms-container-full .wpforms-form .wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-medium {
  max-width: 100%;
}

/* Nom et prénom côte à côte */
div.wpforms-container-full .wpforms-form .wpforms-field-row {
  display: flex;
  gap: 16px;
  max-width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row-block.wpforms-one-half {
  width: calc(50% - 8px);
  margin: 0;
  padding: 0;
}
@media (max-width: 600px) {
  div.wpforms-container-full .wpforms-form .wpforms-field-row { flex-direction: column; }
  div.wpforms-container-full .wpforms-form .wpforms-field-row-block.wpforms-one-half { width: 100%; }
  div.wpforms-container-full { padding: 24px; }
}

/* Bouton d'envoi */
div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 8px 0 0; }
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-submit {
  background: #E3A21A;
  color: #3A2808;
  border: 0;
  border-radius: 999px;
  padding: 16px 36px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s, transform .2s;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
  background: #C98A0C;
  transform: translateY(-2px);
}

/* Erreurs et message de confirmation */
div.wpforms-container-full .wpforms-form label.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-error {
  color: #B3261E;
  font-size: 13px;
}
div.wpforms-container-full .wpforms-form input.wpforms-error,
div.wpforms-container-full .wpforms-form textarea.wpforms-error {
  border-color: #B3261E;
}
div.wpforms-container-full .wpforms-confirmation-container-full {
  background: #F5E0A8;
  border: 0;
  border-radius: 24px;
  color: #4A3410;
  padding: 24px;
}

/* Champs anti-spam (honeypot) : ils restent cachés */
#wpforms-301-field_4-container {
  position: absolute !important;
  left: -9999px !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

#wpforms-submit-301{
	display: inline-block;
    margin-top: 28px;
    background: rgb(227, 162, 26);
    color: rgb(58, 40, 8);
    font-weight: 700;
    padding: 16px 36px 30px 36px;
    border-radius: 999px;
    min-height: 44px;
    box-sizing: border-box;
}

/* Bouton retour en haut */
#ast-scroll-top {
    background-color: #EBA514 !important;
    color: #4A3212 !important;
}

/* Couleur au survol */
#ast-scroll-top:hover {
    background-color: #4A3212 !important;
    color: #FFFFFF !important;
}

/* Tablette : 3 colonnes, mobile : 2 puis 1 */
@media (max-width: 921px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.woocommerce-page ul.products li.product {
	  width: 100% !important;
	}
	ul.products{
		display: flex !important;
		flex-direction: column !important;
	}
}
@media (max-width: 420px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: 1fr; }
}