@import url('https://fonts.googleapis.com/css2?family=Prata&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;1,300&family=Cormorant+Garamond:ital,wght@1,400;1,500&display=swap'); /* ============================================================ L'ANTIQUAIRE — V2 (refonte 2026) · v3.1 DA : olive profond · filets bronze · terracotta · crème Écrite pour le DOM NATIF Elementor : sections = containers .lav2-*, contenus = widgets natifs (heading/text/image/button/ nav-menu/divider) ciblés via leurs classes CSS. ============================================================ */ :root{ --v2-olive-950:#2c2f27; --v2-olive-900:#333629; --v2-olive-800:#3a3d31; --v2-cream:#f1ebdd; --v2-champagne:#cbb18b; --v2-bronze:#ad8d64; --v2-bronze-line:rgba(173,141,100,.45); --v2-bronze-line-soft:rgba(173,141,100,.28); --v2-terra:#b5522a; --v2-terra-deep:#9c4423; --v2-ink:#37392e; --v2-ivory:#f4efe4; --v2-ivory-dim:rgba(244,239,228,.82); --v2-serif:'Prata',serif; --v2-sans:'Montserrat',sans-serif; --v2-ease:cubic-bezier(.16,1,.3,1); } body{ background:var(--v2-olive-800); color:var(--v2-ivory); font-family:var(--v2-sans); font-weight:300; } ::selection{background:var(--v2-champagne);color:var(--v2-olive-950);} /* ------------------------------------------------------------ Base containers & widgets ------------------------------------------------------------ */ .e-con[class*="lav2-"]{max-width:100%;} [class*="lav2-"] .elementor-widget{margin-block-end:0;} [class*="lav2-"] p{margin:0;} /* Labels : la classe posée sur le wrapper du Heading pilote le texte */ .v2-eyebrow .elementor-heading-title, .lbl .elementor-heading-title, .val .elementor-heading-title, .num .elementor-heading-title, .hours .elementor-heading-title, .big .elementor-heading-title, .sub .elementor-heading-title, .tag .elementor-heading-title, .badge .elementor-heading-title{ font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit; line-height:inherit;letter-spacing:inherit;text-transform:inherit;margin:0; } .v2-eyebrow{ font-family:var(--v2-sans);font-weight:400; font-size:12px;letter-spacing:.42em;text-transform:uppercase; color:var(--v2-champagne);width:auto; } /* Divider natif → filet champagne 64px centré */ .v2-div{width:64px;} .v2-div .elementor-divider{padding:14px 0;} .v2-div .elementor-divider-separator{ border-top:1px solid var(--v2-champagne) !important;opacity:.8;width:64px;margin:0 auto; } /* ------------------------------------------------------------ Boutons natifs — styler l'ancre interne, JAMAIS le wrapper ------------------------------------------------------------ */ .elementor-widget-button.v2-btn, .elementor-widget-button.nav2__cta{width:auto;} .v2-btn .elementor-button{ background:transparent; border:1px solid var(--v2-bronze-line);border-radius:0; color:var(--v2-ivory); font-family:var(--v2-sans);font-weight:400;font-size:12.5px; letter-spacing:.28em;text-transform:uppercase; padding:18px 34px;box-shadow:none; transition:all .35s var(--v2-ease); } .v2-btn .elementor-button:hover{ background:var(--v2-champagne);border-color:var(--v2-champagne);color:var(--v2-olive-900); } .v2-btn--solid .elementor-button{ background:var(--v2-terra);border-color:var(--v2-terra);color:#f8f1e8; } .v2-btn--solid .elementor-button:hover{ background:var(--v2-terra-deep);border-color:var(--v2-terra-deep);color:#f8f1e8; } .v2-btn--ink .elementor-button{color:var(--v2-ink);border-color:rgba(55,57,46,.4);background:transparent;} .v2-btn--ink .elementor-button:hover{background:var(--v2-ink);border-color:var(--v2-ink);color:var(--v2-cream);} /* ------------------------------------------------------------ Placeholders photos (Coline à venir) ------------------------------------------------------------ */ .v2-ph{ position:relative;overflow:hidden; background:repeating-linear-gradient(-45deg, rgba(173,141,100,.10) 0 14px, rgba(173,141,100,.04) 14px 28px); border:1px solid var(--v2-bronze-line-soft); justify-content:center;align-items:center; } .v2-ph p{ font-family:'Courier New',monospace;font-size:12px;letter-spacing:.08em; color:var(--v2-champagne);opacity:.85;text-align:center;line-height:1.6;padding:0 20px; } .v2-ph--light{background:repeating-linear-gradient(-45deg, rgba(55,57,46,.08) 0 14px, rgba(55,57,46,.03) 14px 28px); border-color:rgba(55,57,46,.2);} .v2-ph--light p{color:#8a6f4e;} /* ============================================================ HEADER — template post 12 ============================================================ */ /* Le
v1 avait will-change/transform (→ bloc de confinement qui empêchait .lav2-nav:fixed de coller au viewport) et un smart-hide agissant sur un header hors-flux. On neutralise tout ça et on pilote header + smart-hide EN V2 sur .lav2-nav, source unique et fiable. */ header[data-elementor-type="header"]{will-change:auto !important;transform:none !important;} header[data-elementor-type="header"].la-h-hidden{transform:none !important;} .lav2-nav.e-con{ position:fixed;top:0;left:0;right:0;z-index:9990; padding:0; transition:transform .5s var(--v2-ease), box-shadow .45s ease; } /* smart-hide v2 : masqué quand on descend, montré quand on remonte */ .lav2-nav.is-hidden{transform:translateY(-100%);} /* décalage sous la barre d'admin WordPress (uniquement connecté) */ body.admin-bar .lav2-nav.e-con{top:32px;} @media screen and (max-width:782px){ body.admin-bar .lav2-nav.e-con{top:46px;} } /* Fond peint via pseudo-éléments (Elementor écrase toute règle « background » posée sur le container lui-même). Deux couches en OPACITÉ (transition propre) : ::before = dégradé scrim (visible au repos, s'efface) ; ::after = olive plein (apparaît quand le header est fixe). */ .lav2-nav.e-con::before, .lav2-nav.e-con::after{ content:"";position:absolute;inset:0;z-index:0;pointer-events:none; transition:opacity .45s ease; } .lav2-nav.e-con::before{ background:linear-gradient(to bottom, rgba(30,32,25,.72), rgba(30,32,25,0)); opacity:1; } .lav2-nav.e-con::after{display:none;} /* calque de fond olive (créé en JS, cf. lantiquaire-v2.js) */ .lav2-nav .lav2-nav__bg{ position:absolute;inset:0;z-index:0;pointer-events:none; background:rgba(41,44,34,.96); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2); opacity:0;transition:opacity .45s ease; } .lav2-nav.is-solid .lav2-nav__bg{opacity:1;} .lav2-nav.is-solid .lav2-nav__bg + *, .lav2-nav.e-con > *:not(.lav2-nav__bg){position:relative;z-index:1;} .lav2-nav.is-solid{box-shadow:0 1px 0 rgba(173,141,100,.18), 0 12px 34px rgba(15,17,12,.28);} /* quand le header est fixe, le dégradé scrim s'efface (le fond olive prend le relais) */ .lav2-nav.is-solid.e-con::before{opacity:0;} .lav2-nav .nav2.e-con{ display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center; padding:22px 54px 16px;width:100%; } /* Menu natif (Nav Menu Pro) */ .nav2__links.e-con{padding:0;align-items:flex-start;} .nav2__links .elementor-widget-nav-menu{width:auto;} .nav2__links .elementor-nav-menu{display:flex;gap:38px;} .nav2__links .elementor-nav-menu li{margin:0;} .nav2__links .elementor-item{ color:#fdfaf3 !important;font-family:var(--v2-sans);font-size:12px;font-weight:500; letter-spacing:.26em;text-transform:uppercase;padding:0 !important; text-shadow:0 1px 12px rgba(0,0,0,.45);transition:color .25s ease; background:transparent !important; } .nav2__links .elementor-item:hover, .nav2__links .elementor-item.elementor-item-active{color:var(--v2-champagne) !important;} .nav2__links .elementor-item::after, .nav2__links .elementor-item::before{display:none;} .nav2__links .elementor-menu-toggle, .nav2__links .elementor-nav-menu--dropdown{display:none !important;} /* Correctif : le reveal .lav2-rv laissait les liens de gauche fanés (opacity 0) quand le header se solidifiait → on force le contenu du header toujours visible. Et on agrandit un peu les 3 liens. */ .lav2-nav .lav2-rv{opacity:1 !important;transform:none !important;filter:none !important;} .lav2-nav .nav2__links .elementor-item{font-size:13.5px !important;} /* Couleur des liens : le CSS v1 les repassait en vert FONCÉ (--la-vert) dès que le header était « scrolled » → liens illisibles. On surcharge avec une spécificité supérieure (header[...] .lav2-nav …) pour les deux états, en champagne assorti. */ header[data-elementor-type="header"] .lav2-nav .nav2__links .elementor-item, header[data-elementor-type="header"].la-h-scrolled .lav2-nav .nav2__links .elementor-item{ color:var(--v2-champagne) !important; } header[data-elementor-type="header"] .lav2-nav .nav2__links .elementor-item:hover, header[data-elementor-type="header"] .lav2-nav .nav2__links .elementor-item.elementor-item-active, header[data-elementor-type="header"].la-h-scrolled .lav2-nav .nav2__links .elementor-item:hover, header[data-elementor-type="header"].la-h-scrolled .lav2-nav .nav2__links .elementor-item.elementor-item-active{ color:var(--v2-ivory) !important; } /* Logo : largeur AUTO, hauteurs fixes — jamais étiré */ .nav2__logo.e-con{padding:0;align-items:center;row-gap:10px;width:auto;} .nav2__logo .elementor-widget-image{width:auto;} .nav2__logo .elementor-widget-image img{width:auto !important;max-width:none;display:block;} .nav2__logo .mono img{height:92px;} .nav2__logo .sig img{height:24px;opacity:.9;} /* CTA Réserver — une seule bordure, sur l'ancre */ .nav2__right.e-con{padding:0;align-items:flex-end;} .nav2__cta .elementor-button{ background:rgba(30,32,25,.35); border:1px solid rgba(253,250,243,.75);border-radius:0; color:#fdfaf3;box-shadow:none; font-family:var(--v2-sans);font-size:12px;font-weight:500; letter-spacing:.26em;text-transform:uppercase; padding:14px 28px;text-shadow:0 1px 10px rgba(0,0,0,.4); transition:all .35s var(--v2-ease); } .nav2__cta .elementor-button:hover{ background:var(--v2-champagne);border-color:var(--v2-champagne); color:var(--v2-olive-900);text-shadow:none; } /* ============================================================ HOME — HERO ============================================================ */ .lav2-hero.e-con{ position:relative;min-height:920px;padding:0; justify-content:flex-end; } .lav2-hero::before{ content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(to bottom, rgba(44,47,39,.35) 0%, rgba(44,47,39,.05) 35%, var(--v2-olive-800) 97%); } .lav2-hero > .e-con{position:relative;z-index:2;} .hero2__content.e-con{align-items:center;text-align:center;padding:200px 8vw 90px;} .hero2__content .v2-eyebrow, .hero2__content .v2-eyebrow .elementor-heading-title{ font-size:15px !important;letter-spacing:.32em;color:var(--v2-cream); } .hero2__content .v2-eyebrow{margin-bottom:46px !important;} .lav2-hero.e-con h1{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(54px,6.4vw,92px);color:var(--v2-ivory);line-height:1.15; max-width:1100px;margin:0; } .lav2-hero.e-con h1 em{font-style:italic;color:var(--v2-champagne);} .hero2__sub{max-width:600px;margin-top:44px;} .hero2__sub p{font-size:18px;line-height:1.85;color:var(--v2-ivory);} .hero2__ctas.e-con{flex-direction:row !important;column-gap:18px;row-gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px;padding:0;} .hero2__meta.e-con{flex-direction:row !important;justify-content:center;flex-wrap:wrap;padding:0 8vw 56px;} .hero2__meta > .e-con{ width:auto;flex:0 0 auto; padding:4px 44px;align-items:center;text-align:center; border-left:1px solid var(--v2-bronze-line-soft); } .hero2__meta > .e-con:first-child{border-left:0;} .hero2__meta .lbl{ font-size:11px;font-weight:400;letter-spacing:.3em;text-transform:uppercase; color:var(--v2-champagne);margin-bottom:6px; } .hero2__meta .val p{ font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--v2-ivory-dim); } /* ============================================================ HOME — LA MAISON ============================================================ */ .lav2-maison.e-con{ position:relative;padding:150px 8vw 130px; background:linear-gradient(to bottom, var(--v2-olive-800), var(--v2-olive-900)); } .lav2-maison::after{ content:"";position:absolute;inset:44px 54px; border:1px solid var(--v2-bronze-line);pointer-events:none; } .maison2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .maison2__logos{margin-bottom:34px;width:auto;} .maison2__logos img{height:96px;width:auto !important;opacity:.9;} .lav2-maison.e-con h2{ font-family:var(--v2-serif);font-weight:400; /* Prata réduite (elle paraissait plus grosse que l'italique) + interligne resserré */ font-size:clamp(34px,3.2vw,48px);line-height:1.18; color:var(--v2-ivory);max-width:820px;margin:0 auto; } .maison2__body{max-width:640px;} .maison2__body p{font-size:16.5px;color:var(--v2-ivory-dim);line-height:1.85;} /* ============================================================ HOME — LA JOURNÉE ============================================================ */ /* fond plus sombre que les sections voisines : apporte du rythme, et les cellules olive-900 se détachent (retour client 15/07) */ .lav2-jour.e-con{padding:130px 8vw;background:var(--v2-olive-950);} .jour2.e-con{width:100%;padding:0;align-items:center;} .jour2 > .v2-eyebrow{text-align:center;margin-bottom:60px;} .jour2__grid.e-con{ display:grid !important;grid-template-columns:repeat(3,1fr);gap:1px; background:var(--v2-bronze-line-soft);border:1px solid var(--v2-bronze-line-soft); padding:0;width:100%;max-width:1240px; } .jour2__cell.e-con{background:var(--v2-olive-900);padding:60px 44px;align-items:center;text-align:center;} .jour2__cell .num{ font-family:var(--v2-serif);font-size:15px;color:#e0703f;letter-spacing:.1em; } .jour2__cell h3{ font-family:var(--v2-serif);font-weight:400;font-size:30px; color:var(--v2-ivory);margin:18px 0 6px;line-height:1.2; } .jour2__cell .hours{ font-size:11px;letter-spacing:.3em;text-transform:uppercase; color:var(--v2-champagne);margin-bottom:22px; } .jour2__cell p{font-size:14.5px;color:var(--v2-ivory-dim);line-height:1.75;} /* ============================================================ HOME — GALERIE ============================================================ */ .lav2-galerie.e-con{padding:40px 8vw 150px;background:var(--v2-olive-900);align-items:center;} .galerie2__head.e-con{align-items:center;text-align:center;margin-bottom:70px;padding:0;} .galerie2__head .v2-eyebrow{margin-bottom:22px;} .lav2-galerie.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(34px,3.2vw,48px);line-height:1.25; color:var(--v2-ivory);max-width:760px;margin:0 auto; } .lav2-galerie.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .galerie2__grid.e-con{ display:grid !important;grid-template-columns:repeat(12,1fr);grid-auto-rows:56px; gap:26px;max-width:1240px;width:100%;margin:0 auto;padding:0; } /* cadres façon « photo encadrée » : marge uniforme beige doux (passe-partout), fin filet de cadre, liseré intérieur, ombre douce, léger soulèvement au survol */ /* retour client 16/07 : plus de passe-partout clair autour des photos — la photo remplit son cadre, seule l'ombre douce reste */ .galerie2__grid > .e-con{ position:relative;padding:0;height:100%;overflow:hidden;cursor:zoom-in; box-shadow:0 8px 20px rgba(15,17,12,.26); transition:transform .4s var(--v2-ease), box-shadow .4s var(--v2-ease), opacity 1s var(--v2-ease); } .galerie2__grid > .e-con:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(15,17,12,.36);} .galerie2__grid .lav2-imgrv{clip-path:none !important;} /* la photo remplit le cadre à 10px EXACTS de chaque côté → marges égales garanties (l'ancien flex ne centrait pas verticalement : marge haute ≠ basse) */ .galerie2__grid > .e-con .elementor-widget-image{ position:absolute;inset:0;width:auto;height:auto;overflow:hidden; transform:none !important; /* neutralise la montée .lav2-rv qui décalait la photo */ } /* voile terracotta (révélation « développement »), masqué par défaut */ .galerie2__grid > .e-con .elementor-widget-image::after{ content:"";position:absolute;inset:0;z-index:3;pointer-events:none; background:linear-gradient(140deg,var(--v2-terra) 0%,var(--v2-terra-deep) 100%); opacity:0;transition:opacity 1.25s var(--v2-ease); } /* mur de cadres harmonieux : 3 colonnes de même largeur, hauteurs variées (portrait / carré / paysage) et léger décalage diagonal entre colonnes. */ .galerie2__grid > .g1{grid-column:1/5;grid-row:1/7;} .galerie2__grid > .g6{grid-column:1/5;grid-row:8/14;} .galerie2__grid > .g2{grid-column:5/9;grid-row:1/6;} .galerie2__grid > .g4{grid-column:5/9;grid-row:6/10;} .galerie2__grid > .g7{grid-column:5/9;grid-row:10/15;} .galerie2__grid > .g3{grid-column:9/13;grid-row:2/7;} .galerie2__grid > .g5{grid-column:9/13;grid-row:7/12;} .galerie2__grid > .g8{grid-column:9/13;grid-row:12/16;} .galerie2__grid .elementor-widget-image, .galerie2__grid .elementor-widget-image .elementor-widget-container{height:100%;width:100%;} .galerie2__grid img{width:100%;height:100%;object-fit:cover;display:block;} .galerie2__cap.e-con{ flex-direction:row !important;justify-content:space-between; max-width:1240px;width:100%;margin:26px auto 0;padding:0; } .galerie2__cap .elementor-widget{width:auto;} .galerie2__cap p{ font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--v2-ivory-dim); } /* lien Instagram @lantiquaire.vannes (icône + texte) */ .lav2-insta{display:inline-flex;align-items:center;gap:8px;color:var(--v2-champagne); text-decoration:none;transition:color .25s var(--v2-ease);} .lav2-insta::before{content:"";width:15px;height:15px;flex:none;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='5.4'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.6' cy='6.4' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='5.4'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.6' cy='6.4' r='1.2' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;} .lav2-insta:hover{color:var(--v2-ivory);} /* ============================================================ HOME — LA CARTE (spécialités · fond crème) ============================================================ */ .lav2-carte.e-con{background:var(--v2-cream);color:var(--v2-ink);padding:150px 8vw;} .carte2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .carte2 .v2-eyebrow{color:var(--v2-terra);} .carte2 .v2-div .elementor-divider-separator{border-top-color:var(--v2-terra) !important;} .lav2-carte.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(38px,3.6vw,54px);line-height:1.25;color:var(--v2-ink);margin:0; } .lav2-carte.e-con h2 em{font-style:italic;color:var(--v2-terra);} .carte2__intro{max-width:620px;margin-top:26px;} .carte2__intro p{color:rgba(55,57,46,.78);font-size:16.5px;line-height:1.8;} .spec2__row.e-con{ display:grid !important;grid-template-columns:repeat(4,1fr);gap:26px; max-width:1180px;width:100%;margin:90px auto 0;align-items:end;text-align:left;padding:0; } .spec2__item.e-con{position:relative;padding:0;align-items:flex-start;} .spec2__item:nth-child(2){margin-bottom:56px;} .spec2__item:nth-child(4){margin-bottom:40px;} .spec2__item .tag{ position:absolute;top:-14px;left:18px;z-index:3;width:auto; background:var(--v2-terra);color:#f8f1e8; font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:500; padding:8px 16px; } .spec2__img.e-con{aspect-ratio:3/4;width:100%;position:relative;padding:0;overflow:hidden;} .spec2__img::after{content:"";position:absolute;inset:10px;border:1px solid rgba(55,57,46,.25);pointer-events:none;z-index:2;} .spec2__img .elementor-widget-image, .spec2__img .elementor-widget-image .elementor-widget-container{height:100%;width:100%;} .spec2__img img{width:100%;height:100%;object-fit:cover;display:block;} .spec2__item h3{ font-family:var(--v2-serif);font-weight:400;font-size:21px; color:var(--v2-ink);margin:20px 0 0; } .spec2__item p{font-size:13.5px;color:rgba(55,57,46,.74);margin-top:6px;} /* ex-encart « La carte change tous les 10 jours. » : le titre/texte ont été retirés (post 10) — il ne reste que la rangée des deux boutons CTA */ .carte2__ig.e-con{ margin:64px auto 0;max-width:760px;width:100%; border:none;padding:0; position:relative;align-items:center;text-align:center; } .carte2__ig::after{display:none;} .carte2__ig .elementor-widget-button{position:relative;z-index:2;} /* les deux CTA en couleur : « Feuilleter la carte » plein terracotta, « @lantiquaire.vannes » contour terracotta */ .carte2__ig .elementor-widget-button:nth-child(1) .elementor-button{ background:var(--v2-terra) !important;border:1px solid var(--v2-terra) !important; color:#f8f1e8 !important; } .carte2__ig .elementor-widget-button:nth-child(1) .elementor-button:hover{ background:var(--v2-terra-deep) !important;border-color:var(--v2-terra-deep) !important; } .carte2__ig .elementor-widget-button:nth-child(2) .elementor-button{ background:transparent !important;border:1px solid var(--v2-terra) !important; color:var(--v2-terra) !important; } .carte2__ig .elementor-widget-button:nth-child(2) .elementor-button:hover{ background:var(--v2-terra) !important;color:#f8f1e8 !important; } /* ============================================================ HOME — LA TERRASSE ============================================================ */ .lav2-terrasse.e-con{position:relative;min-height:860px;padding:0;justify-content:flex-end;} .lav2-terrasse::before{ content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(to bottom, rgba(44,47,39,.15), rgba(44,47,39,0) 35%, var(--v2-terra-deep) 97%); } .lav2-terrasse > .e-con{position:relative;z-index:2;} .terrasse2__content.e-con{ display:grid !important;grid-template-columns:1fr 1px 1fr;gap:38px;align-items:center; max-width:1280px;width:100%;margin:0 auto;padding:200px 6vw 80px; } .lav2-terrasse.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(34px,3.6vw,52px);line-height:1.18;color:var(--v2-ivory);margin:0; } .lav2-terrasse.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .terrasse2__content > .divider.e-con{ background:linear-gradient(to bottom, transparent, var(--v2-champagne), transparent); width:1px;height:260px;min-height:260px;padding:0; } .terrasse2__facts.e-con{padding:0;align-items:flex-start;text-align:left;} .terrasse2__facts .big{ font-family:var(--v2-serif);font-size:clamp(30px,2.6vw,40px); color:var(--v2-ivory);margin:18px 0 4px; } .terrasse2__facts .sub{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--v2-ivory-dim);} .terrasse2__facts p{color:var(--v2-ivory-dim);font-size:15px;margin-top:22px;max-width:380px;line-height:1.8;} /* ============================================================ HOME — INFOS & RÉSERVATION ============================================================ */ .lav2-infos.e-con{ padding:130px 6vw 150px; background:linear-gradient(to bottom, var(--v2-terra-deep) 0%, rgba(156,68,35,.5) 36%, var(--v2-olive-800) 86%); } .infos2__wrap.e-con{ display:grid !important;grid-template-columns:1fr 1fr;gap:80px; max-width:1280px;width:100%;margin:0 auto;padding:0; } .infos2__wrap > .e-con{padding:0;align-items:flex-start;text-align:left;justify-content:center;} .infos2__block.e-con{padding:0;align-items:flex-start;text-align:left;} .lav2-infos.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(34px,3.2vw,48px);line-height:1.2;color:var(--v2-ivory); margin:20px 0 24px; } .infos2__block p{color:rgba(244,239,228,.85);font-size:15.5px;max-width:460px;line-height:1.8;} .practical2{margin-top:56px;} .practical2 p{font-size:14.5px;color:rgba(244,239,228,.85);line-height:2;margin:0;} .practical2 strong{ color:#f2d8c6;font-weight:400;font-size:11px;letter-spacing:.32em; text-transform:uppercase;display:block;margin:26px 0 6px; } .practical2 p:first-child strong{margin-top:0;} .practical2 a{color:inherit;border-bottom:1px solid var(--v2-bronze-line);text-decoration:none;} .resa2.e-con{ background:var(--v2-olive-950);padding:70px 60px; position:relative;align-items:flex-start;text-align:left;justify-content:center; } .resa2::after{content:"";position:absolute;inset:12px;border:1px solid var(--v2-bronze-line);pointer-events:none;} .resa2 > .elementor-widget, .resa2 > .e-con{position:relative;z-index:2;} .resa2__services.e-con{flex-direction:row !important;column-gap:48px;margin:10px 0 36px;padding:0;} .resa2__services > .e-con{width:auto;flex:0 0 auto;padding:0;align-items:flex-start;} .resa2__svc .lbl{ font-size:10.5px;letter-spacing:.3em;text-transform:uppercase; color:var(--v2-champagne);margin-bottom:8px; } .resa2__svc .val{font-family:var(--v2-serif);font-size:24px;color:var(--v2-ivory);} .resa2__small{margin-top:26px;} .resa2__small p{font-size:12.5px;color:var(--v2-ivory-dim);letter-spacing:.04em;} /* ============================================================ FOOTER — template post 17 ============================================================ */ .lav2-footer.e-con{background:var(--v2-olive-950);padding:110px 8vw 48px;} .footer2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .footer2__logo{margin-bottom:26px;width:auto;} .footer2__logo img{height:150px;width:auto !important;opacity:.95;} .footer2__sig{margin-bottom:60px;width:auto;} .footer2__sig img{height:44px;width:auto !important;opacity:.85;} .footer2__cols.e-con{ flex-direction:row !important;justify-content:center;column-gap:70px;row-gap:34px; flex-wrap:wrap;margin-bottom:70px;padding:0;width:100%; } .footer2__cols .elementor-widget{width:auto;} .footer2__col p{font-size:13px;color:var(--v2-ivory-dim);line-height:1.8;} .footer2__col strong{ display:block;font-weight:400;font-size:11px;letter-spacing:.34em; text-transform:uppercase;color:var(--v2-champagne);margin-bottom:14px; } .footer2__col a{color:inherit;text-decoration:none;transition:color .25s ease;} .footer2__col a:hover{color:var(--v2-champagne);} .footer2__legal.e-con{ flex-direction:row !important;justify-content:space-between;flex-wrap:wrap;row-gap:10px; border-top:1px solid var(--v2-bronze-line-soft);padding:34px 0 0;width:100%; } .footer2__legal .elementor-widget{width:auto;} .footer2__legal p{font-size:11px;letter-spacing:.06em;color:rgba(244,239,228,.42);} .footer2__legal a{color:inherit;text-decoration:none;} /* ============================================================ PAGE LA CARTE ============================================================ */ .lav2-pagehero.e-con{padding:230px 8vw 90px;} .pagehero2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .lav2-pagehero.e-con h1{ font-family:var(--v2-serif);font-weight:400; /* Prata réduite : elle dominait l'italique Cormorant voisine */ font-size:clamp(40px,4vw,60px);line-height:1.15;color:var(--v2-ivory);margin:0; } .lav2-pagehero.e-con h1 .caps{ display:block;font-family:var(--v2-sans);font-weight:200;letter-spacing:.4em; text-transform:uppercase;font-size:.34em;color:var(--v2-ivory-dim);margin-bottom:.5em; } .lav2-pagehero.e-con h1 em{font-style:italic;color:var(--v2-champagne);} .pagehero2 .elementor-widget-text-editor{max-width:560px;margin-top:16px;} .pagehero2 p{color:var(--v2-ivory-dim);font-size:16px;line-height:1.8;} .lav2-ignote.e-con{padding:0 8vw 110px;align-items:center;} .ignote2.e-con{ max-width:860px;width:100%;margin:0 auto; border:1px solid var(--v2-bronze-line);padding:36px 48px; flex-direction:row !important;align-items:center;justify-content:space-between; column-gap:30px;row-gap:22px;flex-wrap:wrap;position:relative; } .ignote2::after{content:"";position:absolute;inset:7px;border:1px solid var(--v2-bronze-line-soft);pointer-events:none;} .ignote2 .elementor-widget-text-editor{width:auto;max-width:480px;} .ignote2 p{font-size:14.5px;color:var(--v2-ivory-dim);line-height:1.8;text-align:left;} .ignote2 p strong{color:var(--v2-champagne);font-weight:400;} .ignote2 .elementor-widget-button{position:relative;z-index:2;} .lav2-menu.e-con{padding:0 8vw 40px;align-items:center;} .menu2.e-con{max-width:820px;width:100%;margin:0 auto;padding:0;} .menu2__section.e-con{margin-bottom:110px;align-items:center;text-align:center;padding:0;} .lav2-menu.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(32px,3vw,44px);color:var(--v2-ivory);margin:14px 0 0;line-height:1.25; } .lav2-menu.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .menu2__items.e-con{margin-top:56px;width:100%;padding:0;} .menu2__items > .item.e-con{ display:grid !important;grid-template-columns:1fr auto;gap:24px;align-items:center; padding:26px 0;border-bottom:1px solid var(--v2-bronze-line-soft);width:100%; } .menu2__items > .item:first-child{border-top:1px solid var(--v2-bronze-line-soft);} .menu2__items .item > .e-con{padding:0;align-items:flex-start;text-align:left;} .menu2__items .item h3{ font-family:var(--v2-serif);font-weight:400;font-size:21px; color:var(--v2-ivory);margin:0; } .menu2__items .item p{font-size:13.5px;color:var(--v2-ivory-dim);margin-top:6px;max-width:520px;text-align:left;} .menu2__items .badge{ width:auto;justify-self:end; font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:500; color:#d97040;border:1px solid rgba(216,112,64,.5);padding:7px 14px;white-space:nowrap; } .menu2__items .badge--gold{color:var(--v2-champagne);border-color:var(--v2-bronze-line);} .lav2-tea.e-con{background:var(--v2-cream);color:var(--v2-ink);padding:130px 8vw;margin-top:70px;} .tea2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .tea2 .v2-eyebrow{color:var(--v2-terra);} .lav2-tea.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(34px,3.2vw,48px);color:var(--v2-ink);margin:14px 0 0;line-height:1.25; } .lav2-tea.e-con h2 em{font-style:italic;color:var(--v2-terra);} .tea2__lede{max-width:560px;margin-top:26px;} .tea2__lede p{color:rgba(55,57,46,.78);font-size:16px;line-height:1.8;} .tea2__grid.e-con{ display:grid !important;grid-template-columns:repeat(3,1fr);gap:1px; max-width:960px;width:100%;margin:70px auto 0; background:rgba(55,57,46,.2);border:1px solid rgba(55,57,46,.2);padding:0; } .tea2__cell.e-con{background:var(--v2-cream);padding:44px 30px;align-items:center;text-align:center;} .tea2__cell h3{font-family:var(--v2-serif);font-weight:400;font-size:20px;color:var(--v2-terra);margin:0;} .tea2__cell p{font-size:13.5px;margin-top:10px;color:rgba(55,57,46,.78);} .tea2__img.e-con{max-width:960px;width:100%;margin:70px auto 0;position:relative;padding:0;overflow:hidden;} .tea2__img::after{display:none;} .tea2__img img{width:100%;height:420px;object-fit:cover;object-position:center 30%;display:block;} .lav2-resa.e-con{padding:130px 8vw;} .resapage2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .lav2-resa.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(34px,3.2vw,48px);color:var(--v2-ivory);margin:14px 0 16px;line-height:1.25; } .lav2-resa.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .resapage2__services.e-con{flex-direction:row !important;justify-content:center;column-gap:56px;margin:36px 0 44px;padding:0;} .resapage2__services > .e-con{width:auto;flex:0 0 auto;padding:0;align-items:center;} .resapage2__svc .lbl{ font-size:11px;letter-spacing:.3em;text-transform:uppercase; color:var(--v2-champagne);margin-bottom:10px; } .resapage2__svc .val{font-family:var(--v2-serif);font-size:22px;color:var(--v2-ivory);} /* ============================================================ BOOKBAR — re-skin v2 (barre de résa de functions.php) ============================================================ */ .lantiquaire-bookbar{ background:var(--v2-olive-950) !important; border:1px solid var(--v2-bronze-line) !important; } .lantiquaire-bookbar__field{color:var(--v2-ivory) !important;} .lantiquaire-bookbar__label{color:var(--v2-champagne) !important;} .lantiquaire-bookbar__submit{background:var(--v2-terra) !important;color:#f8f1e8 !important;} .lantiquaire-bookbar__submit:hover{background:var(--v2-terra-deep) !important;} .lantiquaire-bookbar__popup{ background:var(--v2-olive-950) !important; border:1px solid var(--v2-bronze-line) !important; color:var(--v2-ivory) !important; } /* ============================================================ ANIMATIONS — reveals doux (pilotés par lantiquaire-v2.js) ============================================================ */ @media (prefers-reduced-motion: no-preference){ .lav2-rv{ opacity:0;transform:translateY(22px);filter:blur(5px); /* !important : une règle globale v1 (.elementor-widget{transition:...transform}) écrasait la nôtre et n'animait QUE le transform, pas l'opacité → montée sans fondu */ transition:opacity .9s var(--v2-ease), transform 1s var(--v2-ease), filter .9s var(--v2-ease) !important; will-change:opacity,transform,filter; } .lav2-rv.is-in{opacity:1 !important;transform:none !important;filter:blur(0) !important;} /* Galerie : révélation douce du CADRE ENTIER (fondu) + voile terracotta qui se dissipe, façon photo qui « se développe ». (Le clip-path est neutralisé plus haut car il créait des marges inégales H/V.) */ .galerie2__grid > .e-con{opacity:0;} .galerie2__grid > .e-con.is-in{opacity:1;} .galerie2__grid > .e-con .elementor-widget-image::after{opacity:.55;} .galerie2__grid > .e-con.is-in .elementor-widget-image::after{opacity:0;} .lav2-imgrv{clip-path:inset(6% 6% 6% 6%);transition:clip-path 1.35s var(--v2-ease);} .lav2-imgrv.is-in{clip-path:inset(0 0 0 0);} .lav2-imgrv img{transform:scale(1.06);transition:transform 1.8s var(--v2-ease);} .lav2-imgrv.is-in img{transform:scale(1);} .galerie2__grid img, .spec2__img img, .tea2__img img{ transition:transform 1.7s var(--v2-ease); } .galerie2__grid > .e-con:hover img, .spec2__img:hover img, .tea2__img:hover img{transform:scale(1.045);} } /* ============================================================ RESPONSIVE ============================================================ */ @media (max-width:980px){ .lav2-nav .nav2.e-con{grid-template-columns:1fr auto;padding:16px 22px 12px;} .nav2__links.e-con{display:none;} .nav2__logo .mono img{height:64px;} .nav2__logo .sig img{display:none;} .lav2-hero.e-con{min-height:760px;} .hero2__content.e-con{padding:150px 6vw 60px;} .hero2__meta > .e-con{padding:4px 20px;} .lav2-maison::after{inset:20px 18px;} .lav2-maison.e-con{padding:110px 9vw 100px;} .jour2__grid.e-con{grid-template-columns:1fr;} /* galerie : la grille faisait se chevaucher les cadres sur petit écran → carrousel horizontal (marquee auto via JS .la-mq, repli balayage tactile) */ .lav2-galerie.e-con{overflow:hidden;} .galerie2__grid.e-con{ display:flex !important;flex-wrap:nowrap; grid-template-columns:none;grid-auto-rows:auto;gap:0; overflow-x:auto;overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;scrollbar-width:none; padding:8px 6vw 26px;max-width:none; } .galerie2__grid.e-con::-webkit-scrollbar{display:none;} .galerie2__grid > .e-con, .galerie2__grid > .g1,.galerie2__grid > .g2,.galerie2__grid > .g3, .galerie2__grid > .g4,.galerie2__grid > .g5,.galerie2__grid > .g6, .galerie2__grid > .g7,.galerie2__grid > .g8{ grid-column:auto;grid-row:auto; flex:0 0 58vw;width:58vw;height:64vw;margin-right:14px; opacity:1 !important;transform:none !important; } /* marquee actif (classe posée par lantiquaire-v2.js) : le rail s'étire et défile en continu, le conteneur de section masque le débordement */ .galerie2__grid.la-mq{overflow:visible;width:max-content !important;padding-left:0;padding-right:0;will-change:transform;} .spec2__row.e-con{grid-template-columns:1fr 1fr;} .spec2__item:nth-child(2),.spec2__item:nth-child(4){margin-bottom:0;} .carte2__ig.e-con{padding:40px 26px;} .terrasse2__content.e-con{grid-template-columns:1fr;padding:150px 6vw 70px;} .terrasse2__content > .divider.e-con{display:none;} .infos2__wrap.e-con{grid-template-columns:1fr;gap:60px;} .resa2.e-con{padding:50px 30px;} .lav2-pagehero.e-con{padding:170px 6vw 70px;} .menu2__items > .item.e-con{grid-template-columns:1fr;gap:12px;} .menu2__items .badge{justify-self:start;} .tea2__grid.e-con{grid-template-columns:1fr;} } /* ============================================================ MOBILE (≤680) — hero plus contenu + galerie en carrousel ============================================================ */ @media (max-width:680px){ /* titre du hero : plus compact sur téléphone */ .lav2-hero.e-con h1{font-size:clamp(33px,9.4vw,44px);line-height:1.2;} .hero2__sub{margin-top:30px;} .hero2__content .v2-eyebrow{margin-bottom:30px !important;} /* galerie : gérée par le carrousel/marquee du bloc ≤980 ; cartes un peu plus grandes sur téléphone */ .galerie2__grid > .e-con, .galerie2__grid > .g1,.galerie2__grid > .g2,.galerie2__grid > .g3, .galerie2__grid > .g4,.galerie2__grid > .g5,.galerie2__grid > .g6, .galerie2__grid > .g7,.galerie2__grid > .g8{ flex:0 0 72vw;width:72vw;height:82vw; } .galerie2__grid > .e-con .elementor-widget-image::after{opacity:0 !important;} /* pas de voile terra */ } /* ============================================================ PAGES INTÉRIEURES V2 (06/07/2026) — split éditorial, CTA band, plats de la semaine, formulaires, mentions, flipbook ============================================================ */ /* --- Split éditorial 2 colonnes --- */ .lav2-split.e-con{padding:70px 8vw;} .split2.e-con{ display:grid !important;grid-template-columns:1fr 1fr;gap:80px;align-items:center; max-width:1240px;width:100%;margin:0 auto;padding:0; } .split2__media.e-con{padding:0;position:relative;overflow:hidden;aspect-ratio:4/5;max-height:640px;} /* liseré ivoire retiré (retour client 16/07) */ .split2__media::after{display:none;} .split2__media .elementor-widget-image, .split2__media .elementor-widget-image .elementor-widget-container{height:100%;width:100%;} .split2__media img{width:100%;height:100%;object-fit:cover;display:block;} .split2__ph.e-con{aspect-ratio:4/5;max-height:640px;} .split2__text.e-con{padding:0;align-items:flex-start;text-align:left;} .lav2-split.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(32px,3.2vw,46px);line-height:1.25;color:var(--v2-ivory); margin:18px 0 24px; } .lav2-split.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .split2__text p{color:var(--v2-ivory-dim);font-size:15.5px;line-height:1.85;max-width:480px;margin-bottom:14px;} .split2__text p:last-child{margin-bottom:0;} .split2__text .elementor-widget-button{margin-top:28px;} .speclist2 p strong{color:var(--v2-ivory);font-weight:400;font-family:var(--v2-serif);font-size:17px;} /* --- Bande CTA réservation --- */ .lav2-cta.e-con{ padding:120px 8vw;margin-top:60px; background:linear-gradient(to bottom, transparent, rgba(44,47,39,.5)); border-top:1px solid var(--v2-bronze-line-soft); } .cta2.e-con{align-items:center;text-align:center;width:100%;padding:0;} .lav2-cta.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(34px,3.4vw,52px);color:var(--v2-ivory);margin:14px 0 0;line-height:1.25; } .lav2-cta.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .cta2__btns.e-con{flex-direction:row !important;column-gap:18px;row-gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px;padding:0;} /* --- Plats de la semaine (page La Cuisine) --- */ .lav2-semaine.e-con{padding:90px 8vw;background:var(--v2-olive-900);} .semaine2.e-con{align-items:center;text-align:center;width:100%;max-width:820px;margin:0 auto;padding:0;} .lav2-semaine.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(32px,3vw,44px);color:var(--v2-ivory);margin:14px 0 0;line-height:1.25; } .lav2-semaine.e-con h2 em{font-style:italic;color:var(--v2-champagne);} .semaine2__note{margin-top:18px;} .semaine2__note p{font-size:13px;color:var(--v2-ivory-dim);font-style:italic;} .lav2-semaine .menu2__items{margin-top:48px;} .lav2-semaine .item h3{font-family:var(--v2-serif);font-weight:400;font-size:21px;color:var(--v2-ivory);margin:0;} .lav2-semaine .item p{font-size:13.5px;color:var(--v2-ivory-dim);margin-top:6px;text-align:left;} /* --- Accès (page Le Lieu) --- */ .lav2-acces.e-con{padding:90px 8vw 40px;} .acces2.e-con{align-items:center;text-align:center;width:100%;max-width:720px;margin:0 auto;padding:0;} .lav2-acces.e-con h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(30px,2.8vw,40px);color:var(--v2-ivory);margin:14px 0 24px; } .lav2-acces .practical2{margin-top:0;} .lav2-acces .practical2 p{text-align:center;} .lav2-acces .practical2 strong{margin-top:20px;} /* --- Formulaires (Elementor Pro Form, classe v2-form) --- */ .v2-form{width:100%;} .v2-form .elementor-field-group{margin-bottom:18px;} .v2-form label.elementor-field-label{ font-family:var(--v2-sans);font-size:11px;font-weight:400; letter-spacing:.3em;text-transform:uppercase;color:var(--v2-champagne); margin-bottom:8px; } .v2-form .elementor-field-textual, .v2-form select.elementor-field-textual{ background:rgba(44,47,39,.55); border:1px solid var(--v2-bronze-line);border-radius:0; color:var(--v2-ivory);font-family:var(--v2-sans);font-weight:300;font-size:14.5px; padding:14px 16px;box-shadow:none; } .v2-form .elementor-field-textual::placeholder{color:rgba(244,239,228,.35);} .v2-form .elementor-field-textual:focus{ border-color:var(--v2-champagne);outline:none; background:rgba(44,47,39,.75); } .v2-form select.elementor-field-textual option{background:var(--v2-olive-950);color:var(--v2-ivory);} .v2-form .elementor-field-type-submit{margin-top:10px;} .v2-form .elementor-button{ background:var(--v2-terra);border:1px solid var(--v2-terra);border-radius:0; color:#f8f1e8;font-family:var(--v2-sans);font-weight:400;font-size:12.5px; letter-spacing:.28em;text-transform:uppercase;padding:18px 34px;box-shadow:none; transition:all .35s var(--v2-ease); } .v2-form .elementor-button:hover{background:var(--v2-terra-deep);border-color:var(--v2-terra-deep);} .v2-form .elementor-message-success{color:var(--v2-champagne);font-size:14px;} .v2-form .elementor-message-danger{color:#e0703f;font-size:13px;} /* Page Réserver */ .lav2-form.e-con{padding:20px 8vw 130px;} .formresa2.e-con{align-items:center;width:100%;max-width:720px;margin:0 auto;padding:0;} .notice2{margin:34px 0 44px;max-width:640px;} .notice2 p{ border:1px solid var(--v2-bronze-line);padding:20px 26px; font-size:13.5px;color:var(--v2-ivory-dim);line-height:1.8;text-align:center; } .notice2 strong{color:var(--v2-champagne);font-weight:400;} .formresa2 .resa2__small{margin-top:30px;} .formresa2 .resa2__small p{text-align:center;} .formresa2 .resa2__small a{color:var(--v2-champagne);text-decoration:none;border-bottom:1px solid var(--v2-bronze-line);} /* Carte résa/formulaire sombre (Nous trouver) */ .form2.e-con{align-items:stretch;} .form2 .elementor-widget-text-editor p{color:rgba(244,239,228,.85);font-size:14.5px;line-height:1.8;margin-bottom:26px;} /* --- Mentions légales --- */ .lav2-mentions.e-con{padding:20px 8vw 130px;} .mentions2.e-con{max-width:720px;width:100%;margin:0 auto;align-items:flex-start;text-align:left;padding:0;} .mention2__h{margin-top:44px;} .lav2-mentions.e-con h2{ font-family:var(--v2-serif);font-weight:400;font-size:24px; color:var(--v2-champagne);margin:0 0 12px; } .mentions2 p{color:var(--v2-ivory-dim);font-size:14.5px;line-height:2;} .mentions2 a{color:var(--v2-champagne);text-decoration:none;border-bottom:1px solid var(--v2-bronze-line);} /* --- Flipbook (page La Carte) --- */ .lav2-flip.e-con{padding:0 5vw 70px;align-items:center;} .lav2-flip .elementor-widget{width:100%;} /* --- Responsive pages intérieures --- */ @media (max-width:980px){ .split2.e-con{grid-template-columns:1fr;gap:40px;} .split2__media.e-con,.split2__ph.e-con{aspect-ratio:4/3;max-height:420px;} .lav2-split.e-con{padding:50px 6vw;} .lav2-cta.e-con{padding:90px 6vw;} .lav2-form.e-con,.lav2-mentions.e-con{padding-bottom:100px;} .v2-form .elementor-field-group{width:100% !important;} } /* ============================================================ HEADER round 3 — liens beige sans ombrage, monogramme seul, « Nous trouver » à droite avec le bouton Réserver ============================================================ */ .nav2__links .elementor-item{ color:var(--v2-champagne) !important; text-shadow:none !important; } .nav2__links .elementor-item:hover, .nav2__links .elementor-item.elementor-item-active{color:var(--v2-ivory) !important;} .nav2__cta .elementor-button{text-shadow:none;} /* lien texte « Nous trouver » dans la zone droite */ .elementor-widget-button.nav2__navlink{width:auto;} .nav2__navlink .elementor-button{ background:transparent;border:none;border-radius:0;box-shadow:none;padding:0; color:var(--v2-champagne);font-family:var(--v2-sans);font-size:12px;font-weight:500; letter-spacing:.26em;text-transform:uppercase;text-shadow:none; transition:color .25s ease; } .nav2__navlink .elementor-button:hover{background:transparent;color:var(--v2-ivory);} /* monogramme seul, un peu plus contenu */ .nav2__logo .mono img{height:86px;} @media (max-width:980px){ .nav2__navlink{display:none;} .nav2__logo .mono img{height:60px;} } /* ============================================================ ROUND 4 — hero diaporama + parallax doux ============================================================ */ .lav2-hero.e-con{overflow:hidden;} .lav2-hero .elementor-background-slideshow{ will-change:transform; transform:scale(1.12); /* marge pour le parallax, avant le premier scroll */ } /* le fondu Ken Burns d'Elementor s'anime sur les slides internes : compatible avec la translation du calque parent */ .lav2-terrasse.e-con{will-change:background-position;} /* ============================================================ ROUND 6 — fourchette de prix (page La Carte) + contrastes ============================================================ */ .carteprix2{margin-top:26px;} .carteprix2 p{ font-size:12.5px;letter-spacing:.14em;text-transform:uppercase; color:var(--v2-champagne); border:1px solid var(--v2-bronze-line-soft); display:inline-block;padding:12px 22px; } /* légende footer horaires sur 2 lignes */ .footer2__col p br + strong{margin-top:10px;} /* ============================================================ ROUND 7 — header : icône téléphone + burger/Réserver mobile ============================================================ */ /* Zone gauche : menu à gauche, téléphone collé au logo */ .nav2__links.e-con{ flex-direction:row !important;align-items:center; } /* Téléphone : MOBILE UNIQUEMENT — carré, même gabarit que le burger */ .elementor-widget-button.nav2__tel{display:none;width:auto;} .nav2__tel .elementor-button{ width:48px;height:48px;padding:0;box-shadow:none; display:inline-flex;align-items:center;justify-content:center; background:transparent; border:1px solid rgba(191,182,169,.35);border-radius:0; color:#f9f6f1;text-shadow:none; transition:all .35s var(--v2-ease); } .nav2__tel .elementor-button:hover{ background:rgba(249,246,241,.06);border-color:rgba(191,182,169,.6);color:#f9f6f1; } .nav2__tel .elementor-button-icon{display:flex;} .nav2__tel .elementor-button-icon i{font-size:15px;} .nav2__tel .elementor-button-icon svg{width:15px;height:15px;fill:currentColor;} .nav2__tel .elementor-button-text:empty{display:none;} @media (max-width:980px){ /* le container gauche reste visible : seul le menu disparaît (burger en relais) */ .nav2__links.e-con{display:flex !important;padding-right:0;justify-content:flex-start;} .nav2__links .elementor-widget-nav-menu{display:none;} .elementor-widget-button.nav2__tel{display:block;} /* le burger v1 n'apparaissait qu'à 900px → aligné sur notre breakpoint. z-index : la barre .lav2-nav est fixée à 9990 → le burger (v1: z 120) passait DESSOUS et les clics n'arrivaient jamais au bouton. L'overlay mobile (v1: z 115) doit lui aussi passer au-dessus de la barre. top/right : alignés sur l'icône téléphone (padding nav 16px, rangée 60px → centre à 46px ; 46 - 24 = top 22px, bord droit = padding nav 22px). */ .lantiquaire-burger{display:flex !important;top:22px !important;right:22px !important;z-index:9996 !important; background:rgba(30,32,25,.35) !important;border:1px solid rgba(191,182,169,.35) !important;} .lantiquaire-burger span{background:#f9f6f1 !important;} .lantiquaire-mobile-nav{z-index:9995 !important;} /* téléphone : FIXE en miroir du burger (même top/gabarit) au lieu de suivre la rangée du header → alignement pixel-perfect, et il reste visible comme le burger quand le header se masque au scroll */ .elementor-widget-button.nav2__tel{position:fixed;top:22px;left:22px;z-index:9996;margin:0;} .nav2__tel .elementor-button{ width:48px !important;height:48px !important;padding:0 !important; background:rgba(30,32,25,.35) !important; border:1px solid rgba(191,182,169,.35) !important;border-radius:0 !important; color:#f9f6f1 !important; } .nav2__tel .elementor-button::before{background-color:#f9f6f1 !important;} /* grille mobile : [téléphone | logo centré | Réserver] */ .lav2-nav .nav2.e-con{grid-template-columns:1fr auto 1fr;} .nav2__logo{justify-self:center;} /* laisser la place au burger fixe (48px + marge) à droite */ .nav2__right.e-con{justify-self:end;width:auto;margin-right:72px;} .nav2__cta .elementor-button{padding:12px 18px;font-size:11px;letter-spacing:.2em;} } @media (max-width:400px){ .nav2__cta .elementor-button{padding:11px 12px;letter-spacing:.12em;} .nav2__right.e-con{margin-right:66px;} } /* ============================================================ Bandeau Instagram au-dessus du footer — 6 photos carrées en marquee continu (défilement JS dans lantiquaire-v2.js), chaque photo lie vers @lantiquaire.vannes ============================================================ */ .lav2-igstrip.e-con{ padding:0;max-width:100%;width:100%; overflow:hidden;background:var(--v2-olive-950); } .igstrip__track.e-con{ display:flex !important;flex-direction:row !important;flex-wrap:nowrap; gap:0;padding:0;width:max-content;max-width:none; will-change:transform; } .igstrip__track .igstrip__item{flex:0 0 auto;width:16.6667vw;height:16.6667vw;overflow:hidden;} .igstrip__track .igstrip__item .elementor-widget-container, .igstrip__track .igstrip__item a{display:block;width:100%;height:100%;} .igstrip__track .igstrip__item img{ width:100%;height:100%;object-fit:cover;display:block; transition:transform .6s var(--v2-ease), filter .6s ease; } .igstrip__track .igstrip__item:hover img{transform:scale(1.06);filter:brightness(.85);} /* CTA « Suivez-nous sur Instagram » : en ABSOLU par-dessus le carrousel, centré horizontalement et verticalement. L'overlay laisse passer les clics vers les photos partout sauf sur le bouton lui-même. */ .lav2-igstrip.e-con{position:relative;} .igstrip__cta.e-con{ position:absolute;inset:0;z-index:5; width:100%;align-items:center;justify-content:center;padding:0; pointer-events:none; } .igstrip__cta .elementor-widget-button{pointer-events:auto;} .lav2-igstrip .igstrip__btn .elementor-button{ background:rgba(30,32,25,.6);border:1px solid rgba(241,235,221,.75);border-radius:0; color:var(--v2-cream);box-shadow:0 10px 30px rgba(15,17,12,.35);text-shadow:none; -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); font-family:var(--v2-sans);font-weight:400;font-size:11.5px; letter-spacing:.26em;text-transform:uppercase;padding:16px 28px; display:inline-flex;align-items:center;gap:10px; transition:all .3s var(--v2-ease); } .lav2-igstrip .igstrip__btn .elementor-button:hover{ background:var(--v2-champagne);border-color:var(--v2-champagne);color:var(--v2-olive-900); } .lav2-igstrip .igstrip__btn .elementor-button-icon i{font-size:15px;} .lav2-igstrip .igstrip__btn .elementor-button-icon svg{width:15px;height:15px;fill:currentColor;} /* le reveal générique ne doit pas décaler/masquer les tuiles. filter:none est indispensable : le reveal pose un blur(5px) et les tuiles clonées par le marquee ne sont jamais « révélées » → elles restaient floues. */ .lav2-igstrip .lav2-rv,.lav2-igstrip .elementor-widget{opacity:1 !important;transform:none !important;filter:none !important;margin:0;} @media (max-width:980px){ .igstrip__track .igstrip__item{width:25vw;height:25vw;} } @media (max-width:680px){ .igstrip__track .igstrip__item{width:33.34vw;height:33.34vw;} } /* ============================================================ Bandeau cookies (consentement préalable) + panneau vidéo bloquée ============================================================ */ /* bandeau compact en bas de page (plus de modale centrée : moins intrusif), apparition en fondu une fois la page chargée */ .la-cookies{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:99990;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 16px;pointer-events:none;} /* l'attribut hidden doit TOUJOURS gagner dans le bandeau (le reset du thème et nos display:flex le contredisent sinon) */ .la-cookies [hidden]{display:none !important;} .la-cookies[hidden]{display:none;} .la-cookies__box{ pointer-events:auto;max-width:460px;width:100%; background:var(--v2-cream);color:var(--v2-ink); border:1px solid var(--v2-bronze-line);box-shadow:0 22px 60px rgba(15,17,12,.5); padding:20px 22px 14px;text-align:center; opacity:0;transform:translateY(14px); transition:opacity .55s ease, transform .6s cubic-bezier(.22,.61,.36,1); } /* liens discrets sous le bouton principal (refus / personnalisation) */ .la-cookies__more{margin:10px 0 0;display:flex;justify-content:center;align-items:center;gap:10px;color:rgba(55,57,46,.45);} button.la-cookies__link{ background:transparent !important;border:0 !important;padding:2px 0 !important; font-family:var(--v2-sans);font-size:11px !important;letter-spacing:.04em !important; color:rgba(55,57,46,.6) !important;text-decoration:underline;text-underline-offset:3px; cursor:pointer;box-shadow:none !important;border-radius:0 !important;text-transform:none !important; } button.la-cookies__link:hover{color:var(--v2-terra) !important;background:transparent !important;} .la-cookies.is-in .la-cookies__box{opacity:1;transform:none;} .la-cookies__txt{font-family:var(--v2-sans);font-size:12.5px;font-weight:300;line-height:1.7;color:rgba(55,57,46,.85);margin:0 0 16px;} .la-cookies__txt a{color:var(--v2-terra);text-decoration:underline;} .la-cookies__prefs{display:flex;flex-direction:column;gap:9px;margin:0 0 16px;text-align:left;} .la-cookies__prefs label{ display:flex;align-items:center;gap:9px; font-family:var(--v2-sans);font-size:12.5px;color:var(--v2-ink);cursor:pointer; } .la-cookies__prefs label.is-locked{opacity:.65;cursor:default;} .la-cookies__prefs label span{font-size:11px;color:rgba(55,57,46,.6);} .la-cookies__prefs input{width:15px;height:15px;accent-color:var(--v2-terra);flex:none;margin:0;} .la-cookies__btns{display:flex;flex-wrap:wrap;gap:9px;} button.la-cookies__btn{ flex:1 1 auto; font-family:var(--v2-sans);font-size:10.5px !important;font-weight:500; letter-spacing:.18em !important;text-transform:uppercase !important; padding:12px 14px !important;border-radius:0 !important;box-shadow:none !important; background:transparent !important;border:1px solid rgba(55,57,46,.35) !important; color:var(--v2-ink) !important;cursor:pointer;transition:all .25s var(--v2-ease); } button.la-cookies__btn--solid{background:var(--v2-terra) !important;border-color:var(--v2-terra) !important;color:#f8f1e8 !important;} button.la-cookies__btn--solid:hover{background:var(--v2-terra-deep) !important;border-color:var(--v2-terra-deep) !important;} button.la-cookies__btn:not(.la-cookies__btn--solid):hover{border-color:var(--v2-olive-900) !important;background:rgba(55,57,46,.06) !important;} @media (max-width:600px){ .la-cookies{left:10px;right:10px;bottom:10px;} .la-cookies__box{padding:20px 18px 16px;max-width:none;} } /* pages légales : textes SANS animation de reveal (lisibilité) */ .lav2-mentions .lav2-rv, .lav2-mentions .elementor-widget{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;} /* vidéo bloquée tant que « contenus tiers » non accepté */ .la-embed-blocked{ background:var(--v2-olive-950);border:1px solid var(--v2-bronze-line-soft); padding:38px 26px;text-align:center; } .la-embed-blocked p{font-family:var(--v2-sans);font-size:13px;color:var(--v2-ivory-dim);margin:0 0 16px;line-height:1.7;} .la-embed-blocked button{ font-family:var(--v2-sans);font-size:10.5px !important;letter-spacing:.2em !important;text-transform:uppercase !important; background:transparent !important;border:1px solid var(--v2-bronze-line) !important;color:var(--v2-champagne) !important; padding:12px 20px !important;border-radius:0 !important;cursor:pointer; } .la-embed-blocked button:hover{background:var(--v2-champagne) !important;color:var(--v2-olive-900) !important;} /* ============================================================ ROUND 10 — FOOTER v3 (4 colonnes) + POPUP réservation ============================================================ */ .lav2-footer3.e-con{ background:var(--v2-olive-950); border-top:1px solid var(--v2-bronze-line-soft); padding:100px 8vw 44px; } .footer3__grid.e-con{ display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:60px; max-width:1280px;width:100%;margin:0 auto;padding:0;align-items:start; } .footer3__brand.e-con{padding:0;align-items:flex-start;text-align:left;} /* !important : Elementor pose un margin-block-end plus spécifique qui écrasait ces marges (logo/signature/description collés, retour client 15/07) */ .footer3__logo{width:auto;margin-bottom:18px !important;} .footer3__logo img{height:104px;width:auto !important;opacity:.95;} .footer3__sig{width:auto;margin-bottom:30px !important;} .footer3__sig img{height:30px;width:auto !important;opacity:.85;} .footer3__tagline{max-width:300px;margin-bottom:28px !important;} .footer3__tagline p{font-size:13.5px;color:var(--v2-ivory-dim);line-height:1.9;} .footer3__cta .elementor-button{padding:14px 26px;font-size:11.5px;} .footer3__col.e-con{padding:0;align-items:flex-start;text-align:left;} /* la rangée légale est en bas de page : son reveal ne se déclenche jamais (observer) → on la force visible ET nette (le reveal pose aussi un blur) */ .footer3__legal .lav2-rv,.footer3__legal .elementor-widget{opacity:1 !important;transform:none !important;filter:none !important;} .footer3__legal a{color:var(--v2-champagne);} .footer3__legal a:hover{color:var(--v2-ivory);} /* Icônes sociales (col. La maison) et bouton Réserver (col. Horaires) : ALIGNÉS sur la même ligne — les colonnes de la grille sont étirées à la même hauteur et les deux blocs sont poussés en bas (margin-top:auto), avec une hauteur identique de 44px. */ .footer3__grid.e-con{align-items:stretch;} .footer3__resa{margin-top:auto !important;padding-top:26px;} .footer3__resa .elementor-button{ background:var(--v2-terra) !important;border:1px solid var(--v2-terra) !important;border-radius:0; color:#f8f1e8 !important;box-shadow:none;text-shadow:none; font-family:var(--v2-sans);font-weight:400;font-size:11.5px; letter-spacing:.26em;text-transform:uppercase; height:44px;display:inline-flex;align-items:center;padding:0 24px; transition:all .3s var(--v2-ease); } .footer3__resa .elementor-button:hover{background:var(--v2-terra-deep) !important;border-color:var(--v2-terra-deep) !important;} /* icônes sociales (Facebook / Instagram / Google) */ .footer3__socials{margin-top:auto !important;padding-top:26px;} .footer3__socials .elementor-social-icon{ background:transparent !important;border:1px solid var(--v2-bronze-line);border-radius:0; width:44px;height:44px;transition:all .3s var(--v2-ease); } .footer3__socials .elementor-social-icon i{color:var(--v2-champagne);font-size:15px;} .footer3__socials .elementor-social-icon svg{fill:var(--v2-champagne);width:15px;height:15px;} .footer3__socials .elementor-social-icon:hover{background:var(--v2-champagne) !important;border-color:var(--v2-champagne);} .footer3__socials .elementor-social-icon:hover i{color:var(--v2-olive-900);} .footer3__socials .elementor-social-icon:hover svg{fill:var(--v2-olive-900);} .footer3__label{ margin-bottom:24px !important; font-family:var(--v2-sans);font-weight:400;font-size:11px; letter-spacing:.34em;text-transform:uppercase;color:var(--v2-champagne); margin-bottom:20px;width:auto; } .footer3__label .elementor-heading-title{ font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit; letter-spacing:inherit;text-transform:inherit;margin:0; } .footer3__links p{margin:0 0 10px;font-size:13.5px;line-height:1.7;} .footer3__links a{color:var(--v2-ivory-dim);text-decoration:none;transition:color .25s ease;} .footer3__links a:hover{color:var(--v2-champagne);} .footer3__hours p{font-size:13.5px;color:var(--v2-ivory-dim);line-height:2.1;} .footer3__services{margin-top:16px;} .footer3__services p{ font-size:11px;letter-spacing:.2em;text-transform:uppercase; color:var(--v2-champagne);line-height:2; } .footer3__legal.e-con{ flex-direction:row !important;justify-content:space-between;flex-wrap:wrap;row-gap:10px; border-top:1px solid var(--v2-bronze-line-soft); max-width:1280px;width:100%;margin:70px auto 0;padding:30px 0 0; } .footer3__legal .elementor-widget{width:auto;} .footer3__legal p{font-size:11px;letter-spacing:.06em;color:rgba(244,239,228,.45);} .footer3__legal a{color:rgba(244,239,228,.65);text-decoration:none;transition:color .25s ease;} .footer3__legal a:hover{color:var(--v2-champagne);} /* ---------- POPUP réservation ---------- */ .lav2-popup .dialog-widget-content{ background:var(--v2-olive-950) !important; border:1px solid var(--v2-bronze-line);border-radius:0 !important; box-shadow:0 40px 90px rgba(15,17,12,.6); } .lav2-popup .dialog-close-button{ color:var(--v2-champagne) !important; } .lav2-popup .dialog-close-button:hover{color:var(--v2-ivory) !important;} .lav2-popupcard.e-con{padding:52px 54px 44px;position:relative;} .lav2-popupcard::after{content:"";position:absolute;inset:10px;border:1px solid var(--v2-bronze-line-soft);pointer-events:none;} .popup2.e-con{padding:0;width:100%;align-items:center;text-align:center;position:relative;z-index:2;} .lav2-popupcard h2{ font-family:var(--v2-serif);font-weight:400; font-size:clamp(26px,3vw,34px);color:var(--v2-ivory);margin:12px 0 6px;line-height:1.25; } .lav2-popupcard h2 em{font-style:italic;color:var(--v2-champagne);} .lav2-popupcard .resapage2__services{margin:18px 0 26px;} .lav2-popupcard .resapage2__svc .val{font-size:19px;} .lav2-popupcard .v2-form{text-align:left;} .popup2__note{margin-top:20px;} .popup2__note p{font-size:12px;color:var(--v2-ivory-dim);line-height:1.8;} .popup2__note a{color:var(--v2-champagne);text-decoration:none;border-bottom:1px solid var(--v2-bronze-line);} @media (max-width:980px){ .footer3__grid.e-con{grid-template-columns:1fr 1fr;gap:44px;} .lav2-footer3.e-con{padding:70px 7vw 36px;} .footer3__legal.e-con{flex-direction:column !important;align-items:flex-start;} .lav2-popupcard.e-con{padding:38px 24px 32px;} } @media (max-width:620px){ .footer3__grid.e-con{grid-template-columns:1fr;gap:38px;} } /* ============================================================ ROUND 11 — corrections structurelles header/burger + overlay ============================================================ */ /* 1) Le wrapper v1 du header (fixed z9999 !important) plaçait tout le header AU-DESSUS du burger (z120) et cassait son clic. Neutralisé : c'est .lav2-nav qui gère la position (absolute → fixed .is-solid). */ header[data-elementor-type="header"], div[data-elementor-type="header"], [data-elementor-type="header"].elementor{ position:static !important; top:auto !important;left:auto !important;right:auto !important; width:auto !important; z-index:auto !important; transform:none !important; will-change:auto !important; } /* 2) Les styles "Boutons" du kit Elementor fuient sur TOUS les