
/* KUY-RESTORE-CHECKOUT:START — fond blanc et suppression du cyan par défaut du thème classic
   (panier, tunnel de commande, pages pack). Bloc retirable d'un seul coup. */
body.page-cart #wrapper,
body.page-order #wrapper,
body.page-order-confirmation #wrapper,
body.page-authentication #wrapper,
body.page-addresses #wrapper,
body.page-address #wrapper,
body.page-product #wrapper,
body.ap5-pack-page #wrapper,
body.page-cart,
body.page-order,
body.page-order-confirmation{background:#fff!important}

body.page-cart .card,
body.page-order .card,
body.page-cart .cart-container,
body.page-order #js-checkout-summary,
body.page-cart .cart-summary,
body.page-order .card-block{background:#fff!important}

/* boutons principaux : noir de marque au lieu du cyan par défaut */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
body.page-order .btn-primary,
body.page-cart .btn-primary{background-color:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important}
.btn-primary:hover{background-color:#000!important;border-color:#000!important}
.btn-primary:disabled,.btn-primary.disabled{background-color:#e5e5e7!important;border-color:#e5e5e7!important;color:#8a9099!important}

/* liens et accents : plus de cyan */
body.page-cart a:not(.btn):not(.elementor-button),
body.page-order a:not(.btn):not(.elementor-button),
body.ap5-pack-page a:not(.btn):not(.elementor-button),
.promo-code-button,
.cart-summary a,
#js-checkout-summary a{color:#1d1d1f}
body.page-cart a:not(.btn):hover,
body.page-order a:not(.btn):hover,
.promo-code-button:hover{color:#000}

/* icônes et pastilles restées en cyan */
body.page-cart .material-icons,
body.page-order .material-icons,
body.page-order .step-number,
body.page-order .step-title .done{color:#1d1d1f}


/* prix et accents restés au cyan par défaut du thème */
.product-price,
.current-price,
.current-price-value,
.product-prices .current-price span:not(.discount):not([class*=reduction]),
body.page-cart .product-price,
body.page-order .product-price,
body.page-order .cart-summary-line .value,
body.page-order-confirmation .product-price{color:#1d1d1f!important}
.has-discount .discount,
.product-flags .discount{background:#1d1d1f!important;color:#fff!important}
/* KUY-RESTORE-CHECKOUT:END */

/* ---- Sélecteur d'adresse, radios, champs : suppression du cyan #24b9d7 du thème classic ---- */
.custom-radio input[type=radio]:checked + span{background-color:#1d1d1f!important}
.custom-checkbox input[type=checkbox]:checked + span{background-color:#1d1d1f!important;border-color:#1d1d1f!important}
body#checkout section.checkout-step .address-item.selected,
.address-item.selected{border-color:#1d1d1f!important}
.form-control:focus,
.input-group.focus,
.search-widget form input[type=text]:focus,
.product-customization .product-message:focus,
.block_newsletter form input[type=text]:focus{outline-color:#1d1d1f!important}
.block_newsletter form input[type=email]:focus,
.block-promo .promo-input + button,
.facet-dropdown.open > .select-title{border-color:#1d1d1f!important}

/* boutons secondaires, pagination, onglets, étiquettes */
.btn-outline-primary{color:#1d1d1f!important;border-color:#1d1d1f!important}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active{background-color:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.list-group-item.active,
.dropdown-item.active,
.tag-primary,
.bg-primary,
.card-primary{background-color:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important}
.pagination .current a,
.text-primary,
.btn-link,
.page-link{color:#1d1d1f!important}
.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover{color:#1d1d1f!important;border-bottom-color:#1d1d1f!important}
.product-flags li.product-flag{background:#1d1d1f!important}
#header .header-nav .cart-preview.active{background:#1d1d1f!important}

/* liens des pages hors Creative Elements */
body.page-cart a:not(.btn):not(.elementor-button):not(.text-muted),
body#checkout a:not(.btn):not(.elementor-button):not(.text-muted),
body.page-authentication a:not(.btn):not(.elementor-button),
body.page-addresses a:not(.btn):not(.elementor-button),
body.page-address a:not(.btn):not(.elementor-button),
body.page-order-confirmation a:not(.btn):not(.elementor-button),
body.page-history a:not(.btn):not(.elementor-button),
body.page-customer-account a:not(.btn):not(.elementor-button){color:#1d1d1f!important}
body#checkout a:not(.btn):hover,
body.page-cart a:not(.btn):hover{color:#000}

/* ---- Pages pack : pas de bloc de partage réseaux sociaux ---- */
body.ap5-pack-page .social-sharing,
body.ap5-pack-page .product-additional-info,
body.ap5-pack-page .product-comments-additional-info{display:none!important}

/* ---- Fond blanc sur toutes les pages ---- */
body,
#wrapper,
#main,
#content,
#content-wrapper,
.page-content,
.page-wrapper,
#products,
#js-product-list-top,
#js-product-list-bottom{background-color:#fff!important}
#wrapper > .container{background:transparent!important}

/* ---- Fil d'Ariane masqué visuellement, conservé dans le HTML pour le référencement
       (le balisage BreadcrumbList en JSON-LD reste lu par Google) ---- */
nav.breadcrumb,
.breadcrumb[data-depth]{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
#wrapper > .container > nav.breadcrumb + *{margin-top:0}

/* ---- Couleur des liens : noir au lieu du cyan #24b9d7 du thème classic ----
   Règle volontairement de faible spécificité (un simple `a`) : elle ne remplace que
   les liens qui héritaient du cyan de theme.css. Tout ce qui est stylé par
   Creative Elements ou custom.css conserve sa couleur (bleu de marque compris). */
/* Liens qui héritent encore du cyan #24b9d7 de theme.css : passés en noir.
   Spécificité volontairement basse (html body a = 0,0,3) : toute règle de
   Creative Elements (sélecteur de classe) reste prioritaire et garde son bleu. */
html body a{color:#1d1d1f}
html body a:hover,html body a:focus{color:#000}

/* Uniquement les blocs propres au thème classic (jamais Creative Elements) */
html body .contact-rich a,
html body .store-information a,
html body #contact-form a,
html body .block-contact a,
html body #left-column a,
html body #js-product-list a.product-thumbnail,
html body .cart-summary a,
html body #js-checkout-summary a,
html body .checkout-step a,
html body .address-item a,
html body #history a,
html body .order-confirmation-table a,
html body #order-details a{color:#1d1d1f}
html body .contact-rich a:hover,
html body .store-information a:hover,
html body #contact-form a:hover,
html body .checkout-step a:hover{color:#000}

/* bouton « Choisir un fichier » et boutons par défaut du thème */
.btn-default,
label.btn-default,
.group-span-filestyle .btn-default,
.bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-touchspin{background-color:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important}
.btn-default:hover,label.btn-default:hover{background-color:#000!important;border-color:#000!important}

/* icônes et éléments d'interface restés cyan */
.material-icons.search,
.search-widget button .search,
#header .header-nav .blockcart .cart-products-count,
.js-search-filters-clear-all,
.link-item a,
.contact-rich .block .data a,
.store-information a{color:#1d1d1f!important}

/* ---- Pages pack ----
   Description et résumé conservés dans le HTML pour le référencement,
   mais masqués visuellement (technique accessible : le texte reste lisible
   par les robots, il n'occupe simplement aucune place à l'écran). */
body.ap5-pack-page #ap5-pack-description-block,
body.ap5-pack-page .product-description-short,
body.ap5-pack-page #product-description-short,
body.ap5-pack-page [id^="product-description-short"],
body.ap5-pack-page .ap5-pack-page-description{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* étiquette de remise sur les packs : texte en blanc */
.discount.discount-amount,
.discount.discount-percentage,
.ap5-pack-product-reduction-value,
.ap5-pack-product-reduction,
span.discount.discount-amount,
span.discount.discount-percentage,
span.ap5-pack-product-reduction-value,
.product-prices .current-price span.discount,
.ap5-old-price-container span.discount,
.ap5-pack-product-price-table-container span.discount{color:#fff!important;background-color:#1d1d1f!important}

/* résumé de pack (rendu dans un simple .text-justify sans identifiant) */
body.ap5-pack-page #main > .row > .col-12 > .text-justify,
body.ap5-pack-page #main > .row > .col-xs-12 > .text-xs-justify{position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---- Fiche P27Z : pastille « En stock » sous le prix de la barre d'achat ---- */
.product-id-81 .p27z .buybar .price{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}
.product-id-81 .p27z .price .instock{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;
  padding:.22rem .68rem;border-radius:980px;background:#e9f7ee;color:#137333;
  font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap}
.product-id-81 .p27z .price .instock::before{content:"";width:7px;height:7px;border-radius:50%;
  background:#1e8e3e;flex:0 0 auto}

/* pages légales : la couleur du conteneur doit gagner sur les règles du thème
   (li en #7A7A7A, contraste insuffisant). Les liens gardent leur propre couleur. */
.kc-legal h2,.kc-legal h3,.kc-legal h4,.kc-legal p,.kc-legal li,
.kc-legal ul,.kc-legal ol,.kc-legal strong,.kc-legal em,.kc-legal span{color:inherit!important}
.kc-legal h2{margin-top:1.6rem;font-size:1.35rem}
.kc-legal h3{margin-top:1rem;font-size:1.1rem}
.kc-legal li{margin-bottom:.35rem}

/* survol des blocs du compte : gris clair plutot que le bleu de lien par defaut */
a:hover .link-item,
a:focus .link-item,
a:hover .link-item .material-icons,
a:focus .link-item .material-icons,
a:hover > .material-icons,
a:focus > .material-icons{color:#8e8e93!important}

/* Page d'accueil : blocs produit a fond noir.
   Le fond est bien defini cote Creative Elements mais il disparaissait sur
   mobile ; on le garantit ici pour toutes les langues et toutes les boutiques
   (les identifiants de section sont communs a toutes les traductions). */
/* NE VISER QUE les blocs noirs par conception : ca32361, 72b661f et 7eb2de2
   sont en #FBFBFB et 7094877 en #FFFFFF cote Creative Elements ; les noircir
   cassait le design, visible sur kuycon.nl qui n'est pas derriere Cloudflare. */
@media (max-width:767px){
  .elementor-element-31b044d,.elementor-element-fb3eb41,
  .elementor-element-e98be3a,.elementor-element-3dd6922,
  .elementor-element-0755dc5,.elementor-element-442ec314{background-color:#000000!important}
}
