.elementor-1815 .elementor-element.elementor-element-5d65f86{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:120px;--padding-left:24px;--padding-right:24px;}.elementor-1815 .elementor-element.elementor-element-5d65f86:not(.elementor-motion-effects-element-type-background), .elementor-1815 .elementor-element.elementor-element-5d65f86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://galaktika-prime.com/wp-content/uploads/Galaktika-Prime-Hero-Journal-Bord-1G1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1815 .elementor-element.elementor-element-cd89a35{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1815 .elementor-element.elementor-element-2395f46{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1815 .elementor-element.elementor-element-2395f46.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1815 .elementor-element.elementor-element-9ea0186{width:100%;max-width:100%;}.elementor-1815 .elementor-element.elementor-element-9ea0186 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-9ea0186 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:800;line-height:1.05em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1815 .elementor-element.elementor-element-9e75e18{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;line-height:1.55em;color:#FFFFFF;}.elementor-1815 .elementor-element.elementor-element-10134c2{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:1.55em;color:#FFFFFFE6;}.elementor-1815 .elementor-element.elementor-element-0c7ba9b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1815 .elementor-element.elementor-element-2dd7307{--display:flex;}.elementor-1815 .elementor-element.elementor-element-4481ae8{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1815 .elementor-element.elementor-element-ca955c2{--display:flex;}.elementor-1815 .elementor-element.elementor-element-b1e729a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1815 .elementor-element.elementor-element-24f42de{--display:flex;}.elementor-1815 .elementor-element.elementor-element-03e0209{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1815 .elementor-element.elementor-element-0e65277 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-0e65277{font-family:"Caveat", Sans-serif;font-size:23px;font-weight:600;color:#82D1F3;}.elementor-1815 .elementor-element.elementor-element-3d42b86{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-1815 .elementor-element.elementor-element-3d42b86:not(.elementor-motion-effects-element-type-background), .elementor-1815 .elementor-element.elementor-element-3d42b86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-1815 .elementor-element.elementor-element-13b1b09{--display:flex;--min-height:220px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--padding-top:32px;--padding-bottom:32px;--padding-left:34px;--padding-right:34px;}.elementor-1815 .elementor-element.elementor-element-07c220e{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1815 .elementor-element.elementor-element-91c2fa5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-1815 .elementor-element.elementor-element-91c2fa5.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-1815 .elementor-element.elementor-element-adf2a37 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1815 .elementor-element.elementor-element-9ed3b32{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1815 .elementor-element.elementor-element-474e4ed{font-family:"Caveat", Sans-serif;font-size:38px;font-weight:400;}.elementor-1815 .elementor-element.elementor-element-7431152{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;}.elementor-1815 .elementor-element.elementor-element-f56b316{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1815 .elementor-element.elementor-element-8dcdd33 .elementor-icon-wrapper{text-align:center;}.elementor-1815 .elementor-element.elementor-element-67e6cdb{--display:flex;}.elementor-1815 .elementor-element.elementor-element-eab6105 .elementor-icon-wrapper{text-align:center;}.elementor-1815 .elementor-element.elementor-element-8e42fb0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:020px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1815 .elementor-element.elementor-element-8e42fb0:not(.elementor-motion-effects-element-type-background), .elementor-1815 .elementor-element.elementor-element-8e42fb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-1815 .elementor-element.elementor-element-3f6f8b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-1815 .elementor-element.elementor-element-22d3090{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-1815 .elementor-element.elementor-element-22d3090.e-con{--flex-grow:1;}.elementor-1815 .elementor-element.elementor-element-dfd426c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1815 .elementor-element.elementor-element-f7654a6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-f7654a6 .elementor-icon-wrapper{text-align:center;}.elementor-1815 .elementor-element.elementor-element-b4d6e30 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#6EC1E4;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1815 .elementor-element.elementor-element-53ffcdd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;width:auto;max-width:auto;}.elementor-1815 .elementor-element.elementor-element-53ffcdd.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1815 .elementor-element.elementor-element-53ffcdd .elementor-divider-separator{width:100%;}.elementor-1815 .elementor-element.elementor-element-53ffcdd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1815 .elementor-element.elementor-element-b148e68{--swiper-slides-to-display:1;--swiper-slides-gap:10px;}.elementor-1815 .elementor-element.elementor-element-b148e68 .swiper-slide > .elementor-element{height:100%;}.elementor-1815 .elementor-element.elementor-element-b148e68 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:14px;--swiper-pagination-bullet-vertical-gap:14px;}.elementor-1815 .elementor-element.elementor-element-a61ba29{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-1815 .elementor-element.elementor-element-a61ba29.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1815 .elementor-element.elementor-element-c6deb14{--display:flex;--min-height:360px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-1815 .elementor-element.elementor-element-dcedfb4 .elementor-icon-wrapper{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1815 .elementor-element.elementor-element-5e2f9c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;}.elementor-1815 .elementor-element.elementor-element-5e2f9c0:not(.elementor-motion-effects-element-type-background), .elementor-1815 .elementor-element.elementor-element-5e2f9c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F8FD;}.elementor-1815 .elementor-element.elementor-element-9fd45a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-1815 .elementor-element.elementor-element-9fd45a1.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-1815 .elementor-element.elementor-element-e1bb615{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1815 .elementor-element.elementor-element-9639de3 .elementor-icon-wrapper{text-align:center;}.elementor-1815 .elementor-element.elementor-element-1987803 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#6EC1E4;}.elementor-1815 .elementor-element.elementor-element-9720848{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;width:auto;max-width:auto;}.elementor-1815 .elementor-element.elementor-element-9720848.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1815 .elementor-element.elementor-element-9720848 .elementor-divider-separator{width:100%;}.elementor-1815 .elementor-element.elementor-element-9720848 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1815 .elementor-element.elementor-element-af77eb8{--e-search-results-columns:1;}.elementor-1815 .elementor-element.elementor-element-b0f1130{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-1815 .elementor-element.elementor-element-b0f1130 .e-filter-item{font-family:"Montserrat", Sans-serif;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1815 .elementor-element.elementor-element-8a01bdd{--grid-columns:1;--load-more-message-alignment:center;--load-more-button-align:center;}.elementor-1815 .elementor-element.elementor-element-016fe01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:10px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-1815 .elementor-element.elementor-element-223f7c3{--display:flex;}.elementor-1815 .elementor-element.elementor-element-046b6cd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1815 .elementor-element.elementor-element-e2b7aec .elementor-icon-wrapper{text-align:center;}.elementor-1815 .elementor-element.elementor-element-21008aa{--display:flex;}.elementor-1815 .elementor-element.elementor-element-7f37eab{--display:flex;}.elementor-1815 .elementor-element.elementor-element-96c0c78{--display:flex;}.elementor-1815 .elementor-element.elementor-element-3993fed .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-1815 .elementor-element.elementor-element-82c17f2 .elementor-icon-wrapper{text-align:center;}@media(max-width:1024px){.elementor-1815 .elementor-element.elementor-element-5d65f86{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1815 .elementor-element.elementor-element-cd89a35{--min-height:0px;}.elementor-1815 .elementor-element.elementor-element-9ea0186 .elementor-heading-title{font-size:50px;}.elementor-1815 .elementor-element.elementor-element-10134c2{font-size:15px;}.elementor-1815 .elementor-element.elementor-element-b148e68{--swiper-slides-to-display:1;}.elementor-1815 .elementor-element.elementor-element-5e2f9c0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1815 .elementor-element.elementor-element-b0f1130 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1815 .elementor-element.elementor-element-8a01bdd{--grid-columns:1;}.elementor-1815 .elementor-element.elementor-element-8a01bdd > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1815 .elementor-element.elementor-element-5d65f86{--min-height:0px;}.elementor-1815 .elementor-element.elementor-element-2395f46{--width:100%;}.elementor-1815 .elementor-element.elementor-element-9ea0186 .elementor-heading-title{font-size:40px;}.elementor-1815 .elementor-element.elementor-element-b148e68{--swiper-slides-to-display:1;}.elementor-1815 .elementor-element.elementor-element-8a01bdd{--grid-columns:1;}}@media(min-width:768px){.elementor-1815 .elementor-element.elementor-element-cd89a35{--width:1200px;}.elementor-1815 .elementor-element.elementor-element-2395f46{--width:55.5%;}.elementor-1815 .elementor-element.elementor-element-2dd7307{--width:auto;}.elementor-1815 .elementor-element.elementor-element-ca955c2{--width:auto;}.elementor-1815 .elementor-element.elementor-element-24f42de{--width:auto;}.elementor-1815 .elementor-element.elementor-element-13b1b09{--content-width:1200px;}.elementor-1815 .elementor-element.elementor-element-91c2fa5{--width:auto;}.elementor-1815 .elementor-element.elementor-element-7431152{--width:auto;}.elementor-1815 .elementor-element.elementor-element-3f6f8b5{--content-width:1140px;}.elementor-1815 .elementor-element.elementor-element-22d3090{--width:auto;}.elementor-1815 .elementor-element.elementor-element-a61ba29{--width:320px;}.elementor-1815 .elementor-element.elementor-element-9fd45a1{--width:auto;}.elementor-1815 .elementor-element.elementor-element-016fe01{--width:320px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1815 .elementor-element.elementor-element-cd89a35{--width:100%;}.elementor-1815 .elementor-element.elementor-element-2395f46{--width:100%;}.elementor-1815 .elementor-element.elementor-element-5e2f9c0{--width:100%;}.elementor-1815 .elementor-element.elementor-element-9fd45a1{--width:100%;}}/* Start custom CSS *//* * ======================================================================== * GALAKTIKA PRIME — JOURNAL DE BORD * CSS DE PAGE — Elementor > Réglages de page > Avancé > CSS personnalisé * ======================================================================== * * CLASSES RACINES * - Hero .................... .gk-journal-hero * - Présentation 1G1 ........ .gk-profile-section * - Actualités .............. .gk-news-section * - Explorer ................ .gk-explorer-grid * - Recherche ............... .gk-explorer-search * - Filtre taxonomie ........ .gk-explorer-filter * * CONVENTIONS DE MAINTENANCE * 1. Le CSS spécifique à cette page reste centralisé ici. * 2. Les widgets/sections Elementor conservent leurs classes, mais leur * champ "CSS personnalisé" doit rester vide. * 3. Les propriétés Elementor de type --width, --gap, --align-items, etc. * sont volontairement conservées : Elementor peut les consommer hors * de ce fichier. * 4. Les !important existants sont conservés lorsqu'ils servent à prendre * la priorité sur les styles générés par Elementor. Ne pas les supprimer * en masse sans contrôle visuel desktop/tablette/mobile. * 5. Breakpoints historiques de cette page : 1100, 900, 767 et 430 px. * 6. Les polices et couleurs structurelles utilisent les variables définies * dans « TOKENS — SYSTÈME VISUEL GALAKTIKA » ci-dessous. * 7. Sur fond clair, --gk-cyan est réservé en priorité aux icônes et accents * décoratifs ; le texte bleu utilise --gk-blue-readable pour le contraste. * 8. Les couleurs spécifiques aux néons, jauges et gradients restent locales : * elles font partie de l'identité visuelle des composants concernés. * * ORDRE * 01 Hero * 02 Présentation 1G1 * 03 Actualités * 04 Explorer (Recherche + Filtres + Loop + panneau 1G1) * ======================================================================== */ /* ======================================================================== TOKENS — SYSTÈME VISUEL GALAKTIKA ======================================================================== Ces variables regroupent uniquement les couleurs et polices structurelles de la page. Les couleurs propres aux néons, gradients, jauges et effets narratifs restent volontairement locales afin de préserver leur identité. ======================================================================== */ :root { /* Typographies */ --gk-font-primary: "Montserrat", sans-serif; --gk-font-handwritten: "Caveat", "Comic Sans MS", cursive; /* Couleurs de marque / interface */ --gk-navy: #10224C; --gk-cyan: #78d4ff; --gk-cyan-light: #7DDCFF; --gk-cyan-soft: #DDF4FF; --gk-blue-readable: #78d4ff; /* Texte */ --gk-text: #101827; --gk-text-secondary: #46546A; --gk-text-muted: #788396; /* Surfaces et séparateurs */ --gk-white: #FFFFFF; --gk-surface: #F4F8FD; --gk-border: #CFD9E7; } /* ========================================================= 01 — HERO — JOURNAL DE BORD Racine : .gk-journal-hero ========================================================= */ /* ========================================================= 1. CONTENEUR PRINCIPAL DU HERO ========================================================= */ .gk-journal-hero { position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: 650px; padding-right: 24px; padding-left: 24px; background-color: #061633; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* Assombrissement léger dans la partie basse */ .gk-journal-hero::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: 0; height: 180px; pointer-events: none; background: linear-gradient( 180deg, rgba(3, 17, 45, 0) 0%, rgba(3, 17, 45, 0.34) 100% ); } /* Tous les éléments internes restent au-dessus des dégradés */ .gk-journal-hero > .e-con-inner, .gk-journal-hero > .elementor-element { position: relative; z-index: 1; } /* ========================================================= 2. CONTENEUR INTÉRIEUR ========================================================= */ .gk-journal-hero .gk-journal-hero__inner { --width: 100%; --flex-direction: row; --justify-content: flex-start; --align-items: center; --gap: 30px; position: relative; z-index: 2; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 1200px !important; min-height: 650px; margin-right: auto !important; margin-left: auto !important; padding-top: 55px; padding-bottom: 70px; } /* ========================================================= 3. COLONNE DE TEXTE ========================================================= */ .gk-journal-hero .gk-journal-hero__content { --width: 55%; --flex-direction: column; --justify-content: center; --align-items: flex-start; --gap: 20px; position: relative !important; display: flex !important; flex: 0 0 55% !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; width: 55% !important; max-width: 620px !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: 0 !important; text-align: left !important; transform: none !important; } /* Les widgets occupent toute la largeur disponible */ .gk-journal-hero .gk-journal-hero__content > .elementor-element { width: 100%; max-width: 100%; } /* Suppression des marges Elementor inutiles */ .gk-journal-hero .gk-journal-hero__content .elementor-widget-text-editor p { margin-top: 0; margin-bottom: 0; } /* ========================================================= 4. TITRE PRINCIPAL ========================================================= */ .gk-journal-hero .gk-journal-hero__title { width: 100%; max-width: 620px; margin: 0; padding: 0; text-align: left; } .gk-journal-hero .gk-journal-hero__title .elementor-heading-title { margin: 0; color: var(--gk-white); font-family: var(--gk-font-primary); font-size: clamp(46px, 4.4vw, 62px); font-weight: 800; line-height: 1.02; letter-spacing: -1.8px; text-align: left; text-shadow: 0 3px 8px rgba(0, 0, 0, 0.42), 0 0 24px rgba(19, 125, 255, 0.12); } /* Partie accentuée : DE 1G1 */ .gk-journal-hero .gk-title-accent { color: #78d4ff; font-weight: 900; text-shadow: 0 0 5px rgba(120, 212, 255, 0.28), 0 0 12px rgba(24, 199, 255, 0.18); } /* ========================================================= 5. TEXTES D’INTRODUCTION ========================================================= */ .gk-journal-hero .gk-journal-hero__intro, .gk-journal-hero .gk-journal-hero__description { width: 100%; max-width: 610px; margin: 0; color: var(--gk-white); font-family: var(--gk-font-primary); font-size: 17px; line-height: 1.55; text-align: left; text-shadow: 0 2px 7px rgba(0, 0, 0, 0.72); } .gk-journal-hero .gk-journal-hero__intro { font-weight: 600; } .gk-journal-hero .gk-journal-hero__description { color: rgba(255, 255, 255, 0.94); font-weight: 400; } /* ========================================================= 6. CONTENEUR DES BADGES ========================================================= */ .gk-journal-hero .gk-journal-hero__badges { --width: 100%; --flex-direction: row; --flex-wrap: wrap; --justify-content: flex-start; --align-items: center; --gap: 10px; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; margin-top: 4px; gap: 10px !important; } /* ========================================================= 7. STYLE COMMUN DES BADGES ========================================================= */ .gk-journal-hero .gk-journal-badge { --width: auto; position: relative; overflow: hidden; display: flex !important; flex: 0 0 auto !important; justify-content: center !important; align-items: center !important; width: auto !important; min-width: 0 !important; min-height: 38px; padding: 9px 15px; border: 1px solid rgba(91, 177, 255, 0.78); border-radius: 9px; background: linear-gradient( 180deg, rgba(8, 42, 99, 0.92) 0%, rgba(4, 25, 66, 0.96) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 0 14px rgba(24, 199, 255, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.025), 0 4px 12px rgba(0, 0, 0, 0.20), 0 0 12px rgba(24, 199, 255, 0.10); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } /* Reflet supérieur */ .gk-journal-hero .gk-journal-badge::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.025) 38%, rgba(255, 255, 255, 0) 72% ); } /* Trait lumineux inférieur */ .gk-journal-hero .gk-journal-badge::after { content: ""; position: absolute; right: 16%; bottom: 0; left: 16%; z-index: 0; height: 1px; opacity: 0.75; background: linear-gradient( 90deg, transparent, rgba(77, 190, 255, 0.95), transparent ); } /* Contenu du widget texte */ .gk-journal-hero .gk-journal-badge .elementor-widget-text-editor { position: relative; z-index: 1; width: auto !important; } .gk-journal-hero .gk-journal-badge .elementor-widget-container { position: relative; z-index: 1; width: auto !important; } .gk-journal-hero .gk-journal-badge p { position: relative; z-index: 1; margin: 0 !important; color: var(--gk-white); font-family: var(--gk-font-primary); font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: 0.15px; text-transform: uppercase; white-space: nowrap; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55); } /* ========================================================= 8. BADGE BLEU ========================================================= */ .gk-journal-hero .gk-journal-badge--blue { border-color: rgba(52, 148, 255, 0.94); background: linear-gradient( 180deg, rgba(8, 56, 132, 0.92) 0%, rgba(4, 30, 80, 0.96) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 0 14px rgba(52, 148, 255, 0.10), 0 4px 12px rgba(0, 0, 0, 0.20), 0 0 13px rgba(52, 148, 255, 0.14); } /* ========================================================= 9. BADGE CYAN ========================================================= */ .gk-journal-hero .gk-journal-badge--cyan { border-color: rgba(24, 199, 255, 0.94); background: linear-gradient( 180deg, rgba(4, 65, 116, 0.92) 0%, rgba(4, 31, 72, 0.96) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 0 14px rgba(24, 199, 255, 0.11), 0 4px 12px rgba(0, 0, 0, 0.20), 0 0 14px rgba(24, 199, 255, 0.16); } /* ========================================================= 10. BADGE VIOLET ========================================================= */ .gk-journal-hero .gk-journal-badge--purple { border-color: rgba(190, 94, 255, 0.96); background: linear-gradient( 180deg, rgba(139, 57, 211, 0.95) 0%, rgba(91, 36, 151, 0.97) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), inset 0 0 15px rgba(190, 94, 255, 0.14), 0 4px 12px rgba(0, 0, 0, 0.20), 0 0 15px rgba(190, 94, 255, 0.19); } .gk-journal-hero .gk-journal-badge--purple::after { background: linear-gradient( 90deg, transparent, rgba(220, 146, 255, 0.95), transparent ); } /* ========================================================= 11. NOTE MANUSCRITE NÉON ========================================================= */ .gk-journal-hero .gk-journal-hero__note { width: fit-content !important; max-width: 330px; margin-top: 24px; margin-left: -2px; transform: none !important; } .gk-journal-hero .gk-journal-hero__note .elementor-widget-container { display: inline-block; width: fit-content; transform: rotate(-7deg); transform-origin: left center; } .gk-journal-hero .gk-journal-hero__note p { display: inline-block; margin: 0 !important; color: #32d8ff; font-family: var(--gk-font-handwritten); font-size: 27px; font-weight: 700; line-height: 1.08; letter-spacing: 0.3px; text-align: left; text-shadow: 0 0 3px rgba(50, 216, 255, 1), 0 0 7px rgba(50, 216, 255, 0.82), 0 0 14px rgba(24, 199, 255, 0.62), 0 0 25px rgba(24, 199, 255, 0.36); } /* ========================================================= 12. TABLETTE ========================================================= */ @media (max-width: 1024px) { .gk-journal-hero { min-height: 590px; padding-right: 20px; padding-left: 20px; background-position: 56% center; } .gk-journal-hero::before { background: linear-gradient( 90deg, rgba(2, 10, 31, 0.96) 0%, rgba(3, 17, 45, 0.86) 36%, rgba(3, 20, 52, 0.40) 62%, rgba(3, 20, 52, 0.04) 100% ); } .gk-journal-hero .gk-journal-hero__inner { min-height: 590px; padding-top: 45px; padding-bottom: 55px; } .gk-journal-hero .gk-journal-hero__content { --width: 54%; flex-basis: 60% !important; width: 54% !important; max-width: 550px !important; } .gk-journal-hero .gk-journal-hero__title .elementor-heading-title { font-size: clamp(40px, 5.2vw, 50px); letter-spacing: -1.3px; } .gk-journal-hero .gk-journal-hero__intro, .gk-journal-hero .gk-journal-hero__description { font-size: 15px; } .gk-journal-hero .gk-journal-badge { min-height: 35px; padding: 8px 12px; } .gk-journal-hero .gk-journal-badge p { font-size: 8px; } .gk-journal-hero .gk-journal-hero__note p { font-size: 24px; } } /* ========================================================= 13. MOBILE ========================================================= */ @media (max-width: 767px) { .gk-journal-hero { min-height: 720px; padding-right: 18px; padding-left: 18px; background-position: 67% center; } .gk-journal-hero::before { background: linear-gradient( 180deg, rgba(2, 10, 31, 0.97) 0%, rgba(3, 17, 45, 0.92) 36%, rgba(3, 20, 52, 0.68) 62%, rgba(3, 20, 52, 0.26) 100% ); } .gk-journal-hero::after { height: 210px; background: linear-gradient( 180deg, rgba(3, 17, 45, 0) 0%, rgba(3, 17, 45, 0.55) 100% ); } .gk-journal-hero .gk-journal-hero__inner { --flex-direction: column; --justify-content: flex-start; --align-items: flex-start; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; width: 100% !important; min-height: 720px; padding-top: 42px; padding-bottom: 70px; } .gk-journal-hero .gk-journal-hero__content { --width: 100%; flex: 0 0 auto !important; width: 100% !important; max-width: 540px !important; } .gk-journal-hero .gk-journal-hero__title .elementor-heading-title { font-size: clamp(36px, 10.5vw, 44px); line-height: 1.03; letter-spacing: -1px; } .gk-journal-hero .gk-journal-hero__intro, .gk-journal-hero .gk-journal-hero__description { max-width: 500px; font-size: 15px; line-height: 1.5; } .gk-journal-hero .gk-journal-hero__badges { gap: 7px !important; } .gk-journal-hero .gk-journal-badge { min-height: 32px; padding: 7px 10px; border-radius: 8px; } .gk-journal-hero .gk-journal-badge p { font-size: 8px; letter-spacing: 0; } .gk-journal-hero .gk-journal-hero__note { margin-top: 20px; margin-left: 2px; } .gk-journal-hero .gk-journal-hero__note .elementor-widget-container { transform: rotate(-6deg); } .gk-journal-hero .gk-journal-hero__note p { font-size: 22px; } } /* ========================================================= 14. TRÈS PETITS ÉCRANS ========================================================= */ @media (max-width: 420px) { .gk-journal-hero { min-height: 740px; padding-right: 15px; padding-left: 15px; } .gk-journal-hero .gk-journal-hero__inner { min-height: 740px; padding-top: 36px; } .gk-journal-hero .gk-journal-hero__title .elementor-heading-title { font-size: 34px; } .gk-journal-hero .gk-journal-hero__intro, .gk-journal-hero .gk-journal-hero__description { font-size: 14px; } .gk-journal-hero .gk-journal-badge { padding-right: 8px; padding-left: 8px; } .gk-journal-hero .gk-journal-badge p { font-size: 7.5px; } .gk-journal-hero .gk-journal-hero__note p { font-size: 20px; } } /* ========================================================= 02 — PRÉSENTATION 1G1 Racine : .gk-profile-section ========================================================= */ /* ========================================================= 1. SECTION GÉNÉRALE ========================================================= */ .gk-profile-section { position: relative; z-index: 10; width: 100%; padding: 0 24px 56px; background: var(--gk-surface); font-family: var(--gk-font-primary); } /* Conteneur interne de la section */ .gk-profile-section > .e-con-inner { width: 100% !important; max-width: none !important; } /* ========================================================= 2. CARTE PRINCIPALE ========================================================= */ .gk-profile-section .gk-profile-card { position: relative; width: 100% !important; max-width: 1200px !important; margin: -48px auto 0 !important; padding: 0 !important; border: 1px solid rgba(205, 219, 237, 0.95); border-radius: 24px; background: linear-gradient( 135deg, var(--gk-white) 0%, #fbfdff 100% ); box-shadow: 0 18px 48px rgba(7, 31, 70, 0.12), 0 4px 12px rgba(7, 31, 70, 0.06); overflow: visible; } /* Reflet lumineux supérieur */ .gk-profile-section .gk-profile-card::before { content: ""; position: absolute; top: 0; right: 8%; left: 8%; z-index: 2; height: 1px; pointer-events: none; background: linear-gradient( 90deg, transparent, rgba(62, 181, 255, 0.62), transparent ); } /* ========================================================= 3. GRILLE INTERNE DE LA CARTE ========================================================= */ .gk-profile-section .gk-profile-card > .e-con-inner { display: grid !important; grid-template-columns: 170px minmax(0, 1fr) 310px; align-items: center; width: 100% !important; max-width: none !important; min-height: 220px; margin: 0 !important; padding: 32px 34px !important; column-gap: 34px !important; row-gap: 24px !important; } /* Neutralisation des largeurs Elementor */ .gk-profile-section .gk-profile-card > .e-con-inner > .e-con { min-width: 0 !important; margin: 0 !important; } /* ========================================================= 4. ZONE DU PORTRAIT ========================================================= */ .gk-profile-section .gk-profile-card__portrait { --width: 170px; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 170px !important; min-width: 170px !important; max-width: 170px !important; margin: 0 !important; padding: 0 !important; } /* Widget image */ .gk-profile-section .gk-profile-card__avatar { width: 158px !important; max-width: 158px !important; margin: 0 auto !important; } /* * Aucun cercle, contour, fond ou halo n’est ajouté. * Le contour intégré au fichier image reste visible tel quel. */ .gk-profile-section .gk-profile-card__avatar .elementor-widget-container { width: 158px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; } /* Image du portrait */ .gk-profile-section .gk-profile-card__avatar img { display: block; width: 100% !important; height: auto !important; margin: 0 auto !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; object-fit: contain; object-position: center; } /* ========================================================= 5. ZONE DE PRÉSENTATION ========================================================= */ .gk-profile-section .gk-profile-card__content { --width: 100%; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 0 0 18px !important; gap: 8px !important; font-family: var(--gk-font-primary); text-align: left; } /* Widgets sur toute la largeur */ .gk-profile-section .gk-profile-card__content > .elementor-element { width: 100% !important; max-width: 100% !important; } /* ========================================================= 6. TITRE « MOI, C’EST 1G1 » ========================================================= */ .gk-profile-section .gk-profile-card__title { width: 100% !important; margin: 0 !important; } .gk-profile-section .gk-profile-card__title .elementor-heading-title { margin: 0 !important; color: var(--gk-blue-readable) !important; font-family: var(--gk-font-primary); font-size: 34px; font-weight: 800; line-height: 1.16; letter-spacing: -0.6px; text-align: left; } /* ========================================================= 7. TEXTE DE PRÉSENTATION ========================================================= */ .gk-profile-section .gk-profile-card__text { width: 100% !important; margin: 0 !important; } .gk-profile-section .gk-profile-card__text .elementor-widget-container { width: 100% !important; } .gk-profile-section .gk-profile-card__text, .gk-profile-section .gk-profile-card__text p { font-family: var(--gk-font-primary); } .gk-profile-section .gk-profile-card__text p { margin-top: 0 !important; margin-bottom: 4px !important; color: var(--gk-text-secondary); font-size: 18px; font-weight: 400; line-height: 1.55; text-align: left; } .gk-profile-section .gk-profile-card__text p:last-child { margin-bottom: 0 !important; } /* ========================================================= 8. SIGNATURE 1G1 ========================================================= */ .gk-profile-section .gk-profile-card__signature { width: fit-content !important; margin-top: 4px !important; } .gk-profile-section .gk-profile-card__signature .elementor-widget-container { display: inline-block; width: fit-content !important; transform: rotate(-7deg); transform-origin: left center; } .gk-profile-section .gk-profile-card__signature .elementor-heading-title, .gk-profile-section .gk-profile-card__signature p { margin: 0 !important; color: #168fea; font-family: var(--gk-font-handwritten); font-size: 50px; font-weight: 600; line-height: 1; letter-spacing: 0.5px; text-shadow: 0 0 8px rgba(24, 151, 237, 0.17); } /* Trait sous la signature */ .gk-profile-section .gk-profile-card__signature .elementor-widget-container::after { content: ""; display: block; width: 62px; height: 2px; margin-top: 3px; margin-left: 4px; transform: rotate(-2deg); border-radius: 999px; background: linear-gradient( 90deg, #168dea, rgba(22, 141, 234, 0) ); } /* ========================================================= 9. CONTENEUR DES STATISTIQUES ========================================================= */ .gk-profile-section .gk-profile-card__stats { --width: 100%; display: grid !important; grid-template-columns: 122px 150px; justify-content: end; align-items: stretch; width: 100% !important; min-width: 0 !important; max-width: 390px !important; margin: 0 0 0 auto !important; padding: 0 !important; gap: 20px !important; font-family: var(--gk-font-primary); } /* ========================================================= 10. CARTE D’UNE STATISTIQUE ========================================================= */ .gk-profile-section .gk-profile-stat { --width: 100%; position: relative; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 150px; margin: 0 !important; padding: 17px 8px 15px !important; gap: 5px !important; border: 1px solid var(--gk-border); border-radius: 14px; background: linear-gradient( 180deg, var(--gk-white) 0%, #f8fbff 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 6px 16px rgba(15, 48, 91, 0.055); font-family: var(--gk-font-primary); text-align: center; overflow: hidden; } /* Reflet supérieur */ .gk-profile-section .gk-profile-stat::before { content: ""; position: absolute; top: 0; right: 15%; left: 15%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(132, 76, 238, 0.44), transparent ); } /* Widgets internes */ .gk-profile-section .gk-profile-stat > .elementor-element { flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important; } /* ========================================================= 11. ICÔNES ========================================================= */ .gk-profile-section .gk-profile-stat__icon { width: auto !important; margin: 0 0 10px !important; } .gk-profile-section .gk-profile-stat__icon .elementor-icon { display: flex; justify-content: center; align-items: center; color: var(--gk-cyan) !important; font-size: 28px; line-height: 1; filter: drop-shadow( 0 0 5px rgba(83, 188, 232, 0.20) ); } .gk-profile-section .gk-profile-stat__icon .elementor-icon svg { width: 40px; height: 40px; fill: currentColor; } .gk-profile-section .gk-profile-stat__icon .elementor-icon i { color: var(--gk-cyan) !important; } /* ========================================================= 12. LIBELLÉS : TRANSMISSIONS, ALERTES ========================================================= */ .gk-profile-section .gk-profile-stat__label { display: flex !important; justify-content: center; align-items: center; width: 100% !important; min-width: 0 !important; min-height: 28px; margin: 0 0 5px !important; } .gk-profile-section .gk-profile-stat__label .elementor-heading-title, .gk-profile-section .gk-profile-stat__label p { width: 100% !important; margin: 0 !important; color: var(--gk-text) !important; font-family: var(--gk-font-primary) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0.15px; text-align: center; text-transform: uppercase; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* ========================================================= 13. VALEURS : TRANSMISSIONS ET FIABILITÉ ========================================================= */ .gk-profile-section .gk-profile-stat__value { width: 100% !important; margin: 0 !important; padding: 0; text-align: center; } .gk-profile-section .gk-profile-stat__value .elementor-heading-title, .gk-profile-section .gk-profile-stat__value p { margin: 0 !important; color: var(--gk-text); font-family: var(--gk-font-primary); font-size: 30px; font-weight: 800; line-height: 1; letter-spacing: -0.5px; text-align: center; white-space: nowrap !important; } /* ========================================================= 13.1 CARTE « TAUX DE FIABILITÉ » La carte doit avoir les classes : gk-profile-stat gk-profile-stat--reliability ========================================================= */ .gk-profile-section .gk-profile-stat--reliability { width: 150px !important; min-width: 150px !important; max-width: 150px !important; padding-right: 10px !important; padding-left: 10px !important; } .gk-profile-section .gk-profile-stat--reliability .gk-profile-stat__icon .elementor-icon, .gk-profile-section .gk-profile-stat--reliability .gk-profile-stat__icon .elementor-icon i { color: var(--gk-cyan) !important; } .gk-profile-section .gk-profile-stat--reliability .gk-profile-stat__icon .elementor-icon svg { fill: currentColor !important; } .gk-profile-section .gk-profile-stat--reliability .gk-profile-stat__value .elementor-heading-title, .gk-profile-section .gk-profile-stat--reliability .gk-profile-stat__value p { color: var(--gk-blue-readable) !important; font-size: 28px !important; text-shadow: 0 0 5px rgba(83, 188, 232, 0.14); } /* ========================================================= 14. TABLETTE ET PETITS ORDINATEURS ========================================================= */ @media (max-width: 1100px) { .gk-profile-section { padding-right: 20px; padding-left: 20px; } .gk-profile-section .gk-profile-card > .e-con-inner { grid-template-columns: 110px minmax(0, 1fr); padding: 30px !important; column-gap: 28px !important; row-gap: 20px !important; } .gk-profile-section .gk-profile-card__portrait { --width: 100px; width: 100px !important; min-width: 100px !important; max-width: 100px !important; } .gk-profile-section .gk-profile-card__avatar { width: 100px !important; max-width: 100px !important; } .gk-profile-section .gk-profile-card__avatar .elementor-widget-container { width: 100px !important; height: auto !important; } .gk-profile-section .gk-profile-card__content { padding-left: 8px !important; } .gk-profile-section .gk-profile-card__text p { font-size: 14px; } .gk-profile-section .gk-profile-card__stats { grid-column: 1 / -1; grid-template-columns: 122px 150px; justify-content: center; width: 100% !important; max-width: none !important; margin-left: 0 !important; gap: 18px !important; } .gk-profile-section .gk-profile-stat { min-height: 116px; } } /* ========================================================= 15. MOBILE ========================================================= */ @media (max-width: 767px) { .gk-profile-section { padding-right: 18px; padding-bottom: 46px; padding-left: 18px; } .gk-profile-section .gk-profile-card { margin-top: -36px !important; border-radius: 21px; } .gk-profile-section .gk-profile-card > .e-con-inner { display: grid !important; grid-template-columns: 1fr; justify-items: center; min-height: 0; padding: 28px 22px !important; row-gap: 22px !important; } .gk-profile-section .gk-profile-card__portrait { --width: 142px; width: 142px !important; min-width: 142px !important; max-width: 142px !important; } .gk-profile-section .gk-profile-card__avatar { width: 136px !important; max-width: 136px !important; } .gk-profile-section .gk-profile-card__avatar .elementor-widget-container { width: 136px !important; height: auto !important; } .gk-profile-section .gk-profile-card__content { align-items: center !important; max-width: 520px !important; padding-left: 0 !important; text-align: center; } .gk-profile-section .gk-profile-card__title .elementor-heading-title { font-size: 25px; text-align: center; } .gk-profile-section .gk-profile-card__text p { font-size: 14px; text-align: center; } .gk-profile-section .gk-profile-card__signature { margin-right: auto !important; margin-left: auto !important; } .gk-profile-section .gk-profile-card__stats { grid-template-columns: minmax(108px, 122px) minmax(138px, 150px); justify-content: center; width: 100% !important; max-width: 360px !important; margin-left: 0 !important; gap: 14px !important; } .gk-profile-section .gk-profile-stat { min-height: 110px; padding: 14px 5px 13px !important; border-radius: 12px; } .gk-profile-section .gk-profile-stat--reliability { width: 100% !important; min-width: 0 !important; max-width: none !important; padding-right: 7px !important; padding-left: 7px !important; } .gk-profile-section .gk-profile-stat__icon .elementor-icon { font-size: 25px; } .gk-profile-section .gk-profile-stat__icon .elementor-icon svg { width: 25px; height: 25px; } .gk-profile-section .gk-profile-stat__label .elementor-heading-title, .gk-profile-section .gk-profile-stat__label p { font-size: 9px; } .gk-profile-section .gk-profile-stat__value .elementor-heading-title, .gk-profile-section .gk-profile-stat__value p { font-size: 24px; } } /* ========================================================= 16. TRÈS PETITS ÉCRANS ========================================================= */ @media (max-width: 430px) { .gk-profile-section { padding-right: 14px; padding-left: 14px; } .gk-profile-section .gk-profile-card > .e-con-inner { padding: 25px 16px !important; row-gap: 19px !important; } .gk-profile-section .gk-profile-card__avatar { width: 124px !important; max-width: 124px !important; } .gk-profile-section .gk-profile-card__avatar .elementor-widget-container { width: 124px !important; height: auto !important; } .gk-profile-section .gk-profile-card__title .elementor-heading-title { font-size: 23px; } .gk-profile-section .gk-profile-card__text p { font-size: 14px; } .gk-profile-section .gk-profile-card__signature .elementor-heading-title, .gk-profile-section .gk-profile-card__signature p { font-size: 34px; } .gk-profile-section .gk-profile-card__stats { grid-template-columns: 1fr; width: 100% !important; max-width: 270px !important; gap: 10px !important; } .gk-profile-section .gk-profile-stat { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; min-height: 72px; padding: 12px 16px !important; column-gap: 12px !important; text-align: left; } .gk-profile-section .gk-profile-stat--reliability { width: 100% !important; min-width: 0 !important; max-width: none !important; padding-right: 16px !important; padding-left: 16px !important; } .gk-profile-section .gk-profile-stat__icon { grid-column: 1; grid-row: 1; margin: 0 !important; } .gk-profile-section .gk-profile-stat__label { grid-column: 2; grid-row: 1; } .gk-profile-section .gk-profile-stat__value { grid-column: 3; grid-row: 1; } .gk-profile-section .gk-profile-stat__label .elementor-heading-title, .gk-profile-section .gk-profile-stat__label p { font-size: 10px; text-align: left; } .gk-profile-section .gk-profile-stat__value .elementor-heading-title, .gk-profile-section .gk-profile-stat__value p { font-size: 24px; text-align: right; } } /* ========================================================= 17. VALEUR DYNAMIQUE — SHORTCODE Complément du widget .gk-profile-stat__value ========================================================= */ .gk-profile-section .gk-profile-stat__value .elementor-shortcode { margin: 0; padding: 0; color: var(--gk-blue-readable); font-family: inherit; font-size: 34px; font-weight: 800; line-height: 1; text-align: center; } @media (max-width: 767px) { .gk-profile-section .gk-profile-stat__value .elementor-shortcode { font-size: 30px; } } /* ========================================================= 03 — ACTUALITÉS Racine : .gk-news-section ========================================================= */ /* ========================================================= 1. SECTION ========================================================= */ .gk-news-section { --gk-news-text: var(--gk-text); --gk-news-border: var(--gk-border); --gk-alert-cyan: #55d8ff; --gk-alert-blue: #0b82d8; --gk-alert-night: #03132f; position: relative; display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 24px 24px 78px !important; background: var(--gk-surface); font-family: var(--gk-font-primary); } .gk-news-section > .e-con-inner { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= 2. GRILLE ACTUALITÉS ========================================================= */ .gk-news-section .gk-news-grid { position: relative; display: block !important; width: 100% !important; max-width: 1140px !important; margin: 0 auto !important; padding: 0 !important; } .gk-news-section .gk-news-grid > .e-con-inner { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; column-gap: 28px !important; row-gap: 28px !important; } .gk-news-section .gk-news-grid > .e-con-inner > .elementor-element, .gk-news-section .gk-news-grid > .e-con-inner > .e-con { min-width: 0 !important; margin: 0 !important; } /* ========================================================= 3. COLONNE PRINCIPALE ========================================================= */ .gk-news-section .gk-news-main { --width: 100%; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; grid-column: 1; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 18px !important; } .gk-news-section .gk-news-main > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 18px !important; } .gk-news-section .gk-news-main > .elementor-element, .gk-news-section .gk-news-main > .e-con-inner > .elementor-element { width: 100% !important; min-width: 0 !important; max-width: none !important; } /* ========================================================= 4. TITRE « À LA UNE » ========================================================= */ .gk-news-section .gk-section-heading { --width: 100%; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; min-height: 40px; margin: 0 !important; padding: 0 !important; gap: 10px !important; } .gk-news-section .gk-section-heading > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 10px !important; } .gk-news-section .gk-section-heading__icon { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } .gk-news-section .gk-section-heading__icon .elementor-icon { display: flex; justify-content: center; align-items: center; color: var(--gk-cyan) !important; font-size: 32px; line-height: 1; filter: drop-shadow(0 0 6px rgba(66, 193, 244, 0.18)); } .gk-news-section .gk-section-heading__icon .elementor-icon svg { width: 32px; height: 32px; fill: currentColor !important; } .gk-news-section .gk-section-heading__title { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } .gk-news-section .gk-section-heading__title .elementor-heading-title { margin: 0 !important; color: var(--gk-blue-readable) !important; font-family: var(--gk-font-primary) !important; font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.5px; text-transform: uppercase; white-space: nowrap; } .gk-news-section .gk-section-heading__line { flex: 1 1 auto !important; width: auto !important; min-width: 40px; margin: 0 !important; } .gk-news-section .gk-section-heading__line .elementor-divider { padding: 0 !important; } .gk-news-section .gk-section-heading__line .elementor-divider-separator { display: block; width: 100% !important; border-top: 1px solid var(--gk-news-border) !important; } /* ========================================================= 5. CARROUSEL ========================================================= */ .gk-news-section .gk-feature-carousel { position: relative; display: block !important; overflow: visible !important; width: 100% !important; min-width: 0 !important; max-width: none !important; /* * L’espace extérieur accueille la pagination, * sans créer de bande sous la carte. */ margin: 0 0 48px !important; padding: 0 0 10px 0 !important; background: transparent !important; } .gk-news-section .gk-feature-carousel .elementor-widget-container, .gk-news-section .gk-feature-carousel .elementor-loop-container, .gk-news-section .gk-feature-carousel .elementor-main-swiper, .gk-news-section .gk-feature-carousel .elementor-swiper, .gk-news-section .gk-feature-carousel .swiper, .gk-news-section .gk-feature-carousel .swiper-wrapper, .gk-news-section .gk-feature-carousel .swiper-slide, .gk-news-section .gk-feature-carousel .e-loop-item { min-width: 0 !important; max-width: none !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background: transparent !important; } .gk-news-section .gk-feature-carousel .elementor-widget-container, .gk-news-section .gk-feature-carousel .elementor-loop-container, .gk-news-section .gk-feature-carousel .elementor-main-swiper, .gk-news-section .gk-feature-carousel .elementor-swiper, .gk-news-section .gk-feature-carousel .swiper { width: 100% !important; } .gk-news-section .gk-feature-carousel .elementor-main-swiper, .gk-news-section .gk-feature-carousel .swiper { overflow: hidden !important; } .gk-news-section .gk-feature-carousel .swiper-wrapper { align-items: stretch !important; } .gk-news-section .gk-news-section .gk-feature-carousel .swiper-slide { display: flex !important; width: 100% !important; height: auto !important; } .gk-news-section .gk-feature-carousel .swiper-slide > .elementor, .gk-news-section .gk-feature-carousel .swiper-slide > .e-loop-item, .gk-news-section .gk-feature-carousel .swiper-slide .elementor-section-wrap { width: 100% !important; min-width: 0 !important; max-width: none !important; } .gk-news-section .gk-feature-carousel .swiper-slide .gk-feature-card { width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100%; } .gk-news-section .gk-feature-carousel .elementor-swiper-button, .gk-news-section .gk-feature-carousel .swiper-button-prev, .gk-news-section .gk-feature-carousel .swiper-button-next { display: none !important; } /* ========================================================= 6. PAGINATION DU CARROUSEL ========================================================= */ .gk-news-section .gk-feature-carousel .swiper-pagination { position: absolute !important; right: auto !important; bottom: -36px !important; left: 50% !important; display: flex !important; justify-content: center; align-items: center; width: auto !important; margin: 0 !important; padding: 0 !important; gap: 7px; transform: translateX(-50%); pointer-events: auto; } .gk-news-section .gk-feature-carousel .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 !important; border: none; border-radius: 999px; background: #c5d2e2; opacity: 1; transition: width 220ms ease, background 220ms ease, box-shadow 220ms ease; } .gk-news-section .gk-feature-carousel .swiper-pagination-bullet-active { width: 22px; background: #177dd5; box-shadow: 0 0 8px rgba(23, 125, 213, 0.22); } /* ========================================================= 7. COLONNE ALERTE ========================================================= */ .gk-news-section .gk-news-sidebar { --width: 320px; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; grid-column: 2; width: 320px !important; min-width: 320px !important; max-width: 320px !important; margin: 0 !important; /* * La carte est légèrement descendue afin * d’équilibrer son dépassement en haut et en bas. */ padding: 43px 0 0 !important; gap: 16px !important; } .gk-news-section .gk-news-sidebar > .e-con-inner { display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 16px !important; } /* ========================================================= 8. CARTE ALERTE ========================================================= */ .gk-news-section .gk-alert-card { --width: 100%; position: relative; isolation: isolate; overflow: hidden; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 418px; margin: 0 !important; padding: 24px 20px 22px !important; gap: 10px !important; border: 1px solid rgba(41, 193, 255, 0.86); border-radius: 18px; background: linear-gradient( #4ed8ff, #4ed8ff ) top 14px left 14px / 24px 2px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) top 14px left 14px / 2px 24px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) top 14px right 14px / 24px 2px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) top 14px right 14px / 2px 24px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) bottom 14px left 14px / 24px 2px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) bottom 14px left 14px / 2px 24px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) bottom 14px right 14px / 24px 2px no-repeat, linear-gradient( #4ed8ff, #4ed8ff ) bottom 14px right 14px / 2px 24px no-repeat, radial-gradient( circle at 50% 12%, rgba(34, 171, 255, 0.25) 0%, rgba(5, 29, 67, 0) 31% ), radial-gradient( circle at 12% 78%, rgba(85, 57, 221, 0.12) 0%, rgba(5, 24, 57, 0) 35% ), repeating-linear-gradient( 180deg, rgba(255, 255, 255, 0.013) 0, rgba(255, 255, 255, 0.013) 1px, transparent 1px, transparent 5px ), linear-gradient( 180deg, #071f48 0%, #04142f 61%, #030e24 100% ); box-shadow: inset 0 0 0 1px rgba(92, 216, 255, 0.055), inset 0 0 34px rgba(18, 142, 231, 0.11), 0 19px 40px rgba(4, 24, 57, 0.22), 0 0 20px rgba(24, 155, 255, 0.11); font-family: var(--gk-font-primary); text-align: center; } .gk-news-section .gk-alert-card > .e-con-inner { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: none !important; min-height: 370px; margin: 0 !important; padding: 0 !important; gap: 10px !important; } /* Cadre holographique intérieur */ .gk-news-section .gk-alert-card::before { content: ""; position: absolute; inset: 8px; z-index: 0; pointer-events: none; border: 1px solid rgba(67, 198, 255, 0.18); border-radius: 12px; box-shadow: inset 0 0 18px rgba(49, 190, 255, 0.04); } /* Ligne scanner renforcée */ .gk-news-section .gk-alert-card::after { content: ""; position: absolute; top: 14%; right: 10px; left: 10px; z-index: 1; height: 2px; pointer-events: none; opacity: 0; background: linear-gradient( 90deg, transparent 0%, rgba(51, 185, 255, 0.15) 10%, rgba(93, 231, 255, 0.92) 42%, #d2f8ff 50%, rgba(93, 231, 255, 0.92) 58%, rgba(51, 185, 255, 0.15) 90%, transparent 100% ); box-shadow: 0 0 4px rgba(150, 239, 255, 0.95), 0 0 10px rgba(72, 211, 255, 0.78), 0 0 22px rgba(41, 174, 255, 0.48); mix-blend-mode: screen; animation: gk-alert-scan 4.4s linear infinite; } @keyframes gk-alert-scan { 0% { top: 12%; opacity: 0; } 8% { opacity: 0.78; } 45% { opacity: 0.58; } 88% { opacity: 0.72; } 100% { top: 89%; opacity: 0; } } /* ========================================================= 9. TITRE ALERTE ========================================================= */ .gk-news-section .gk-alert-card__heading { width: 100% !important; margin: 0 !important; } .gk-news-section .gk-alert-card__heading .elementor-heading-title { margin: 0 !important; color: #65d8ff; font-family: var(--gk-font-primary) !important; font-size: 21px; font-weight: 800; line-height: 1.1; letter-spacing: 0.25px; text-align: center; text-transform: uppercase; text-shadow: 0 0 8px rgba(52, 194, 255, 0.44), 0 0 18px rgba(52, 194, 255, 0.17); } /* ========================================================= 10. ICÔNE ANIMÉE ========================================================= */ .gk-news-section .gk-alert-card__icon { width: auto !important; margin: 5px 0 3px !important; } .gk-news-section .gk-alert-card__icon .elementor-icon { position: relative; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border: 1px solid rgba(53, 200, 255, 0.53); border-radius: 50%; background: radial-gradient( circle, rgba(31, 160, 235, 0.27) 0%, rgba(6, 42, 88, 0.25) 68%, rgba(5, 27, 63, 0.08) 100% ); color: #5bd6ff; font-size: 34px; box-shadow: inset 0 0 18px rgba(52, 192, 255, 0.13), 0 0 15px rgba(52, 192, 255, 0.15); transform-origin: center; animation: gk-alert-heartbeat 2.6s ease-in-out infinite; } .gk-news-section .gk-alert-card__icon .elementor-icon::after { content: ""; position: absolute; inset: -7px; border: 1px dashed rgba(84, 208, 255, 0.23); border-radius: 50%; animation: gk-alert-ring 2.6s ease-in-out infinite; } .gk-news-section .gk-alert-card__icon .elementor-icon svg { width: 34px; height: 34px; fill: currentColor; filter: drop-shadow( 0 0 5px rgba(82, 216, 255, 0.42) ); } @keyframes gk-alert-heartbeat { 0%, 60%, 100% { transform: scale(1); box-shadow: inset 0 0 18px rgba(52, 192, 255, 0.13), 0 0 15px rgba(52, 192, 255, 0.15); } 68% { transform: scale(1.08); box-shadow: inset 0 0 21px rgba(70, 211, 255, 0.19), 0 0 20px rgba(52, 199, 255, 0.28); } 75% { transform: scale(1); } 82% { transform: scale(1.045); box-shadow: inset 0 0 20px rgba(70, 211, 255, 0.17), 0 0 18px rgba(52, 199, 255, 0.23); } 90% { transform: scale(1); } } @keyframes gk-alert-ring { 0%, 60%, 100% { transform: scale(1); opacity: 0.42; } 68% { transform: scale(1.08); opacity: 0.78; } 75% { transform: scale(1.03); opacity: 0.48; } 82% { transform: scale(1.06); opacity: 0.67; } 90% { transform: scale(1); opacity: 0.42; } } /* ========================================================= 11. INFO PRIORITAIRE ========================================================= */ .gk-news-section .gk-alert-card__eyebrow { --width: auto; display: inline-flex !important; justify-content: center !important; align-items: center !important; width: auto !important; max-width: max-content !important; margin: 2px 0 0 !important; padding: 6px 11px !important; border: 1px solid rgba(78, 167, 255, 0.40); border-radius: 999px; background: linear-gradient( 180deg, rgba(19, 83, 159, 0.66) 0%, rgba(9, 48, 108, 0.72) 100% ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 0 10px rgba(34, 154, 255, 0.08); } .gk-news-section .gk-alert-card__eyebrow .elementor-widget-container, .gk-news-section .gk-alert-card__eyebrow .elementor-widget-text-editor { width: auto !important; margin: 0 !important; } .gk-news-section .gk-alert-card__eyebrow p { margin: 0 !important; color: #9ad9ff; font-family: var(--gk-font-primary) !important; font-size: 9px; font-weight: 700; line-height: 1; letter-spacing: 0.3px; text-align: center; text-transform: uppercase; white-space: nowrap; } /* ========================================================= 12. TITRE DE L’ÉVÉNEMENT ========================================================= */ .gk-news-section .gk-alert-card__title { width: 100% !important; margin: 3px 0 0 !important; } .gk-news-section .gk-alert-card__title .elementor-heading-title { margin: 0 !important; color: var(--gk-white); font-family: var(--gk-font-primary) !important; font-size: 16px; font-weight: 700; line-height: 1.38; letter-spacing: -0.15px; text-align: center; } /* ========================================================= 13. COMPTE À REBOURS ========================================================= */ .gk-news-section .gk-alert-countdown { width: 100% !important; max-width: none !important; margin: 9px 0 2px !important; } .gk-news-section .gk-alert-countdown__grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100% !important; margin: 0 !important; padding: 10px 6px 8px !important; gap: 0 !important; border: 1px solid rgba(37, 188, 255, 0.61); border-radius: 11px; background: linear-gradient( 180deg, rgba(5, 40, 88, 0.94) 0%, rgba(3, 24, 58, 0.97) 100% ); box-shadow: inset 0 0 18px rgba(35, 182, 255, 0.08), 0 0 14px rgba(30, 161, 255, 0.10); } .gk-news-section .gk-alert-countdown__item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 1px 4px !important; border-right: 1px solid rgba(100, 184, 238, 0.19); } .gk-news-section .gk-alert-countdown__item:last-child { border-right: none; } .gk-news-section .gk-alert-countdown__value { margin: 0 0 4px !important; color: #69dcff !important; font-family: var(--gk-font-primary) !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.4px; text-align: center; text-shadow: 0 0 8px rgba(59, 199, 255, 0.29); } .gk-news-section .gk-alert-countdown__label { margin: 0 !important; color: rgba(255, 255, 255, 0.66) !important; font-family: var(--gk-font-primary) !important; font-size: 6px !important; font-weight: 600 !important; line-height: 1 !important; text-align: center; text-transform: uppercase; white-space: nowrap; } .gk-news-section .gk-alert-countdown__expired, .gk-news-section .gk-alert-countdown__empty { margin: 0 !important; padding: 12px 10px; border: 1px solid rgba(37, 188, 255, 0.35); border-radius: 10px; background: rgba(5, 40, 88, 0.72); color: var(--gk-white); font-family: var(--gk-font-primary); font-size: 12px; line-height: 1.45; text-align: center; } /* ========================================================= 14. BOUTON ========================================================= */ .gk-news-section .gk-alert-card__button { width: auto !important; margin-top: 8px !important; } .gk-news-section .gk-alert-card__button .elementor-button { position: relative; overflow: hidden; min-height: 38px; padding: 10px 19px !important; border: 1px solid rgba(67, 217, 255, 0.87) !important; border-radius: 999px !important; background: linear-gradient( 180deg, rgba(11, 139, 194, 0.97) 0%, rgba(5, 73, 132, 0.99) 100% ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.17), 0 0 15px rgba(35, 190, 255, 0.18); color: #8aedff !important; font-family: var(--gk-font-primary) !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0.25px; text-transform: uppercase; transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease, background 200ms ease; } .gk-news-section .gk-alert-card__button .elementor-button:hover { transform: translateY(-2px); border-color: #9cecff !important; background: linear-gradient( 180deg, rgba(17, 168, 221, 0.99) 0%, rgba(7, 92, 154, 1) 100% ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 20px rgba(47, 201, 255, 0.26); } /* ========================================================= 15. PETITS ORDINATEURS ========================================================= */ @media (max-width: 1100px) { .gk-news-section .gk-news-grid > .e-con-inner { grid-template-columns: minmax(0, 1fr) 285px; column-gap: 22px !important; } .gk-news-section .gk-news-sidebar { --width: 285px; width: 285px !important; min-width: 285px !important; max-width: 285px !important; padding-top: 43px !important; } .gk-news-section .gk-alert-card { min-height: 410px; padding-right: 15px !important; padding-left: 15px !important; } .gk-news-section .gk-alert-countdown__value { font-size: 17px !important; } .gk-news-section .gk-alert-countdown__label { font-size: 5.5px !important; } } /* ========================================================= 16. TABLETTE ========================================================= */ @media (max-width: 900px) { .gk-news-section { padding-right: 20px !important; padding-left: 20px !important; } .gk-news-section .gk-news-grid > .e-con-inner { grid-template-columns: 1fr; row-gap: 28px !important; } .gk-news-section .gk-news-main, .gk-news-section .gk-news-sidebar { grid-column: 1; } .gk-news-section .gk-news-sidebar { --width: 100%; width: 100% !important; min-width: 0 !important; max-width: none !important; padding-top: 0 !important; } .gk-news-section .gk-alert-card { min-height: 370px; padding: 25px 28px !important; } .gk-news-section .gk-alert-card > .e-con-inner { min-height: 320px; } .gk-news-section .gk-alert-countdown { width: min(100%, 470px) !important; } } /* ========================================================= 17. MOBILE ========================================================= */ @media (max-width: 767px) { .gk-news-section { padding: 18px 18px 58px !important; } .gk-news-section .gk-section-heading { min-height: 34px; gap: 8px !important; } .gk-news-section .gk-section-heading__icon .elementor-icon { font-size: 25px; } .gk-news-section .gk-section-heading__icon .elementor-icon svg { width: 25px; height: 25px; } .gk-news-section .gk-section-heading__title .elementor-heading-title { font-size: 18px; } .gk-news-section .gk-feature-carousel { margin-bottom: 46px !important; } .gk-news-section .gk-feature-carousel .swiper-pagination { bottom: -34px !important; } .gk-news-section .gk-alert-card { min-height: 360px; padding: 23px 18px !important; border-radius: 16px; } .gk-news-section .gk-alert-card__heading .elementor-heading-title { font-size: 19px; } .gk-news-section .gk-alert-card__title .elementor-heading-title { font-size: 15px; } } /* ========================================================= 18. TRÈS PETITS ÉCRANS ========================================================= */ @media (max-width: 430px) { .gk-news-section { padding-right: 14px !important; padding-left: 14px !important; } .gk-news-section .gk-section-heading__line { min-width: 15px; } .gk-news-section .gk-alert-card { padding-right: 13px !important; padding-left: 13px !important; } .gk-news-section .gk-alert-countdown__grid { padding-right: 3px !important; padding-left: 3px !important; } .gk-news-section .gk-alert-countdown__value { font-size: 16px !important; } .gk-news-section .gk-alert-countdown__label { font-size: 5px !important; } } /* ========================================================= 19. ACCESSIBILITÉ ========================================================= */ @media (prefers-reduced-motion: reduce) { .gk-news-section .gk-alert-card::after, .gk-news-section .gk-alert-card__icon .elementor-icon, .gk-news-section .gk-alert-card__icon .elementor-icon::after { animation: none !important; } .gk-news-section .gk-feature-carousel .swiper-pagination-bullet, .gk-news-section .gk-alert-card__button .elementor-button { transition: none !important; } .gk-news-section .gk-alert-card__button .elementor-button:hover { transform: none !important; } } /* ========================================================= 04 — EXPLORER LES TRANSMISSIONS Racine : .gk-explorer-grid ========================================================= */ /* ========================================================= 1. GRILLE PRINCIPALE ========================================================= */ .gk-explorer-grid { --gk-explorer-line: var(--gk-border); --gk-explorer-gutter: 0px; position: relative; z-index: 1; display: grid !important; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; box-sizing: border-box; width: 100% !important; max-width: 1140px !important; margin: 0 auto !important; padding: 14px var(--gk-explorer-gutter) 72px !important; column-gap: 28px !important; row-gap: 28px !important; background: transparent; font-family: var(--gk-font-primary); } /* Fond pleine largeur pour supprimer les bandes blanches */ .gk-explorer-grid::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100vw; background: var(--gk-surface); transform: translateX(-50%); } .gk-explorer-grid > .e-con-inner { display: contents !important; } .gk-explorer-grid > .elementor-element, .gk-explorer-grid > .e-con-inner > .elementor-element, .gk-explorer-grid > .e-con, .gk-explorer-grid > .e-con-inner > .e-con { min-width: 0 !important; margin: 0 !important; } /* ========================================================= 2. COLONNE PRINCIPALE ========================================================= */ .gk-explorer-grid .gk-explorer-main { --width: 100%; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; grid-column: 1; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 22px !important; } .gk-explorer-grid .gk-explorer-main > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 22px !important; } .gk-explorer-grid .gk-explorer-main > .elementor-element, .gk-explorer-grid .gk-explorer-main > .e-con-inner > .elementor-element { width: 100% !important; min-width: 0 !important; max-width: none !important; } /* ========================================================= 3. TITRE ========================================================= */ .gk-explorer-grid .gk-explorer-heading { --width: 100%; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; min-height: 42px; margin: 0 !important; padding: 0 !important; gap: 11px !important; } .gk-explorer-grid .gk-explorer-heading > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 11px !important; } .gk-explorer-grid .gk-explorer-heading__icon { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } .gk-explorer-grid .gk-explorer-heading__icon .elementor-icon { display: flex; justify-content: center; align-items: center; color: var(--gk-cyan) !important; font-size: 32px; line-height: 1; filter: drop-shadow(0 0 6px rgba(66, 193, 244, 0.18)); } .gk-explorer-grid .gk-explorer-heading__icon .elementor-icon svg { width: 32px; height: 32px; fill: currentColor !important; } .gk-explorer-grid .gk-explorer-heading__title { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } .gk-explorer-grid .gk-explorer-heading__title .elementor-heading-title { margin: 0 !important; color: var(--gk-blue-readable) !important; font-family: var(--gk-font-primary) !important; font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.5px; text-transform: uppercase; white-space: nowrap; } .gk-explorer-grid .gk-explorer-heading__line { flex: 1 1 auto !important; width: auto !important; min-width: 40px; margin: 0 !important; } .gk-explorer-grid .gk-explorer-heading__line .elementor-divider { padding: 0 !important; } .gk-explorer-grid .gk-explorer-heading__line .elementor-divider-separator { display: block; width: 100% !important; border-top: 1px solid var(--gk-explorer-line) !important; } /* ========================================================= 4. RECHERCHE Widget : .gk-explorer-search ========================================================= */ .gk-explorer-grid .gk-explorer-search { position: relative; z-index: 30; display: block !important; width: 100% !important; max-width: 720px !important; margin: 0 0 16px !important; padding: 0 !important; box-sizing: border-box !important; } /* Formulaire */ .gk-explorer-grid .gk-explorer-search form, .gk-explorer-grid .gk-explorer-search .e-search-form, .gk-explorer-grid .gk-explorer-search .elementor-search-form { position: relative; display: flex !important; align-items: center !important; width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: var(--gk-white) !important; border: 1px solid var(--gk-cyan-light) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(16, 34, 76, 0.06), 0 2px 5px rgba(16, 43, 98, 0.03) !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .gk-explorer-grid .gk-explorer-search form:focus-within, .gk-explorer-grid .gk-explorer-search .e-search-form:focus-within, .gk-explorer-grid .gk-explorer-search .elementor-search-form:focus-within { border-color: var(--gk-cyan-light) !important; box-shadow: 0 0 0 4px rgba(83, 188, 232, 0.18), 0 8px 20px rgba(16, 34, 76, 0.08) !important; } /* Champ */ .gk-explorer-grid .gk-explorer-search input[type="search"], .gk-explorer-grid .gk-explorer-search input[type="text"], .gk-explorer-grid .gk-explorer-search .e-search-input { display: block !important; width: 100% !important; min-width: 0 !important; height: 48px !important; margin: 0 !important; padding: 0 54px 0 17px !important; color: var(--gk-text-muted) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; font-family: inherit !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; } .gk-explorer-grid .gk-explorer-search input::placeholder { color: var(--gk-text-muted) !important; opacity: 1 !important; } /* Bouton de recherche */ .gk-explorer-grid .gk-explorer-search button[type="submit"], .gk-explorer-grid .gk-explorer-search .e-search-submit, .gk-explorer-grid .gk-explorer-search .elementor-search-form__submit { position: absolute !important; top: 50% !important; right: 7px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; color: var(--gk-cyan-light) !important; background: var(--gk-cyan-soft) !important; border: 1px solid var(--gk-cyan-light) !important; border-radius: 10px !important; transform: translateY(-50%) !important; cursor: pointer !important; transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important; } .gk-explorer-grid .gk-explorer-search button[type="submit"]:hover, .gk-explorer-grid .gk-explorer-search .e-search-submit:hover, .gk-explorer-grid .gk-explorer-search .elementor-search-form__submit:hover { color: var(--gk-navy) !important; background: var(--gk-cyan-light) !important; border-color: var(--gk-navy) !important; } .gk-explorer-grid .gk-explorer-search button svg, .gk-explorer-grid .gk-explorer-search button i { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; font-size: 14px !important; } /* Bouton d’effacement */ .gk-explorer-grid .gk-explorer-search .e-search-clear, .gk-explorer-grid .gk-explorer-search .elementor-search-form__clear { color: var(--gk-text-muted) !important; } /* Fenêtre de résultats */ .gk-explorer-grid .gk-explorer-search .e-search-results, .gk-explorer-grid .gk-explorer-search .elementor-search-results, .gk-explorer-grid .gk-explorer-search [class*="search-results"] { width: 100% !important; max-height: 540px !important; margin-top: 8px !important; padding: 10px !important; overflow-x: hidden !important; overflow-y: auto !important; background: rgba(255, 255, 255, 0.98) !important; border: 1px solid var(--gk-border) !important; border-radius: 16px !important; box-shadow: 0 20px 46px rgba(16, 34, 76, 0.16), 0 4px 12px rgba(16, 43, 98, 0.06) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } /* Message sans résultat */ .gk-explorer-grid .gk-explorer-search .e-search-no-results, .gk-explorer-grid .gk-explorer-search [class*="no-results"] { padding: 24px 18px !important; color: var(--gk-text-secondary) !important; font-size: 14px !important; line-height: 1.5 !important; text-align: center !important; } /* Mobile */ @media (max-width: 767px) { .gk-explorer-grid .gk-explorer-search { max-width: 100% !important; margin-bottom: 14px !important; } .gk-explorer-grid .gk-explorer-search form, .gk-explorer-grid .gk-explorer-search .e-search-form, .gk-explorer-grid .gk-explorer-search .elementor-search-form { min-height: 46px !important; border-radius: 12px !important; } .gk-explorer-grid .gk-explorer-search input[type="search"], .gk-explorer-grid .gk-explorer-search input[type="text"], .gk-explorer-grid .gk-explorer-search .e-search-input { height: 46px !important; padding-left: 14px !important; padding-right: 50px !important; font-size: 13px !important; } .gk-explorer-grid .gk-explorer-search button[type="submit"], .gk-explorer-grid .gk-explorer-search .e-search-submit, .gk-explorer-grid .gk-explorer-search .elementor-search-form__submit { right: 6px !important; width: 34px !important; height: 34px !important; } .gk-explorer-grid .gk-explorer-search .e-search-results, .gk-explorer-grid .gk-explorer-search .elementor-search-results, .gk-explorer-grid .gk-explorer-search [class*="search-results"] { max-height: 460px !important; padding: 8px !important; border-radius: 14px !important; } } /* ========================================================= 5. FILTRE DE TAXONOMIE Widget : .gk-explorer-filter ========================================================= */ .gk-explorer-grid .gk-explorer-filter { position: relative; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; } /* Liste des filtres */ .gk-explorer-grid .gk-explorer-filter .e-filter { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; width: 100% !important; margin: 0 !important; padding: 0 !important; gap: 9px !important; } /* Chaque bouton */ .gk-explorer-grid .gk-explorer-filter .e-filter-item, .gk-explorer-grid .gk-explorer-filter button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 8px 14px !important; color: var(--gk-navy) !important; background: var(--gk-white) !important; border: 1px solid var(--gk-cyan-light) !important; border-radius: 999px !important; font-family: var(--gk-font-primary) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.25px !important; white-space: nowrap !important; box-shadow: 0 3px 10px rgba(16, 34, 76, 0.04) !important; cursor: pointer !important; transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } /* Survol */ .gk-explorer-grid .gk-explorer-filter .e-filter-item:hover, .gk-explorer-grid .gk-explorer-filter button:hover { color: var(--gk-navy) !important; background: var(--gk-cyan-soft) !important; border-color: var(--gk-navy) !important; transform: translateY(-1px) !important; box-shadow: 0 5px 14px rgba(16, 34, 76, 0.08) !important; } /* Filtre actif */ .gk-explorer-grid .gk-explorer-filter .e-filter-item[aria-pressed="true"], .gk-explorer-grid .gk-explorer-filter .e-filter-item.e-active, .gk-explorer-grid .gk-explorer-filter .e-filter-item.active, .gk-explorer-grid .gk-explorer-filter button[aria-pressed="true"], .gk-explorer-grid .gk-explorer-filter button.e-active, .gk-explorer-grid .gk-explorer-filter button.active { color: var(--gk-navy) !important; background: var(--gk-cyan-light) !important; border-color: var(--gk-navy) !important; box-shadow: 0 6px 16px rgba(16, 34, 76, 0.16) !important; } /* Focus clavier */ .gk-explorer-grid .gk-explorer-filter .e-filter-item:focus-visible, .gk-explorer-grid .gk-explorer-filter button:focus-visible { outline: 3px solid rgba(83, 188, 232, 0.28) !important; outline-offset: 2px !important; } /* Mobile */ @media (max-width: 767px) { .gk-explorer-grid .gk-explorer-filter { margin-bottom: 18px !important; } .gk-explorer-grid .gk-explorer-filter .e-filter { gap: 7px !important; } .gk-explorer-grid .gk-explorer-filter .e-filter-item, .gk-explorer-grid .gk-explorer-filter button { padding: 7px 11px !important; font-size: 10px !important; } } /* ========================================================= 6. LOOP GRID ========================================================= */ .gk-explorer-grid .gk-explorer-loop { width: 100% !important; min-width: 0 !important; margin: 0 !important; } .gk-explorer-grid .gk-explorer-loop .elementor-widget-container, .gk-explorer-grid .gk-explorer-loop .elementor-loop-container { width: 100% !important; min-width: 0 !important; max-width: none !important; } .gk-explorer-grid .gk-explorer-loop .elementor-loop-container { row-gap: 14px !important; } .gk-explorer-grid .gk-explorer-loop .e-loop-item { overflow: hidden; border-radius: 15px; box-shadow: 0 9px 22px rgba(11, 42, 83, 0.07); transition: transform 220ms ease, box-shadow 220ms ease; } .gk-explorer-grid .gk-explorer-loop .e-loop-item:hover { transform: translateY(-2px); box-shadow: 0 14px 27px rgba(11, 42, 83, 0.10); } .gk-explorer-grid .gk-explorer-loop .e-load-more-anchor { margin-top: 22px; } .gk-explorer-grid .gk-explorer-loop .elementor-button, .gk-explorer-grid .gk-explorer-loop .e-load-more-anchor button { min-height: 42px; padding: 11px 18px !important; border: 1px solid rgba(38, 160, 220, 0.54) !important; border-radius: 9px !important; background: linear-gradient(180deg, var(--gk-white) 0%, #f2f9fd 100%) !important; color: var(--gk-blue-readable) !important; font-family: var(--gk-font-primary) !important; font-size: 11px !important; font-weight: 700 !important; box-shadow: 0 5px 13px rgba(11, 89, 139, 0.08); transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; } .gk-explorer-grid .gk-explorer-loop .elementor-button:hover, .gk-explorer-grid .gk-explorer-loop .e-load-more-anchor button:hover { transform: translateY(-2px); border-color: rgba(34, 170, 231, 0.86) !important; box-shadow: 0 9px 18px rgba(11, 89, 139, 0.12); } /* ========================================================= 7. COLONNE LATÉRALE ========================================================= */ .gk-explorer-grid .gk-explorer-sidebar { --width: 320px; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; grid-column: 2; width: 320px !important; min-width: 320px !important; max-width: 320px !important; margin: 0 !important; padding: 0 !important; gap: 16px !important; } .gk-explorer-grid .gk-explorer-sidebar > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 16px !important; } /* ========================================================= 8. STYLE COMMUN ========================================================= */ .gk-explorer-grid .gk-quote-card, .gk-explorer-grid .gk-wonder-card, .gk-explorer-grid .gk-panic-card { --width: 100%; position: relative; isolation: isolate; overflow: hidden; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 20px !important; border-radius: 17px; font-family: var(--gk-font-primary); box-shadow: 0 14px 30px rgba(4, 24, 57, 0.15); text-align: left; } .gk-explorer-grid .gk-quote-card > .e-con-inner, .gk-explorer-grid .gk-wonder-card > .e-con-inner, .gk-explorer-grid .gk-panic-card > .e-con-inner { position: relative; z-index: 2; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .gk-explorer-grid .gk-quote-card::before, .gk-explorer-grid .gk-wonder-card::before, .gk-explorer-grid .gk-panic-card::before { content: ""; position: absolute; inset: 7px; z-index: 0; pointer-events: none; border-radius: 11px; } /* ========================================================= 9. CITATION ========================================================= */ .gk-explorer-grid .gk-quote-card { --gk-card-neon-color: #e19aff; --gk-card-neon-glow-close: rgba(225, 154, 255, 0.90); --gk-card-neon-glow-medium: rgba(190, 91, 255, 0.68); --gk-card-neon-glow-far: rgba(153, 55, 255, 0.38); --gk-card-neon-glow-soft: rgba(196, 82, 255, 0.16); --gk-corner-color: rgba(214, 133, 255, 0.92); min-height: 160px; gap: 10px !important; border: 1px solid rgba(181, 84, 255, 0.68); background: radial-gradient(circle at 85% 15%, rgba(176, 70, 255, 0.20) 0%, rgba(18, 17, 63, 0) 35%), linear-gradient(145deg, #201257 0%, #10133d 54%, #07152e 100%); box-shadow: inset 0 0 25px rgba(161, 75, 255, 0.06), 0 14px 30px rgba(18, 10, 54, 0.18), 0 0 15px rgba(167, 74, 255, 0.08); } .gk-explorer-grid .gk-quote-card::before { border: 1px solid rgba(193, 100, 255, 0.15); } .gk-explorer-grid .gk-quote-card__heading { width: 100% !important; margin: 0 !important; } .gk-explorer-grid .gk-quote-card__heading .elementor-heading-title { margin: 0 !important; font-size: 16px; line-height: 1.1; letter-spacing: 0.2px; } .gk-explorer-grid .gk-quote-card__dynamic { width: 100% !important; margin: 6px 0 0 !important; } .gk-explorer-grid .gk-quote-card__dynamic .elementor-widget-container { width: 100% !important; } .gk-explorer-grid .gk-1g1-citation { position: relative; width: 100%; margin: 0; padding: 0 26px 22px 0; } .gk-explorer-grid .gk-1g1-citation__mark { position: absolute; right: 0; bottom: -8px; font-size: 0; line-height: 0; } .gk-explorer-grid .gk-1g1-citation__mark::before { content: "”"; color: var(--gk-card-neon-color); font-family: Georgia, serif; font-size: 62px; font-weight: 700; line-height: 1; text-shadow: 0 0 12px var(--gk-card-neon-glow-soft); } .gk-explorer-grid .gk-1g1-citation__text { margin: 0 !important; color: var(--gk-white); font-family: var(--gk-font-primary); font-size: 15px; font-weight: 600; line-height: 1.48; text-align: left; } .gk-explorer-grid .gk-quote-card__icon { display: none !important; } /* ========================================================= 10. CARTES INDICATEURS ========================================================= */ .gk-explorer-grid .gk-wonder-card, .gk-explorer-grid .gk-panic-card { padding: 18px 18px 17px !important; } /* ========================================================= 10.1 CARTE ÉMERVEILLEMENT ========================================================= */ .gk-explorer-grid .gk-wonder-card { --gk-card-neon-color: #8cecff; --gk-card-neon-glow-close: rgba(140, 236, 255, 0.92); --gk-card-neon-glow-medium: rgba(65, 211, 255, 0.70); --gk-card-neon-glow-far: rgba(22, 158, 255, 0.42); --gk-score-color: #62dcff; --gk-score-glow: rgba(60, 208, 255, 0.60); --gk-corner-color: rgba(91, 220, 255, 0.92); min-height: 260px; border: 1px solid rgba(30, 196, 255, 0.60); background: radial-gradient( circle at 85% 15%, rgba(38, 207, 255, 0.16) 0%, rgba(4, 25, 58, 0) 36% ), linear-gradient( 160deg, #062654 0%, #051a3d 58%, #04132e 100% ); box-shadow: inset 0 0 25px rgba(28, 182, 255, 0.06), 0 14px 30px rgba(4, 24, 57, 0.18), 0 0 15px rgba(27, 185, 255, 0.07); } .gk-explorer-grid .gk-wonder-card::before { border: 1px solid rgba(55, 202, 255, 0.13); } /* ========================================================= 10.2 CARTE PANIQUE ========================================================= */ .gk-explorer-grid .gk-panic-card { --gk-card-neon-color: #ff9a7e; --gk-card-neon-glow-close: rgba(255, 154, 126, 0.92); --gk-card-neon-glow-medium: rgba(255, 91, 61, 0.72); --gk-card-neon-glow-far: rgba(255, 48, 72, 0.40); --gk-score-color: #ff8066; --gk-score-glow: rgba(255, 91, 58, 0.60); --gk-corner-color: rgba(255, 140, 102, 0.92); min-height: 165px; border: 1px solid rgba(255, 88, 63, 0.62); background: radial-gradient( circle at 85% 15%, rgba(255, 72, 45, 0.15) 0%, rgba(44, 8, 25, 0) 38% ), linear-gradient( 160deg, #351026 0%, #18132f 55%, #07152e 100% ); box-shadow: inset 0 0 25px rgba(255, 70, 42, 0.05), 0 14px 30px rgba(39, 7, 20, 0.17), 0 0 15px rgba(255, 75, 46, 0.06); } .gk-explorer-grid .gk-panic-card::before { border: 1px solid rgba(255, 102, 76, 0.13); } /* ========================================================= 10.3 WIDGETS SHORTCODE ========================================================= */ .gk-explorer-grid .gk-wonder-card__dynamic, .gk-explorer-grid .gk-panic-card__dynamic { width: 100% !important; margin: 0 !important; } .gk-explorer-grid .gk-wonder-card__dynamic .elementor-widget-container, .gk-explorer-grid .gk-panic-card__dynamic .elementor-widget-container { width: 100% !important; } /* ========================================================= 10.4 INDICATEUR COMMUN ========================================================= */ .gk-explorer-grid .gk-1g1-indicator { position: relative; z-index: 2; display: flex; flex-direction: column; width: 100%; margin: 0; gap: 20px; } .gk-explorer-grid .gk-1g1-indicator__header { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; gap: 12px; } .gk-explorer-grid .gk-1g1-indicator__heading { flex: 1 1 auto; margin: 0 !important; font-size: 16px; line-height: 1.25; letter-spacing: 0.2px; white-space: normal; word-break: normal; } .gk-explorer-grid .gk-1g1-indicator__score { flex: 0 0 auto; margin: 0; color: var(--gk-score-color); font-family: var(--gk-font-primary); font-size: 25px; font-weight: 800; line-height: 1; letter-spacing: -0.8px; text-shadow: 0 0 9px var(--gk-score-glow); } /* ========================================================= 10.5 JAUGE EN DEMI-CERCLE ========================================================= */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge { position: relative; width: 194px; height: 112px; margin: 0 auto 2px; overflow: hidden; } /* * L’arc commence à gauche à 270 degrés, * passe par le haut et termine à droite à 90 degrés. */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-ring { position: absolute; top: 0; left: 50%; width: 194px; height: 194px; border-radius: 50%; transform: translateX(-50%); background: conic-gradient( from 270deg, #168ce6 0deg, #24c8fa calc(var(--gk-1g1-angle) * 0.56), #c6ec47 var(--gk-1g1-angle), rgba(255, 255, 255, 0.14) var(--gk-1g1-angle), rgba(255, 255, 255, 0.14) 180deg, transparent 180deg, transparent 360deg ); -webkit-mask: radial-gradient( farthest-side, transparent calc(100% - 15px), #000 calc(100% - 14px) ); mask: radial-gradient( farthest-side, transparent calc(100% - 15px), #000 calc(100% - 14px) ); filter: drop-shadow( 0 0 5px rgba(55, 212, 255, 0.28) ); } /* Marques de graduation */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge::before { content: ""; position: absolute; top: 4px; left: 50%; z-index: 2; width: 186px; height: 186px; border-radius: 50%; transform: translateX(-50%); pointer-events: none; background: repeating-conic-gradient( from 270deg, rgba(255, 255, 255, 0.26) 0deg, rgba(255, 255, 255, 0.26) 1.2deg, transparent 1.2deg, transparent 15deg ); -webkit-mask: radial-gradient( farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px) ); mask: radial-gradient( farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px) ); clip-path: inset( 0 0 50% 0 ); } /* ========================================================= 10.6 CŒUR CENTRAL ET IMAGE DE 1G1 ========================================================= */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-core { position: absolute; left: 50%; bottom: 0; z-index: 3; display: flex; justify-content: center; align-items: center; width: 92px; height: 92px; overflow: hidden; border: 1px solid rgba(81, 215, 255, 0.40); border-radius: 50%; background: radial-gradient( circle at 35% 30%, #0d2b56 0%, #091c3f 62%, #06142d 100% ); transform: translateX(-50%); box-shadow: inset 0 0 18px rgba(47, 210, 255, 0.10), 0 0 15px rgba(47, 210, 255, 0.10); } /* Reflet sur le cœur */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-core::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 38% ); } /* Image */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-image { position: relative; z-index: 1; display: block; width: 88%; height: 88%; object-fit: contain; object-position: center; filter: drop-shadow( 0 4px 8px rgba(0, 0, 0, 0.28) ); } /* Texte de secours si aucune image n’est définie */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-bot { position: relative; z-index: 1; color: #62dcff; font-family: var(--gk-font-primary); font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -0.8px; text-shadow: 0 0 10px rgba(63, 214, 255, 0.28); } /* Texte émerveillement */ .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__text { margin: 0 !important; color: rgba(255, 255, 255, 1); font-family: var(--gk-font-primary); font-size: 13px; font-weight: 600; line-height: 1.45; text-align: center; } /* ========================================================= 10.7 JAUGE HORIZONTALE DE PANIQUE ========================================================= */ .gk-explorer-grid .gk-1g1-indicator__track { position: relative; overflow: hidden; width: 100%; height: 10px; border-radius: 999px; background: rgba(2, 9, 26, 0.74); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); } .gk-explorer-grid .gk-1g1-indicator__track::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient( 90deg, transparent 0, transparent calc(10% - 1px), rgba(255, 255, 255, 0.13) calc(10% - 1px), rgba(255, 255, 255, 0.13) 10% ); } .gk-explorer-grid .gk-1g1-indicator__fill { position: relative; z-index: 1; display: block; height: 100%; border-radius: inherit; transition: width 700ms cubic-bezier(0.22, 1, 0.36, 1); } .gk-explorer-grid .gk-1g1-indicator--panic .gk-1g1-indicator__fill { background: linear-gradient( 90deg, #ffb02e 0%, #ff6b35 46%, #ff344e 100% ); box-shadow: 0 0 10px rgba(255, 84, 52, 0.31); } .gk-explorer-grid .gk-1g1-indicator--panic .gk-1g1-indicator__text { margin: 0 !important; color: rgba(255, 255, 255, 1); font-family: var(--gk-font-primary); font-size: 13px; font-weight: 600; line-height: 1.48; text-align: center; } /* ========================================================= 11. COMMENTAIRE CERTIFIÉ 1G1 CARTE TECHNIQUE + TAMPON CIRCULAIRE ========================================================= */ /* ========================================================= 11.1 CARTE PRINCIPALE ========================================================= */ .gk-explorer-grid .gk-certified-card { --gk-card-neon-color: #8beaff; --gk-card-neon-glow-close: rgba(139, 234, 255, 0.95); --gk-card-neon-glow-medium: rgba(55, 205, 255, 0.75); --gk-card-neon-glow-far: rgba(24, 165, 255, 0.46); --width: 100%; position: relative; isolation: isolate; overflow: hidden; /* * La grille est appliquée directement sur la carte. * Cela fonctionne avec ou sans wrapper .e-con-inner. */ display: grid !important; grid-template-columns: minmax(0, 1fr) 88px; grid-template-areas: "cert-heading cert-seal" "cert-text cert-seal"; grid-template-rows: auto auto; align-content: center; align-items: center; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 168px; margin: 0 !important; padding: 19px 18px 18px !important; column-gap: 14px !important; row-gap: 9px !important; border: 1px solid rgba(29, 194, 255, 0.78); border-radius: 15px; background: /* Coin supérieur gauche */ linear-gradient( #43d2ff, #43d2ff ) top 10px left 10px / 20px 2px no-repeat, linear-gradient( #43d2ff, #43d2ff ) top 10px left 10px / 2px 17px no-repeat, /* Coin supérieur droit */ linear-gradient( #43d2ff, #43d2ff ) top 10px right 10px / 20px 2px no-repeat, linear-gradient( #43d2ff, #43d2ff ) top 10px right 10px / 2px 17px no-repeat, /* Coin inférieur gauche */ linear-gradient( #43d2ff, #43d2ff ) bottom 10px left 10px / 20px 2px no-repeat, linear-gradient( #43d2ff, #43d2ff ) bottom 10px left 10px / 2px 17px no-repeat, /* Coin inférieur droit */ linear-gradient( #43d2ff, #43d2ff ) bottom 10px right 10px / 20px 2px no-repeat, linear-gradient( #43d2ff, #43d2ff ) bottom 10px right 10px / 2px 17px no-repeat, /* Lueur autour du tampon */ radial-gradient( circle at 82% 50%, rgba(34, 189, 255, 0.20) 0%, rgba(7, 35, 76, 0) 36% ), /* Trame d’écran */ repeating-linear-gradient( 180deg, rgba(255, 255, 255, 0.014) 0, rgba(255, 255, 255, 0.014) 1px, transparent 1px, transparent 5px ), linear-gradient( 145deg, #062852 0%, #051d42 54%, #03142f 100% ); box-shadow: inset 0 0 0 1px rgba(81, 215, 255, 0.05), inset 0 0 28px rgba(27, 183, 255, 0.07), 0 14px 30px rgba(4, 24, 57, 0.18), 0 0 17px rgba(27, 185, 255, 0.09); font-family: var(--gk-font-primary); text-align: left; } /* * Elementor ajoute parfois un wrapper interne. * display: contents permet aux trois widgets de participer * directement à la grille définie sur la carte. */ .gk-explorer-grid .gk-certified-card > .e-con-inner { display: contents !important; } /* Neutralisation des largeurs Elementor */ .gk-explorer-grid .gk-certified-card > .elementor-element, .gk-explorer-grid .gk-certified-card > .e-con-inner > .elementor-element { min-width: 0 !important; max-width: none !important; margin: 0 !important; } /* Cadre intérieur */ .gk-explorer-grid .gk-certified-card::before { content: ""; position: absolute; inset: 7px; z-index: 0; pointer-events: none; border: 1px solid rgba(63, 203, 255, 0.18); border-radius: 10px; box-shadow: inset 0 0 16px rgba(43, 190, 255, 0.035); } /* Signal lumineux inférieur */ .gk-explorer-grid .gk-certified-card::after { content: ""; position: absolute; right: 12px; bottom: 7px; z-index: 1; width: 116px; height: 24px; pointer-events: none; opacity: 0.68; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 24'%3E%3Cpath d='M0 13 H35 L42 13 L47 6 L53 20 L59 10 L65 13 H100 L106 13 L111 8 L116 17 L122 13 H160' fill='none' stroke='%2359d8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: drop-shadow( 0 0 4px rgba(60, 210, 255, 0.50) ); } /* ========================================================= 11.2 TITRE ========================================================= */ .gk-explorer-grid .gk-certified-card__heading { grid-area: cert-heading; position: relative; z-index: 3; align-self: end; width: 100% !important; min-width: 0 !important; margin: 0 !important; } .gk-explorer-grid .gk-certified-card__heading .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .gk-explorer-grid .gk-certified-card__heading .elementor-heading-title { margin: 0 !important; font-size: 16px; line-height: 1.25; letter-spacing: 0.25px; text-align: left; } /* ========================================================= 11.3 TEXTE ========================================================= */ .gk-explorer-grid .gk-certified-card__text { grid-area: cert-text; position: relative; z-index: 3; align-self: start; width: 100% !important; min-width: 0 !important; margin: 0 !important; } .gk-explorer-grid .gk-certified-card__text .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .gk-explorer-grid .gk-certified-card__text p { margin: 0 !important; color: var(--gk-white); font-family: var(--gk-font-primary) !important; font-size: 13px; font-weight: 500; line-height: 1.5; text-align: left; } /* ========================================================= 11.4 TAMPON CERTIFIÉ ========================================================= */ .gk-explorer-grid .gk-certified-card__seal { grid-area: cert-seal; position: relative !important; z-index: 3; align-self: center; justify-self: center; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 82px; margin: 0 !important; transform: rotate(-8deg); } .gk-explorer-grid .gk-certified-card__seal .elementor-widget-container { position: relative; display: flex; justify-content: center; align-items: center; width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 82px; margin: 0 !important; padding: 0 !important; } /* Cercle extérieur */ .gk-explorer-grid .gk-certified-card__seal .elementor-widget-container::before { content: ""; position: absolute; inset: 0; border: 2px solid rgba(115, 225, 255, 0.90); border-radius: 50%; box-shadow: inset 0 0 11px rgba(64, 207, 255, 0.12), 0 0 12px rgba(64, 207, 255, 0.21); } /* Cercle intérieur pointillé */ .gk-explorer-grid .gk-certified-card__seal .elementor-widget-container::after { content: ""; position: absolute; inset: 6px; border: 1px dashed rgba(130, 228, 255, 0.58); border-radius: 50%; } /* Centre du tampon */ .gk-explorer-grid .gk-certified-card__seal .elementor-icon { position: relative; z-index: 3; display: flex; justify-content: center; align-items: center; width: 47px; height: 47px; border: 1px solid rgba(122, 225, 255, 0.58); border-radius: 50%; background: radial-gradient( circle, rgba(24, 145, 218, 0.27) 0%, rgba(5, 42, 87, 0.78) 72% ); color: #91e7ff; font-size: 24px; box-shadow: inset 0 0 12px rgba(70, 207, 255, 0.12), 0 0 9px rgba(53, 198, 255, 0.18); } /* Étoile */ .gk-explorer-grid .gk-certified-card__seal .elementor-icon svg { width: 24px; height: 24px; fill: currentColor !important; filter: drop-shadow( 0 0 4px rgba(104, 221, 255, 0.46) ); } /* Texte supérieur du tampon */ .gk-explorer-grid .gk-certified-card__seal::before { content: "VALIDÉE"; position: absolute; top: 9px; right: 45%; z-index: 4; color: #a2ecff; font-family: var(--gk-font-primary); font-size: 5px; font-weight: 800; line-height: 1; letter-spacing: 0.45px; white-space: nowrap; transform: translateX(50%) rotate(8deg); } /* Texte inférieur du tampon */ .gk-explorer-grid .gk-certified-card__seal::after { content: "PAR 1G1"; position: absolute; right: 51%; bottom: 8px; z-index: 4; color: #a2ecff; font-family: var(--gk-font-primary); font-size: 5px; font-weight: 800; line-height: 1; letter-spacing: 0.65px; white-space: nowrap; transform: translateX(50%) rotate(8deg); } /* ========================================================= 11.5 PETITS ORDINATEURS ========================================================= */ @media (max-width: 1100px) { .gk-explorer-grid .gk-certified-card { grid-template-columns: minmax(0, 1fr) 75px; min-height: 170px; padding-right: 15px !important; padding-left: 15px !important; column-gap: 9px !important; } .gk-explorer-grid .gk-certified-card__seal, .gk-explorer-grid .gk-certified-card__seal .elementor-widget-container { width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 72px; } .gk-explorer-grid .gk-certified-card__seal .elementor-icon { width: 42px; height: 42px; font-size: 21px; } .gk-explorer-grid .gk-certified-card__seal .elementor-icon svg { width: 21px; height: 21px; } .gk-explorer-grid .gk-certified-card__seal::before { top: 7px; font-size: 4.5px; } .gk-explorer-grid .gk-certified-card__seal::after { bottom: 7px; font-size: 4.5px; } } /* ========================================================= 11.6 TABLETTE ========================================================= */ @media (max-width: 1024px) { .gk-explorer-grid .gk-certified-card { grid-template-columns: minmax(0, 1fr) 88px; min-height: 168px; column-gap: 14px !important; } .gk-explorer-grid .gk-certified-card__seal, .gk-explorer-grid .gk-certified-card__seal .elementor-widget-container { width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 82px; } } /* ========================================================= 11.7 MOBILE ========================================================= */ @media (max-width: 767px) { .gk-explorer-grid .gk-certified-card { grid-template-columns: minmax(0, 1fr) 82px; min-height: 164px; padding: 19px 17px 18px !important; column-gap: 12px !important; } } /* ========================================================= 11.8 TRÈS PETITS ÉCRANS ========================================================= */ @media (max-width: 430px) { .gk-explorer-grid .gk-certified-card { grid-template-columns: minmax(0, 1fr) 72px; min-height: 158px; padding: 18px 15px 17px !important; column-gap: 9px !important; } .gk-explorer-grid .gk-certified-card__heading .elementor-heading-title { font-size: 10px; } .gk-explorer-grid .gk-certified-card__text p { font-size: 11px; } .gk-explorer-grid .gk-certified-card__seal, .gk-explorer-grid .gk-certified-card__seal .elementor-widget-container { width: 68px !important; min-width: 68px !important; max-width: 68px !important; height: 68px; } .gk-explorer-grid .gk-certified-card__seal .elementor-icon { width: 39px; height: 39px; font-size: 19px; } .gk-explorer-grid .gk-certified-card__seal .elementor-icon svg { width: 19px; height: 19px; } .gk-explorer-grid .gk-certified-card__seal::before, .gk-explorer-grid .gk-certified-card__seal::after { font-size: 4px; } } /* ========================================================= 12. MESSAGE ADMIN ========================================================= */ .gk-explorer-grid .gk-1g1-empty { margin: 0 !important; padding: 12px; border: 1px dashed rgba(82, 181, 230, 0.42); border-radius: 9px; background: rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.80); font-family: var(--gk-font-primary); font-size: 11px; line-height: 1.45; } /* ========================================================= 13. PETITS ORDINATEURS ========================================================= */ @media (max-width: 1100px) { .gk-explorer-grid { grid-template-columns: minmax(0, 1fr) 285px; column-gap: 22px !important; } .gk-explorer-grid .gk-explorer-sidebar { --width: 285px; width: 285px !important; min-width: 285px !important; max-width: 285px !important; } .gk-explorer-grid .gk-quote-card, .gk-explorer-grid .gk-wonder-card, .gk-explorer-grid .gk-panic-card { padding-right: 17px !important; padding-left: 17px !important; } .gk-explorer-grid .gk-explorer-heading__title .elementor-heading-title { font-size: 21px; } .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge { width: 160px; height: 92px; } .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-ring { width: 160px; height: 160px; } } /* ========================================================= 14. TABLETTE ========================================================= */ @media (max-width: 1024px) { .gk-explorer-grid { --gk-explorer-gutter: 24px; grid-template-columns: 1fr; row-gap: 34px !important; } .gk-explorer-grid .gk-explorer-main, .gk-explorer-grid .gk-explorer-sidebar { grid-column: 1; } .gk-explorer-grid .gk-explorer-sidebar { --width: 100%; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100% !important; min-width: 0 !important; max-width: none !important; gap: 16px !important; } .gk-explorer-grid .gk-explorer-sidebar > .e-con-inner { display: contents !important; } .gk-explorer-grid .gk-quote-card, .gk-explorer-grid .gk-wonder-card, .gk-explorer-grid .gk-panic-card { height: 100%; } } /* ========================================================= 15. MOBILE ========================================================= */ @media (max-width: 767px) { .gk-explorer-grid { --gk-explorer-gutter: 16px; padding-bottom: 54px !important; } .gk-explorer-grid .gk-explorer-main { gap: 18px !important; } .gk-explorer-grid .gk-explorer-heading { min-height: 36px; gap: 8px !important; } .gk-explorer-grid .gk-explorer-heading__icon .elementor-icon { font-size: 26px; } .gk-explorer-grid .gk-explorer-heading__icon .elementor-icon svg { width: 26px; height: 26px; } .gk-explorer-grid .gk-explorer-heading__title .elementor-heading-title { font-size: 18px; white-space: normal; } .gk-explorer-grid .gk-explorer-heading__line { min-width: 18px; } .gk-explorer-grid .gk-explorer-sidebar { grid-template-columns: 1fr; } .gk-explorer-grid .gk-quote-card, .gk-explorer-grid .gk-wonder-card, .gk-explorer-grid .gk-panic-card { min-height: 0; padding: 20px !important; } .gk-explorer-grid .gk-wonder-card { min-height: 230px; } } /* ========================================================= 16. TRÈS PETITS ÉCRANS ========================================================= */ @media (max-width: 430px) { .gk-explorer-grid { --gk-explorer-gutter: 12px; } .gk-explorer-grid .gk-explorer-heading__title .elementor-heading-title { font-size: 16px; } .gk-explorer-grid .gk-explorer-heading__line { display: none; } .gk-explorer-grid .gk-1g1-indicator__score { font-size: 22px; } .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge { width: 148px; height: 86px; } .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-ring { width: 148px; height: 148px; } .gk-explorer-grid .gk-1g1-indicator--wonder .gk-1g1-indicator__gauge-core { width: 74px; height: 74px; } } /* ========================================================= 17. ACCESSIBILITÉ ========================================================= */ @media (prefers-reduced-motion: reduce) { .gk-explorer-grid .gk-explorer-search button[type="submit"], .gk-explorer-grid .gk-explorer-search .e-search-submit, .gk-explorer-grid .gk-explorer-search .elementor-search-form__submit, .gk-explorer-grid .gk-explorer-filter .e-filter-item, .gk-explorer-grid .gk-explorer-loop .e-loop-item, .gk-explorer-grid .gk-explorer-loop .elementor-button, .gk-explorer-grid .gk-1g1-indicator__fill { transition: none !important; } .gk-explorer-grid .gk-explorer-search button[type="submit"]:hover, .gk-explorer-grid .gk-explorer-search .e-search-submit:hover, .gk-explorer-grid .gk-explorer-search .elementor-search-form__submit:hover, .gk-explorer-grid .gk-explorer-filter .e-filter-item:hover, .gk-explorer-grid .gk-explorer-loop .e-loop-item:hover, .gk-explorer-grid .gk-explorer-loop .elementor-button:hover { transform: none !important; } } /* ========================================================= 18. EFFET NÉON — MISE EN FORME COMMUNE DES TITRES ========================================================= */ /* * Les palettes sont définies directement dans chaque carte (sections 9 à 11). * La mise en forme commune des titres néon reste centralisée ici. */ /* Mise en forme commune des quatre titres */ .gk-explorer-grid .gk-quote-card__heading .elementor-heading-title, .gk-explorer-grid .gk-1g1-indicator__heading, .gk-explorer-grid .gk-certified-card__heading .elementor-heading-title { color: var(--gk-card-neon-color) !important; font-family: var(--gk-font-primary) !important; font-weight: 800 !important; text-transform: uppercase; /* * Néon net : * une lumière proche + un halo extérieur très discret. */ text-shadow: 0 0 1px var(--gk-card-neon-color), 0 0 10px var(--gk-card-neon-glow-close), 0 0 14px var(--gk-card-neon-glow-far); filter: none !important; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; } /* ========================================================= 19. IMPRESSION ========================================================= */ @media print { .gk-explorer-grid .gk-quote-card__heading .elementor-heading-title, .gk-explorer-grid .gk-1g1-indicator__heading, .gk-explorer-grid .gk-certified-card__heading .elementor-heading-title { text-shadow: none !important; filter: none !important; } } /* ========================================================= 20. COINS TECHNIQUES — CARTES LATÉRALES Mise en forme commune des quatre coins lumineux ========================================================= */ /* Les couleurs --gk-corner-color sont définies dans chaque carte. */ /* Coins lumineux */ .gk-explorer-grid .gk-quote-card::after, .gk-explorer-grid .gk-wonder-card::after, .gk-explorer-grid .gk-panic-card::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit; background: /* coin haut gauche */ linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) top 10px left 10px / 20px 2px no-repeat, linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) top 10px left 10px / 2px 17px no-repeat, /* coin haut droit */ linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) top 10px right 10px / 20px 2px no-repeat, linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) top 10px right 10px / 2px 17px no-repeat, /* coin bas gauche */ linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) bottom 10px left 10px / 20px 2px no-repeat, linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) bottom 10px left 10px / 2px 17px no-repeat, /* coin bas droit */ linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) bottom 10px right 10px / 20px 2px no-repeat, linear-gradient(var(--gk-corner-color), var(--gk-corner-color)) bottom 10px right 10px / 2px 17px no-repeat; opacity: 0.95; filter: drop-shadow(0 0 4px var(--gk-corner-color)); }/* End custom CSS */