/* ============================================ GRAVANO STYLE — PALETTE « VESTIAIRE » Une seule famille froide qui s'assombrit. Le scroll = le jour qui s'habille (lumière du matin sur une chemise blanche → encre du soir). ⭐ RÈGLE D'IMPLÉMENTATION (dossier d'amorçage) : on ne renomme AUCUNE variable. --gv-ivoire, --gv-nude, --gv-terracotta, --gv-grenat, --gv-nuit, --gv-or gardent leurs NOMS et changent seulement de VALEURS. Les noms sont des RÔLES (« le plus clair » → « le plus foncé »), pas des couleurs — c'est ce qui permet à accueil.css, produit.css, boutons.css… de tourner sans une ligne de modification. ============================================ */ :root{ --gv-ivoire: #F3F6F9; /* blanc de chemise — accueil, lumière du matin */ --gv-nude: #D9E4EE; /* bleu chambray lavé — rayons doux */ --gv-terracotta: #5C8CB8; /* bleu denim — transition, on monte d'un cran */ --gv-grenat: #1B3B5F; /* bleu de Prusse — rayons habillés */ --gv-nuit: #0E1B2A; /* encre du soir — footer, fin de journée */ --gv-or: #C9A227; /* fil conducteur du GROUPE, inchangé */ --gv-or-clair: #E9CE6B; /* or éclairci — texte doré sur fond sombre */ --gv-encre: #17202B; /* texte principal (encre bleutée) */ --gv-blanc: #FDFEFF; /* cartes, fonds clairs */ /* Nuances intermédiaires pour les dégradés de fond */ --gv-nude-fonce: #B9CDDE; --gv-terracotta-fonce: #3F6C95; /* ── ROUGE « PEAU QUI ROUGIT » — HORS PALETTE DE MARQUE, COMMUN À TOUT LE GROUPE ── ⭐⭐ RÈGLE DE GROUPE (Florient, 28/07) : le panier thermique rougit dans TOUTES les boutiques, quelle que soit leur couleur. Ce rouge n'appartient pas à la palette de la marque — il est transversal, au même titre que l'or. Il dit « ça se remplit, ça chauffe », et c'est la même logique que la lueur rouge du logo au clic. ⛔ NE JAMAIS le remplacer par la couleur de la boutique : un panier indigo sur Style, c'est joli et c'est faux — on perd un repère commun à toute la maison. Les 4 nuances sont calées sur 350-352° : rouge franc, chaud, jamais violacé. */ --gv-rouge-rose: #F08496; --gv-rouge-vif: #E24357; --gv-rouge-cuisant: #C2172F; --gv-rouge-braise: #8E0B1C; --gv-grenat-clair: #2A5480; /* ⭐ L'ACCENT CHAUD DE STYLE — le seul ajout à la charte du groupe. L'or reste le métal conducteur, et il se justifie tout seul ici : or sur bleu marine, c'est le bouton doré du blazer — un classique du vestiaire, pas un caprice de charte. Le cuir fauve est là pour la même raison : sans lui, bleu froid + châssis alu donnerait un site glacial. Il sert les ceintures, les sacs, les coutures, les pictogrammes. */ --gvs-cuir: #8A5A32; --gvs-cuir-clair: #B4834F; /* ── LE « BAIN D'INDIGO » — famille à part, réservée au PANIER THERMIQUE ── La mère fait ROUGIR son panier comme une peau. Ici la chaleur n'aurait aucun sens. La bonne métaphore, vraie et du métier : le denim se teint par TREMPAGES SUCCESSIFS — plus on trempe, plus l'indigo fonce. Le panier qui se remplit fonce, exactement comme une étoffe qu'on teint. ⚠️ Les 4 nuances sont toutes calées sur ~210° pour que la montée se lise comme UNE MÊME ÉTOFFE qui fonce, jamais comme un liquide qui monte — c'est la règle exacte de la mère, transposée. Le fil d'or ne disparaît pas : il se retire du fond et reste en liseré sur l'arête haute. */ --gv-indigo-clair: #8FB4D4; /* premier trempage — l'étoffe prend à peine */ --gv-indigo: #6E9BC4; /* ça commence à tenir */ --gv-indigo-fonce: #3F6C95; /* la teinte est prise */ --gv-indigo-nuit: #12304F; /* le bain profond */ /* ── CODE COULEUR des IDENTITÉS de contenu (réutilisable PARTOUT) ── Chaque type de destination a SA couleur → on comprend d'un coup d'œil l'ambiance du lieu. Du plus doux au plus habillé (« le jour qui s'habille ») : ARTICLES (les essayages du Doc) → BOUTIQUE (denim) → EBOOK (bleu de Prusse). Utilisées en carte-bouton : background:var(--gv-id-…) + tranche var(--…-edge). */ --gv-id-articles: linear-gradient(160deg,#CFE0EE 0%,#A9C6DE 58%,#8DB2CF 100%); --gv-id-articles-edge: #6F93B4; --gv-id-boutique: linear-gradient(160deg,var(--gv-terracotta) 0%,var(--gv-terracotta-fonce) 55%,#2A5480 100%); --gv-id-boutique-edge: #23486E; --gv-id-ebook: linear-gradient(160deg,#1C3049 0%,var(--gv-grenat) 55%,#16334F 100%); --gv-id-ebook-edge: #0E2038; /* Alias fonctionnels — à utiliser dans les composants Blocksy */ --theme-palette-color-1: var(--gv-terracotta); /* couleur d'accent Blocksy */ --theme-palette-color-2: var(--gv-grenat); /* accent secondaire */ --theme-palette-color-3: var(--gv-encre); /* texte */ --theme-palette-color-4: var(--gv-ivoire); /* fond clair */ --theme-palette-color-5: var(--gv-or); /* fil d'or */ --theme-palette-color-6: var(--gv-nuit); /* fond sombre */ } /* Le grand dégradé de fond, utilisable sur .gv-degrade-scene (page d'accueil) */ .gv-degrade-scene{ background:linear-gradient(180deg, var(--gv-ivoire) 0%, var(--gv-ivoire) 18%, var(--gv-nude) 34%, var(--gv-nude-fonce) 48%, var(--gv-terracotta) 60%, var(--gv-terracotta-fonce) 72%, var(--gv-grenat) 84%, var(--gv-nuit) 100%); } /* Pause du dégradé (fond stable) — à poser autour du bloc manifeste */ .gv-degrade-pause{ background:var(--gv-ivoire) !important; } /* === Sélecteur de langue TranslatePress : onglet RÉTRACTABLE, bas-DROITE, au-dessus de la barre d'achat (Florient 08/08) === */ .trp-language-switcher.trp-floating-switcher{ top:auto !important; bottom:22px !important; right:6px !important; left:auto !important; z-index:97 !important; transform:translateX(calc(100% - 30px)); /* rétracté : seul le drapeau dépasse du bord droit */ transition:transform .3s cubic-bezier(.4,0,.2,1); } body.gv-minisite .trp-language-switcher.trp-floating-switcher{ bottom:80px !important; } /* dégage la .gv-ms-sticky */ .trp-language-switcher.trp-floating-switcher:hover, .trp-language-switcher.trp-floating-switcher:focus-within{ transform:translateX(0); } /* glisse et sort au survol */ .trp-floating-switcher .trp-language-switcher-inner{ border-radius:999px 0 0 999px !important; overflow:visible; box-shadow:0 6px 16px rgba(0,0,0,.22); } .trp-floating-switcher .trp-language-item__current{ padding:7px 12px 7px 13px !important; border-radius:999px 0 0 999px !important; } .trp-floating-switcher .trp-language-item__current .trp-language-item-name{ display:none !important; } .trp-floating-switcher .trp-flag-image{ width:22px !important; height:15px !important; border-radius:3px; } .trp-switcher-dropdown-list{ right:0 !important; left:auto !important; } /* ouvre vers la gauche, aligné à droite */ .trp-switcher-dropdown-list .trp-language-item-name{ display:inline !important; } @media(max-width:760px){ .trp-language-switcher.trp-floating-switcher{ bottom:18px !important; transform:translateX(0) !important; } /* tactile : visible en entier */ body.gv-minisite .trp-language-switcher.trp-floating-switcher{ bottom:78px !important; } }