/*
Theme Name: IN RAMEN Playful V4
Theme URI: https://inramen.com
Author: IN RAMEN
Description: Mobile-first playful restaurant theme built for Elementor Free. Import companion Elementor JSON template.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: inramen-v4
*/
:root{--inr-red:#e43e2f;--inr-yellow:#f6c957;--inr-cream:#f6f0e4;--inr-ink:#20211f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--inr-cream);color:var(--inr-ink);font-family:Arial,Helvetica,sans-serif}button,a{touch-action:manipulation}a{color:inherit}.inr-site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px max(18px,5vw);border-bottom:2px solid #20211f;background:var(--inr-cream);position:relative;z-index:10}.inr-logo{text-decoration:none;font-size:clamp(19px,2.5vw,28px);font-weight:950;letter-spacing:-1px}.inr-logo span{color:var(--inr-red)}.inr-header-links{display:flex;align-items:center;gap:22px}.inr-header-links a{text-decoration:none;font-size:11px;font-weight:900}.inr-header-links a:hover{color:var(--inr-red)}.inr-cta{background:var(--inr-red);color:white!important;text-decoration:none;padding:13px 17px;font-size:12px;font-weight:900;display:inline-block;border:2px solid var(--inr-ink);box-shadow:4px 4px 0 var(--inr-ink);transition:transform .2s,box-shadow .2s}.inr-cta:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--inr-ink)}.inr-menu-toggle{display:none;border:0;background:none;font-size:26px}.inr-mobile-nav{display:none;padding:14px 20px;background:var(--inr-yellow);border-bottom:2px solid var(--inr-ink)}.inr-mobile-nav.is-open{display:grid;gap:14px}.inr-mobile-nav a{text-decoration:none;font-weight:900}.inr-site-footer{background:#171817;color:white;padding:38px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.inr-site-footer strong{font-size:27px}.inr-sticky-order{display:none}.inr-display,.inr-display .elementor-heading-title{font-family:Impact,'Arial Black',sans-serif!important;font-weight:900!important;letter-spacing:-.035em!important;line-height:.95!important;text-transform:uppercase}.inr-section{padding:72px 6%!important}.inr-eyebrow,.inr-eyebrow .elementor-heading-title{font-size:11px!important;letter-spacing:2px!important;font-weight:900!important;text-transform:uppercase}.inr-red{color:var(--inr-red)}.inr-hero{position:relative;height:560px;overflow:hidden;background:#222;color:white}.inr-hero .inr-slide{position:absolute!important;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s ease;background-position:center!important;background-size:cover!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:6%!important}.inr-hero .inr-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;animation:inr-bg-zoom 8s ease-out both}.inr-hero .inr-slide>.e-con-inner{width:100%;max-width:1300px;margin:auto 0}.inr-hero .inr-slide .elementor-heading-title{color:white}.inr-hero .inr-slide .inr-display .elementor-heading-title{font-size:clamp(64px,10vw,130px)}.inr-hero .inr-slide .elementor-widget-text-editor{color:white;max-width:380px}.inr-hero .inr-slide.is-active .inr-display{animation:inr-rise .65s .15s both}.inr-hero-nav{position:absolute;bottom:24px;left:6%;z-index:5;display:flex;align-items:center;gap:9px}.inr-hero-nav button{border:2px solid white;color:white;background:transparent;cursor:pointer;min-width:34px;height:34px;border-radius:50%;font-weight:900}.inr-hero-nav button.inr-dot{width:12px;height:12px;min-width:12px;border-radius:20px;padding:0}.inr-hero-nav button.inr-dot.is-active{background:var(--inr-yellow);border-color:var(--inr-yellow);width:30px}.inr-sticker{position:absolute;top:14%;right:9%;z-index:3;width:110px;height:110px;background:var(--inr-yellow);border:3px solid var(--inr-ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(12deg);animation:inr-float 4s ease-in-out infinite}.inr-marquee{overflow:hidden;background:var(--inr-red);color:white;padding:14px 0;border-top:3px solid var(--inr-ink);border-bottom:3px solid var(--inr-ink);transform:rotate(-1deg);position:relative;z-index:2}.inr-marquee-track{display:flex;width:max-content;animation:inr-marquee-scroll 22s linear infinite}.inr-marquee-track span{white-space:nowrap;font:24px Impact,'Arial Black',sans-serif;padding-right:40px}.inr-intro{background:var(--inr-yellow);text-align:center}.inr-intro .inr-display .elementor-heading-title{font-size:clamp(45px,8vw,98px)}.inr-tabs{display:flex;gap:10px;overflow:auto;padding:8px 0 18px;scrollbar-width:thin}.inr-tabs button{background:transparent;border:2px solid var(--inr-ink);padding:12px 15px;white-space:nowrap;font-weight:900;font-size:11px;cursor:pointer}.inr-tabs button.is-active{background:var(--inr-ink);color:white;transform:rotate(-2deg)}.inr-menu-panel{display:none!important}.inr-menu-panel.is-active{display:flex!important;animation:inr-rise .4s both}.inr-food-card{background:white;border:2px solid var(--inr-ink);box-shadow:5px 5px 0 var(--inr-ink);transition:transform .25s,box-shadow .25s}.inr-food-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:7px 9px 0 var(--inr-ink)}.inr-food-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.inr-food-card .elementor-heading-title{font-size:clamp(14px,1.6vw,19px)!important}.inr-food-card .elementor-widget-text-editor{font-size:12px}.inr-drink-card{background:var(--inr-yellow);border:3px solid var(--inr-ink);box-shadow:7px 7px 0 var(--inr-ink);padding:10px!important;transform:rotate(-1deg);transition:transform .3s}.inr-drink-card:nth-child(2){transform:rotate(2deg)}.inr-drink-card:hover{transform:rotate(0) translateY(-7px)}.inr-drink-card img{aspect-ratio:4/3;object-fit:cover}.inr-story-image img{width:100%;height:370px;object-fit:cover;border:3px solid var(--inr-ink);box-shadow:10px 10px 0 var(--inr-red)}.inr-scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .65s,transform .65s}.inr-scroll-reveal.is-visible{opacity:1;transform:none}.inr-order-banner{text-align:center;background:var(--inr-yellow);border-top:3px solid var(--inr-ink);border-bottom:3px solid var(--inr-ink)}.inr-footer-map{min-height:220px;background:#3b3d39;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}.inr-elementor-button .elementor-button{background:var(--inr-red)!important;color:#fff!important;border:2px solid var(--inr-ink)!important;box-shadow:4px 4px 0 var(--inr-ink);border-radius:0!important;font-weight:900!important;padding:15px 20px!important;transition:transform .2s,box-shadow .2s}.inr-elementor-button .elementor-button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--inr-ink)}.inr-elementor-button.inr-yellow-button .elementor-button{background:var(--inr-yellow)!important;color:var(--inr-ink)!important}@keyframes inr-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes inr-bg-zoom{from{background-size:108% auto}to{background-size:100% auto}}@keyframes inr-float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-12px) rotate(7deg)}}@keyframes inr-marquee-scroll{to{transform:translateX(-50%)}}@media(max-width:767px){.inr-site-header{padding:11px 16px}.inr-header-links{display:none}.inr-menu-toggle{display:block}.inr-section{padding:48px 20px!important}.inr-hero{height:590px}.inr-hero .inr-slide{justify-content:flex-end!important;padding:25px 20px 95px!important;background-position:60% center!important}.inr-hero .inr-slide .inr-display .elementor-heading-title{font-size:clamp(54px,13vw,86px)}.inr-hero-nav{left:20px;bottom:26px}.inr-sticker{width:82px;height:82px;font-size:12px;right:16px;top:25px}.inr-food-card{box-shadow:3px 3px 0 var(--inr-ink)}.inr-drink-card img{aspect-ratio:3/4}.inr-story-image img{height:260px}.inr-sticky-order{display:block;position:sticky;bottom:0;z-index:12;background:var(--inr-cream);padding:10px 15px;border-top:2px solid var(--inr-ink);text-align:center}.inr-sticky-order a{display:block}.inr-marquee-track span{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.inr-scroll-reveal{opacity:1;transform:none}}
/* Expanded main navigation */
.inr-header-links{gap:clamp(10px,1.5vw,22px)}.inr-header-links a{white-space:nowrap}@media(min-width:768px) and (max-width:1100px){.inr-header-links{display:none}.inr-menu-toggle{display:block}}
/* Journal image and title feed */
.inr-journal{max-width:1080px;margin:0 auto;padding:56px 6% 72px}.inr-journal h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:18px 0}.inr-news-query{margin-top:34px}.inr-news-query .wp-block-post-template{list-style:none;margin:0;padding:0}.inr-news-card{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:28px;align-items:center;padding:24px 0;border-top:1px solid #ccc5b8}.inr-news-card .wp-block-post-title{font-size:22px;line-height:1.3;margin:8px 0}.inr-news-card .wp-block-post-title a{text-decoration:none}.inr-news-card .wp-block-post-title a:hover{text-decoration:underline}.inr-news-card .wp-block-post-date{font-size:12px;color:#65655e}.inr-news-card figure{margin:0}.inr-news-card img{width:184px;height:123px;object-fit:cover;border-radius:8px}.inr-news-query .wp-block-query-pagination{display:flex;gap:20px;margin-top:28px}.inr-content-photo{margin:28px 0}.inr-content-photo img{display:block;width:100%;max-height:480px;object-fit:cover}.inr-order-banner .elementor-widget-button{margin-top:12px}@media(max-width:600px){.inr-news-card{grid-template-columns:minmax(0,1fr) 112px;gap:16px}.inr-news-card img{width:112px;height:84px}.inr-news-card .wp-block-post-title{font-size:18px}.inr-journal{padding-top:36px}}
/* Mobile navigation and menu title text */
@media(max-width:1100px){.inr-menu-toggle,.inr-mobile-nav,.inr-mobile-nav a{color:#000!important;-webkit-text-fill-color:#000!important}}
@media(max-width:767px){#inr-menu .inr-display,#inr-menu .inr-display .elementor-heading-title{color:#000!important;-webkit-text-fill-color:#000!important}.inr-tabs button:not(.is-active){color:#000!important;-webkit-text-fill-color:#000!important}}

/* Preserve compact news rows against block layout defaults */
.inr-news-query .inr-news-card{display:grid!important;grid-template-columns:minmax(0,1fr) 184px!important}.inr-news-query .inr-news-card figure{width:184px!important;max-width:184px!important;min-width:0;margin:0!important}.inr-news-query .inr-news-card img{display:block;width:184px!important;height:123px!important;object-fit:cover!important}.inr-news-copy{min-width:0}@media(max-width:600px){.inr-news-query .inr-news-card{grid-template-columns:minmax(0,1fr) 112px!important}.inr-news-query .inr-news-card figure{width:112px!important;max-width:112px!important}.inr-news-query .inr-news-card img{width:112px!important;height:84px!important}}

/* Classic themes wrap Group block contents */
.inr-news-query .inr-news-card{display:block!important}.inr-news-card>.wp-block-group__inner-container{display:grid!important;grid-template-columns:minmax(0,1fr) 184px;gap:28px;align-items:center}.inr-news-card>.wp-block-group__inner-container>*{margin:0!important}@media(max-width:600px){.inr-news-card>.wp-block-group__inner-container{grid-template-columns:minmax(0,1fr) 112px;gap:16px}}

/* Food cards link to the ordering section */
#inr-menu .inr-food-card{position:relative}#inr-menu .inr-food-card>.inr-food-order-link{position:absolute;inset:0;z-index:2;display:block;cursor:pointer}#inr-menu .inr-food-order-link:focus-visible{outline:3px solid var(--inr-ink);outline-offset:5px}

/* IN RAMEN brand placements */
.inr-logo{display:block;flex-shrink:0;line-height:0}.inr-logo .inr-brand-image{display:block;width:164px;height:82px;object-fit:contain}.inr-footer-brand{display:inline-block;background:var(--inr-cream);padding:8px 14px;border-radius:3px;line-height:0}.inr-footer-brand img{display:block;width:180px;height:90px;object-fit:contain}#inr-story .inr-story-image{position:relative}#inr-story .inr-story-image::after{content:"";position:absolute;right:16px;bottom:-18px;width:148px;height:88px;background:var(--inr-cream) url("https://inramen.com/wp-content/uploads/2026/10/inramen-modern-logo.png") center/136px auto no-repeat;border:2px solid var(--inr-ink);box-shadow:4px 4px 0 var(--inr-ink);transform:rotate(7deg);pointer-events:none;z-index:2}@media(max-width:767px){.inr-logo .inr-brand-image{width:108px;height:54px}.inr-site-header>.inr-logo+nav+div{gap:9px!important}.inr-site-header .inr-cta{white-space:nowrap;padding:11px 12px;font-size:11px}#inr-story .inr-story-image::after{width:118px;height:72px;background-size:108px auto;right:10px;bottom:-12px}.inr-footer-brand img{width:160px;height:80px}}

/* Playful logo depth and interaction */
.inr-logo{background:var(--inr-cream);border:2px solid var(--inr-ink);box-shadow:4px 4px 0 var(--inr-ink);transform:none;transition:transform .22s ease,box-shadow .22s ease}.inr-footer-brand{border:2px solid var(--inr-cream);border-radius:0;box-shadow:6px 6px 0 var(--inr-red);transform:none;transition:transform .22s ease,box-shadow .22s ease}.inr-logo:focus-visible,.inr-footer-brand:focus-visible{outline:3px solid var(--inr-red);outline-offset:6px;transform:translateY(-3px) rotate(1deg);box-shadow:7px 8px 0 var(--inr-ink)}#inr-story .inr-story-image::after{box-shadow:6px 6px 0 var(--inr-ink);transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover) and (pointer:fine){.inr-logo:hover{transform:translateY(-3px) rotate(1deg);box-shadow:7px 8px 0 var(--inr-ink)}.inr-footer-brand:hover{transform:translateY(-4px) rotate(1deg);box-shadow:9px 10px 0 var(--inr-red)}#inr-story .inr-story-image:hover::after{transform:translateY(-5px) rotate(-3deg);box-shadow:9px 10px 0 var(--inr-ink)}}.inr-logo:active,.inr-footer-brand:active{transform:translate(2px,2px) rotate(0);box-shadow:2px 2px 0 var(--inr-ink)}@media(max-width:767px){.inr-logo{box-shadow:3px 3px 0 var(--inr-ink)}.inr-footer-brand{box-shadow:4px 4px 0 var(--inr-red)}}@media(prefers-reduced-motion:reduce){.inr-logo,.inr-footer-brand,#inr-story .inr-story-image::after{transition:none!important;transform:none!important}}

/* Ordering partner badges */
#inr-order .elementor-button-text{display:inline-flex;align-items:center;justify-content:center;gap:12px}#inr-order .inr-order-icon{display:inline-block;flex:0 0 26px;width:26px;height:26px;object-fit:contain;background:var(--inr-cream);border:1px solid var(--inr-ink);padding:3px;box-shadow:2px 2px 0 var(--inr-ink);vertical-align:middle}

/* Navigation returns on upward scroll. */
.inr-site-header{position:sticky;top:var(--inr-header-top,0px);z-index:100;transition:transform .24s ease;will-change:transform}.inr-site-header.inr-header-hidden{transform:translateY(calc(-100% - var(--inr-header-top,0px) - 4px));pointer-events:none}.inr-site-header:focus-within{transform:none;pointer-events:auto}.inr-mobile-nav.is-open{position:sticky;top:calc(var(--inr-header-top,0px) + var(--inr-header-height,80px));z-index:99;max-height:calc(100dvh - var(--inr-header-height,80px) - var(--inr-header-top,0px));overflow-y:auto}@media(prefers-reduced-motion:reduce){.inr-site-header{transition:none}}