/* ==========================================================================
   OGF HOME MENU — chrome override + menu latéral droit (home / front-page)
   Chargé UNIQUEMENT sur la front-page via functions.php (is_front_page()).
   Wordmark : Bebas Neue (fallback assumé — pas de font H74 hébergée).
   ========================================================================== */
:root{ --ogf-noir:#0a0a0a; --ogf-or:#C9A84C; --ogf-or-bright:#F4D271; --ogf-rouge:#c0392b; --ogf-creme:#e8e8e0; }

/* -- masque TOUTE la chrome native du theme (header, logo, nav verticale, social) -- */
.site-header, .side-header, .header-space,
.logo, .side-navigation-block, .side-nav-button,
.social-buttons, .social-buttons-text, .scroll-top,
.navigation, .hidden-menu, #menu-main-header,
.top-title, .slider-navigation,
.os-buttons, .decor-lines,
.preloader-default-area{display:none!important}

/* neutralise l'offset gauche du header_left_side -> contenu pleine largeur */
#all.site{padding:0!important;margin:0!important}
.one-screen-area, .one-screen, .full-screen-area{left:0!important;right:0!important;margin:0!important;padding:0!important;width:100%!important}
.one-screen-block, .one-screen-portfolio,
.portfolio-cols-slider{left:0!important;right:0!important;width:100%!important;padding:0!important;margin:0!important;max-width:none!important}

/* -- pas de scroll : page verrouillee en plein ecran -- */
html, body{height:100%!important;overflow:hidden!important;margin:0!important}
#all.site{height:100vh!important;overflow:hidden!important}

/* -- fleches natives cassees (icon-font absente) : masquees -- */
.portfolio-cols-slider .owl-nav{display:none!important}
/* -- 2 fleches dorees CUSTOM discretes : chevrons nus, bas-droite -- */
.ogf-arrows{position:fixed;right:22px;bottom:22px;z-index:9998;display:flex;gap:10px}
.ogf-arrows button{width:auto;height:auto;border:none;background:none;padding:0;
  color:var(--ogf-or);font-size:32px;line-height:1;cursor:pointer;opacity:.6;
  transition:opacity .2s,color .2s;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ogf-arrows button:hover{opacity:1;color:var(--ogf-or-bright)}

/* -- OGAMIFAM top-left : Bebas Neue + gravity loss -- */
.ogf-brand{position:fixed;top:14px;left:26px;z-index:9998;font-family:'Bebas Neue',sans-serif;
  font-size:34px;letter-spacing:1px;color:var(--ogf-creme);line-height:1;cursor:pointer;user-select:none}
.ogf-brand .ch{display:inline-block}
.ogf-brand .ch>i{display:inline-block;font-style:normal;transform-origin:50% 0;animation:ogf-gravloss 3.4s ease-in-out infinite}
.ogf-brand .ch:nth-child(1)>i{animation-delay:0s}.ogf-brand .ch:nth-child(2)>i{animation-delay:.18s}
.ogf-brand .ch:nth-child(3)>i{animation-delay:.36s}.ogf-brand .ch:nth-child(4)>i{animation-delay:.54s}
.ogf-brand .ch:nth-child(5)>i{animation-delay:.72s}.ogf-brand .ch:nth-child(6)>i{animation-delay:.90s}
.ogf-brand .ch:nth-child(7)>i{animation-delay:1.08s}.ogf-brand .ch:nth-child(8)>i{animation-delay:1.26s}
@keyframes ogf-gravloss{0%{transform:translateY(0) rotate(0)}18%{transform:translateY(10px) rotate(4deg)}
  34%{transform:translateY(3px) rotate(-2deg)}52%{transform:translateY(14px) rotate(6deg)}
  70%{transform:translateY(4px) rotate(-3deg)}100%{transform:translateY(0) rotate(0)}}
.ogf-brand.drop .ch>i{animation:ogf-gravdrop 1s cubic-bezier(.35,.9,.3,1)}
@keyframes ogf-gravdrop{0%{transform:translateY(-150%);opacity:0}55%{opacity:1}70%{transform:translateY(10px)}
  82%{transform:translateY(-5px)}92%{transform:translateY(3px)}100%{transform:translateY(0);opacity:1}}

/* -- SHOP top-right : neon Hong-Kong -- */
.ogf-shop{position:fixed;top:16px;right:24px;z-index:9999;display:inline-flex;align-items:center;gap:5px;
  font-family:'Bebas Neue';font-size:15px;letter-spacing:.1em;text-decoration:none;border:1.5px solid var(--ogf-or-bright);color:var(--ogf-or-bright);
  border-radius:5px;padding:3px 11px;background:rgba(10,10,10,.4);text-shadow:0 0 4px var(--ogf-or-bright),0 0 11px rgba(224,30,55,.85);
  box-shadow:0 0 7px rgba(224,30,55,.55),inset 0 0 7px rgba(201,168,76,.35);animation:ogf-neon 4s infinite}
.ogf-shop span{font-size:13px}
.ogf-shop:hover{text-shadow:0 0 5px var(--ogf-or-bright),0 0 16px rgba(224,30,55,1);box-shadow:0 0 11px rgba(224,30,55,.8),inset 0 0 9px rgba(201,168,76,.5)}
@keyframes ogf-neon{0%,88%,100%{opacity:1}89%{opacity:.55}90%{opacity:1}93%{opacity:.35}94%{opacity:1}}

/* -- menu LATERAL DROIT : 4 entrees + JACKPOT (lettre par lettre) -- */
.ogf-rail{position:fixed;top:0;right:0;height:100vh;width:230px;z-index:9997;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:12px;
  padding:0 36px 0 26px;background:none;border-left:none;text-align:right}
.ogf-rail a{font-family:'Bebas Neue';font-size:26px;letter-spacing:.8px;text-decoration:none;padding:9px 0;
  border-bottom:1px solid transparent;transition:border-color .2s,padding-right .2s;cursor:pointer;display:block;white-space:nowrap;text-align:right;
  text-shadow:0 1px 6px rgba(0,0,0,.3),0 0 3px rgba(0,0,0,.3)}
.ogf-rail a:hover{border-bottom-color:var(--ogf-rouge);padding-right:4px}
.ogf-rail a .ogf-rev{overflow:hidden;display:inline-block;line-height:1.18;vertical-align:top}
.ogf-rail a .ogf-rev-t{display:block;position:relative;color:var(--ogf-creme);transition:transform .55s cubic-bezier(.25,1,.33,1)}
.ogf-rail a .ogf-rev-d{position:absolute;left:0;top:100%;width:100%;color:var(--ogf-or-bright)}
.ogf-rail a .ogf-sp{display:inline-block}
.ogf-rail a:hover .ogf-rev-t{transform:translateY(-100%)}