diff --git a/bun.lock b/bun.lock index 6176e6cd..b6fc03ef 100644 --- a/bun.lock +++ b/bun.lock @@ -24,7 +24,7 @@ "@sentry/core": "^10.50.0", "@types/bun": "^1.3.13", "@types/node": "^25.6.0", - "@typescript/native-preview": "7.0.0-dev.20260425.1", + "@typescript/native-preview": "7.0.0-dev.20260423.1", "@vitejs/plugin-legacy": "^8.0.1", "better-typescript-lib": "^2.12.0", "browserslist": "^4.28.2", @@ -37,7 +37,7 @@ "fdir": "^6.5.0", "globals": "^17.5.0", "jiti": "^2.6.1", - "knip": "^6.6.3", + "knip": "^6.6.2", "lightningcss": "^1.32.0", "lightningcss-cli": "^1.32.0", "oxlint": "^1.61.0", @@ -659,21 +659,21 @@ "@typescript/lib-webworker": ["@better-typescript-lib/webworker@2.12.0", "", { "peerDependencies": { "typescript": ">=4.5.2" } }, "sha512-YktWJCUYdrRORhd4NgnPZCEzElDglPZzVnfkxGNmEhPpFE1W6ThKDQqkvMZapf3T+0xGeDqJx9V4xhFNnv56Xw=="], - "@typescript/native-preview": ["@typescript/native-preview@7.0.0-dev.20260425.1", "", { "optionalDependencies": { "@typescript/native-preview-darwin-arm64": "7.0.0-dev.20260425.1", "@typescript/native-preview-darwin-x64": "7.0.0-dev.20260425.1", "@typescript/native-preview-linux-arm": "7.0.0-dev.20260425.1", "@typescript/native-preview-linux-arm64": "7.0.0-dev.20260425.1", "@typescript/native-preview-linux-x64": "7.0.0-dev.20260425.1", "@typescript/native-preview-win32-arm64": "7.0.0-dev.20260425.1", "@typescript/native-preview-win32-x64": "7.0.0-dev.20260425.1" }, "bin": { "tsgo": "bin/tsgo.js" } }, "sha512-qhSVDT9DsoKPBeEm777eUUkiCDjBFlF7wwjfMvcPctZFVHfD6b1O1icpfCdQHPqzjrSXWu2YaNiY0DXbljTmgw=="], + "@typescript/native-preview": ["@typescript/native-preview@7.0.0-dev.20260423.1", "", { "optionalDependencies": { "@typescript/native-preview-darwin-arm64": "7.0.0-dev.20260423.1", "@typescript/native-preview-darwin-x64": "7.0.0-dev.20260423.1", "@typescript/native-preview-linux-arm": "7.0.0-dev.20260423.1", "@typescript/native-preview-linux-arm64": "7.0.0-dev.20260423.1", "@typescript/native-preview-linux-x64": "7.0.0-dev.20260423.1", "@typescript/native-preview-win32-arm64": "7.0.0-dev.20260423.1", "@typescript/native-preview-win32-x64": "7.0.0-dev.20260423.1" }, "bin": { "tsgo": "bin/tsgo.js" } }, "sha512-9WD7TJJlGvt9PQqJI/+44dVP4oqGQFIkYrpXt7nlQ0WgNIErN52x/XhxmJ4nWft06qejgPiUbPo4aYRNOmIHXg=="], - "@typescript/native-preview-darwin-arm64": ["@typescript/native-preview-darwin-arm64@7.0.0-dev.20260425.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-vM7O+PlxHRUT4Dv0VkxEmU3N2uyWeSFrhu57O7s3SE9TX1ENljwQlCFG0oQdBGLBRo+SZSoedxKL5jOGlD1eiw=="], + "@typescript/native-preview-darwin-arm64": ["@typescript/native-preview-darwin-arm64@7.0.0-dev.20260423.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-wbLr6o5fROaCYt6cOpFhbe92FJAOdhAHwm/s8I/IyN5HbL1ULgel/wHaZiR+ws+27rgruNUiCENzTUg9vSz2bA=="], - "@typescript/native-preview-darwin-x64": ["@typescript/native-preview-darwin-x64@7.0.0-dev.20260425.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-EiikklZSuEvMhZEeN0VRb0vmedhLgtKwz5p4Oz9e8hlJ4lLrslgvX7Z7JWb2YSKlhm14dUlRMvdoe+6t+56rSA=="], + "@typescript/native-preview-darwin-x64": ["@typescript/native-preview-darwin-x64@7.0.0-dev.20260423.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-13MpNT+4MgkgrfiW2u03rnER5aB3yz9fA0bWEYh6IH3rIqA2AR3Dntp3QXW4sQrZf0SriXqHe2R7X3HCT5xmqA=="], - "@typescript/native-preview-linux-arm": ["@typescript/native-preview-linux-arm@7.0.0-dev.20260425.1", "", { "os": "linux", "cpu": "arm" }, "sha512-9eWInaHqhfTu1Mt/1M85p5M+HlSStahAQkqYaW9rJzUWRe+AcVUKsN6I7U7iwxbkCT8gFZsMCRqABcwBUWw3kg=="], + "@typescript/native-preview-linux-arm": ["@typescript/native-preview-linux-arm@7.0.0-dev.20260423.1", "", { "os": "linux", "cpu": "arm" }, "sha512-CxUA15qbPQRvz2nanBpiv1h4tgXTCJJwqOtgKMSdIuPkow8dyYW3ba5oLoH/jZhS4792XislX659hlFrfiU6CQ=="], - "@typescript/native-preview-linux-arm64": ["@typescript/native-preview-linux-arm64@7.0.0-dev.20260425.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-5KJ++prl1dscJtxnkE7Cb6rjud4T3nO4mcnKhkCfYcQaFtFrvcZhBtDobwcpSzHbfsW0MeM+QCy1UfWoK4gjUQ=="], + "@typescript/native-preview-linux-arm64": ["@typescript/native-preview-linux-arm64@7.0.0-dev.20260423.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-ICIkJDTqmn0R4Vs811+Ht2RYTk1OCrAhHCu0JthmhR216T1Tqgi5DWRoCprp3RL1qU6fLnxxrIpEbNlNN7XFYA=="], - "@typescript/native-preview-linux-x64": ["@typescript/native-preview-linux-x64@7.0.0-dev.20260425.1", "", { "os": "linux", "cpu": "x64" }, "sha512-a/E/8UL2x6nWmIJwrrbEvLz938RMcrFfm5hLRKaPMjCE32bgwesBZEG5jRn8fzQes+4HICRXKEaL544jtb/Syg=="], + "@typescript/native-preview-linux-x64": ["@typescript/native-preview-linux-x64@7.0.0-dev.20260423.1", "", { "os": "linux", "cpu": "x64" }, "sha512-cWLFS4R8dOU1YuUJ/2VLeGMVIjgI3GGb/f9rRY5MbWHq5l3NNZh8y1QwAOrTh3+g3q6+znArfxVnD2hZHUz8Mw=="], - "@typescript/native-preview-win32-arm64": ["@typescript/native-preview-win32-arm64@7.0.0-dev.20260425.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-BZ7jEnaNZHkHbq9LWuqqIgYMmMb2E2NReMybjOyl3ASFmJHYekDnytXIT3Zbp4dyPLJV55faGzLqMw2MMS81NA=="], + "@typescript/native-preview-win32-arm64": ["@typescript/native-preview-win32-arm64@7.0.0-dev.20260423.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-OWaGUI4+dHqYZv+k6sITx9Y27FNy3XzNFk4OrOiYtBkIO/xrb9TPMP4A5XI4n5zwRLIv3xne9g039xgRbaeyoQ=="], - "@typescript/native-preview-win32-x64": ["@typescript/native-preview-win32-x64@7.0.0-dev.20260425.1", "", { "os": "win32", "cpu": "x64" }, "sha512-/iwK50mO31lKr1KVDRCqW5xGyKArZuq9jQr2b/PJ3e0xEuV6hoJ4Kok11LA1lhx1uctqr3UXKmfwQF3HWqcZTQ=="], + "@typescript/native-preview-win32-x64": ["@typescript/native-preview-win32-x64@7.0.0-dev.20260423.1", "", { "os": "win32", "cpu": "x64" }, "sha512-5MQjO/qdLwXpjW7Dy/1lNv7Vtpvo6bhCkbjan4PoRN5/eeyqEqDWxdf8AGE4btLmHqyIjEHRuYf7kp2tlAr6lQ=="], "@vitejs/plugin-legacy": ["@vitejs/plugin-legacy@8.0.1", "", { "dependencies": { "@babel/core": "^7.29.0", "@babel/plugin-transform-dynamic-import": "^7.27.1", "@babel/plugin-transform-modules-systemjs": "^7.29.0", "@babel/preset-env": "^7.29.2", "babel-plugin-polyfill-corejs3": "^0.14.2", "babel-plugin-polyfill-regenerator": "^0.6.8", "browserslist": "^4.28.1", "browserslist-to-esbuild": "^2.1.1", "core-js": "^3.49.0", "magic-string": "^0.30.21", "regenerator-runtime": "^0.14.1", "systemjs": "^6.15.1" }, "peerDependencies": { "terser": "^5.16.0", "vite": "^8.0.0" } }, "sha512-8zeDeuNPqXd49rIVgFgluQYB8vQICHR7l+W2I3CxYK4gTjTorajVr0wLvSjALIwEwLRxBn68EgNVyGP4j6hP7w=="], @@ -1111,7 +1111,7 @@ "kind-of": ["kind-of@6.0.3", "", {}, "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="], - "knip": ["knip@6.6.3", "", { "dependencies": { "fdir": "^6.5.0", "formatly": "^0.3.0", "get-tsconfig": "4.14.0", "jiti": "^2.6.0", "minimist": "^1.2.8", "oxc-parser": "^0.127.0", "oxc-resolver": "^11.19.1", "picomatch": "^4.0.4", "smol-toml": "^1.6.1", "strip-json-comments": "5.0.3", "tinyglobby": "^0.2.16", "unbash": "^3.0.0", "yaml": "^2.8.2", "zod": "^4.1.11" }, "bin": { "knip": "bin/knip.js", "knip-bun": "bin/knip-bun.js" } }, "sha512-7HSf5bLx6r66+sjXwSvSiDEE9RjRzHuAkrEFLE6XXHqaPDY97tdzNvyRVF9DeusbiV72kStAFiNnhj72rxJNGQ=="], + "knip": ["knip@6.6.2", "", { "dependencies": { "fdir": "^6.5.0", "formatly": "^0.3.0", "get-tsconfig": "4.14.0", "jiti": "^2.6.0", "minimist": "^1.2.8", "oxc-parser": "^0.127.0", "oxc-resolver": "^11.19.1", "picomatch": "^4.0.4", "smol-toml": "^1.6.1", "strip-json-comments": "5.0.3", "tinyglobby": "^0.2.16", "unbash": "^3.0.0", "yaml": "^2.8.2", "zod": "^4.1.11" }, "bin": { "knip": "bin/knip.js", "knip-bun": "bin/knip-bun.js" } }, "sha512-ma2p+SvgIs1GZZLUV9QJrLkb9gGNBQHk7fcrtt3aVhiW2XEXH/yfMOU88F7ZdriYuBYkB53djPNYMWb2pKVl/g=="], "known-css-properties": ["known-css-properties@0.37.0", "", {}, "sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ=="], @@ -1717,13 +1717,11 @@ "stylelint/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="], - "stylelint-scss/mdn-data": ["mdn-data@2.28.0", "", {}, "sha512-uy9AS1yt+wW5eUEefgE3lOpqPghanUttycV0GXKbiXyBjwvbeE8XPj4u1C+voRfz7dEjwU4NDHTMfZ/s/JtZrQ=="], - "supports-hyperlinks/has-flag": ["has-flag@5.0.1", "", {}, "sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA=="], "supports-hyperlinks/supports-color": ["supports-color@10.2.2", "", {}, "sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g=="], - "table/ajv": ["ajv@8.20.0", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA=="], + "table/ajv": ["ajv@8.18.0", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A=="], "table/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="], diff --git a/cfg/stylelint.config.ts b/cfg/stylelint.config.ts index b8719537..c2a5a9dd 100755 --- a/cfg/stylelint.config.ts +++ b/cfg/stylelint.config.ts @@ -27,15 +27,11 @@ const stylelintConfig: stylelint.Config = { "@stylistic/function-parentheses-space-inside": undefined, "@stylistic/selector-list-comma-newline-after": undefined, "@stylistic/string-quotes": undefined, - "alpha-value-notation": ["percentage"], - "color-function-notation": "modern", - "color-no-hex": true, "custom-property-pattern": undefined, "declaration-block-no-duplicate-custom-properties": true, "declaration-block-no-duplicate-properties": true, "declaration-block-no-redundant-longhand-properties": true, "declaration-block-no-shorthand-property-overrides": true, - "function-disallowed-list": ["rgba", "hsla", "rgb", "hsl"], "max-nesting-depth": undefined, "no-descending-specificity": undefined, "no-duplicate-selectors": [ diff --git a/composer.lock b/composer.lock index f82f0b26..ec794049 100644 --- a/composer.lock +++ b/composer.lock @@ -5215,12 +5215,12 @@ "source": { "type": "git", "url": "https://github.com/Roave/SecurityAdvisories.git", - "reference": "08cd07f04fb07fb4d316e956801d57b700cf7096" + "reference": "3901f65a6ee5585978c60ee579f23c7f848ec6a2" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/08cd07f04fb07fb4d316e956801d57b700cf7096", - "reference": "08cd07f04fb07fb4d316e956801d57b700cf7096", + "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/3901f65a6ee5585978c60ee579f23c7f848ec6a2", + "reference": "3901f65a6ee5585978c60ee579f23c7f848ec6a2", "shasum": "" }, "conflict": { @@ -5243,7 +5243,6 @@ "alextselegidis/easyappointments": "<=1.5.2", "alexusmai/laravel-file-manager": "<=3.3.1", "algolia/algoliasearch-magento-2": "<=3.16.1|>=3.17.0.0-beta1,<=3.17.1", - "almirhodzic/nova-toggle-5": "<1.3", "alt-design/alt-redirect": "<1.6.4", "altcha-org/altcha": "<1.3.1", "alterphp/easyadmin-extension-bundle": ">=1.2,<1.2.11|>=1.3,<1.3.1", @@ -5638,7 +5637,7 @@ "kelvinmo/simplexrd": "<3.1.1", "kevinpapst/kimai2": "<1.16.7", "khodakhah/nodcms": "<=3.4.1", - "kimai/kimai": "<2.54", + "kimai/kimai": "<=2.53", "kitodo/presentation": "<3.2.3|>=3.3,<3.3.4", "klaviyo/magento2-extension": ">=1,<3", "knplabs/knp-snappy": "<=1.4.2", @@ -6082,7 +6081,7 @@ "twig/twig": "<3.11.2|>=3.12,<3.14.1|>=3.16,<3.19", "typicms/core": "<16.1.7", "typo3/cms": "<9.5.29|>=10,<10.4.35|>=11,<11.5.23|>=12,<12.2", - "typo3/cms-backend": "<4.1.14|>=4.2,<4.2.15|>=4.3,<4.3.7|>=4.4,<4.4.4|>=7,<=7.6.50|>=8,<=8.7.39|>=9,<9.5.55|>=10,<=10.4.54|>=11,<=11.5.48|>=12,<=12.4.40|>=13,<=13.4.22|>=14,<=14.0.1|==14.2", + "typo3/cms-backend": "<4.1.14|>=4.2,<4.2.15|>=4.3,<4.3.7|>=4.4,<4.4.4|>=7,<=7.6.50|>=8,<=8.7.39|>=9,<9.5.55|>=10,<=10.4.54|>=11,<=11.5.48|>=12,<=12.4.40|>=13,<=13.4.22|>=14,<=14.0.1", "typo3/cms-belog": ">=10,<=10.4.47|>=11,<=11.5.41|>=12,<=12.4.24|>=13,<=13.4.2", "typo3/cms-beuser": ">=9,<9.5.55|>=10,<10.4.54|>=11,<11.5.48|>=12,<12.4.37|>=13,<13.4.18", "typo3/cms-core": "<=8.7.56|>=9,<9.5.55|>=10,<=10.4.54|>=11,<=11.5.48|>=12,<=12.4.40|>=13,<=13.4.22|>=14,<=14.0.1", @@ -6264,7 +6263,7 @@ "type": "tidelift" } ], - "time": "2026-04-24T17:22:29+00:00" + "time": "2026-04-23T22:17:39+00:00" }, { "name": "sebastian/diff", @@ -7576,5 +7575,5 @@ "php": ">=8.5" }, "platform-dev": {}, - "plugin-api-version": "2.6.0" + "plugin-api-version": "2.9.0" } diff --git a/package.json b/package.json index 35bb5de8..42458365 100755 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "@sentry/core": "^10.50.0", "@types/bun": "^1.3.13", "@types/node": "^25.6.0", - "@typescript/native-preview": "7.0.0-dev.20260425.1", + "@typescript/native-preview": "7.0.0-dev.20260423.1", "@vitejs/plugin-legacy": "^8.0.1", "better-typescript-lib": "^2.12.0", "browserslist": "^4.28.2", @@ -44,7 +44,7 @@ "fdir": "^6.5.0", "globals": "^17.5.0", "jiti": "^2.6.1", - "knip": "^6.6.3", + "knip": "^6.6.2", "lightningcss": "^1.32.0", "lightningcss-cli": "^1.32.0", "oxlint": "^1.61.0", diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css b/web/app/themes/haiku-atelier-2024/assets/css/main.css index 78f44400..3a3b0355 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -90,14 +90,17 @@ } :root { /* Couleurs */ - --couleur-blanc: oklch(100% 0 0deg / 100%); - --couleur-blanc-fond: olkch(1 0 0 / 90%); - --couleur-gris: oklch(93.89% 0.0025 345.21deg / 100%); - --couleur-gris-fond: oklch(93.89% 0.0025 345.21deg / 80%); - --couleur-gris-fond-extra: oklch(93.89% 0.0025 345.21deg / 50%); - --couleur-gris-fonce: oklch(59.99% 0 0deg / 100%); - --couleur-gris-fonce-fond: oklch(59.99% 0 0deg / 80%); - --couleur-noir: oklch(24.35% 0 0deg / 100%); + --couleur-blanc: #ffffff; + --couleur-blanc-fond: rgb(255 255 255 / 90%); + --couleur-gris: #eceaeb; + --couleur-gris-fonce: #808080; + --couleur-gris-fonce-fond: rgb(128 128 128 / 80%); + --couleur-bordeaux: #490918; + --couleur-bordeaux-fond: rgb(73 9 24 / 80%); + --couleur-jaune: #defdb5; + --couleur-jaune-fond: rgb(235 255 184 / 80%); + --couleur-noir: #202020; + --couleur-fond: rgb(236 234 235 / 80%); /* Polices */ --police-lato: "Lato", sans-serif; /* Hauteurs de ligne */ @@ -166,7 +169,7 @@ html { */ body { overscroll-behavior: none; - accent-color: var(--couleur-gris-fonce); /* 2 */ + accent-color: var(--couleur-jaune); /* 2 */ background: var(--couleur-gris); /* 1 */ } @@ -181,7 +184,7 @@ button, input, select, textarea { * Change la couleur d'arrière-plan à la sélection du texte. */ *::selection { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } /* Cache tout élément avec l'attribut hidden */ @@ -280,7 +283,7 @@ button:not[disabled]:active { @media (hover: hover) { button:not[disabled]:hover { color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } button:disabled, button[disabled] { @@ -299,7 +302,7 @@ button.bouton-case-pleine.bouton-blanc-sur-noir { } button.bouton-case-pleine.bouton-blanc-sur-noir:focus-visible { color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } button.bouton-blanc-sur-noir { color: var(--couleur-blanc); @@ -320,8 +323,8 @@ button.bouton-retour-haut { border: 1px solid var(--couleur-noir); border-radius: 100%; visibility: hidden; - opacity: 0%; - background: var(--couleur-gris-fond); + opacity: 0; + background: var(--couleur-fond); box-shadow: initial; transition: 0.2s background, 0.2s opacity, 0.2s visibility; } @@ -332,11 +335,11 @@ button.bouton-retour-haut img { } button.bouton-retour-haut[data-actif] { visibility: visible; - opacity: 60%; + opacity: 0.6; } @media (hover: hover) { button.bouton-retour-haut[data-actif]:hover { - opacity: 100%; + opacity: 1; background: var(--couleur-jaune-fond); } } @@ -346,8 +349,8 @@ dialog { flex-flow: column nowrap; place-self: center center; padding: var(--espace-l); - opacity: 0%; - background: var(--couleur-blanc); + opacity: 0; + background: white; transition: display 0.3s, opacity 0.3s, overlay 0.3s; transition-behavior: allow-discrete; } @@ -358,10 +361,10 @@ dialog::backdrop { } dialog:open { display: flex; - opacity: 100%; + opacity: 1; } dialog:open::backdrop { - background-color: var(--couleur-gris-fond); + background-color: var(--couleur-fond); } dialog * + * { margin-block-start: var(--espace-m); @@ -377,7 +380,7 @@ dialog button { @starting-style { dialog:open { - opacity: 0%; + opacity: 0; } } @starting-style { @@ -396,7 +399,7 @@ fieldset { input, select, textarea { padding: var(--espace-xs); border: 1px solid var(--couleur-noir); - accent-color: var(--couleur-gris-fonce); + accent-color: var(--couleur-jaune); background: var(--couleur-gris); transition: 0.2s background; } @@ -432,7 +435,7 @@ input:is([type="email"], [type="text"], [type="tel"])::selection, textarea::sele background: var(--couleur-noir); } input:is([type="email"], [type="text"], [type="tel"]):user-valid, textarea:user-valid { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } input:is([type="email"], [type="text"], [type="tel"]):user-invalid, textarea:user-invalid { background: var(--couleur-gris); @@ -451,7 +454,7 @@ input[type="checkbox"], input[type="radio"] { transition: 0.2s background; } input[type="checkbox"]:checked, input[type="radio"]:checked { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } input[type="checkbox"]:checked::before, input[type="radio"]:checked::before { content: "x"; @@ -480,7 +483,7 @@ input[type="radio"] + label { } @media (hover: hover) { input[type="checkbox"]:hover, input[type="radio"]:hover { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } @@ -521,7 +524,7 @@ img, picture { img { object-fit: cover; /* 2 */ - background: var(--couleur-gris-fonce); /* 3 */ + background: var(--couleur-jaune); /* 3 */ } /* @@ -557,7 +560,7 @@ a.lien-bouton { --lien-bouton-marges-internes-bloc: var(--espace-xs); --lien-bouton-marges-internes-ligne: var(--espace-m); /* Couleurs */ - --lien-bouton-arriere-plan-couleur-survol: var(--couleur-gris-fonce); + --lien-bouton-arriere-plan-couleur-survol: var(--couleur-jaune); padding: var(--lien-bouton-marges-internes-bloc) var(--lien-bouton-marges-internes-ligne); border: 1px solid var(--couleur-noir); /* Change la couleur de l'arrière-plan pour marquer le focus. */ @@ -586,13 +589,13 @@ a.lien-lien { text-decoration: underline; } a.lien-lien:active { - text-decoration-color: var(--couleur-gris-fonce); - background: var(--couleur-gris-fonce); + text-decoration-color: var(--couleur-jaune); + background: var(--couleur-jaune); } @media (hover: hover) { a.lien-lien:hover { - text-decoration-color: var(--couleur-gris-fonce); - background: var(--couleur-gris-fonce); + text-decoration-color: var(--couleur-jaune); + background: var(--couleur-jaune); } } a { @@ -653,7 +656,7 @@ video { color: var(--couleur-noir); text-transform: uppercase; white-space: nowrap; - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } .bandeau__conteneur { display: flex; @@ -662,7 +665,7 @@ video { animation: marquee linear 15s infinite both; } .bandeau__conteneur *::selection { - color: var(--couleur-gris-fonce); + color: var(--couleur-jaune); background: var(--couleur-noir); } .bandeau__conteneur p { @@ -718,8 +721,8 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { z-index: 998; inset: var(--en-tete-hauteur) 0 0 0; height: var(--menu-mobile-hauteur); - opacity: 0%; - background-color: var(--couleur-gris-fond); + opacity: 0; + background-color: var(--couleur-fond); animation: fade-in 400ms both; } #menu-mobile .menu-modale__conteneur { @@ -731,7 +734,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { height: fit-content; padding: var(--espace-xl); border-bottom: 1px solid var(--couleur-noir); - opacity: 0%; + opacity: 0; background-color: var(--couleur-gris); animation: fade-in 400ms 200ms both; } @@ -758,12 +761,12 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { @keyframes fade-in { to { - opacity: 100%; + opacity: 1; } } @keyframes fade-out { to { - opacity: 0%; + opacity: 0; } } @keyframes slide-in { @@ -788,8 +791,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { height: var(--en-tete-hauteur); padding: var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne); border-bottom: 1px solid var(--couleur-noir); - background: var(--couleur-gris-fond-extra); - backdrop-filter: brightness(125%) blur(6px); + background: var(--couleur-gris); } #en-tete picture, #en-tete img { background: transparent; @@ -844,12 +846,12 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { --liste-puce-cercle-puce-position-horizontale: 3.5ch; /* 3 */ } #en-tete .menu-navigation__entree:has(a[aria-current="page"]) { - background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") - bottom/auto 90% no-repeat; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg") center/auto + 90% no-repeat; } #en-tete .menu-navigation__entree--courante { - background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") - bottom/auto 90% no-repeat; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg") center/auto + 90% no-repeat; } #en-tete .menu-navigation__entree a { display: inline-block; /* 1 */ @@ -858,8 +860,8 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } @media (hover: hover) { #en-tete .menu-navigation__entree:hover { - background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") - bottom/auto 90% no-repeat; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg") center/auto + 90% no-repeat; } } @media (width <= 1000px) { @@ -874,11 +876,6 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { place-items: center; text-align: center; } -#en-tete .compte-panier a:hover, -#en-tete .compte-panier a:active, -#en-tete .compte-panier a:focus-within { - background: var(--couleur-gris-fond) !important; -} #en-tete .compte-panier[disabled] { background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px/2px 2px; @@ -893,13 +890,12 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { padding-block: var(--espace-2xs); padding-inline: var(--espace-s); text-transform: lowercase; - background: var(--couleur-gris); } #en-tete .compte-panier a.lien-compte { border-color: transparent; } #en-tete .compte-panier a[data-contient-articles="true"] { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } #en-tete .conteneur { display: flex; @@ -942,10 +938,10 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { margin-top: var(--menu-section-marges-bloc-debut); /* 1 */ } #menu-categories-produits[data-entrees-presentes-debut] svg:first-of-type { - opacity: 100%; + opacity: 1; } #menu-categories-produits[data-entrees-presentes-fin] svg:last-of-type { - opacity: 100%; + opacity: 1; } #menu-categories-produits svg { pointer-events: none; @@ -953,7 +949,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { bottom: calc(17.59px - 0.35rem); width: 0.8rem; height: 0.8rem; - opacity: 0%; + opacity: 0; mix-blend-mode: exclusion; shape-rendering: geometricprecision; transition: 0.2s opacity; @@ -1001,7 +997,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { #menu-categories-produits ul li.categorie-courante a { font-weight: 600; color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } @media (hover: hover) { #menu-categories-produits ul li.categorie-courante a:hover { @@ -1023,13 +1019,13 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { outline: initial; /* 3 */ } #menu-categories-produits ul li a:focus-visible { - color: var(--couleur-gris-fonce); + color: var(--couleur-jaune); outline: initial; /* 3 */ } @media (hover: hover) { #menu-categories-produits ul li a:hover { color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } @media (width <= 1000px) { @@ -1189,7 +1185,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { @media (hover: hover) { .grille-produits article figure a:hover .produit__illustration__survol { visibility: visible; - opacity: 100%; + opacity: 1; transition: 0.3s opacity, 0.3s visibility; } } @@ -1212,7 +1208,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { left: 0; width: 100%; height: 100%; - opacity: 0%; + opacity: 0; background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg"); background-repeat: no-repeat; background-position: center; @@ -1221,7 +1217,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { animation: 1.5s 0.5s test infinite alternate both linear; } .grille-produits article figure .produit__illustration__principale img { - opacity: 0%; + opacity: 0; transition: opacity 1s; } .grille-produits article figure .produit__illustration__survol { @@ -1232,11 +1228,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { width: 100%; height: 100%; visibility: hidden; - opacity: 0%; + opacity: 0; transition: 0.15s opacity, 0.15s visibility; } .grille-produits article figure .produit__illustration__survol img { - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } .grille-produits article figure figcaption { display: flex; @@ -1274,7 +1270,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { @keyframes test { to { - opacity: 100%; + opacity: 1; } } /* @@ -1344,7 +1340,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { text-align: center; letter-spacing: initial; appearance: none; - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } @supports selector(:user-valid) { .resume-produit .selecteur-produit__attribut-variation select:user-valid { @@ -1352,7 +1348,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { } } .resume-produit .selecteur-produit__attribut-variation option { - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } .resume-produit .selecteur-produit__attribut-variation { /* Conteneur des sélecteurs */ @@ -1372,20 +1368,20 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { height: 0.9rem; text-align: center; visibility: visible; - opacity: 100%; + opacity: 1; background: url("/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg") no-repeat; transition: opacity 0.2s, visibility 0.2s; } @supports not selector(:user-valid) { .resume-produit .selecteur-produit__attribut-variation__selecteurs:has(select:valid)::after { visibility: hidden; - opacity: 0%; + opacity: 0; } } @supports selector(:user-valid) { .resume-produit .selecteur-produit__attribut-variation__selecteurs:has(select:user-valid)::after { visibility: hidden; - opacity: 0%; + opacity: 0; } } .resume-produit .selecteur-produit__prix { @@ -1468,11 +1464,11 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { --section-marges-internes: var(--espace-l); overflow: hidden; border-block: 1px solid var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); transition: 0.2s background; } .details-produit__actions:has(button[disabled]) { - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } .details-produit__actions button { height: initial; @@ -1542,7 +1538,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { article figure a:hover .produit__illustration__survol { visibility: visible; - opacity: 100%; + opacity: 1; transition: 0.3s opacity, 0.3s visibility; } } @@ -1557,7 +1553,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { width: 100%; height: 100%; visibility: hidden; - opacity: 0%; + opacity: 0; transition: 0.15s opacity, 0.15s visibility; } .produits-similaires .grille-produits-similaires article figure img { diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map index e61be50f..2174c4ec 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_dialogs.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/base/elements/_media.scss","../../src/sass/layouts/_bandeau.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAQF,eACE;;AAmBJ;EACE;EACA;EACA;EACA;EACA,KACE;EAQF,eACE;;ACjDJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAGA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC9CF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;EAGF;IACE;;;AC5FJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AC/BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAKN;EACE;EAEA;;AAIF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;;AAIA;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;IACE;IACA;;;;ACjGV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EAEA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;;AAKN;EACE;;AA3BJ;AA8BE;AAAA;AAAA;;AAGA;EACE;EACA;;AAGF;EACE;IACE;;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;IACE;;;;AC7HN;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA,YACE,uIAM4B;EAE9B;AAEA;;AACA;EACE;;AApBJ;AAuBE;;AACA;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;;AACA;EACE;;AAbJ;AAgBE;;AACA;EACE;;AAlBJ;AAqBE;;AACA;EACE;IACE;;;AAhDR;AAqDE;;AACA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAjER;AAsEE;;AAEE;EACE;IACE;;;;AC/ER;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC9BxE;EACE;EACA;EACA;EACA;EACA;EACA;;;ACNF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EAEI;IACE;;;;AAMR;EACE;IACE;;EAGF;IACE;;;AC/CJ;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAOV;EArEF;IAsEI;;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC5FJ;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;AAEA;EACA;EACA;EACA;EACA;;AAvCN;AA2CE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAbJ;AAgBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AASA;AACE;EACA;EACA;EACA;AAEA;EACA;;AAGA;EACE;;AAKF;EACE;;AAIF;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;;AAGF;EACE;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIF;EAdF;IAeI;;;AAIJ;EA9KF;IA+KI;;;;ACjLJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EAGA;EACA;EAIA;EACA;;AAGE;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIF;EApBF;IAqBI;;;AA9CN;AAkDE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EACF;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;;AAEA;EACE;IACE;;;AAlBV;AAwBE;AAAA;AAAA;AAAA;AAAA;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EA5DF;IA6DI;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;AAMN;EA/EF;IAgFI;IACA;IACA;;EAEA;IACE;IACA;;;;ACrJR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EAEE;EAGA;EACA;AAAA;AAAA;EAGA;EAGA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;EACA;;AAIF;EACE;EACA;;AAMN;EApDF;IAqDI;IACA;AAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;;;AC1GV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EACF;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AAMR;EACE;IACE;;;ACjJJ;AAAA;AAAA;AAAA;AAIA;EAEE;EAGA;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AA9BJ;AAiCE;;AACA;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAOV;EACE;;AAIJ;EAtIF;IAuII;IACA;;;AAGF;EA3IF;IA4II;IACA;IACA;IACA;;;AAGF;EACE;IACE;IACA;;EAEA;IACE;;;;AAMR;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;;AAGE;EACE;;AAIF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAOR;EACE;EAEA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIE;EACE;IACE;;;;ACzPZ;EAEE;EACA;EACA;EAEA;EACA;EACA,qBACE;EAEF;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;IACE;;EAEA;IACE;;;;ACjHV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_dialogs.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/base/elements/_media.scss","../../src/sass/layouts/_bandeau.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAQF,eACE;;AAmBJ;EACE;EACA;EACA;EACA;EACA,KACE;EAQF,eACE;;ACjDJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EAGA;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjDF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;EAGF;IACE;;;AC5FJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AC/BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAKN;EACE;EAEA;;AAIF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;;AAIA;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;IACE;IACA;;;;ACjGV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EAEA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;;AAKN;EACE;;AA3BJ;AA8BE;AAAA;AAAA;;AAGA;EACE;EACA;;AAGF;EACE;IACE;;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;IACE;;;;AC7HN;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA,YACE,uIAM4B;EAE9B;AAEA;;AACA;EACE;;AApBJ;AAuBE;;AACA;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;;AACA;EACE;;AAbJ;AAgBE;;AACA;EACE;;AAlBJ;AAqBE;;AACA;EACE;IACE;;;AAhDR;AAqDE;;AACA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAjER;AAsEE;;AAEE;EACE;IACE;;;;AC/ER;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC9BxE;EACE;EACA;EACA;EACA;EACA;EACA;;;ACNF;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EAEI;IACE;;;;AAMR;EACE;IACE;;EAGF;IACE;;;AC/CJ;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAOV;EArEF;IAsEI;;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC5FJ;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;AAEA;EACA;EACA;EACA;EACA;;AAtCN;AA0CE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAbJ;AAgBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AASA;AACE;EACA;EACA;EACA;AAEA;EACA;;AAGA;EACE;;AAKF;EACE;;AAIF;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;;AAGF;EACE;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIF;EAdF;IAeI;;;AAIJ;EAxKF;IAyKI;;;;AC3KJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EAGA;EACA;EAIA;EACA;;AAGE;EACE;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIF;EApBF;IAqBI;;;AA9CN;AAkDE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EAEF;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;;AAEA;EACE;IACE;;;AAlBV;AAwBE;AAAA;AAAA;AAAA;AAAA;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EA7DF;IA8DI;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;AAMN;EAhFF;IAiFI;IACA;IACA;;EAEA;IACE;IACA;;;;ACtJR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EAEE;EAGA;EACA;AAAA;AAAA;EAGA;EAGA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;EACA;;AAIF;EACE;EACA;;AAMN;EApDF;IAqDI;IACA;AAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAEA;IACE;IACA;;EAGF;IACE;;;;AC1GV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EAEF;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AAMR;EACE;IACE;;;AClJJ;AAAA;AAAA;AAAA;AAIA;EAEE;EAGA;EAGA;EAGA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AA9BJ;AAiCE;;AACA;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAOV;EACE;;AAIJ;EAtIF;IAuII;IACA;;;AAGF;EA3IF;IA4II;IACA;IACA;IACA;;;AAGF;EACE;IACE;IACA;;EAEA;IACE;;;;AAMR;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;;AAGE;EACE;;AAIF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAOR;EACE;EAEA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIE;EACE;IACE;;;;ACzPZ;EAEE;EACA;EACA;EAEA;EACA;EACA,qBACE;EAEF;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;IACE;;EAEA;IACE;;;;ACjHV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css index dc137690..3b20fdaf 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css @@ -1 +1 @@ -@font-face{font-family:Lato;font-weight:100 900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-weight:100 900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Myriad;font-weight:300 900;font-style:normal;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf)format("truetype")}@font-face{font-family:Myriad;font-weight:300 900;font-style:italic;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf)format("truetype")}:root{--couleur-blanc:oklch(100% 0 0);--couleur-blanc-fond:olkch(1 0 0 / 90%);--couleur-gris:oklch(93.89% .0025 345.21);--couleur-gris-fond:oklch(93.89% .0025 345.21/.8);--couleur-gris-fond-extra:oklch(93.89% .0025 345.21/.5);--couleur-gris-fonce:oklch(59.99% 0 0);--couleur-gris-fonce-fond:oklch(59.99% 0 0/.8);--couleur-noir:oklch(24.35% 0 0);--police-lato:"Lato", sans-serif;--hauteur-ligne-classique:1.5;--hauteur-ligne-moitie:1.2;--hauteur-ligne-compacte:1.1;--hauteur-ligne-rapprochee:1;--espacement-inter-lettres-rapproche-m:-1px;--espacement-inter-lettres-rapproche-s:-.5px;--espacement-inter-lettres-etendu-s:.5px;--espacement-inter-lettres-etendu-m:1px;--espacement-inter-lettres-etendu-l:1.5px;--espacement-inter-lettres-etendu-xl:2px;--en-tete-hauteur:61px;--menu-categories-produits-hauteur:calc(var(--espace-m) * 2 + 1rlh);--pied-de-page-hauteur:calc(.8rem * 1.5 * 3 + var(--espace-s) * 2);--contenu-page-hauteur-minimale-sans-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--contenu-page-hauteur-minimale-avec-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur));--espace-2xs:.1rem;--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;outline-offset:-2px;outline:2px dashed #0000;margin:0;padding:0}@view-transition{navigation:auto}body{overscroll-behavior:none;accent-color:var(--couleur-gris-fonce);background:var(--couleur-gris)}button,input,select,textarea{font:inherit}::selection{background:var(--couleur-gris-fonce)}[hidden]{display:none!important}:focus-visible{outline-color:var(--couleur-noir);transition:outline-color .2s}.visuellement-cache:not(:focus,:active,:focus-within){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[disabled]{cursor:not-allowed}@media (prefers-reduced-motion){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}@view-transition{}}html{font:1rem/var(--hauteur-ligne-classique) Lato;font-optical-sizing:auto;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;font-kerning:normal;color:var(--couleur-noir);text-decoration-skip-ink:auto;text-size-adjust:none;text-rendering:geometricprecision;letter-spacing:var(--espacement-inter-lettres-etendu-s);-webkit-font-smoothing:antialiased}strong{font-weight:600}em{font-style:italic}code{font-family:monospace;font-size:.9rem}button{all:initial;cursor:pointer;box-sizing:border-box;text-align:center;letter-spacing:inherit;outline-offset:-2px;outline:2px dashed #0000;font-family:Lato;transition:background .2s,color .2s,outline-color .2s}button:not[disabled]:focus-visible{z-index:5;outline-color:var(--couleur-noir)}button:not[disabled]:active{color:var(--couleur-blanc)!important;background:var(--couleur-noir)!important}@media (hover:hover){button:not[disabled]:hover{color:var(--couleur-noir);background:var(--couleur-gris-fonce)}}button:disabled,button[disabled]{background:repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px/2px 2px;outline-color:#0000}button.bouton-case-pleine{width:100%;height:100%}button.bouton-case-pleine.bouton-blanc-sur-noir{text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}button.bouton-case-pleine.bouton-blanc-sur-noir:focus-visible{color:var(--couleur-noir);background:var(--couleur-gris-fonce)}button.bouton-blanc-sur-noir{color:var(--couleur-blanc);background:var(--couleur-noir)}@media (hover:hover){button.bouton-fleche{background:initial}}button.bouton-retour-haut{z-index:500;right:var(--espace-xl);bottom:calc(var(--espace-l) + var(--pied-de-page-hauteur));padding:var(--espace-m);border:1px solid var(--couleur-noir);visibility:hidden;opacity:0;background:var(--couleur-gris-fond);box-shadow:initial;border-radius:100%;transition:background .2s,opacity .2s,visibility .2s;position:fixed;transform:rotate(180deg)}button.bouton-retour-haut img{background:0 0;width:1rem;height:1rem}button.bouton-retour-haut[data-actif]{visibility:visible;opacity:.6}@media (hover:hover){button.bouton-retour-haut[data-actif]:hover{opacity:1;background:var(--couleur-jaune-fond)}}dialog{z-index:999;padding:var(--espace-l);opacity:0;background:var(--couleur-blanc);transition-behavior:allow-discrete;flex-flow:column;place-self:center;transition:display .3s,opacity .3s,overlay .3s}dialog::backdrop{transition-behavior:allow-discrete;background-color:#0000;transition:background-color .3s,display .3s,overlay .3s}dialog:open{opacity:1;display:flex}dialog:open::backdrop{background-color:var(--couleur-gris-fond)}dialog *+*{margin-block-start:var(--espace-m)}dialog p{max-inline-size:50ch}dialog button{inline-size:fit-content;padding:var(--espace-s);align-self:end}@starting-style{dialog:open{opacity:0}}@starting-style{dialog:open::backdrop{background-color:#0000}}fieldset{all:initial;margin-top:var(--espace-l);font:inherit;flex-flow:column;display:flex}input,select,textarea{padding:var(--espace-xs);border:1px solid var(--couleur-noir);accent-color:var(--couleur-gris-fonce);background:var(--couleur-gris);transition:background .2s}input:focus-visible,input:focus-within,input:active,select:focus-visible,select:focus-within,select:active,textarea:focus-visible,textarea:focus-within,textarea:active{z-index:10;outline:2px dashed var(--couleur-noir)}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{background:repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px/2px 2px;outline-color:#0000}input:is([type=email],[type=text],[type=tel])::placeholder,textarea::placeholder{text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-s)}input:is([type=email],[type=text],[type=tel])::selection,textarea::selection{color:var(--couleur-blanc);background:var(--couleur-noir)}input:is([type=email],[type=text],[type=tel]):user-valid,textarea:user-valid{background:var(--couleur-gris-fonce)}input:is([type=email],[type=text],[type=tel]):user-invalid,textarea:user-invalid{background:var(--couleur-gris)}input,label,select,textarea{cursor:pointer}input[type=checkbox],input[type=radio]{width:var(--espace-l);height:var(--espace-l);padding:initial;border:1px solid var(--couleur-noir);appearance:none;transition:background .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--couleur-gris-fonce)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"x";position:relative;bottom:.1rem;left:.35rem}@media (hover:hover){input[type=checkbox]:checked:hover,input[type=radio]:checked:hover{color:var(--couleur-noir)}}input[type=checkbox]:not(:checked):user-valid,input[type=radio]:not(:checked):user-valid{background:initial}label:has(~input[type=checkbox],~input[type=radio]),input[type=checkbox]+label,input[type=radio]+label{padding-top:1px;font-size:.9rem}@media (hover:hover){input[type=checkbox]:hover,input[type=radio]:hover{background:var(--couleur-gris-fonce)}}input[type=radio]{appearance:initial;border-radius:100%}input[type=radio]:checked{place-content:center;place-items:center;display:inline-flex}input[type=radio]:checked:before{content:" ";inset:initial;width:calc(var(--espace-l) / 2);height:calc(var(--espace-l) / 2);background:var(--couleur-noir);border-radius:100%;display:inline-block}@media (hover:hover){textarea:hover{color:var(--couleur-noir)}}img,picture{max-width:100%;display:block}img{object-fit:cover;background:var(--couleur-gris-fonce)}a{--lien-contour-couleur-focus:var(--couleur-noir);text-decoration-skip-ink:auto;text-decoration-skip:edges;text-decoration:underline #0000;transition:background .2s,border-color .2s,color .2s,font-weight .2s,outline-color .2s,letter-spacing .2s,text-decoration-color .2s}a:focus-visible{outline-color:var(--lien-contour-couleur-focus)}a.lien-bouton{--lien-bouton-marges-internes-bloc:var(--espace-xs);--lien-bouton-marges-internes-ligne:var(--espace-m);--lien-bouton-arriere-plan-couleur-survol:var(--couleur-gris-fonce);padding:var(--lien-bouton-marges-internes-bloc) var(--lien-bouton-marges-internes-ligne);border:1px solid var(--couleur-noir)}a.lien-bouton:focus-visible{background:var(--lien-bouton-arriere-plan-couleur-survol)}a.lien-bouton:active{border-color:var(--lien-bouton-arriere-plan-couleur-survol)}@media (hover:hover){a.lien-bouton:hover{background:var(--lien-bouton-arriere-plan-couleur-survol)}}a.lien-lien{text-decoration:underline}a.lien-lien:active{text-decoration-color:var(--couleur-gris-fonce);background:var(--couleur-gris-fonce)}@media (hover:hover){a.lien-lien:hover{text-decoration-color:var(--couleur-gris-fonce);background:var(--couleur-gris-fonce)}a:not([class]):hover{text-decoration-color:var(--couleur-noir)}}ul{list-style:none}ul.avec-puce-cercle{--liste-puce-cercle-lien-marges-internes-ligne-debut:2ch;--liste-puce-cercle-puce-position-horizontale:1ch;--liste-puce-cercle-puce-taille:1.25ex}ul.avec-puce-cercle a{padding-left:var(--liste-puce-cercle-lien-marges-internes-ligne-debut);background:no-repeat var(--liste-puce-cercle-puce-position-horizontale) center/var(--liste-puce-cercle-puce-taille) url(/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg)}video{block-size:100%;inline-size:100%;min-inline-size:100%;min-block-size:inherit;object-fit:cover;display:block}.bandeau{column-gap:var(--espace-m);border-top:1px solid var(--couleur-noir);width:100%;color:var(--couleur-noir);text-transform:uppercase;white-space:nowrap;background:var(--couleur-gris-fonce);font-style:italic;display:flex;overflow:hidden}.bandeau__conteneur{column-gap:var(--espace-m);flex-flow:row;animation:15s linear infinite both marquee;display:flex}.bandeau__conteneur ::selection{color:var(--couleur-gris-fonce);background:var(--couleur-noir)}.bandeau__conteneur p{padding:var(--espace-s) 0;display:inline-block}.bandeau__conteneur p strong{font-weight:600}@media (hover:hover){.bandeau:hover .bandeau__conteneur{animation-play-state:paused}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}body:has(#menu-mobile:not([aria-hidden=true])){touch-action:none;overflow:hidden}#menu-mobile{--menu-mobile-hauteur:calc(100svh - var(--en-tete-hauteur));z-index:997;inset:var(--en-tete-hauteur) 0 0 0;overscroll-behavior:contain;width:100vw;height:var(--menu-mobile-hauteur);transition:display .4s;transition:display .4s allow-discrete;-webkit-overflow-scrolling:none;display:flex;position:fixed;overflow:hidden}#menu-mobile[aria-hidden=true]{animation:.4s both fade-out;display:none}#menu-mobile[aria-hidden=true] .menu-modale__fond{animation:.4s both fade-out}#menu-mobile .menu-modale__fond{z-index:998;inset:var(--en-tete-hauteur) 0 0 0;height:var(--menu-mobile-hauteur);opacity:0;background-color:var(--couleur-gris-fond);animation:.4s both fade-in;position:fixed}#menu-mobile .menu-modale__conteneur{z-index:999;width:100%;height:fit-content;padding:var(--espace-xl);border-bottom:1px solid var(--couleur-noir);opacity:0;background-color:var(--couleur-gris);flex-flow:column;animation:.4s .2s both fade-in;display:flex;position:relative}#menu-mobile .menu-modale__conteneur .menu-navigation{grid-template-columns:1fr}#menu-mobile .menu-modale__conteneur .menu-navigation ul{grid-column:initial;flex-flow:column;place-items:center}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span{width:fit-content}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span li a{padding-top:var(--espace-m);padding-bottom:var(--espace-m)}@media (width>1000px){#menu-mobile{display:none}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{to{transform:translateY(0)}}#en-tete{--en-tete-marges-internes-ligne:var(--espace-xl);--en-tete-marges-internes-bloc:var(--espace-m);--en-tete-section-hauteur:var(--en-tete-hauteur);--en-tete-logo-longueur:160px;z-index:60;min-width:100vw;max-width:100vw;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne);border-bottom:1px solid var(--couleur-noir);background:var(--couleur-gris-fond-extra);backdrop-filter:brightness(125%)blur(6px);flex-flow:row;justify-content:space-between;place-items:center;display:flex;position:fixed;top:0}#en-tete picture,#en-tete img{background:0 0}#en-tete .logo{width:var(--en-tete-logo-longueur)}#en-tete .logo img{object-fit:contain;width:100%;height:40px;image-rendering:crisp-edges;shape-rendering:geometricprecision;margin-left:-6px}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;font-size:1.1rem;display:grid}#en-tete .menu-navigation ul{gap:var(--espace-m);flex-flow:row;grid-column:2;justify-content:space-between;display:flex}#en-tete .menu-navigation__entree{--nav-entree-marges-internes-bloc:var(--espace-xs);--nav-entree-marges-internes-ligne:3rem;--liste-puce-cercle-lien-marges-internes-ligne-debut:calc(var(--espace-m) + 1.5ch);--liste-puce-cercle-puce-position-horizontale:3.5ch}#en-tete .menu-navigation__entree:has(a[aria-current=page]),#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg) bottom/auto 90% no-repeat}#en-tete .menu-navigation__entree a{padding:var(--nav-entree-marges-internes-bloc) var(--nav-entree-marges-internes-ligne);text-align:center;display:inline-block}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg) bottom/auto 90% no-repeat}}@media (width<=1000px){#en-tete .menu-navigation#menu-navigation-en-tete{display:none}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier a:hover,#en-tete .compte-panier a:active,#en-tete .compte-panier a:focus-within{background:var(--couleur-gris-fond)!important}#en-tete .compte-panier[disabled]{background:repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px/2px 2px}#en-tete .compte-panier[disabled] a:hover,#en-tete .compte-panier[disabled] a:active,#en-tete .compte-panier[disabled] a:focus-within{border:1px solid var(--couleur-noir);background:initial}#en-tete .compte-panier a{padding-block:var(--espace-2xs);padding-inline:var(--espace-s);text-transform:lowercase;background:var(--couleur-gris)}#en-tete .compte-panier a.lien-compte{border-color:#0000}#en-tete .compte-panier a[data-contient-articles=true]{background:var(--couleur-gris-fonce)}#en-tete .conteneur{column-gap:var(--espace-m);display:flex}#en-tete .bouton-menu-mobile{--hauteur-bouton-menu:22px;align-content:center;display:none}#en-tete .bouton-menu-mobile img{height:var(--hauteur-bouton-menu);object-fit:contain;image-rendering:crisp-edges;shape-rendering:geometricprecision}@media (width<=1000px){#en-tete .bouton-menu-mobile{display:block}}@media (width<=600px){#en-tete{--en-tete-marges-internes-ligne:var(--espace-l)}}#menu-categories-produits{--menu-entree-longueur-minimale:13ch;--menu-section-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);margin-top:var(--menu-section-marges-bloc-debut);position:relative}#menu-categories-produits[data-entrees-presentes-debut] svg:first-of-type,#menu-categories-produits[data-entrees-presentes-fin] svg:last-of-type{opacity:1}#menu-categories-produits svg{pointer-events:none;opacity:0;mix-blend-mode:exclusion;shape-rendering:geometricprecision;width:.8rem;height:.8rem;transition:opacity .2s;position:absolute;bottom:calc(17.59px - .35rem)}#menu-categories-produits svg:first-of-type{left:var(--espace-xs)}#menu-categories-produits svg:last-of-type{right:var(--espace-xs)}@media (width>600px){#menu-categories-produits svg{visibility:hidden}}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr));place-items:center;gap:1px;display:grid}#menu-categories-produits ul li{width:100%;color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-noir);background:var(--couleur-gris-fonce);font-weight:600}@media (hover:hover){#menu-categories-produits ul li.categorie-courante a:hover{color:var(--couleur-noir)}}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne) 0;outline:initial;text-decoration:none;display:inline-block}#menu-categories-produits ul li a:focus-visible{color:var(--couleur-gris-fonce);outline:initial}@media (hover:hover){#menu-categories-produits ul li a:hover{color:var(--couleur-noir);background:var(--couleur-gris-fonce)}}@media (width<=1000px){#menu-categories-produits ul{--menu-entree-marges-internes-ligne:var(--espace-s);flex-flow:wrap;font-size:.8rem;display:flex}#menu-categories-produits ul li{flex-grow:1;width:min(140px,100%)}#menu-categories-produits ul li a{border:initial;width:100%}}@media (width<=600px){#menu-categories-produits ul{scrollbar-width:none;flex-flow:row;overflow-x:scroll}#menu-categories-produits ul li{width:initial;min-width:140px}}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100svh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--colonne-photo-longueur-minimale:30rem;--section-marges-externes-bloc-fin:1rem;flex-flow:row;max-width:100%;display:flex;position:relative}.photos-produit .colonne{width:min(var(--colonne-photo-longueur-minimale), 100%);flex-flow:column;flex-grow:1;display:flex;position:relative}.photos-produit .colonne.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit .colonne.colonne-gauche figure,.photos-produit .colonne.colonne-gauche picture,.photos-produit .colonne.colonne-gauche img{height:100%}.photos-produit .colonne.colonne-droite img{width:100%;max-height:var(--colonne-droite-photo-hauteur-minimale)}.photos-produit .colonne.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}@media (width<=60rem){.photos-produit{--colonne-droite-photo-hauteur-minimale:var(--photo-hauteur-maximum);--photo-longueur-maximum:calc(100% - var(--espace-xl));--photo-hauteur-maximum:calc(100svh - var(--en-tete-hauteur) - 87px);scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;width:fit-content;max-width:initial;flex-flow:row;overflow-x:scroll}.photos-produit::-webkit-scrollbar{display:none}.photos-produit .colonne{scroll-snap-type:x mandatory;width:100%;min-width:100%}.photos-produit .colonne figure{scroll-snap-align:none center}.photos-produit .colonne img{max-height:var(--photo-hauteur-maximum)}.photos-produit .colonne.colonne-gauche{position:initial;min-width:var(--photo-longueur-maximum);height:initial}.photos-produit .colonne.colonne-droite{flex-flow:row}.photos-produit .colonne.colonne-droite figure{min-width:var(--photo-longueur-maximum);flex-grow:1}.photos-produit .colonne.colonne-droite:has(figure:only-child){min-width:var(--photo-longueur-maximum)}}.grille-produits{--grille-produits-hauteur-minimale:var(--contenu-page-hauteur-minimale-avec-categories);--aucun-produit-hauteur:var(--contenu-page-hauteur-minimale-avec-categories);--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr));min-height:var(--grille-produits-hauteur-minimale);gap:1px;display:grid}.grille-produits article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{row-gap:var(--espace-xl);flex-flow:column;display:flex}.grille-produits article figure a{position:relative}@media (hover:hover){.grille-produits article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.grille-produits article figure img{position:inherit;aspect-ratio:9/16;object-fit:cover;background:0 0;width:100%;max-height:70vh}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__principale:before{content:"";z-index:-1;opacity:0;filter:opacity(20%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;width:100%;height:100%;animation:1.5s linear .5s infinite alternate both test;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__principale img{opacity:0;transition:opacity 1s}.grille-produits article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__survol img{background:var(--couleur-gris-fond)}.grille-produits article figure figcaption{margin-bottom:var(--espace-xl);padding:var(--espace-m);flex-flow:row;justify-content:space-between;display:flex}.grille-produits article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.grille-produits article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}.grille-produits__aucun-produit{min-height:var(--aucun-produit-hauteur);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}@media (width<=700px){.grille-produits{grid-template-columns:100%}.grille-produits article figure img{max-height:50svh}}@keyframes test{to{opacity:1}}.resume-produit{--resume-position-basse:0%;--section-marges-internes:var(--espace-l);--espace-inter-colonne:var(--espace-xl);--resume-police-graisse:500;--resume-police-style:italic;--resume-police-taille:var(--espace-l);--resume-police-nom-taille:1.33rem;--resume-police-selecteur-graisse:400;--resume-police-selecteur-taille:var(--espace-m);bottom:var(--resume-position-basse);position:sticky}.resume-produit .selecteur-produit{column-gap:var(--espace-inter-colonne);border-block:1px solid var(--couleur-noir);font-size:var(--resume-police-taille);font-weight:var(--resume-police-graisse);font-style:var(--resume-police-style);line-height:var(--hauteur-ligne-compacte);background:var(--couleur-blanc-fond);grid-template-columns:repeat(3,1fr);grid-auto-flow:column;place-items:center;display:grid;position:relative}.resume-produit .selecteur-produit>*{width:100%;height:100%;padding:var(--section-marges-internes);flex-flow:row;place-content:center;place-items:center;display:flex}.resume-produit .selecteur-produit>:nth-child(2){border-inline-start:1px solid var(--couleur-noir);border-inline-end:1px solid var(--couleur-noir)}.resume-produit .selecteur-produit__nom{font-size:var(--resume-police-nom-taille)}.resume-produit .selecteur-produit__attribut-variation{gap:var(--espace-m) var(--espace-l);font-size:var(--resume-police-selecteur-taille);font-weight:var(--resume-police-selecteur-graisse);text-transform:lowercase;flex-flow:wrap;display:flex}.resume-produit .selecteur-produit__attribut-variation label{margin-right:var(--espace-s)}.resume-produit .selecteur-produit__attribut-variation select{padding:var(--espace-xs) var(--espace-l);border:1px solid var(--couleur-noir);text-align:center;letter-spacing:initial;appearance:none;background:var(--couleur-gris-fond);position:relative}@supports selector(:user-valid){.resume-produit .selecteur-produit__attribut-variation select:user-valid{background:var(--couleur-jaune-fond)}}.resume-produit .selecteur-produit__attribut-variation option{background:var(--couleur-gris-fond)}.resume-produit .selecteur-produit__attribut-variation__selecteurs{position:relative}.resume-produit .selecteur-produit__attribut-variation__selecteurs:after{pointer-events:none;content:" ";text-align:center;visibility:visible;opacity:1;background:url(/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg) no-repeat;width:.9rem;height:.9rem;transition:opacity .2s,visibility .2s;display:inline-block;position:absolute;top:7px;right:.4rem}@supports not selector(:user-valid){.resume-produit .selecteur-produit__attribut-variation__selecteurs:has(select:valid):after{visibility:hidden;opacity:0}}@supports selector(:user-valid){.resume-produit .selecteur-produit__attribut-variation__selecteurs:has(select:user-valid):after{visibility:hidden;opacity:0}}.resume-produit .selecteur-produit__prix{font-style:initial}@media (width<=800px){.resume-produit{--section-marges-internes:var(--espace-m);--espace-inter-colonne:var(--espace-m)}}@media (width<=700px){.resume-produit{--resume-police-taille:var(--espace-m);--resume-police-nom-taille:var(--espace-m);--section-marges-internes:var(--espace-m);--espace-inter-colonne:var(--espace-s)}}@media (width<=500px){.resume-produit .selecteur-produit__selection-variation-attribut{row-gap:var(--espace-inter-colonne);flex-flow:column}.resume-produit .selecteur-produit__selection-variation-attribut h3{flex-basis:100%}}.details-produit{--bouton-marges-internes-bloc:var(--espace-l);--espace-inter-lignes:var(--espace-l);--espace-inter-texte:var(--espace-m);--section-marges-internes:var(--espace-l);--textuel-marges-internes-ligne:calc(var(--espace-l) * 2);background-color:var(--couleur-blanc)}.details-produit__textes{grid-template-columns:1fr;grid-auto-flow:row;display:grid}.details-produit__textes .section-textuelle:not(:last-of-type){border-block-end:1px solid var(--couleur-noir)}.details-produit__textes .section-textuelle:has(button[aria-expanded=false]) .section-textuelle__contenu{display:none}.details-produit__textes .section-textuelle h3{line-height:var(--hauteur-ligne-rapprochee)}.details-produit__textes .section-textuelle h3 button{width:100%;min-block-size:1lh;padding:var(--section-marges-internes);text-align:start;display:inline-block}.details-produit__textes .section-textuelle .section-textuelle__contenu{padding-block-end:var(--section-marges-internes);padding-inline:var(--textuel-marges-internes-ligne)}.details-produit__textes .section-textuelle .section-textuelle__contenu ul{list-style:inside}.details-produit__textes .section-textuelle .section-textuelle__contenu a{text-decoration-color:var(--couleur-noir)}.details-produit__textes .section-textuelle .section-textuelle__contenu>*+*{margin-top:var(--espace-inter-texte)}.details-produit__actions{--section-marges-internes:var(--espace-l);border-block:1px solid var(--couleur-noir);background:var(--couleur-gris-fonce);transition:background .2s;overflow:hidden}.details-produit__actions:has(button[disabled]){background:var(--couleur-gris-fond)}.details-produit__actions button{height:initial;padding:var(--section-marges-internes);text-transform:uppercase;font-style:italic;transition:background .2s,font-weight .2s}@media (hover:hover){.details-produit__actions button:not([disabled]):hover{font-weight:600}}.produits-similaires{--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;--en-tete-flottante-hauteur:calc(1rem + var(--espace-l) * 2 + 1px);grid-template-rows:1fr auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"en-tete en-tete en-tete""produits produits produits";place-items:center;display:grid;position:relative}.produits-similaires header{z-index:10;top:var(--en-tete-flottante-hauteur);width:100%;padding:var(--espace-l) 0;color:var(--couleur-blanc);text-align:center;background:var(--couleur-noir);grid-area:en-tete;position:sticky}.produits-similaires header h2{font-style:italic;line-height:var(--hauteur-ligne-rapprochee);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m)}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr));gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);flex-flow:column;display:flex}.produits-similaires .grille-produits-similaires article figure a{position:relative}@media (hover:hover){.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale{display:block}.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.produits-similaires .grille-produits-similaires article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70svh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);padding:0 var(--espace-m);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}@media (width<=700px){.produits-similaires .grille-produits-similaires{grid-template-columns:100%}.produits-similaires .grille-produits-similaires article figure img{max-height:50svh}}#pied-de-page{max-width:100vw;height:var(--pied-de-page-hauteur);padding:var(--espace-s) var(--espace-m);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;font-size:.8rem;display:grid}#pied-de-page .zone-menu-navigation-secondaire{text-transform:lowercase;justify-self:start;width:100%;height:100%}#pied-de-page .zone-liens-reseaux-sociaux{text-align:right;justify-items:end;width:100%;height:100%} \ No newline at end of file +@font-face{font-family:Lato;font-weight:100 900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-weight:100 900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Myriad;font-weight:300 900;font-style:normal;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf)format("truetype")}@font-face{font-family:Myriad;font-weight:300 900;font-style:italic;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf)format("truetype")}:root{--couleur-blanc:#fff;--couleur-blanc-fond:#ffffffe6;--couleur-gris:#eceaeb;--couleur-gris-fonce:gray;--couleur-gris-fonce-fond:#808080cc;--couleur-bordeaux:#490918;--couleur-bordeaux-fond:#490918cc;--couleur-jaune:#defdb5;--couleur-jaune-fond:#ebffb8cc;--couleur-noir:#202020;--couleur-fond:#eceaebcc;--police-lato:"Lato", sans-serif;--hauteur-ligne-classique:1.5;--hauteur-ligne-moitie:1.2;--hauteur-ligne-compacte:1.1;--hauteur-ligne-rapprochee:1;--espacement-inter-lettres-rapproche-m:-1px;--espacement-inter-lettres-rapproche-s:-.5px;--espacement-inter-lettres-etendu-s:.5px;--espacement-inter-lettres-etendu-m:1px;--espacement-inter-lettres-etendu-l:1.5px;--espacement-inter-lettres-etendu-xl:2px;--en-tete-hauteur:61px;--menu-categories-produits-hauteur:calc(var(--espace-m) * 2 + 1rlh);--pied-de-page-hauteur:calc(.8rem * 1.5 * 3 + var(--espace-s) * 2);--contenu-page-hauteur-minimale-sans-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--contenu-page-hauteur-minimale-avec-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur));--espace-2xs:.1rem;--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;outline-offset:-2px;outline:2px dashed #0000;margin:0;padding:0}@view-transition{navigation:auto}body{overscroll-behavior:none;accent-color:var(--couleur-jaune);background:var(--couleur-gris)}button,input,select,textarea{font:inherit}::selection{background:var(--couleur-jaune)}[hidden]{display:none!important}:focus-visible{outline-color:var(--couleur-noir);transition:outline-color .2s}.visuellement-cache:not(:focus,:active,:focus-within){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[disabled]{cursor:not-allowed}@media (prefers-reduced-motion){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}@view-transition{}}html{font:1rem/var(--hauteur-ligne-classique) Lato;font-optical-sizing:auto;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;font-kerning:normal;color:var(--couleur-noir);text-decoration-skip-ink:auto;text-size-adjust:none;text-rendering:geometricprecision;letter-spacing:var(--espacement-inter-lettres-etendu-s);-webkit-font-smoothing:antialiased}strong{font-weight:600}em{font-style:italic}code{font-family:monospace;font-size:.9rem}button{all:initial;cursor:pointer;box-sizing:border-box;text-align:center;letter-spacing:inherit;outline-offset:-2px;outline:2px dashed #0000;font-family:Lato;transition:background .2s,color .2s,outline-color .2s}button:not[disabled]:focus-visible{z-index:5;outline-color:var(--couleur-noir)}button:not[disabled]:active{color:var(--couleur-blanc)!important;background:var(--couleur-noir)!important}@media (hover:hover){button:not[disabled]:hover{color:var(--couleur-noir);background:var(--couleur-jaune)}}button:disabled,button[disabled]{background:repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px/2px 2px;outline-color:#0000}button.bouton-case-pleine{width:100%;height:100%}button.bouton-case-pleine.bouton-blanc-sur-noir{text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}button.bouton-case-pleine.bouton-blanc-sur-noir:focus-visible{color:var(--couleur-noir);background:var(--couleur-jaune)}button.bouton-blanc-sur-noir{color:var(--couleur-blanc);background:var(--couleur-noir)}@media (hover:hover){button.bouton-fleche{background:initial}}button.bouton-retour-haut{z-index:500;right:var(--espace-xl);bottom:calc(var(--espace-l) + var(--pied-de-page-hauteur));padding:var(--espace-m);border:1px solid var(--couleur-noir);visibility:hidden;opacity:0;background:var(--couleur-fond);box-shadow:initial;border-radius:100%;transition:background .2s,opacity .2s,visibility .2s;position:fixed;transform:rotate(180deg)}button.bouton-retour-haut img{background:0 0;width:1rem;height:1rem}button.bouton-retour-haut[data-actif]{visibility:visible;opacity:.6}@media (hover:hover){button.bouton-retour-haut[data-actif]:hover{opacity:1;background:var(--couleur-jaune-fond)}}dialog{z-index:999;padding:var(--espace-l);opacity:0;transition-behavior:allow-discrete;background:#fff;flex-flow:column;place-self:center;transition:display .3s,opacity .3s,overlay .3s}dialog::backdrop{transition-behavior:allow-discrete;background-color:#0000;transition:background-color .3s,display .3s,overlay .3s}dialog:open{opacity:1;display:flex}dialog:open::backdrop{background-color:var(--couleur-fond)}dialog *+*{margin-block-start:var(--espace-m)}dialog p{max-inline-size:50ch}dialog button{inline-size:fit-content;padding:var(--espace-s);align-self:end}@starting-style{dialog:open{opacity:0}}@starting-style{dialog:open::backdrop{background-color:#0000}}fieldset{all:initial;margin-top:var(--espace-l);font:inherit;flex-flow:column;display:flex}input,select,textarea{padding:var(--espace-xs);border:1px solid var(--couleur-noir);accent-color:var(--couleur-jaune);background:var(--couleur-gris);transition:background .2s}input:focus-visible,input:focus-within,input:active,select:focus-visible,select:focus-within,select:active,textarea:focus-visible,textarea:focus-within,textarea:active{z-index:10;outline:2px dashed var(--couleur-noir)}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{background:repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px/2px 2px;outline-color:#0000}input:is([type=email],[type=text],[type=tel])::placeholder,textarea::placeholder{text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-s)}input:is([type=email],[type=text],[type=tel])::selection,textarea::selection{color:var(--couleur-blanc);background:var(--couleur-noir)}input:is([type=email],[type=text],[type=tel]):user-valid,textarea:user-valid{background:var(--couleur-jaune)}input:is([type=email],[type=text],[type=tel]):user-invalid,textarea:user-invalid{background:var(--couleur-gris)}input,label,select,textarea{cursor:pointer}input[type=checkbox],input[type=radio]{width:var(--espace-l);height:var(--espace-l);padding:initial;border:1px solid var(--couleur-noir);appearance:none;transition:background .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--couleur-jaune)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"x";position:relative;bottom:.1rem;left:.35rem}@media (hover:hover){input[type=checkbox]:checked:hover,input[type=radio]:checked:hover{color:var(--couleur-noir)}}input[type=checkbox]:not(:checked):user-valid,input[type=radio]:not(:checked):user-valid{background:initial}label:has(~input[type=checkbox],~input[type=radio]),input[type=checkbox]+label,input[type=radio]+label{padding-top:1px;font-size:.9rem}@media (hover:hover){input[type=checkbox]:hover,input[type=radio]:hover{background:var(--couleur-jaune)}}input[type=radio]{appearance:initial;border-radius:100%}input[type=radio]:checked{place-content:center;place-items:center;display:inline-flex}input[type=radio]:checked:before{content:" ";inset:initial;width:calc(var(--espace-l) / 2);height:calc(var(--espace-l) / 2);background:var(--couleur-noir);border-radius:100%;display:inline-block}@media (hover:hover){textarea:hover{color:var(--couleur-noir)}}img,picture{max-width:100%;display:block}img{object-fit:cover;background:var(--couleur-jaune)}a{--lien-contour-couleur-focus:var(--couleur-noir);text-decoration-skip-ink:auto;text-decoration-skip:edges;text-decoration:underline #0000;transition:background .2s,border-color .2s,color .2s,font-weight .2s,outline-color .2s,letter-spacing .2s,text-decoration-color .2s}a:focus-visible{outline-color:var(--lien-contour-couleur-focus)}a.lien-bouton{--lien-bouton-marges-internes-bloc:var(--espace-xs);--lien-bouton-marges-internes-ligne:var(--espace-m);--lien-bouton-arriere-plan-couleur-survol:var(--couleur-jaune);padding:var(--lien-bouton-marges-internes-bloc) var(--lien-bouton-marges-internes-ligne);border:1px solid var(--couleur-noir)}a.lien-bouton:focus-visible{background:var(--lien-bouton-arriere-plan-couleur-survol)}a.lien-bouton:active{border-color:var(--lien-bouton-arriere-plan-couleur-survol)}@media (hover:hover){a.lien-bouton:hover{background:var(--lien-bouton-arriere-plan-couleur-survol)}}a.lien-lien{text-decoration:underline}a.lien-lien:active{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}@media (hover:hover){a.lien-lien:hover{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}a:not([class]):hover{text-decoration-color:var(--couleur-noir)}}ul{list-style:none}ul.avec-puce-cercle{--liste-puce-cercle-lien-marges-internes-ligne-debut:2ch;--liste-puce-cercle-puce-position-horizontale:1ch;--liste-puce-cercle-puce-taille:1.25ex}ul.avec-puce-cercle a{padding-left:var(--liste-puce-cercle-lien-marges-internes-ligne-debut);background:no-repeat var(--liste-puce-cercle-puce-position-horizontale) center/var(--liste-puce-cercle-puce-taille) url(/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg)}video{block-size:100%;inline-size:100%;min-inline-size:100%;min-block-size:inherit;object-fit:cover;display:block}.bandeau{column-gap:var(--espace-m);border-top:1px solid var(--couleur-noir);width:100%;color:var(--couleur-noir);text-transform:uppercase;white-space:nowrap;background:var(--couleur-jaune);font-style:italic;display:flex;overflow:hidden}.bandeau__conteneur{column-gap:var(--espace-m);flex-flow:row;animation:15s linear infinite both marquee;display:flex}.bandeau__conteneur ::selection{color:var(--couleur-jaune);background:var(--couleur-noir)}.bandeau__conteneur p{padding:var(--espace-s) 0;display:inline-block}.bandeau__conteneur p strong{font-weight:600}@media (hover:hover){.bandeau:hover .bandeau__conteneur{animation-play-state:paused}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}body:has(#menu-mobile:not([aria-hidden=true])){touch-action:none;overflow:hidden}#menu-mobile{--menu-mobile-hauteur:calc(100svh - var(--en-tete-hauteur));z-index:997;inset:var(--en-tete-hauteur) 0 0 0;overscroll-behavior:contain;width:100vw;height:var(--menu-mobile-hauteur);transition:display .4s;transition:display .4s allow-discrete;-webkit-overflow-scrolling:none;display:flex;position:fixed;overflow:hidden}#menu-mobile[aria-hidden=true]{animation:.4s both fade-out;display:none}#menu-mobile[aria-hidden=true] .menu-modale__fond{animation:.4s both fade-out}#menu-mobile .menu-modale__fond{z-index:998;inset:var(--en-tete-hauteur) 0 0 0;height:var(--menu-mobile-hauteur);opacity:0;background-color:var(--couleur-fond);animation:.4s both fade-in;position:fixed}#menu-mobile .menu-modale__conteneur{z-index:999;width:100%;height:fit-content;padding:var(--espace-xl);border-bottom:1px solid var(--couleur-noir);opacity:0;background-color:var(--couleur-gris);flex-flow:column;animation:.4s .2s both fade-in;display:flex;position:relative}#menu-mobile .menu-modale__conteneur .menu-navigation{grid-template-columns:1fr}#menu-mobile .menu-modale__conteneur .menu-navigation ul{grid-column:initial;flex-flow:column;place-items:center}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span{width:fit-content}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span li a{padding-top:var(--espace-m);padding-bottom:var(--espace-m)}@media (width>1000px){#menu-mobile{display:none}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{to{transform:translateY(0)}}#en-tete{--en-tete-marges-internes-ligne:var(--espace-xl);--en-tete-marges-internes-bloc:var(--espace-m);--en-tete-section-hauteur:var(--en-tete-hauteur);--en-tete-logo-longueur:160px;z-index:60;min-width:100vw;max-width:100vw;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne);border-bottom:1px solid var(--couleur-noir);background:var(--couleur-gris);flex-flow:row;justify-content:space-between;place-items:center;display:flex;position:fixed;top:0}#en-tete picture,#en-tete img{background:0 0}#en-tete .logo{width:var(--en-tete-logo-longueur)}#en-tete .logo img{object-fit:contain;width:100%;height:40px;image-rendering:crisp-edges;shape-rendering:geometricprecision;margin-left:-6px}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;font-size:1.1rem;display:grid}#en-tete .menu-navigation ul{gap:var(--espace-m);flex-flow:row;grid-column:2;justify-content:space-between;display:flex}#en-tete .menu-navigation__entree{--nav-entree-marges-internes-bloc:var(--espace-xs);--nav-entree-marges-internes-ligne:3rem;--liste-puce-cercle-lien-marges-internes-ligne-debut:calc(var(--espace-m) + 1.5ch);--liste-puce-cercle-puce-position-horizontale:3.5ch}#en-tete .menu-navigation__entree:has(a[aria-current=page]),#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg) 50%/auto 90% no-repeat}#en-tete .menu-navigation__entree a{padding:var(--nav-entree-marges-internes-bloc) var(--nav-entree-marges-internes-ligne);text-align:center;display:inline-block}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg) 50%/auto 90% no-repeat}}@media (width<=1000px){#en-tete .menu-navigation#menu-navigation-en-tete{display:none}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier[disabled]{background:repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px .5px/2px 2px}#en-tete .compte-panier[disabled] a:hover,#en-tete .compte-panier[disabled] a:active,#en-tete .compte-panier[disabled] a:focus-within{border:1px solid var(--couleur-noir);background:initial}#en-tete .compte-panier a{padding-block:var(--espace-2xs);padding-inline:var(--espace-s);text-transform:lowercase}#en-tete .compte-panier a.lien-compte{border-color:#0000}#en-tete .compte-panier a[data-contient-articles=true]{background:var(--couleur-jaune)}#en-tete .conteneur{column-gap:var(--espace-m);display:flex}#en-tete .bouton-menu-mobile{--hauteur-bouton-menu:22px;align-content:center;display:none}#en-tete .bouton-menu-mobile img{height:var(--hauteur-bouton-menu);object-fit:contain;image-rendering:crisp-edges;shape-rendering:geometricprecision}@media (width<=1000px){#en-tete .bouton-menu-mobile{display:block}}@media (width<=600px){#en-tete{--en-tete-marges-internes-ligne:var(--espace-l)}}#menu-categories-produits{--menu-entree-longueur-minimale:13ch;--menu-section-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);margin-top:var(--menu-section-marges-bloc-debut);position:relative}#menu-categories-produits[data-entrees-presentes-debut] svg:first-of-type,#menu-categories-produits[data-entrees-presentes-fin] svg:last-of-type{opacity:1}#menu-categories-produits svg{pointer-events:none;opacity:0;mix-blend-mode:exclusion;shape-rendering:geometricprecision;width:.8rem;height:.8rem;transition:opacity .2s;position:absolute;bottom:calc(17.59px - .35rem)}#menu-categories-produits svg:first-of-type{left:var(--espace-xs)}#menu-categories-produits svg:last-of-type{right:var(--espace-xs)}@media (width>600px){#menu-categories-produits svg{visibility:hidden}}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr));place-items:center;gap:1px;display:grid}#menu-categories-produits ul li{width:100%;color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-noir);background:var(--couleur-jaune);font-weight:600}@media (hover:hover){#menu-categories-produits ul li.categorie-courante a:hover{color:var(--couleur-noir)}}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne) 0;outline:initial;text-decoration:none;display:inline-block}#menu-categories-produits ul li a:focus-visible{color:var(--couleur-jaune);outline:initial}@media (hover:hover){#menu-categories-produits ul li a:hover{color:var(--couleur-noir);background:var(--couleur-jaune)}}@media (width<=1000px){#menu-categories-produits ul{--menu-entree-marges-internes-ligne:var(--espace-s);flex-flow:wrap;font-size:.8rem;display:flex}#menu-categories-produits ul li{flex-grow:1;width:min(140px,100%)}#menu-categories-produits ul li a{border:initial;width:100%}}@media (width<=600px){#menu-categories-produits ul{scrollbar-width:none;flex-flow:row;overflow-x:scroll}#menu-categories-produits ul li{width:initial;min-width:140px}}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100svh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--colonne-photo-longueur-minimale:30rem;--section-marges-externes-bloc-fin:1rem;flex-flow:row;max-width:100%;display:flex;position:relative}.photos-produit .colonne{width:min(var(--colonne-photo-longueur-minimale), 100%);flex-flow:column;flex-grow:1;display:flex;position:relative}.photos-produit .colonne.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit .colonne.colonne-gauche figure,.photos-produit .colonne.colonne-gauche picture,.photos-produit .colonne.colonne-gauche img{height:100%}.photos-produit .colonne.colonne-droite img{width:100%;max-height:var(--colonne-droite-photo-hauteur-minimale)}.photos-produit .colonne.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}@media (width<=60rem){.photos-produit{--colonne-droite-photo-hauteur-minimale:var(--photo-hauteur-maximum);--photo-longueur-maximum:calc(100% - var(--espace-xl));--photo-hauteur-maximum:calc(100svh - var(--en-tete-hauteur) - 87px);scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;width:fit-content;max-width:initial;flex-flow:row;overflow-x:scroll}.photos-produit::-webkit-scrollbar{display:none}.photos-produit .colonne{scroll-snap-type:x mandatory;width:100%;min-width:100%}.photos-produit .colonne figure{scroll-snap-align:none center}.photos-produit .colonne img{max-height:var(--photo-hauteur-maximum)}.photos-produit .colonne.colonne-gauche{position:initial;min-width:var(--photo-longueur-maximum);height:initial}.photos-produit .colonne.colonne-droite{flex-flow:row}.photos-produit .colonne.colonne-droite figure{min-width:var(--photo-longueur-maximum);flex-grow:1}.photos-produit .colonne.colonne-droite:has(figure:only-child){min-width:var(--photo-longueur-maximum)}}.grille-produits{--grille-produits-hauteur-minimale:var(--contenu-page-hauteur-minimale-avec-categories);--aucun-produit-hauteur:var(--contenu-page-hauteur-minimale-avec-categories);--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr));min-height:var(--grille-produits-hauteur-minimale);gap:1px;display:grid}.grille-produits article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{row-gap:var(--espace-xl);flex-flow:column;display:flex}.grille-produits article figure a{position:relative}@media (hover:hover){.grille-produits article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.grille-produits article figure img{position:inherit;aspect-ratio:9/16;object-fit:cover;background:0 0;width:100%;max-height:70vh}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__principale:before{content:"";z-index:-1;opacity:0;filter:opacity(20%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;width:100%;height:100%;animation:1.5s linear .5s infinite alternate both test;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__principale img{opacity:0;transition:opacity 1s}.grille-produits article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__survol img{background:var(--couleur-fond)}.grille-produits article figure figcaption{margin-bottom:var(--espace-xl);padding:var(--espace-m);flex-flow:row;justify-content:space-between;display:flex}.grille-produits article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.grille-produits article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}.grille-produits__aucun-produit{min-height:var(--aucun-produit-hauteur);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}@media (width<=700px){.grille-produits{grid-template-columns:100%}.grille-produits article figure img{max-height:50svh}}@keyframes test{to{opacity:1}}.resume-produit{--resume-position-basse:0%;--section-marges-internes:var(--espace-l);--espace-inter-colonne:var(--espace-xl);--resume-police-graisse:500;--resume-police-style:italic;--resume-police-taille:var(--espace-l);--resume-police-nom-taille:1.33rem;--resume-police-selecteur-graisse:400;--resume-police-selecteur-taille:var(--espace-m);bottom:var(--resume-position-basse);position:sticky}.resume-produit .selecteur-produit{column-gap:var(--espace-inter-colonne);border-block:1px solid var(--couleur-noir);font-size:var(--resume-police-taille);font-weight:var(--resume-police-graisse);font-style:var(--resume-police-style);line-height:var(--hauteur-ligne-compacte);background:var(--couleur-blanc-fond);grid-template-columns:repeat(3,1fr);grid-auto-flow:column;place-items:center;display:grid;position:relative}.resume-produit .selecteur-produit>*{width:100%;height:100%;padding:var(--section-marges-internes);flex-flow:row;place-content:center;place-items:center;display:flex}.resume-produit .selecteur-produit>:nth-child(2){border-inline-start:1px solid var(--couleur-noir);border-inline-end:1px solid var(--couleur-noir)}.resume-produit .selecteur-produit__nom{font-size:var(--resume-police-nom-taille)}.resume-produit .selecteur-produit__attribut-variation{gap:var(--espace-m) var(--espace-l);font-size:var(--resume-police-selecteur-taille);font-weight:var(--resume-police-selecteur-graisse);text-transform:lowercase;flex-flow:wrap;display:flex}.resume-produit .selecteur-produit__attribut-variation label{margin-right:var(--espace-s)}.resume-produit .selecteur-produit__attribut-variation select{padding:var(--espace-xs) var(--espace-l);border:1px solid var(--couleur-noir);text-align:center;letter-spacing:initial;appearance:none;background:var(--couleur-fond);position:relative}@supports selector(:user-valid){.resume-produit .selecteur-produit__attribut-variation select:user-valid{background:var(--couleur-jaune-fond)}}.resume-produit .selecteur-produit__attribut-variation option{background:var(--couleur-fond)}.resume-produit .selecteur-produit__attribut-variation__selecteurs{position:relative}.resume-produit .selecteur-produit__attribut-variation__selecteurs:after{pointer-events:none;content:" ";text-align:center;visibility:visible;opacity:1;background:url(/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg) no-repeat;width:.9rem;height:.9rem;transition:opacity .2s,visibility .2s;display:inline-block;position:absolute;top:7px;right:.4rem}@supports not selector(:user-valid){.resume-produit .selecteur-produit__attribut-variation__selecteurs:has(select:valid):after{visibility:hidden;opacity:0}}@supports selector(:user-valid){.resume-produit .selecteur-produit__attribut-variation__selecteurs:has(select:user-valid):after{visibility:hidden;opacity:0}}.resume-produit .selecteur-produit__prix{font-style:initial}@media (width<=800px){.resume-produit{--section-marges-internes:var(--espace-m);--espace-inter-colonne:var(--espace-m)}}@media (width<=700px){.resume-produit{--resume-police-taille:var(--espace-m);--resume-police-nom-taille:var(--espace-m);--section-marges-internes:var(--espace-m);--espace-inter-colonne:var(--espace-s)}}@media (width<=500px){.resume-produit .selecteur-produit__selection-variation-attribut{row-gap:var(--espace-inter-colonne);flex-flow:column}.resume-produit .selecteur-produit__selection-variation-attribut h3{flex-basis:100%}}.details-produit{--bouton-marges-internes-bloc:var(--espace-l);--espace-inter-lignes:var(--espace-l);--espace-inter-texte:var(--espace-m);--section-marges-internes:var(--espace-l);--textuel-marges-internes-ligne:calc(var(--espace-l) * 2);background-color:var(--couleur-blanc)}.details-produit__textes{grid-template-columns:1fr;grid-auto-flow:row;display:grid}.details-produit__textes .section-textuelle:not(:last-of-type){border-block-end:1px solid var(--couleur-noir)}.details-produit__textes .section-textuelle:has(button[aria-expanded=false]) .section-textuelle__contenu{display:none}.details-produit__textes .section-textuelle h3{line-height:var(--hauteur-ligne-rapprochee)}.details-produit__textes .section-textuelle h3 button{width:100%;min-block-size:1lh;padding:var(--section-marges-internes);text-align:start;display:inline-block}.details-produit__textes .section-textuelle .section-textuelle__contenu{padding-block-end:var(--section-marges-internes);padding-inline:var(--textuel-marges-internes-ligne)}.details-produit__textes .section-textuelle .section-textuelle__contenu ul{list-style:inside}.details-produit__textes .section-textuelle .section-textuelle__contenu a{text-decoration-color:var(--couleur-noir)}.details-produit__textes .section-textuelle .section-textuelle__contenu>*+*{margin-top:var(--espace-inter-texte)}.details-produit__actions{--section-marges-internes:var(--espace-l);border-block:1px solid var(--couleur-noir);background:var(--couleur-jaune);transition:background .2s;overflow:hidden}.details-produit__actions:has(button[disabled]){background:var(--couleur-fond)}.details-produit__actions button{height:initial;padding:var(--section-marges-internes);text-transform:uppercase;font-style:italic;transition:background .2s,font-weight .2s}@media (hover:hover){.details-produit__actions button:not([disabled]):hover{font-weight:600}}.produits-similaires{--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;--en-tete-flottante-hauteur:calc(1rem + var(--espace-l) * 2 + 1px);grid-template-rows:1fr auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"en-tete en-tete en-tete""produits produits produits";place-items:center;display:grid;position:relative}.produits-similaires header{z-index:10;top:var(--en-tete-flottante-hauteur);width:100%;padding:var(--espace-l) 0;color:var(--couleur-blanc);text-align:center;background:var(--couleur-noir);grid-area:en-tete;position:sticky}.produits-similaires header h2{font-style:italic;line-height:var(--hauteur-ligne-rapprochee);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m)}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr));gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);flex-flow:column;display:flex}.produits-similaires .grille-produits-similaires article figure a{position:relative}@media (hover:hover){.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale{display:block}.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.produits-similaires .grille-produits-similaires article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70svh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);padding:0 var(--espace-m);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}@media (width<=700px){.produits-similaires .grille-produits-similaires{grid-template-columns:100%}.produits-similaires .grille-produits-similaires article figure img{max-height:50svh}}#pied-de-page{max-width:100vw;height:var(--pied-de-page-hauteur);padding:var(--espace-s) var(--espace-m);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;font-size:.8rem;display:grid}#pied-de-page .zone-menu-navigation-secondaire{text-transform:lowercase;justify-self:start;width:100%;height:100%}#pied-de-page .zone-liens-reseaux-sociaux{text-align:right;justify-items:end;width:100%;height:100%} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css index baf482e3..a34772db 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css @@ -40,7 +40,7 @@ block-size: 100%; margin: auto; visibility: visible; - opacity: 100%; + opacity: 1; mask-image: linear-gradient( var(--mask-direction, to right), hsla(0, 0%, 0%, 0), @@ -53,12 +53,12 @@ #page-a-propos .storytelling__animation[hidden] { display: grid !important; visibility: hidden; - opacity: 0%; + opacity: 0; transition: 1s opacity ease-in-out, 1s visibility ease-in-out; } #page-a-propos .storytelling__animation.no-js { visibility: hidden; - opacity: 0%; + opacity: 0; transition: 1s opacity ease-in-out, 1s visibility ease-in-out; } #page-a-propos .storytelling__animation .animation-conteneur { diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css index fa878601..798e2607 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css @@ -176,7 +176,7 @@ text-align: right; } #panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type span { - color: var(--couleur-gris-fonce); + color: grey; } #panneau-panier .panneau__sous-totaux__choix-methode-livraison { flex-flow: row wrap; @@ -189,7 +189,7 @@ cursor: revert; flex-basis: 100%; margin-bottom: var(--espace-xs); - color: var(--couleur-gris-fonce); + color: grey; text-align: center; text-transform: lowercase; } @@ -203,7 +203,7 @@ margin-top: var(--espace-l); font-size: 0.8rem; font-weight: 450; - color: var(--couleur-gris-fonce); + color: grey; letter-spacing: var(--espacement-inter-lettres-etendu-s); } #panneau-panier .panneau__pied-de-page { @@ -318,7 +318,7 @@ padding: 0; font-size: 0.8rem; font-weight: 450; - color: var(--couleur-gris-fonce); + color: grey; text-align: center; } #panneau-informations-client diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css index db9e0497..01077122 100755 --- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.min.css @@ -1 +1 @@ -#panneau-panier{border-right:1px solid var(--couleur-noir)}#panneau-panier>div{place-content:center}#panneau-panier .panneau__grille-produits{flex-flow:column;display:flex}#panneau-panier .panneau__grille-produits__produit{border-bottom:1px solid var(--couleur-noir);grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid}#panneau-panier .panneau__grille-produits__produit__illustratif{border-right:1px solid var(--couleur-noir)}#panneau-panier .panneau__grille-produits__produit__illustratif picture{height:100%;overflow:hidden}#panneau-panier .panneau__grille-produits__produit__illustratif img{aspect-ratio:1;height:auto}#panneau-panier .panneau__grille-produits .detail-produit{width:fit-content;padding:0 var(--espace-xl);flex-flow:column;place-content:center;margin:auto;font-style:italic;display:flex}#panneau-panier .panneau__grille-produits .detail-produit__nom-prix{column-gap:var(--espace-l);font-size:var(--espace-l);line-height:var(--hauteur-ligne-moitie);flex-flow:row;justify-content:space-between;display:flex}#panneau-panier .panneau__grille-produits .detail-produit__nom-prix span{min-width:4rem;font-weight:600;font-style:initial;text-align:right}#panneau-panier .panneau__grille-produits .detail-produit__description{margin-bottom:var(--espace-l);text-transform:lowercase}#panneau-panier .panneau__grille-produits .detail-produit__actions{font-weight:500;font-style:initial;grid-template-rows:1fr 1fr;grid-template-columns:.25fr auto .25fr;display:grid}#panneau-panier .panneau__grille-produits .detail-produit__actions button:first-of-type{border:1px solid var(--couleur-noir);border-bottom:initial;grid-column:1;min-width:3rem;max-width:3rem}#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]{border:initial;border-top:1px solid var(--couleur-noir);text-align:center;appearance:textfield;grid-column:2;width:100%}#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button,#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}#panneau-panier .panneau__grille-produits .detail-produit__actions button:nth-of-type(2){border:1px solid var(--couleur-noir);border-bottom:initial;grid-column:3;min-width:3rem;max-width:3rem}#panneau-panier .panneau__grille-produits .detail-produit__actions button:last-of-type{padding:var(--espace-xs);border:1px solid var(--couleur-noir);text-transform:lowercase;grid-area:2/span 3}#panneau-panier .panneau__instructions-code-promo{width:100%;padding:var(--espace-l) var(--espace-xl);border-bottom:1px solid var(--couleur-noir);text-align:center}#panneau-panier .panneau__instructions-code-promo__instructions{resize:vertical;width:100%;margin:auto;margin-bottom:var(--espace-s);padding:var(--espace-s);background:initial;border:1px solid #0000;font-size:.8rem;font-weight:450;display:block}#panneau-panier .panneau__instructions-code-promo__code-promo{flex-flow:wrap;place-content:center;width:fit-content;margin:auto;display:flex}#panneau-panier .panneau__instructions-code-promo__code-promo button{min-width:9rem;padding:var(--espace-xs) var(--espace-xl);border:1px solid var(--couleur-noir);border-left:initial;text-transform:lowercase}#panneau-panier .panneau__instructions-code-promo__code-promo__message{margin-top:var(--espace-m);flex-basis:100%}#panneau-panier .panneau__sous-totaux{width:min(40rem,100%);padding:var(--espace-l) var(--espace-xl);text-align:center;margin:auto}#panneau-panier .panneau__sous-totaux__ligne{flex-flow:row;justify-content:space-between;font-style:italic;display:flex}#panneau-panier .panneau__sous-totaux__ligne strong{text-align:right;text-transform:lowercase}#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type{text-align:right}#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type span{color:var(--couleur-gris-fonce)}#panneau-panier .panneau__sous-totaux__choix-methode-livraison{gap:var(--espace-xs) var(--espace-m);letter-spacing:inherit;flex-flow:wrap;justify-content:center;font-size:.9rem}#panneau-panier .panneau__sous-totaux__choix-methode-livraison>label:first-of-type{cursor:revert;margin-bottom:var(--espace-xs);color:var(--couleur-gris-fonce);text-align:center;text-transform:lowercase;flex-basis:100%}#panneau-panier .panneau__sous-totaux__choix-methode-livraison div{flex-flow:row;place-items:center;column-gap:1ch;display:flex}#panneau-panier .panneau__sous-totaux__conditions-livraison{margin-top:var(--espace-l);color:var(--couleur-gris-fonce);letter-spacing:var(--espacement-inter-lettres-etendu-s);font-size:.8rem;font-weight:450}#panneau-panier .panneau__pied-de-page{padding:var(--espace-l) 0;color:var(--couleur-blanc);text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--couleur-noir);align-content:center;font-size:1.25rem;font-style:italic}#panneau-panier .panneau__pied-de-page span{margin-left:var(--espace-l);font-style:initial}@media (width<=500px){#panneau-panier .panneau__grille-produits__produit__illustratif img{height:100%}#panneau-panier .panneau__grille-produits .detail-produit{padding:var(--espace-l)}#panneau-panier .panneau__grille-produits .detail-produit .detail-produit__nom-prix{column-gap:var(--espace-l)}#panneau-panier .panneau__instructions-code-promo{padding:var(--espace-xl) var(--espace-l)}#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input,#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button{flex:1}#panneau-panier .panneau__sous-totaux{padding:var(--espace-xl) var(--espace-l)}}#panneau-informations-client{top:var(--en-tete-hauteur);height:fit-content;position:sticky;right:0}#panneau-informations-client>*{text-align:center;align-content:center}#panneau-informations-client .panneau__paypal-express{--hauteur-images-bouton:18px;--hauteur-bouton:calc(var(--hauteur-images-bouton) * 2);--longueur-bouton:250px;--espacement-inter-images:var(--espace-xs);padding:var(--espace-xl);border-bottom:1px solid var(--couleur-noir)}#panneau-informations-client .panneau__paypal-express p{margin-bottom:var(--espace-s);font-style:italic}#panneau-informations-client .panneau__paypal-express button{column-gap:var(--espacement-inter-images);width:var(--longueur-bouton);height:var(--hauteur-bouton);background:var(--couleur-noir);place-content:center;place-items:center;margin:auto;display:flex}#panneau-informations-client .panneau__paypal-express button img{height:var(--hauteur-images-bouton);background:inherit}#panneau-informations-client .panneau__paypal-express button img:first-of-type{margin-top:-1px}#panneau-informations-client .panneau__formulaires{padding:var(--espace-xl) 0}#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses{width:fit-content;margin:auto;margin-bottom:var(--espace-m);flex-flow:row;place-items:center;column-gap:1ch;font-size:.8rem;font-style:italic;display:flex;position:relative}#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label{text-transform:lowercase}#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires{width:100%;color:var(--couleur-gris-fonce);text-align:center;align-content:center;padding:0;font-size:.8rem;font-weight:450}#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p+p{margin-top:1lh}#panneau-informations-client .panneau__formulaires .panneau__formulaires__message{margin:var(--espace-xl) 0;font-style:italic;font-weight:500}#panneau-informations-client .formulaire{padding:0 var(--espace-xl);margin:auto}#panneau-informations-client .formulaire+.formulaire{margin-top:var(--espace-xl)}#panneau-informations-client .formulaire .formulaire__titre{margin-bottom:var(--espace-m);letter-spacing:1px;font-size:1.25rem;font-style:italic;font-weight:600}#panneau-informations-client .formulaire .formulaire__champs{text-align:left;width:fit-content;margin:auto}#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ{column-gap:var(--espace-xl);flex-flow:row;justify-content:space-between;place-items:center;display:flex}#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ+.formulaire__champs__champ{margin-top:var(--espace-l)}#panneau-informations-client .formulaire label{text-transform:lowercase;width:min(7rem,100%);font-weight:400}#panneau-informations-client .formulaire label:has(+:is(input:required,select:required)){font-weight:600}#panneau-informations-client .formulaire input,#panneau-informations-client .formulaire select{width:min(15rem,100%)}#panneau-informations-client .panneau__pied-de-page{padding:var(--espace-l) 0;color:var(--couleur-blanc);text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--couleur-noir);align-content:center;font-size:1.25rem;font-style:italic}#panneau-informations-client .panneau__pied-de-page button{font:inherit;color:inherit;text-transform:inherit}@media (width<=500px){#panneau-informations-client .panneau__formulaires{padding:var(--espace-xl) 0}}#page-panier{--menu-section-hauteur:var(--menu-categories-produits-hauteur);--menu-section-marges-bloc-debut:var(--en-tete-hauteur);min-height:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));margin-top:var(--menu-section-marges-bloc-debut);flex-flow:wrap;display:flex;position:relative}#page-panier .panneau{border-top:1px solid var(--couleur-noir);border-bottom:1px solid var(--couleur-noir);flex:30rem}#page-panier .panneau__en-tete{z-index:2;top:var(--menu-section-marges-bloc-debut);min-height:var(--menu-categories-produits-hauteur);max-height:var(--menu-categories-produits-hauteur);color:var(--couleur-gris);text-align:center;background:var(--couleur-noir);align-content:center;display:block;position:sticky}#page-panier .panneau__en-tete h2{color:var(--couleur-gris);text-transform:uppercase;letter-spacing:1px;background:var(--couleur-noir);font-style:italic;font-weight:450}#page-panier .panier-vide{min-height:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));text-align:center;flex-basis:100%;align-content:center;display:none}#page-panier .panier-vide p{font-size:1.25rem}#page-panier .panier-vide a{margin-top:var(--espace-m);font-size:initial;display:inline-block}#page-panier[data-contient-articles=false] .panneau{display:none}#page-panier[data-contient-articles=false] .panier-vide{display:block} \ No newline at end of file +#panneau-panier{border-right:1px solid var(--couleur-noir)}#panneau-panier>div{place-content:center}#panneau-panier .panneau__grille-produits{flex-flow:column;display:flex}#panneau-panier .panneau__grille-produits__produit{border-bottom:1px solid var(--couleur-noir);grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid}#panneau-panier .panneau__grille-produits__produit__illustratif{border-right:1px solid var(--couleur-noir)}#panneau-panier .panneau__grille-produits__produit__illustratif picture{height:100%;overflow:hidden}#panneau-panier .panneau__grille-produits__produit__illustratif img{aspect-ratio:1;height:auto}#panneau-panier .panneau__grille-produits .detail-produit{width:fit-content;padding:0 var(--espace-xl);flex-flow:column;place-content:center;margin:auto;font-style:italic;display:flex}#panneau-panier .panneau__grille-produits .detail-produit__nom-prix{column-gap:var(--espace-l);font-size:var(--espace-l);line-height:var(--hauteur-ligne-moitie);flex-flow:row;justify-content:space-between;display:flex}#panneau-panier .panneau__grille-produits .detail-produit__nom-prix span{min-width:4rem;font-weight:600;font-style:initial;text-align:right}#panneau-panier .panneau__grille-produits .detail-produit__description{margin-bottom:var(--espace-l);text-transform:lowercase}#panneau-panier .panneau__grille-produits .detail-produit__actions{font-weight:500;font-style:initial;grid-template-rows:1fr 1fr;grid-template-columns:.25fr auto .25fr;display:grid}#panneau-panier .panneau__grille-produits .detail-produit__actions button:first-of-type{border:1px solid var(--couleur-noir);border-bottom:initial;grid-column:1;min-width:3rem;max-width:3rem}#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]{border:initial;border-top:1px solid var(--couleur-noir);text-align:center;appearance:textfield;grid-column:2;width:100%}#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button,#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}#panneau-panier .panneau__grille-produits .detail-produit__actions button:nth-of-type(2){border:1px solid var(--couleur-noir);border-bottom:initial;grid-column:3;min-width:3rem;max-width:3rem}#panneau-panier .panneau__grille-produits .detail-produit__actions button:last-of-type{padding:var(--espace-xs);border:1px solid var(--couleur-noir);text-transform:lowercase;grid-area:2/span 3}#panneau-panier .panneau__instructions-code-promo{width:100%;padding:var(--espace-l) var(--espace-xl);border-bottom:1px solid var(--couleur-noir);text-align:center}#panneau-panier .panneau__instructions-code-promo__instructions{resize:vertical;width:100%;margin:auto;margin-bottom:var(--espace-s);padding:var(--espace-s);background:initial;border:1px solid #0000;font-size:.8rem;font-weight:450;display:block}#panneau-panier .panneau__instructions-code-promo__code-promo{flex-flow:wrap;place-content:center;width:fit-content;margin:auto;display:flex}#panneau-panier .panneau__instructions-code-promo__code-promo button{min-width:9rem;padding:var(--espace-xs) var(--espace-xl);border:1px solid var(--couleur-noir);border-left:initial;text-transform:lowercase}#panneau-panier .panneau__instructions-code-promo__code-promo__message{margin-top:var(--espace-m);flex-basis:100%}#panneau-panier .panneau__sous-totaux{width:min(40rem,100%);padding:var(--espace-l) var(--espace-xl);text-align:center;margin:auto}#panneau-panier .panneau__sous-totaux__ligne{flex-flow:row;justify-content:space-between;font-style:italic;display:flex}#panneau-panier .panneau__sous-totaux__ligne strong{text-align:right;text-transform:lowercase}#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type{text-align:right}#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type span{color:gray}#panneau-panier .panneau__sous-totaux__choix-methode-livraison{gap:var(--espace-xs) var(--espace-m);letter-spacing:inherit;flex-flow:wrap;justify-content:center;font-size:.9rem}#panneau-panier .panneau__sous-totaux__choix-methode-livraison>label:first-of-type{cursor:revert;margin-bottom:var(--espace-xs);color:gray;text-align:center;text-transform:lowercase;flex-basis:100%}#panneau-panier .panneau__sous-totaux__choix-methode-livraison div{flex-flow:row;place-items:center;column-gap:1ch;display:flex}#panneau-panier .panneau__sous-totaux__conditions-livraison{margin-top:var(--espace-l);color:gray;letter-spacing:var(--espacement-inter-lettres-etendu-s);font-size:.8rem;font-weight:450}#panneau-panier .panneau__pied-de-page{padding:var(--espace-l) 0;color:var(--couleur-blanc);text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--couleur-noir);align-content:center;font-size:1.25rem;font-style:italic}#panneau-panier .panneau__pied-de-page span{margin-left:var(--espace-l);font-style:initial}@media (width<=500px){#panneau-panier .panneau__grille-produits__produit__illustratif img{height:100%}#panneau-panier .panneau__grille-produits .detail-produit{padding:var(--espace-l)}#panneau-panier .panneau__grille-produits .detail-produit .detail-produit__nom-prix{column-gap:var(--espace-l)}#panneau-panier .panneau__instructions-code-promo{padding:var(--espace-xl) var(--espace-l)}#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input,#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button{flex:1}#panneau-panier .panneau__sous-totaux{padding:var(--espace-xl) var(--espace-l)}}#panneau-informations-client{top:var(--en-tete-hauteur);height:fit-content;position:sticky;right:0}#panneau-informations-client>*{text-align:center;align-content:center}#panneau-informations-client .panneau__paypal-express{--hauteur-images-bouton:18px;--hauteur-bouton:calc(var(--hauteur-images-bouton) * 2);--longueur-bouton:250px;--espacement-inter-images:var(--espace-xs);padding:var(--espace-xl);border-bottom:1px solid var(--couleur-noir)}#panneau-informations-client .panneau__paypal-express p{margin-bottom:var(--espace-s);font-style:italic}#panneau-informations-client .panneau__paypal-express button{column-gap:var(--espacement-inter-images);width:var(--longueur-bouton);height:var(--hauteur-bouton);background:var(--couleur-noir);place-content:center;place-items:center;margin:auto;display:flex}#panneau-informations-client .panneau__paypal-express button img{height:var(--hauteur-images-bouton);background:inherit}#panneau-informations-client .panneau__paypal-express button img:first-of-type{margin-top:-1px}#panneau-informations-client .panneau__formulaires{padding:var(--espace-xl) 0}#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses{width:fit-content;margin:auto;margin-bottom:var(--espace-m);flex-flow:row;place-items:center;column-gap:1ch;font-size:.8rem;font-style:italic;display:flex;position:relative}#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label{text-transform:lowercase}#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires{color:gray;text-align:center;align-content:center;width:100%;padding:0;font-size:.8rem;font-weight:450}#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p+p{margin-top:1lh}#panneau-informations-client .panneau__formulaires .panneau__formulaires__message{margin:var(--espace-xl) 0;font-style:italic;font-weight:500}#panneau-informations-client .formulaire{padding:0 var(--espace-xl);margin:auto}#panneau-informations-client .formulaire+.formulaire{margin-top:var(--espace-xl)}#panneau-informations-client .formulaire .formulaire__titre{margin-bottom:var(--espace-m);letter-spacing:1px;font-size:1.25rem;font-style:italic;font-weight:600}#panneau-informations-client .formulaire .formulaire__champs{text-align:left;width:fit-content;margin:auto}#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ{column-gap:var(--espace-xl);flex-flow:row;justify-content:space-between;place-items:center;display:flex}#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ+.formulaire__champs__champ{margin-top:var(--espace-l)}#panneau-informations-client .formulaire label{text-transform:lowercase;width:min(7rem,100%);font-weight:400}#panneau-informations-client .formulaire label:has(+:is(input:required,select:required)){font-weight:600}#panneau-informations-client .formulaire input,#panneau-informations-client .formulaire select{width:min(15rem,100%)}#panneau-informations-client .panneau__pied-de-page{padding:var(--espace-l) 0;color:var(--couleur-blanc);text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--couleur-noir);align-content:center;font-size:1.25rem;font-style:italic}#panneau-informations-client .panneau__pied-de-page button{font:inherit;color:inherit;text-transform:inherit}@media (width<=500px){#panneau-informations-client .panneau__formulaires{padding:var(--espace-xl) 0}}#page-panier{--menu-section-hauteur:var(--menu-categories-produits-hauteur);--menu-section-marges-bloc-debut:var(--en-tete-hauteur);min-height:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));margin-top:var(--menu-section-marges-bloc-debut);flex-flow:wrap;display:flex;position:relative}#page-panier .panneau{border-top:1px solid var(--couleur-noir);border-bottom:1px solid var(--couleur-noir);flex:30rem}#page-panier .panneau__en-tete{z-index:2;top:var(--menu-section-marges-bloc-debut);min-height:var(--menu-categories-produits-hauteur);max-height:var(--menu-categories-produits-hauteur);color:var(--couleur-gris);text-align:center;background:var(--couleur-noir);align-content:center;display:block;position:sticky}#page-panier .panneau__en-tete h2{color:var(--couleur-gris);text-transform:uppercase;letter-spacing:1px;background:var(--couleur-noir);font-style:italic;font-weight:450}#page-panier .panier-vide{min-height:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));text-align:center;flex-basis:100%;align-content:center;display:none}#page-panier .panier-vide p{font-size:1.25rem}#page-panier .panier-vide a{margin-top:var(--espace-m);font-size:initial;display:inline-block}#page-panier[data-contient-articles=false] .panneau{display:none}#page-panier[data-contient-articles=false] .panier-vide{display:block} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg b/web/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg deleted file mode 100755 index a9605bbb..00000000 --- a/web/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - diff --git a/web/app/themes/haiku-atelier-2024/assets/site.webmanifest b/web/app/themes/haiku-atelier-2024/assets/site.webmanifest index 648f901e..afed9e69 100755 --- a/web/app/themes/haiku-atelier-2024/assets/site.webmanifest +++ b/web/app/themes/haiku-atelier-2024/assets/site.webmanifest @@ -15,6 +15,6 @@ ], "name": "Haiku Atelier", "short_name": "Haiku Atelier", - "theme_color": "#ECEAEB", + "theme_color": "#E7FFB4", "start_url": "https://haikuatelier.fr.ddev.site" } diff --git a/web/app/themes/haiku-atelier-2024/front-page.php b/web/app/themes/haiku-atelier-2024/front-page.php index 1c1752ac..28d297c2 100755 --- a/web/app/themes/haiku-atelier-2024/front-page.php +++ b/web/app/themes/haiku-atelier-2024/front-page.php @@ -17,10 +17,6 @@ $context = Timber::context(); $templates = ['accueil.twig']; add_action('wp_enqueue_scripts', function (): void { - Resource::enqueue_script_module_file( - id: 'haiku-atelier-2024-scripts-page-accueil', - path: '/assets/js/scripts-page-accueil.js', - ); Resource::enqueue_style_file( handle: 'haiku-atelier-2024-styles-page-accueil', path: '/assets/css/pages/page-accueil.css', diff --git a/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss b/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss index e39add83..3ff875ea 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss @@ -2,14 +2,17 @@ :root { /* Couleurs */ - --couleur-blanc: oklch(100% 0 0deg / 100%); - --couleur-blanc-fond: olkch(1 0 0 / 90%); - --couleur-gris: oklch(93.89% 0.0025 345.21deg / 100%); - --couleur-gris-fond: oklch(93.89% 0.0025 345.21deg / 80%); - --couleur-gris-fond-extra: oklch(93.89% 0.0025 345.21deg / 50%); - --couleur-gris-fonce: oklch(59.99% 0 0deg / 100%); - --couleur-gris-fonce-fond: oklch(59.99% 0 0deg / 80%); - --couleur-noir: oklch(24.35% 0 0deg / 100%); + --couleur-blanc: #ffffff; + --couleur-blanc-fond: rgb(255 255 255 / 90%); + --couleur-gris: #eceaeb; + --couleur-gris-fonce: #808080; + --couleur-gris-fonce-fond: rgb(128 128 128 / 80%); + --couleur-bordeaux: #490918; + --couleur-bordeaux-fond: rgb(73 9 24 / 80%); + --couleur-jaune: #defdb5; + --couleur-jaune-fond: rgb(235 255 184 / 80%); + --couleur-noir: #202020; + --couleur-fond: rgb(236 234 235 / 80%); /* Polices */ --police-lato: "Lato", sans-serif; diff --git a/web/app/themes/haiku-atelier-2024/src/sass/base/_base.scss b/web/app/themes/haiku-atelier-2024/src/sass/base/_base.scss index 7f408444..824c7a62 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/base/_base.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/base/_base.scss @@ -37,7 +37,7 @@ html { */ body { overscroll-behavior: none; - accent-color: var(--couleur-gris-fonce); /* 2 */ + accent-color: var(--couleur-jaune); /* 2 */ background: var(--couleur-gris); /* 1 */ } @@ -52,7 +52,7 @@ button, input, select, textarea { * Change la couleur d'arrière-plan à la sélection du texte. */ *::selection { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } /* Cache tout élément avec l'attribut hidden */ diff --git a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_boutons.scss b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_boutons.scss index 7d661775..73c711b1 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_boutons.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_boutons.scss @@ -28,7 +28,7 @@ button { @media (hover: hover) { &:hover { color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } } @@ -51,7 +51,7 @@ button { &:focus-visible { color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } } @@ -77,8 +77,8 @@ button { border: 1px solid var(--couleur-noir); border-radius: 100%; visibility: hidden; - opacity: 0%; - background: var(--couleur-gris-fond); + opacity: 0; + background: var(--couleur-fond); box-shadow: initial; transition: 0.2s background, 0.2s opacity, 0.2s visibility; @@ -90,11 +90,11 @@ button { &[data-actif] { visibility: visible; - opacity: 60%; + opacity: 0.6; @media (hover: hover) { &:hover { - opacity: 100%; + opacity: 1; background: var(--couleur-jaune-fond); } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_dialogs.scss b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_dialogs.scss index 8e1536c1..65b1aab8 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_dialogs.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_dialogs.scss @@ -3,8 +3,8 @@ dialog { flex-flow: column nowrap; place-self: center center; padding: var(--espace-l); - opacity: 0%; - background: var(--couleur-blanc); + opacity: 0; + background: white; transition: display 0.3s, opacity 0.3s, overlay 0.3s; transition-behavior: allow-discrete; @@ -16,10 +16,10 @@ dialog { &:open { display: flex; - opacity: 100%; + opacity: 1; &::backdrop { - background-color: var(--couleur-gris-fond); + background-color: var(--couleur-fond); } } @@ -40,7 +40,7 @@ dialog { @starting-style { dialog:open { - opacity: 0%; + opacity: 0; } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_formulaires.scss b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_formulaires.scss index e6a1dd4c..6e5ed4e6 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_formulaires.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_formulaires.scss @@ -11,7 +11,7 @@ fieldset { input, select, textarea { padding: var(--espace-xs); border: 1px solid var(--couleur-noir); - accent-color: var(--couleur-gris-fonce); + accent-color: var(--couleur-jaune); background: var(--couleur-gris); transition: 0.2s background; @@ -39,7 +39,7 @@ input:is([type="email"], [type="text"], [type="tel"]), textarea { } &:user-valid { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } &:user-invalid { @@ -65,7 +65,7 @@ input[type="checkbox"], input[type="radio"] { transition: 0.2s background; &:checked { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); // TODO: Utiliser un SVG plutôt qu'un « x » ? &::before { @@ -96,7 +96,7 @@ input[type="checkbox"], input[type="radio"] { @media (hover: hover) { &:hover { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_images.scss b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_images.scss index cc1a4b5f..9f1728cb 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_images.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_images.scss @@ -12,5 +12,5 @@ img, picture { img { object-fit: cover; /* 2 */ - background: var(--couleur-gris-fonce); /* 3 */ + background: var(--couleur-jaune); /* 3 */ } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_liens.scss b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_liens.scss index 2ebc0634..7ab58392 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_liens.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/base/elements/_liens.scss @@ -35,7 +35,7 @@ a { --lien-bouton-marges-internes-ligne: var(--espace-m); /* Couleurs */ - --lien-bouton-arriere-plan-couleur-survol: var(--couleur-gris-fonce); + --lien-bouton-arriere-plan-couleur-survol: var(--couleur-jaune); padding: var(--lien-bouton-marges-internes-bloc) var(--lien-bouton-marges-internes-ligne); border: 1px solid var(--couleur-noir); @@ -63,14 +63,14 @@ a { text-decoration: underline; &:active { - text-decoration-color: var(--couleur-gris-fonce); - background: var(--couleur-gris-fonce); + text-decoration-color: var(--couleur-jaune); + background: var(--couleur-jaune); } @media (hover: hover) { &:hover { - text-decoration-color: var(--couleur-gris-fonce); - background: var(--couleur-gris-fonce); + text-decoration-color: var(--couleur-jaune); + background: var(--couleur-jaune); } } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_bandeau.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_bandeau.scss index 574e3101..20271c02 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_bandeau.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_bandeau.scss @@ -10,7 +10,7 @@ color: var(--couleur-noir); text-transform: uppercase; white-space: nowrap; - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); &__conteneur { display: flex; @@ -19,7 +19,7 @@ animation: marquee linear 15s infinite both; *::selection { - color: var(--couleur-gris-fonce); + color: var(--couleur-jaune); background: var(--couleur-noir); } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss index 0f70aaf2..9bc2f472 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss @@ -23,8 +23,7 @@ height: var(--en-tete-hauteur); padding: var(--en-tete-marges-internes-bloc) var(--en-tete-marges-internes-ligne); border-bottom: 1px solid var(--couleur-noir); - background: var(--couleur-gris-fond-extra); - backdrop-filter: brightness(125%) blur(6px); + background: var(--couleur-gris); picture, img { background: transparent; @@ -82,14 +81,14 @@ // BASELINE001: Marchera seulement pour les navigateurs > 2023. &:has(a[aria-current="page"]) { - background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") - bottom/auto 90% no-repeat; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg") + center/auto 90% no-repeat; } // COMPAT001: Pour les navigateurs < 2023. &--courante { - background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") - bottom/auto 90% no-repeat; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg") + center/auto 90% no-repeat; } a { @@ -102,8 +101,8 @@ @media (hover: hover) { &:hover { - background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche-gris.svg") - bottom/auto 90% no-repeat; + background: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg") + center/auto 90% no-repeat; } } } @@ -122,10 +121,6 @@ place-items: center; text-align: center; - a:hover, a:active, a:focus-within { - background: var(--couleur-gris-fond) !important; - } - &[disabled] { background: repeating-conic-gradient(var(--couleur-noir) 0% 25%, transparent 0% 100%) 1px 0.5px / 2px 2px; @@ -140,14 +135,13 @@ padding-block: var(--espace-2xs); padding-inline: var(--espace-s); text-transform: lowercase; - background: var(--couleur-gris); &.lien-compte { border-color: transparent; } &[data-contient-articles="true"] { - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss index 9d5e2645..594c626d 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss @@ -23,6 +23,7 @@ grid-auto-rows: 1fr; grid-template-columns: repeat(auto-fit, minmax(var(--carte-produit-longueur-minimale), 1fr)); /* 1 */ + gap: 1px; /* 2 */ min-height: var(--grille-produits-hauteur-minimale); @@ -42,7 +43,7 @@ &:hover { .produit__illustration__survol { visibility: visible; - opacity: 100%; + opacity: 1; transition: 0.3s opacity, 0.3s visibility; } } @@ -69,7 +70,7 @@ left: 0; width: 100%; height: 100%; - opacity: 0%; + opacity: 0; background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg"); background-repeat: no-repeat; background-position: center; @@ -79,7 +80,7 @@ } img { - opacity: 0%; + opacity: 0; transition: opacity 1s; } } @@ -92,11 +93,11 @@ width: 100%; height: 100%; visibility: hidden; - opacity: 0%; + opacity: 0; transition: 0.15s opacity, 0.15s visibility; img { - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } } @@ -145,6 +146,6 @@ @keyframes test { to { - opacity: 100%; + opacity: 1; } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss index 25757eee..327ba3ef 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_informations-produit.scss @@ -79,7 +79,7 @@ text-align: center; letter-spacing: initial; appearance: none; - background: var(--couleur-gris-fond); + background: var(--couleur-fond); @supports selector(:user-valid) { &:user-valid { @@ -89,7 +89,7 @@ } option { - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } /* Conteneur des sélecteurs */ @@ -108,7 +108,7 @@ height: 0.9rem; text-align: center; visibility: visible; - opacity: 100%; + opacity: 1; background: url("/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg") no-repeat; transition: opacity 0.2s, visibility 0.2s; } @@ -117,7 +117,7 @@ &:has(select:valid) { &::after { visibility: hidden; - opacity: 0%; + opacity: 0; } } } @@ -126,7 +126,7 @@ &:has(select:user-valid) { &::after { visibility: hidden; - opacity: 0%; + opacity: 0; } } } @@ -230,12 +230,12 @@ overflow: hidden; border-block: 1px solid var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); transition: 0.2s background; // Indique un Bouton désactivé avec un fond gris en-dessous du fond à motif &:has(button[disabled]) { - background: var(--couleur-gris-fond); + background: var(--couleur-fond); } button { diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss index 0765c4ad..a1a57de5 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-categories-produits.scss @@ -21,13 +21,13 @@ &[data-entrees-presentes-debut] { svg:first-of-type { - opacity: 100%; + opacity: 1; } } &[data-entrees-presentes-fin] { svg:last-of-type { - opacity: 100%; + opacity: 1; } } @@ -37,7 +37,7 @@ bottom: calc(35.18px / 2 - 0.35rem); width: 0.8rem; height: 0.8rem; - opacity: 0%; + opacity: 0; mix-blend-mode: exclusion; shape-rendering: geometricprecision; transition: 0.2s opacity; @@ -67,6 +67,7 @@ display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--menu-entree-longueur-minimale), 1fr)); /* 1 */ + gap: 1px; place-items: center; @@ -87,7 +88,7 @@ a { font-weight: 600; color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); @media (hover: hover) { &:hover { @@ -110,14 +111,14 @@ outline: initial; /* 3 */ &:focus-visible { - color: var(--couleur-gris-fonce); + color: var(--couleur-jaune); outline: initial; /* 3 */ } @media (hover: hover) { &:hover { color: var(--couleur-noir); - background: var(--couleur-gris-fonce); + background: var(--couleur-jaune); } } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-mobile.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-mobile.scss index 1fa8021b..b4318b16 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-mobile.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_menu-mobile.scss @@ -37,8 +37,8 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { z-index: 998; inset: var(--en-tete-hauteur) 0 0 0; height: var(--menu-mobile-hauteur); - opacity: 0%; - background-color: var(--couleur-gris-fond); + opacity: 0; + background-color: var(--couleur-fond); animation: fade-in 400ms both; } @@ -51,7 +51,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { height: fit-content; padding: var(--espace-xl); border-bottom: 1px solid var(--couleur-noir); - opacity: 0%; + opacity: 0; background-color: var(--couleur-gris); animation: fade-in 400ms 200ms both; @@ -82,13 +82,13 @@ body:has(#menu-mobile:not([aria-hidden="true"])) { @keyframes fade-in { to { - opacity: 100%; + opacity: 1; } } @keyframes fade-out { to { - opacity: 0%; + opacity: 0; } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-informations-client.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-informations-client.scss index 6c92af68..eebcf1dc 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-informations-client.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-informations-client.scss @@ -79,7 +79,7 @@ padding: 0; font-size: 0.8rem; font-weight: 450; - color: var(--couleur-gris-fonce); + color: grey; text-align: center; p { diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-panier.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-panier.scss index 33bc5e56..88133e53 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-panier.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_panneau-panier.scss @@ -193,7 +193,7 @@ text-align: right; span { - color: var(--couleur-gris-fonce); + color: grey; } } } @@ -210,7 +210,7 @@ cursor: revert; flex-basis: 100%; margin-bottom: var(--espace-xs); - color: var(--couleur-gris-fonce); + color: grey; text-align: center; text-transform: lowercase; } @@ -229,7 +229,7 @@ margin-top: var(--espace-l); font-size: 0.8rem; font-weight: 450; - color: var(--couleur-gris-fonce); + color: grey; letter-spacing: var(--espacement-inter-lettres-etendu-s); } } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss index 91b83cc8..db291d2d 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_produits-similaires.scss @@ -59,7 +59,7 @@ &:hover { .produit__illustration__survol { visibility: visible; - opacity: 100%; + opacity: 1; transition: 0.3s opacity, 0.3s visibility; } } @@ -78,7 +78,7 @@ width: 100%; height: 100%; visibility: hidden; - opacity: 0%; + opacity: 0; transition: 0.15s opacity, 0.15s visibility; } diff --git a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss index 156c9915..3d7f592b 100755 --- a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss @@ -48,7 +48,7 @@ block-size: 100%; margin: auto; visibility: visible; - opacity: 100%; + opacity: 1; mask-image: linear-gradient( var(--mask-direction, to right), hsl(0deg 0% 0% / 0%), @@ -61,14 +61,14 @@ &[hidden] { display: grid !important; visibility: hidden; - opacity: 0%; + opacity: 0; transition: 1s opacity ease-in-out, 1s visibility ease-in-out; } // N'affiche rien si JavaScript n'est pas activé. &.no-js { visibility: hidden; - opacity: 0%; + opacity: 0; transition: 1s opacity ease-in-out, 1s visibility ease-in-out; } diff --git a/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/api.ts b/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/api.ts index 06995c4c..87d1e128 100644 --- a/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/api.ts +++ b/web/app/themes/haiku-atelier-2024/src/scripts-effect/lib/api.ts @@ -30,20 +30,6 @@ class APIResponseError extends Schema.TaggedErrorClass()("APIR type APIError = APIRequestError | APIResponseError; -class WooCommerceErrorBody extends Schema.Class("WooCommerceErrorBody")({ - code: Schema.String, - data: Schema.Struct({ - status: Schema.Int, - }), - message: Schema.String, -}) {} -class WooCommerceError extends Schema.Class("WooCommerceError")({ - body: WooCommerceErrorBody, - status: Schema.Number, -}) {} - -type APIResponse = T | WooCommerceError; - /** Client `fetch` contenant les options et en-têtes de Requêtes pré-renseignées. */ const APIFetchClient = FetchHttpClient.layer.pipe( Layer.provide( @@ -110,7 +96,7 @@ class APIClient extends Context.Service()("haikuatelier.fr/APIClient" }); const AddProductToCart = Effect.fn("AppClient.AddProductToCart")( - function*(nonce: string, productToAdd: CartProduct): Effect.fn.Return, APIError> { + function*(nonce: string, productToAdd: CartProduct): Effect.fn.Return { const request = pipe( HttpClientRequest.post(`/wp-json/wc/store/cart/add-item`), HttpClientRequest.setHeader("Nonce", nonce), @@ -123,9 +109,6 @@ class APIClient extends Context.Service()("haikuatelier.fr/APIClient" Effect.flatMap(HttpClientResponse.schemaBodyJson(WooCommerceCart)), Effect.mapError(error => matchAPIError(error)), Effect.tapError(error => printErrorAsSuccinctMessage(error)), - // Effect.catchTag("APIResponseError", error => { - // if (error.cause.) - // }), ); return response; diff --git a/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts b/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts deleted file mode 100644 index aaaee979..00000000 --- a/web/app/themes/haiku-atelier-2024/src/scripts/scripts-page-accueil.ts +++ /dev/null @@ -1,9 +0,0 @@ -document.addEventListener("DOMContentLoaded", (): void => { - // TODO: Si la lecture automatique est désactivée, ajouter un bouton de lecture. - console.debug(navigator.getAutoplayPolicy("mediaelement")); -}); - -/** - * background-color: rgba(236, 234, 235, 0.52) - * backdrop-filter: contrast(50%) blur(3px) - */ diff --git a/web/app/themes/haiku-atelier-2024/views/accueil.twig b/web/app/themes/haiku-atelier-2024/views/accueil.twig index 8a8e64fc..e33d9988 100755 --- a/web/app/themes/haiku-atelier-2024/views/accueil.twig +++ b/web/app/themes/haiku-atelier-2024/views/accueil.twig @@ -5,9 +5,8 @@