/*
Theme Name: IN999 Full
Theme URI: https://example.com/
Author: You
Description: Full replica theme scaffold (front-page focused) — editable and installable in WordPress. Use as starting point to match provided design.
Version: 1.0
Text Domain: in999-full
*/

:root{
  /* 调整为更贴近效果图的配色 */
  
  --navy:#0b2038;   /* 深海军蓝/近黑 */
  --accent:#7b4cf6; /* 紫色高亮（用于横幅装饰/按钮） */
  --green-felt:#1f7a4f; /* 推荐语/卡片背景色（绿色台面感觉） */
  --content-max:1200px;
}

.logo a img{
    max-height: 70px;
}
.login-buttons{
    margin-left: 150px;
}
.login-buttons a{

    margin-right: 20px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
/* Reset / base */
*{box-sizing:border-box}
a{color:var(--accent)}
html,body{margin:0;padding:0;font-family:'Open Sans',Helvetica,Arial,sans-serif;color:#fff;background:#080808}
a{color:var(--accent)}
a{color:var(--accent)}

.site-topbar{background:#0b0b0b;border-bottom:2px solid rgba(255,255,255,0.04);}
.site-topbar .wrap{max-width:var(--content-max);margin:0 auto;padding:12px 24px;display:flex;align-items:center}
.site-title{font-family:'Playfair Display',Georgia,serif;color:#fff;font-weight:400;margin-right:24px}
.primary-menu{margin-left:auto}
.primary-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;align-items:center}
.primary-menu li{position:relative}
.primary-menu a{color:#e9e9e9;text-decoration:none;font-weight:600;font-size:14px;padding:18px 6px;display:inline-block;text-transform:capitalize;letter-spacing:2px}
/* make nav look like screenshot: uppercase, spaced, thin serif-like feel */
.primary-menu a{font-family:'Montserrat',Helvetica,Arial,sans-serif;text-transform:capitalize}
.primary-menu a:hover{color:#fff}
/* active / underline indicator */
.primary-menu a::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:0;height:3px;border-radius:2px;background:var(--accent);transition:width .22s ease}
.primary-menu li.current-menu-item a::after,
.primary-menu a:hover::after{width:42px}

/* reduce top padding so hero sits flush under nav */
.hero{padding-top:120px}

/* 顶部栏中覆盖全局 a 颜色，保证导航文字不是黄色 */
.site-topbar .primary-menu a{color: #fff;}
.site-topbar .site-title{color: #fff;}

/* Hero */
.hero{background-size:cover;background-position:center;position:relative;padding:140px 0}
.hero::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;}
.hero-inner{position:relative;max-width:var(--content-max);margin:0 auto;padding:0 24px;text-align:center}
.hero h1{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:52px;color:#fff;margin:0;font-weight:800;letter-spacing:1px}
.hero .lead{color:#e6e6e6;margin-top:12px}
.hero .cta{display:inline-block;margin-top:18px;padding:12px 18px;background:var(--accent);color:#fff;border-radius:3px;text-decoration:none;font-weight:700}

/* Sections */
.section{padding:70px 0}
.section.dark{background:#111; text-align: center;}
.section.alt{background:linear-gradient(90deg,#6c2fd6 0%,#2b1b60 100%);color:#fff}
.section .wrap{margin:0 auto;padding:0 24px}



.two-col{display:flex;gap:30px;align-items:center}
.two-col .col-left,.two-col .col-right{flex:1}
.two-col .col-right img{max-width:100%;height:auto;display:block}
.two-col .col-left{background:url(../assets/homebg2.jpg);}

/* How it All Started block (左右分栏) */
.how-it-started{padding:0;background:#0b0712}
.how-it-started .wrap{margin:0 auto;padding:0}
.how-it-started .split{display:flex;min-height:460px}
.how-it-started .split-left{flex:0 0 55%;background:linear-gradient(180deg,#4b1db3 0%,#6b2fd6 100%);display:flex;align-items:center;justify-content:center;padding:72px 48px;position:relative}
.how-it-started .split-left::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.06;background-image:radial-gradient(circle at 10% 10%, rgba(255,255,255,0.06) 0, transparent 15%), radial-gradient(circle at 80% 80%, rgba(255,255,255,0.03) 0, transparent 20%);pointer-events:none}
.how-it-started .how-content{position:relative;z-index:2;max-width:760px;text-align:center}
.how-it-started h2{font-family:'Playfair Display',Georgia,serif;font-size:64px;color:#fff;margin:0 0 18px;font-weight:400}
.how-it-started .how-lead{color:rgba(255,255,255,0.92);font-style:italic;line-height:1.8;font-size:18px;margin:0 auto;max-width:640px}
.how-it-started .decor{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px}
.how-it-started .decor .line{height:1px;background:rgba(255,255,255,0.18);flex:1;max-width:220px}
.how-it-started .decor .icon{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,0.12);color:#fff;font-size:20px}
.how-it-started .split-right{flex:0 0 45%}
.how-it-started .split-right img{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:980px){
  .how-it-started .split{flex-direction:column}
  .how-it-started .split-left,.how-it-started .split-right{flex:1 1 auto}
  .how-it-started .split-left{padding:40px}
  .how-it-started h2{font-size:40px}
}

/* We're Awesome - 左图右文，黑色背景 */
.we-are-awesome{background:url(assets/homebg3.jpg);padding:72px 0}
.we-are-awesome .wrap{max-width:var(--content-max);margin:0 auto;padding:0 24px}
.we-are-awesome .split{display:flex;align-items:center;gap:40px;min-height:380px}
.we-are-awesome .split-left{flex:0 0 52%}
.we-are-awesome .split-left img{width:100%;height:100%;object-fit:cover;display:block}
.we-are-awesome .split-right{flex:1;display:flex;align-items:center;justify-content:center}
.we-are-awesome .how-content{max-width:640px;text-align:center}
.we-are-awesome h2{font-family:'Playfair Display',Georgia,serif;font-size:64px;color:#fff;margin:0 0 18px;font-weight:400}
.we-are-awesome .how-lead{color:rgba(255,255,255,0.9);font-style:italic;line-height:1.8;font-size:18px;margin:0 auto}
.we-are-awesome .decor{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}
.we-are-awesome .decor .line{height:1px;background:rgba(255,255,255,0.12);flex:1;max-width:220px}
.we-are-awesome .decor .icon.diamond{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.14);color:#fff;font-size:20px}

@media(max-width:980px){
  .we-are-awesome .split{flex-direction:column-reverse}
  .we-are-awesome .split-left,.we-are-awesome .split-right{flex:1 1 auto}
  .we-are-awesome h2{font-size:40px}
  .we-are-awesome{padding:40px 0}
}

/* Blog grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-grid .post-card:first-child{grid-column:1 / 2;grid-row:1 / span 2;padding:40px;min-height:360px;display:flex;flex-direction:column;justify-content:center}
.blog-grid .post-card:first-child img{height:260px;object-fit:cover}
.post-card{background:#fff;color:#111;padding:18px}
.post-card img{width:100%;height:160px;object-fit:cover}
.post-card h3{margin:12px 0 6px;font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:18px}
.post-card p{font-size:14px;color:#444}

/* Testimonials */
.testimonials{background-color:var(--green-felt);padding:80px 0;position:relative}
.testimonials::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;}
.testimonials .wrap{position:relative;text-align:center;z-index:2}
.testimonials h2{font-family:'Playfair Display',Georgia,serif;font-size:48px;color:#fff;margin-bottom:8px}
.testimonials p{max-width:800px;margin:12px auto;color:rgba(255,255,255,0.95);font-style:italic;line-height:1.9}
.testimonials .avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:18px auto 8px;border:5px solid rgba(255,255,255,0.12)}
.testimonials .avatar img{width:100%;height:100%;object-fit:cover}
.testimonials .author{color:#fff;margin-top:6px}

/* Dining banner */
.dining{padding:80px 0;position:relative;}
.dining::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg, rgba(107,45,214,0.85), rgba(107,45,214,0.75));}
.dining .dining-inner{position:relative;z-index:2;max-width:var(--content-max);margin:0 auto;padding:68px 24px;text-align:center}
.dining h2{font-family:'Playfair Display',Georgia,serif;font-size:48px;margin:0;color:#fff}
.dining .lead{color:rgba(255,255,255,0.9);font-style:italic;margin-top:12px}
.dining .decor-center{margin-top:22px}
.dining .decor-center img{width:auto;opacity:0.95}

/* 4-image strip */
.image-strip{background:#000;padding:0}
.image-strip .strip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.image-strip img{width:100%;height:auto;object-fit:cover;display:block}

@media(max-width:980px){
  .image-strip img{height:140px}
  .blog-grid .post-card:first-child{grid-column:auto;grid-row:auto}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .dining h2{font-size:36px}
}

/* Footer */
.site-footer{background:#0a0a0a;color:#bbb;padding:40px 0;border-top:4px solid var(--yellow)}
.site-footer .wrap{max-width:var(--content-max);margin:0 auto;padding:0 24px}

/* Responsive */
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.blog-grid{grid-template-columns:1fr}.two-col{flex-direction:column}}

/* Mobile nav: toggle button and right-side drawer */
.nav-toggle{display:none;border:0;background:transparent;color:#fff;cursor:pointer;padding:8px 10px;margin-left:12px}
.nav-toggle .hamburger{display:block;width:22px;height:2px;background:#fff;position:relative}
.nav-toggle .hamburger::before,.nav-toggle .hamburger::after{content:'';position:absolute;left:0;width:22px;height:2px;background:#fff}
.nav-toggle .hamburger::before{top:-7px}
.nav-toggle .hamburger::after{top:7px}

@media(max-width:980px){
  .site-topbar .wrap{display:flex;align-items:center}
  .site-title{flex:1; font-size: 4rem;}
  .nav-toggle{display:inline-block}
  .primary-menu{position:fixed;top:0;right:-340px;width:320px;height:100%;background:#0b0b0b;padding:100px 28px;transition:right .28s ease;z-index:10010;overflow:auto;box-shadow:-12px 0 30px rgba(0,0,0,0.6)}
  .primary-menu.open{right:0}
  .primary-menu ul{display:block;flex-direction:column;gap:0}
  .primary-menu li{margin:0;padding:10px 0;position:relative}
  .primary-menu a{display:inline-block;padding:12px 8px;font-size:20px;letter-spacing:2px;position:relative;line-height: 50px;}
  .primary-menu a::after{content:'';position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:0;height:6px;border-radius:3px;background:var(--accent);opacity:0;transition:width .18s ease,opacity .18s ease}
  .primary-menu li.current-menu-item a::after,
  .primary-menu a:hover::after{width:48px;opacity:1}
  body.nav-open{overflow:hidden}
  .section .wrap img{width:100%}
}

/* overlay behind menu to allow click-to-close */
.nav-overlay{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;transition:opacity .18s ease;opacity:0}
.nav-overlay[aria-hidden="false"]{display:block;opacity:1}

/* ensure hamburger visible and tappable */
.nav-toggle{z-index:10011}

main .wrap{
background: #080808 !important;
}
.wrap article h2{ 
  color: #fff;
}
.wrap .e-con-inner p{
  color: #fff;
}



@media(max-width:768px){
  .login-buttons {
    display: none;
  }
}