/* Wave Parts TH — V9 UI, sharing, theme */
.site-ui-controls{display:flex;align-items:center;gap:6px;z-index:1100}
.wp-lang-switch{display:flex;padding:2px;border:1px solid var(--border2);background:rgba(255,255,255,.045);border-radius:999px}
.wp-lang-btn,.wp-theme-btn{border:0;color:var(--text2);background:transparent;font:800 10px/1 var(--font);cursor:pointer;transition:.2s ease}
.wp-lang-btn{min-width:27px;height:28px;border-radius:999px}.wp-lang-btn.active{background:var(--red);color:#fff;box-shadow:0 3px 10px rgba(238,77,45,.25)}
.wp-theme-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border2);background:rgba(255,255,255,.045);font-size:13px}.wp-theme-btn:hover{color:var(--red);border-color:var(--red-bd)}
.site-ui-floating{position:fixed;right:14px;top:14px;z-index:9998;background:rgba(10,10,15,.72);backdrop-filter:blur(12px);padding:5px;border-radius:999px}
@media(max-width:700px){.topbar-right{gap:5px}.site-ui-controls{gap:4px}.wp-theme-btn{width:32px;height:32px}.wp-lang-btn{min-width:24px;height:26px}.search-icon-btn{padding:7px 10px}.search-icon-btn span{display:none}}

/* Honda wing behind the first hero line */
.hero-brandline{position:relative;display:inline-flex;align-items:center;isolation:isolate;min-height:1.05em}
.hero-brandline .hero-wing{position:absolute;z-index:0;left:50%;top:50%;width:clamp(105px,16vw,180px);height:auto;transform:translate(-50%,-50%);opacity:.22;filter:brightness(0) invert(1);pointer-events:none}
.hero-brandline .hero-brandtext{position:relative;z-index:1}

/* Share chooser */
.wp-share-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:wpFadeIn .18s ease}
.wp-share-sheet{width:min(520px,100%);background:#14151b;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;box-shadow:0 28px 70px rgba(0,0,0,.55);animation:wpSheetUp .24s ease}
.wp-share-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wp-share-head strong{font-size:16px}.wp-share-close{width:34px;height:34px;border:0;border-radius:50%;background:#25272e;color:#fff;cursor:pointer}
.wp-share-link{display:flex;gap:7px;margin:10px 0 14px}.wp-share-link input{min-width:0;flex:1;border:1px solid #32343c;background:#0c0d11;color:#dfe1e7;border-radius:12px;padding:10px 11px;font:500 12px var(--font)}.wp-share-link button{border:0;border-radius:12px;background:var(--red);color:#fff;font-weight:800;padding:0 12px;cursor:pointer}
.wp-share-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.wp-share-option{border:0;background:#202229;color:#fff;border-radius:14px;padding:12px 5px;cursor:pointer;font:700 10px var(--font);display:flex;flex-direction:column;align-items:center;gap:7px}.wp-share-option i{font-size:23px}.wp-share-option:hover{background:#2a2d35}.wp-share-option.native{grid-column:span 5;background:var(--red)}
@media(max-width:480px){.wp-share-grid{grid-template-columns:repeat(4,1fr)}.wp-share-option.native{grid-column:span 4}.wp-share-option:nth-last-child(1){grid-column:auto}}
@keyframes wpFadeIn{from{opacity:0}to{opacity:1}}@keyframes wpSheetUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.video-social-btn:disabled,.social-btn:disabled{opacity:.78;cursor:default}.video-social-btn:disabled i,.social-btn:disabled i{transform:none!important}

/* Light theme */
html[data-theme="light"]{--bg:#f4f5f7;--bg2:#ffffff;--bg3:#f0f1f4;--bg4:#e8eaf0;--card:#fff;--card-h:#f7f8fa;--text:#15161b;--text2:#555a67;--text3:#858b98;--border:rgba(20,24,35,.09);--border2:rgba(20,24,35,.16)}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.93)!important;box-shadow:0 4px 20px rgba(22,25,35,.07)}
html[data-theme="light"] .main-nav .nav-link:hover,html[data-theme="light"] .search-icon-btn,html[data-theme="light"] .wp-theme-btn,html[data-theme="light"] .wp-lang-switch{background:rgba(0,0,0,.035)}
html[data-theme="light"] .section-title{color:#17181d!important}
html[data-theme="light"] .hero .hero-title,html[data-theme="light"] .hero .hero-desc,html[data-theme="light"] .hero .stat small{color:#fff!important}
html[data-theme="light"] .hero .hero-desc{color:rgba(255,255,255,.78)!important}
html[data-theme="light"] .video-section .section-title{color:#17181d!important}
html[data-theme="light"] .comments-sheet{background:#fff!important;color:#17181d!important;border-color:rgba(0,0,0,.12)!important}
html[data-theme="light"] .comments-head,html[data-theme="light"] .comment-form{border-color:rgba(0,0,0,.1)!important}
html[data-theme="light"] .comment-text{color:#292b31!important}html[data-theme="light"] .comment-meta strong,html[data-theme="light"] .guest-line strong{color:#17181d!important}
html[data-theme="light"] .comment-form textarea{background:#f3f4f7!important;color:#17181d!important;border-color:#d7dae1!important}
/* make 3.5s inspiration movement obvious even with only a few cards */
.wave-inspiration-grid{scroll-snap-type:x mandatory!important}
.wave-inspiration-card{scroll-snap-align:center!important}
@media(min-width:901px){.wave-inspiration-card,.wave-inspiration-card.is-featured{flex-basis:min(42vw,430px)!important}}