{
    "colors_enable_styleguide_preview": "yes",
    "system_colors": [
        {
            "_id": "primary",
            "title": "Principal",
            "color": "#4CA87D"
        },
        {
            "_id": "secondary",
            "title": "Secondaire",
            "color": "#666666"
        },
        {
            "_id": "text",
            "title": "Texte",
            "color": "#212121"
        },
        {
            "_id": "accent",
            "title": "Accentué",
            "color": "#4CA87D"
        }
    ],
    "custom_colors": [],
    "typography_enable_styleguide_preview": "yes",
    "system_typography": [
        {
            "_id": "primary",
            "title": "Principal",
            "typography_typography": "custom",
            "typography_font_family": "Roboto",
            "typography_font_weight": "600"
        },
        {
            "_id": "secondary",
            "title": "Secondaire",
            "typography_typography": "custom",
            "typography_font_family": "Roboto",
            "typography_font_weight": "400"
        },
        {
            "_id": "text",
            "title": "Texte",
            "typography_typography": "custom",
            "typography_font_family": "Roboto",
            "typography_font_weight": "400"
        },
        {
            "_id": "accent",
            "title": "Accentué",
            "typography_typography": "custom",
            "typography_font_family": "Roboto",
            "typography_font_weight": "500"
        }
    ],
    "custom_typography": [],
    "default_generic_fonts": "Sans-serif",
    "body_typography_typography": "custom",
    "body_typography_font_size": {
        "unit": "px",
        "size": 18,
        "sizes": []
    },
    "link_normal_typography_typography": "custom",
    "h2_typography_typography": "custom",
    "h2_typography_font_size": {
        "unit": "px",
        "size": 30,
        "sizes": []
    },
    "h3_typography_typography": "custom",
    "h3_typography_font_size": {
        "unit": "px",
        "size": 25,
        "sizes": []
    },
    "button_typography_typography": "custom",
    "button_text_color": "#FFFFFF",
    "site_name": "Etic",
    "site_description": "Site web de Etic",
    "page_title_selector": "h1.entry-title",
    "activeItemIndex": 1,
    "__globals__": {
        "button_background_color": "globals/colors?id=primary"
    },
    "viewport_md": 768,
    "viewport_lg": 1025,
    "custom_css": "body {\r\n    margin: 0;\r\n}\r\n\r\nbody, html {\r\n  overflow-x: hidden;\r\n}\r\n\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n.elementor-button {\r\n    text-align: inherit;\r\n}\r\n\r\n#breadcrumbs {\r\n    margin: 0;\r\n}\r\n\r\n/* NAVBAR */\r\n    .elementor-widget-nav-menu .elementor-nav-menu .sub-menu a {\r\n  color:#212121;\r\n}\r\n\r\n    .elementor-widget-nav-menu .elementor-nav-menu .sub-menu a:hover {\r\n  color:#fff;\r\n}\r\n\r\n/* LANG SWITCHER */\r\n/* Style du menu déroulant Polylang */\r\n#lang_choice_pll {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  cursor: pointer;\r\n  border: none;\r\n  background: none;\r\n  padding: 8px 12px;\r\n  position: relative;\r\n}\r\n\r\n#lang_choice_pll img {\r\n  width: 20px;\r\n  height: auto;\r\n  display: inline-block;\r\n}\r\n\r\n#lang_choice_pll:after {\r\n  content: '▼';\r\n  font-size: 12px;\r\n  margin-left: 6px;\r\n  color: #333;\r\n}\r\n\r\n.widget_polylang .lang-item {\r\n  display: none; \r\n}\r\n\r\n\r\n\r\n/* HOME */\r\n/* HERO - Pagination Swiper personnalisée */\r\n/* Pagination principale (positionnée sous le bouton) */\r\n.swiper-pagination {\r\n  display: flex !important;\r\n  justify-content: flex-start !important;\r\n  align-items: flex-end !important;\r\n  position: absolute !important;\r\n  bottom: 100px !important;\r\n  left: 125px !important;\r\n  width: auto !important;\r\n  padding: 25px !important;\r\n  z-index: 10 !important;\r\n}\r\n\r\n/* Bullets : barres horizontales fines */\r\n.swiper-pagination-bullet {\r\n  width: 40px !important;\r\n  height: 5px !important;\r\n  border-radius: 2px !important;\r\n  opacity: 0.4 !important;\r\n  margin: 0 6px !important;\r\n  transition: all 0.3s ease !important;\r\n}\r\n\r\n/* Bullet active légèrement plus haute */\r\n.swiper-pagination-bullet-active {\r\n  opacity: 1 !important;\r\n  height: 7px !important;\r\n}\r\n\r\n.elementor-slide-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  line-height: 1; \r\n}\r\n\r\n.elementor-slide-button::after {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 20px;\r\n  height: 20px;\r\n  background-image: url('/wp-content/uploads/2025/07/white-arrow-right.png');\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  background-position: bottom;\r\n  flex-shrink: 0;\r\n  margin-left: 20px;\r\n}\r\n\r\n.swiper-container-diapositive .swiper-wrapper {\r\n  cursor: auto !important;\r\n}\r\n\r\n/* === Responsive === */\r\n\r\n@media (max-width: 1440px) {\r\n    .swiper-pagination {\r\n    bottom: 105px !important;\r\n  }\r\n}\r\n\r\n/* Tablettes */\r\n@media (max-width: 1024px) {\r\n  .swiper-pagination {\r\n    left: 10px !important;\r\n    transform: scale(0.8) !important;\r\n  }\r\n}\r\n\r\n/* Mobiles */\r\n@media (max-width: 768px) {\r\n  .swiper-pagination {\r\n    position: relative !important;\r\n    bottom: 50px !important;\r\n    left: 0 !important;\r\n    justify-content: center !important;\r\n    transform: scale(0.5) !important;\r\n  }\r\n  .elementor-slide-button::after {\r\n    width: 10px;\r\n    height: 10px;\r\n    margin-left: 10px;\r\n  }\r\n}\r\n\r\n/* Icone flèche bouton */\r\n.elementor-button .elementor-button-content-wrapper {\r\n  display: flex;\r\n  align-items: center; \r\n  gap: 0.5em; \r\n}\r\n\r\n.elementor-button .elementor-button-icon {\r\n  display: flex; \r\n  align-items: center;\r\n}\r\n.elementor-button .elementor-button-icon svg {\r\n  width: 32px;\r\n  height: 32px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .elementor-button .elementor-button-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n}\r\n\r\n/* Template produit */\r\n.section-specs .e-n-tabs-heading {\r\n    gap: 0 !important;\r\n    --n-tabs-title-padding-inline-start: 1px;\r\n}\r\n\r\n.section-specs p {\r\n    margin: 0;\r\n}\r\n\r\n/* Section article HOME */  \r\n\r\n.elementor-posts-container {\r\n  display: flex;\r\n  gap: 50px;\r\n}\r\n\r\n.elementor-posts-container .elementor-post:nth-child(1) {\r\n  flex: 2;\r\n}\r\n\r\n.elementor-posts-container .elementor-post:nth-child(2) {\r\n  flex: 1;\r\n}\r\n\r\n.elementor-widget-posts .elementor-post__thumbnail img {\r\n  height: 400px;\r\n  object-fit: cover;\r\n}\r\n\r\n.elementor-widget-posts .elementor-post__text {\r\n  flex-grow: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n.elementor-posts-container.elementor-posts-masonry {\r\n    align-items: flex-end !important;\r\n}\r\n\r\n\r\n\r\n\r\n/* === TABLEAU COMPARATIF PRODUITS === */\r\n\r\n.table-scroll {\r\n  overflow-x: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.table-comparatif {\r\n  width: 100%;\r\n  min-width: 900px;\r\n  border-collapse: collapse;\r\n  font-family: inherit;\r\n  text-align: center;\r\n}\r\n\r\n/* -- Cellules globales -- */\r\n.table-comparatif th,\r\n.table-comparatif td {\r\n  padding: 12px;\r\n  border-right: 2px solid rgba(112, 112, 112, 0.1);\r\n  font-size: 18px;\r\n}\r\n\r\n/* -- En-tête -- */\r\n.table-comparatif thead th {\r\n  background-color: rgba(76, 168, 125, 0.2); /* vert clair */\r\n  font-weight: 600;\r\n  color: #4CA87D;\r\n  font-size: 20px;\r\n}\r\n\r\n/* -- Centrer uniquement la cellule du nom de la gamme (haut gauche) -- */\r\n.table-comparatif thead tr:first-child th:first-child {\r\n  text-align: center;\r\n}\r\n\r\n/* -- Alignement à gauche des libellés (1re colonne) -- */\r\n.table-comparatif th:first-child,\r\n.table-comparatif td:first-child {\r\n  text-align: left;\r\n}\r\n\r\n/* -- Supprimer la bordure droite sur la dernière colonne -- */\r\n.table-comparatif thead th:last-child,\r\n.table-comparatif tbody td:last-child {\r\n  border-right: none;\r\n}\r\n\r\n/* -- Lignes alternées (zébrage) -- */\r\n.table-comparatif tbody tr:nth-child(even) {\r\n  background-color: #F9F9F9;\r\n}\r\n\r\n/* -- Images dans les cellules -- */\r\n.table-comparatif img {\r\n  width: 20px;\r\n  height: auto;\r\n}\r\n\r\n.table-comparatif th img {\r\n  width: 50px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n/* -- Responsive mobile -- */\r\n@media (max-width: 768px) {\r\n  .table-comparatif th,\r\n  .table-comparatif td {\r\n    padding: 8px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .table-comparatif th img {\r\n    width: 40px;\r\n  }\r\n}\r\n\r\n/* Liste article page gamme */\r\n.produits-gamme-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n  gap: 1.5rem;\r\n  max-width: 100%;\r\n}\r\n\r\n.produit-card {\r\n  padding: 0;\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  padding-bottom: 75px;\r\n}\r\n\r\n.produit-image {\r\n  width: 100%;\r\n  aspect-ratio: 1 / 1;\r\n  background-color: #F9F9F9;\r\n  border-radius: 10px !important;\r\n  object-fit: contain;\r\n  padding: 20px;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.produit-card h3 {\r\n  font-size: 30px;\r\n  margin: 0 0 0.25rem;\r\n  text-align: left;\r\n}\r\n\r\n.produit-sous-titre .produit-spec {\r\n    font-size: 0.75em;\r\n    display: block;\r\n}\r\n\r\n\r\n.produit-sous-titre {\r\n  font-size: 18px;\r\n  color: #666;\r\n  text-align: left;\r\n  margin-bottom: 0.75rem;\r\n  line-height: 1.6rem;\r\n}\r\n\r\n.btn-decouvrir {\r\n  text-decoration: none;\r\n  color: #212121 !important;\r\n  font-weight: bold;\r\n  text-align: left;\r\n  font-size: 20px;\r\n}\r\n\r\n.arrow-image {\r\n  margin-left: 10px; \r\n  vertical-align: middle;\r\n}\r\n\r\n/* Limiter à 4 colonnes max sur les grands écrans */\r\n@media (min-width: 1024px) {\r\n  .produits-gamme-grid {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n}\r\n\r\n/* 2 colonnes sur tablette */\r\n@media (max-width: 1023px) {\r\n  .produits-gamme-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n/* 1 colonne sur mobile */\r\n@media (max-width: 640px) {\r\n  .produits-gamme-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n/* FICHE PRODUIT */\r\nimg.etic-cert {\r\n    width: 104px;\r\n    height: 104px;\r\n    filter: grayscale(1);\r\n}\r\n\r\n\r\n\r\n\r\n",
    "body_typography_font_family": "Roboto",
    "link_normal_typography_font_family": "Roboto",
    "h1_typography_typography": "custom",
    "h1_typography_font_family": "Roboto",
    "h2_typography_font_family": "Roboto",
    "h3_typography_font_family": "Roboto",
    "h4_typography_typography": "custom",
    "h4_typography_font_family": "Roboto",
    "h5_typography_typography": "custom",
    "h5_typography_font_family": "Roboto",
    "h6_typography_typography": "custom",
    "h6_typography_font_family": "Roboto",
    "h3_typography_font_weight": "500",
    "link_normal_color": "#FFFFFF"
}