/* ========================================================= MNE TOUR ARCHIVE — PREMIUM LIGHT OVERLAY Design : photo visible + panneau transparent léger ========================================================= */ /* ========================================================= 01 — GRID ========================================================= */ body[class*="category-"] .entries { gap: 24px !important; } /* ========================================================= 02 — CARD ========================================================= */ body[class*="category-"] .entry-card { position: relative !important; display: block !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 22px !important; background: transparent !important; box-shadow: 0 4px 12px rgba(30,25,18,.06), 0 12px 30px rgba(30,25,18,.09), 0 25px 55px rgba(30,25,18,.07) !important; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease !important; } body[class*="category-"] .entry-card:hover { transform: translateY(-7px) !important; box-shadow: 0 8px 18px rgba(30,25,18,.08), 0 20px 42px rgba(30,25,18,.13), 0 35px 70px rgba(30,25,18,.10) !important; } /* ========================================================= 03 — REMOVE BLOCKSY META ========================================================= */ body[class*="category-"] .entry-card > .entry-meta, body[class*="category-"] .entry-card > .entry-excerpt { display: none !important; } /* ========================================================= 04 — IMAGE CONTAINER ========================================================= */ body[class*="category-"] .entry-card .ct-media-container { position: relative !important; display: block !important; width: 100% !important; height: 430px !important; min-height: 430px !important; max-height: 430px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 22px !important; background: transparent !important; isolation: isolate !important; } /* ========================================================= 05 — IMAGE PHOTO 100% VISIBLE ========================================================= */ body[class*="category-"] .entry-card .ct-media-container img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; object-position: center !important; opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; transform: scale(1) !important; transition: transform .8s cubic-bezier(.2,.7,.2,1) !important; } /* ========================================================= 06 — IMAGE HOVER ZOOM SEULEMENT ========================================================= */ body[class*="category-"] .entry-card:hover .ct-media-container img { transform: scale(1.06) !important; filter: none !important; opacity: 1 !important; } /* ========================================================= 07 — IMAGE OVERLAY TRÈS LÉGER ========================================================= */ body[class*="category-"] .entry-card .ct-media-container::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.04) 62%, rgba(0,0,0,.18) 82%, rgba(0,0,0,.30) 100% ) !important; } /* ========================================================= 08 — REMOVE OTHER BLOCKSY OVERLAY ========================================================= */ body[class*="category-"] .entry-card .ct-media-container::before { background: transparent !important; opacity: 0 !important; content: none !important; } /* ========================================================= 09 — TITLE ========================================================= */ body[class*="category-"] .entry-card > .entry-title { position: absolute !important; left: 22px !important; right: 22px !important; bottom: 205px !important; z-index: 20 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #ffffff !important; font-size: 25px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.5px !important; text-shadow: 0 2px 12px rgba(0,0,0,.45) !important; } body[class*="category-"] .entry-card > .entry-title a { color: #ffffff !important; text-decoration: none !important; } body[class*="category-"] .entry-card:hover > .entry-title a { color: #f0c27b !important; } /* ========================================================= 10 — INFO PANEL TRANSPARENCE LÉGÈRE ========================================================= */ body[class*="category-"] .entry-card .mne-archive-info { position: absolute !important; left: 18px !important; right: 18px !important; bottom: 18px !important; z-index: 30 !important; display: block !important; width: auto !important; min-height: 145px !important; margin: 0 !important; padding: 17px 18px !important; box-sizing: border-box !important; border-radius: 17px !important; /* * IMPORTANT : * panneau transparent * la photo reste visible */ background: rgba(20,20,20,.30) !important; box-shadow: 0 12px 35px rgba(0,0,0,.22) !important; color: #ffffff !important; } /* ========================================================= 11 — RATING ========================================================= */ body[class*="category-"] .mne-archive-top { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; } body[class*="category-"] .mne-archive-stars { display: flex !important; align-items: center !important; gap: 4px !important; color: #f5c45b !important; font-size: 13px !important; line-height: 1 !important; } body[class*="category-"] .mne-archive-stars i { display: inline-block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #f5c45b !important; font-size: 13px !important; } /* ========================================================= 12 — INFO ITEM ========================================================= */ body[class*="category-"] .entry-card .mne-archive-item { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 29px !important; margin: 5px 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 13px !important; line-height: 1.4 !important; } /* ========================================================= 13 — ICONS ========================================================= */ body[class*="category-"] .mne-archive-item i { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin-right: 9px !important; border-radius: 8px !important; background: rgba(211,157,83,.16) !important; color: #e6ad62 !important; font-size: 12px !important; } /* ========================================================= 14 — TEXT ========================================================= */ body[class*="category-"] .mne-archive-item span { display: block !important; flex: 1 !important; min-width: 0 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important; white-space: normal !important; } /* ========================================================= 15 — BUTTON ========================================================= */ body[class*="category-"] .entry-card .mne-archive-button { position: absolute !important; right: 17px !important; bottom: 15px !important; z-index: 50 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-width: 88px !important; height: 32px !important; padding: 0 13px !important; border: 0 !important; border-radius: 50px !important; background: #c99652 !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .5px !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 5px 15px rgba(0,0,0,.20) !important; transition: background .25s ease, transform .25s ease !important; } body[class*="category-"] .entry-card .mne-archive-button:hover { background: #e0a965 !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================================= 16 — SPACE FOR BUTTON ========================================================= */ body[class*="category-"] .entry-card .mne-archive-item:last-of-type { padding-right: 105px !important; } /* ========================================================= 17 — DESKTOP ========================================================= */ @media (min-width:1200px) { body[class*="category-"] .entry-card .ct-media-container { height: 440px !important; min-height: 440px !important; max-height: 440px !important; } } /* ========================================================= 18 — TABLET ========================================================= */ @media (max-width:991px) { body[class*="category-"] .entry-card .ct-media-container { height: 400px !important; min-height: 400px !important; max-height: 400px !important; } body[class*="category-"] .entry-card > .entry-title { left: 18px !important; right: 18px !important; bottom: 195px !important; font-size: 22px !important; } } /* ========================================================= 19 — MOBILE ========================================================= */ @media (max-width:768px) { body[class*="category-"] .entry-card { border-radius: 18px !important; } body[class*="category-"] .entry-card .ct-media-container { height: 390px !important; min-height: 390px !important; max-height: 390px !important; border-radius: 18px !important; } body[class*="category-"] .entry-card > .entry-title { left: 15px !important; right: 15px !important; bottom: 185px !important; font-size: 21px !important; } body[class*="category-"] .entry-card .mne-archive-info { left: 10px !important; right: 10px !important; bottom: 10px !important; min-height: 140px !important; padding: 14px !important; border-radius: 14px !important; background: rgba(20,20,20,.42) !important; } body[class*="category-"] .mne-archive-item span { font-size: 11px !important; } body[class*="category-"] .entry-card .mne-archive-button { right: 12px !important; bottom: 12px !important; min-width: 75px !important; height: 30px !important; font-size: 9px !important; } body[class*="category-"] .entry-card .mne-archive-item:last-of-type { padding-right: 90px !important; } } /* ========================================================= 20 — SMALL MOBILE ========================================================= */ @media (max-width:480px) { body[class*="category-"] .entry-card .ct-media-container { height: 410px !important; min-height: 410px !important; max-height: 410px !important; } body[class*="category-"] .entry-card > .entry-title { bottom: 185px !important; font-size: 20px !important; } body[class*="category-"] .entry-card .mne-archive-info { min-height: 145px !important; } body[class*="category-"] .mne-archive-item span { font-size: 11px !important; } } /* ========================================================= 21 — POLYLANG ========================================================= */ html[lang^="en"] .mne-archive-button, html[lang^="fr"] .mne-archive-button, html[lang^="es"] .mne-archive-button, html[lang^="it"] .mne-archive-button, html[lang^="pt"] .mne-archive-button { font-size: 10px !important; } /* ========================================================= 22 — ACCESSIBILITY ========================================================= */ body[class*="category-"] .mne-archive-button:focus-visible { outline: 2px solid #f0c27b !important; outline-offset: 3px !important; } /* ========================================================= 23 — FORCE IMAGE NATURAL ========================================================= */ /* * IMPORTANT : * aucune luminosité artificielle * aucune saturation * aucune opacité */ body[class*="category-"] .entry-card .ct-media-container img, body[class*="category-"] .entry-card .ct-media-container picture img { filter: none !important; opacity: 1 !important; mix-blend-mode: normal !important; } /* ========================================================= 24 — BLOCKSY DARK OVERLAY ========================================================= */ /* * On supprime seulement l'overlay * supplémentaire de Blocksy. */ body[class*="category-"] .entry-card .ct-media-container::before { background: transparent !important; opacity: 0 !important; } /* ========================================================= FIN ========================================================= */