/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Selection IT — charte de la page d'accueil */
.page-id-8795 {
  --selection-ink: #29333b;
  --selection-muted: #52616b;
  --selection-cyan: #00bce7;
  --selection-teal: #28ddb5;
  --selection-pale: #f3fafb;
  --selection-line: #d7ecea;
}
.page-id-8795 #main,
.page-id-8795 .selection-home-brand {
  font-family: "Lato", sans-serif;
  color: var(--selection-ink);
}
.page-id-8795 .selection-home-brand h1,
.page-id-8795 .selection-home-brand h2,
.page-id-8795 .selection-home-brand h3,
.page-id-8795 .selection-home-brand h4,
.page-id-8795 .selection-home-brand h5 {
  font-family: "Poppins", sans-serif;
  color: var(--selection-ink);
  letter-spacing: -0.025em;
}
.page-id-8795 .selection-brand-gradient {
  color: var(--selection-cyan);
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-8795 .selection-home-brand--hero > .section-bg {
  background: linear-gradient(135deg, #f7fcfc 0%, #edfafa 55%, #f5fbfd 100%);
}
.page-id-8795 .selection-home-brand--hero .col-inner[style*="background-color"] {
  border: 1px solid var(--selection-line);
  box-shadow: 0 18px 50px rgba(41, 51, 59, 0.10);
}
.page-id-8795 .selection-home-brand .button.primary:not(.is-outline) {
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal));
  border: 0;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(0, 188, 231, 0.22);
}
.page-id-8795 .selection-home-brand .button.primary.is-outline {
  background: transparent;
  border-color: var(--selection-ink);
  color: var(--selection-ink);
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
.page-id-8795 .selection-home-brand .button.primary:hover,
.page-id-8795 .selection-home-brand .button.primary.is-outline:hover {
  background: var(--selection-ink);
  border-color: var(--selection-ink);
  color: #fff;
  box-shadow: 0 10px 24px rgba(41, 51, 59, 0.18);
}
.page-id-8795 .selection-home-brand a:not(.button) {
  color: #008fac;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.page-id-8795 .selection-home-brand--trust .col-inner {
  height: 100%;
  padding: 24px;
  border: 1px solid var(--selection-line);
  border-top: 4px solid var(--selection-teal);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(41, 51, 59, 0.06);
}
.page-id-8795 .selection-home-brand--catalogue .box-category {
  overflow: hidden;
  border: 1px solid var(--selection-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(41, 51, 59, 0.07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.page-id-8795 .selection-home-brand--catalogue .box-category:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(41, 51, 59, 0.13);
}
.page-id-8795 .selection-home-brand--catalogue .header-title {
  color: var(--selection-ink);
  font-family: "Poppins", sans-serif;
  text-transform: none;
}
.page-id-8795 .selection-home-brand--final h2,
.page-id-8795 .selection-home-brand--final p {
  color: #fff;
}
.page-id-8795 .selection-home-brand--final .button.primary:not(.is-outline) {
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .page-id-8795 .selection-home-brand--catalogue .box-category {
    transition: none;
  }
}

/* Selection IT — charte globale Flatsome et WooCommerce */
:root {
  --selection-ink: #29333b;
  --selection-muted: #52616b;
  --selection-cyan: #00bce7;
  --selection-teal: #28ddb5;
  --selection-pale: #f3fafb;
  --selection-line: #d7ecea;
  --git-primary: #00bce7;
  --git-primary-light: #e8fbf7;
  --git-primary-dark: #008fac;
  --git-border: #d7ecea;
  --git-text: #29333b;
  --git-text-muted: #52616b;
}

body {
  color: var(--selection-ink);
  font-family: "Lato", sans-serif;
}
body p,
body li,
body label,
body input,
body textarea,
body select,
body table,
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .woocommerce-MyAccount-content,
body .yith-wcan-filters,
body .b2bking_woocommerce_registration_field,
body .b2bking_myaccount_individual_conversation_container {
  font-family: "Lato", sans-serif;
}
.woocommerce p,
.woocommerce td,
.woocommerce .product_meta,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce-tabs .panel,
.woocommerce-tabs .panel p,
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.woocommerce-account .woocommerce-form,
.woocommerce-account .woocommerce-form p,
.b2bking_woocommerce_registration_field label,
.b2bking_woocommerce_registration_field select,
.b2bking_woocommerce_registration_field input {
  font-family: "Lato", sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.nav > li > a,
.widget-title,
.product-title,
body button,
body .button,
body input[type="submit"],
body .woocommerce-MyAccount-navigation a,
body .woocommerce-tabs .nav a,
body .yith-wcan-filter .filter-title {
  font-family: "Poppins", sans-serif;
}

/* WooCommerce et extensions : hiérarchie typographique cohérente */
.woocommerce-MyAccount-navigation ul li a {
  color: var(--selection-ink) !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #008fac !important;
  background: var(--selection-pale);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  border-left-color: var(--selection-teal) !important;
}
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-cart .woocommerce h2,
.woocommerce-checkout .woocommerce h2,
.woocommerce-checkout .woocommerce h3,
.b2bking_myaccount_individual_conversation_top,
.b2bking_myaccount_individual_conversation_title {
  color: var(--selection-ink);
  font-family: "Poppins", sans-serif !important;
}
.woocommerce form .form-row label,
.woocommerce table th,
.woocommerce .shop_table th {
  color: var(--selection-ink);
  font-weight: 700;
}

/* En-tête et navigation */
.header-main {
  background: #fff;
  border-bottom: 1px solid var(--selection-line);
}
.header-main .nav > li > a,
.header-main .header-button a,
.header-main .icon-search,
.header-main .icon-shopping-cart,
.header-main .icon-user {
  color: var(--selection-ink) !important;
}
.header-main .nav > li.active > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li > a:hover,
.header-main a:hover .icon-search,
.header-main a:hover .icon-shopping-cart,
.header-main a:hover .icon-user {
  color: #008fac !important;
}
.header-main .account-item .nav-top-link,
.header-main .header-button .nav-top-not-logged-in {
  color: #008fac !important;
  border-color: var(--selection-cyan) !important;
}
.header-main .account-item .nav-top-link:hover,
.header-main .header-button .nav-top-not-logged-in:hover {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal)) !important;
}
.header-bottom {
  background: var(--selection-ink);
}
.header-bottom .nav > li > a,
.header-bottom .header-button a {
  color: #fff;
}
.header-bottom .nav > li.active > a,
.header-bottom .nav > li > a:hover,
.header-bottom .nav > li.current-menu-item > a {
  color: var(--selection-teal);
}
.header-top,
.top-bar-nav {
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal));
  color: #fff;
}
.header-top a,
.header-top span {
  color: #fff;
}
.nav-dropdown {
  border: 1px solid var(--selection-line);
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(41, 51, 59, .15);
}
.nav-dropdown > li > a {
  color: var(--selection-ink);
  font-family: "Poppins", sans-serif;
  text-transform: none;
}
.nav-dropdown > li > a:hover {
  color: #008fac;
  background: var(--selection-pale);
}

/* Menu latéral et mobile */
.off-canvas .mfp-content,
.mobile-sidebar,
.nav-sidebar {
  background: #fff;
}
.mobile-sidebar .sidebar-menu,
.nav-sidebar {
  border-top: 4px solid var(--selection-teal);
}
.nav-sidebar li > a,
.mobile-sidebar li > a {
  color: var(--selection-ink);
  font-family: "Poppins", sans-serif;
}
.nav-sidebar li.active > a,
.nav-sidebar li > a:hover,
.mobile-sidebar li > a:hover {
  color: #008fac;
  background: var(--selection-pale);
}

/* Boutique et filtres */
.shop-container,
.single-product #main {
  background: linear-gradient(180deg, #fff 0%, var(--selection-pale) 100%);
}
#shop-sidebar .widget,
.widget-area .widget {
  border-color: var(--selection-line) !important;
  border-top: 4px solid var(--selection-teal) !important;
  box-shadow: 0 8px 24px rgba(41, 51, 59, .07) !important;
}
#shop-sidebar .widget-title,
.widget-area .widget-title {
  color: var(--selection-ink) !important;
  border-bottom-color: var(--selection-line) !important;
  font-family: "Poppins", sans-serif !important;
}
#shop-sidebar button,
.widget_price_filter button[type="submit"],
.widget_product_search button[type="submit"] {
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal)) !important;
  color: #fff !important;
  border: 0 !important;
}
.yith-wcan-filter .filter-item.chosen > a,
.yith-wcan-filter .filter-item.active > a,
.woocommerce-pagination ul li span.current {
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal)) !important;
  border-color: var(--selection-cyan) !important;
}

/* Cartes catégories et produits */
.product-small.col .col-inner,
.product-category.col .col-inner {
  border: 1px solid var(--selection-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(41, 51, 59, .07) !important;
}
.product-small.col:hover .col-inner,
.product-category.col:hover .col-inner {
  box-shadow: 0 16px 34px rgba(41, 51, 59, .14) !important;
}
.product-small .name a,
.product-category .header-title {
  color: var(--selection-ink) !important;
  font-family: "Poppins", sans-serif;
}
.product-small .name a:hover {
  color: #008fac !important;
}
.product-small .price,
.product-page-price,
.price-wrapper .price {
  color: var(--selection-ink) !important;
}
.woocommerce a.button.add_to_cart_button,
.woocommerce button.button.single_add_to_cart_button,
.woocommerce a.button.product_type_simple,
.woocommerce a.button.product_type_variable,
.single_add_to_cart_button {
  background: linear-gradient(115deg, var(--selection-cyan), var(--selection-teal)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 188, 231, .2);
}
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce button.button.single_add_to_cart_button:hover,
.woocommerce a.button.product_type_simple:hover,
.woocommerce a.button.product_type_variable:hover,
.single_add_to_cart_button:hover {
  background: var(--selection-ink) !important;
}

/* Fiche produit */
.single-product .product-main {
  background: #fff;
}
.single-product .product-info {
  border: 1px solid var(--selection-line);
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 12px 32px rgba(41, 51, 59, .08);
}
.single-product .product-title {
  color: var(--selection-ink);
  letter-spacing: -.02em;
}
.single-product .product_meta,
.single-product .woocommerce-product-details__short-description {
  color: var(--selection-muted);
}
.product-tabs,
.product-footer .woocommerce-tabs {
  border-color: var(--selection-line);
}
.product-tabs .nav > li > a,
.product-footer .nav > li > a,
.tabbed-content .nav > li > a {
  color: var(--selection-ink) !important;
}
.product-tabs .nav > li.active > a,
.product-footer .nav > li.active > a,
.tabbed-content .nav > li.active > a {
  color: #008fac !important;
}
.breadcrumbs a {
  color: #008fac;
}

@media (max-width: 849px) {
  .header-main {
    border-bottom: 3px solid var(--selection-teal);
  }
  .single-product .product-info {
    padding: 20px;
    border-radius: 14px;
  }
}
