/* RYME Support page — isolated from WooCommerce component styles. */
.ryme-support-page-main{overflow:hidden}
.ryme-support-page-entry{margin:0}
.ryme-support-page-entry>.entry-content{margin:0}
.ryme-support{--support-surface:var(--panel);--support-surface-2:var(--panel2);--support-border:var(--line);--support-text:var(--text);--support-muted:var(--muted);width:min(1180px,92vw);margin:0 auto;padding:42px 0 86px;color:var(--support-text)}
.ryme-support *{box-sizing:border-box}
.ryme-support a{text-decoration:none!important}
.ryme-support a:hover,.ryme-support a:focus,.ryme-support a:visited{text-decoration:none!important}
.ryme-support-kicker{display:inline-block;margin-bottom:12px;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--support-muted)}
.ryme-support-hero{position:relative;isolation:isolate;overflow:hidden;min-height:420px;display:grid;place-items:center;padding:72px 32px;border:1px solid var(--support-border);border-radius:30px;background:linear-gradient(145deg,var(--support-surface),var(--support-surface-2));text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.ryme-support-hero__glow{position:absolute;z-index:-1;inset:-35% 12% auto;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 68%);}
.ryme-support-hero__content{max-width:760px}
.ryme-support-hero h1{margin:0;font-size:clamp(44px,7vw,78px);line-height:.96;letter-spacing:-.055em}
.ryme-support-hero p{max-width:640px;margin:22px auto 0;color:var(--support-muted);font-size:clamp(17px,2vw,20px);line-height:1.65}
.ryme-support-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;margin-top:30px;padding:0 21px;border-radius:999px;border:1px solid var(--line);background:var(--text);color:var(--bg)!important;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}
.ryme-support-hero__button:hover,.ryme-support-hero__button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.ryme-support-hero__button:focus-visible,.ryme-support-option:focus-visible,.ryme-support-submit:focus-visible,.ryme-support-info-card a:focus-visible,.ryme-support-faq summary:focus-visible{outline:3px solid rgba(118,144,255,.7);outline-offset:3px}
.ryme-support-section{padding:72px 0 0}
.ryme-support-section__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.ryme-support-section__head h2,.ryme-support-contact__intro h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.035em}
.ryme-support-section__head>p{max-width:430px;margin:0;color:var(--support-muted);line-height:1.65}
.ryme-support-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ryme-support-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid var(--support-border);border-radius:20px;background:var(--support-surface);color:var(--support-text)!important;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.ryme-support-option:hover{transform:translateY(-4px);border-color:#555;box-shadow:0 18px 42px rgba(0,0,0,.15)}
.ryme-support-option__icon,.ryme-support-info-card__icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--support-border);border-radius:14px;background:var(--support-surface-2)}
.ryme-support-option__icon svg,.ryme-support-info-card__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ryme-support-option__copy{min-width:0}
.ryme-support-option__copy strong{display:block;font-size:15px}
.ryme-support-option__copy>span{display:block;margin-top:4px;color:var(--support-muted);font-size:12px}
.ryme-support-option__arrow{color:var(--support-muted);font-size:20px;transition:transform .2s ease}
.ryme-support-option:hover .ryme-support-option__arrow{transform:translateX(3px);color:var(--support-text)}
.ryme-support-faq{border-top:1px solid var(--support-border)}
.ryme-support-faq__item{border-bottom:1px solid var(--support-border)}
.ryme-support-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:18px 4px;cursor:pointer;color:var(--support-text);font-weight:800;font-size:17px}
.ryme-support-faq summary::-webkit-details-marker{display:none}
.ryme-support-faq__plus{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--support-border);border-radius:50%;color:var(--support-muted);font-size:21px;line-height:1;transition:transform .2s ease,background .2s ease}
.ryme-support-faq__item[open] .ryme-support-faq__plus{transform:rotate(45deg);background:var(--support-surface-2);color:var(--support-text)}
.ryme-support-faq__answer{padding:0 54px 22px 4px}
.ryme-support-faq__answer p{max-width:800px;margin:0;color:var(--support-muted);line-height:1.72}
.ryme-support-contact{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:46px;align-items:start}
.ryme-support-contact__intro{position:sticky;top:116px;padding:8px 0}
.ryme-support-contact__intro>p{max-width:470px;margin:20px 0 0;color:var(--support-muted);line-height:1.7}
.ryme-support-contact__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ryme-support-contact__chips span{padding:8px 10px;border:1px solid var(--support-border);border-radius:999px;background:var(--support-surface);color:var(--support-muted);font-size:12px;font-weight:800}
.ryme-support-form-wrap{scroll-margin-top:105px;padding:24px;border:1px solid var(--support-border);border-radius:24px;background:var(--support-surface);box-shadow:0 20px 60px rgba(0,0,0,.12)}
.ryme-support-form{display:grid;gap:18px}
.ryme-support-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ryme-support-field{display:grid;gap:8px}
.ryme-support-field label{font-size:13px;font-weight:850;color:var(--support-text)}
.ryme-support-field label>span:not(.ryme-support-optional){color:#9caeff}
.ryme-support-optional{margin-left:5px;color:var(--support-muted);font-size:11px;font-weight:650}
.ryme-support-field input,.ryme-support-field select,.ryme-support-field textarea{width:100%;min-height:48px;margin:0;padding:12px 13px;border:1px solid var(--support-border);border-radius:12px;outline:0;background:var(--support-surface-2);color:var(--support-text);font:inherit;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.ryme-support-field textarea{min-height:154px;resize:vertical;line-height:1.55}
.ryme-support-field input:focus,.ryme-support-field select:focus,.ryme-support-field textarea:focus{border-color:#6f82e9;box-shadow:0 0 0 3px rgba(111,130,233,.17)}
.ryme-support-field input:user-invalid,.ryme-support-field select:user-invalid,.ryme-support-field textarea:user-invalid{border-color:#c75858}
.ryme-support-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;width:100%;border:1px solid #fff;border-radius:14px;background:#fff;color:#090909;font-weight:900;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}
.ryme-support-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.17)}
.ryme-support-submit:disabled{opacity:.64;cursor:wait}
.ryme-support-form__note{margin:-4px 0 0;text-align:center;color:var(--support-muted);font-size:11px;line-height:1.5}
.ryme-support-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.ryme-support-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 15px;border-radius:13px;border:1px solid var(--support-border);outline:0}
.ryme-support-notice>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;font-weight:900}
.ryme-support-notice p{margin:1px 0 0;line-height:1.55;font-size:13px}
.ryme-support-notice--success{border-color:rgba(55,214,122,.34);background:rgba(55,214,122,.08)}
.ryme-support-notice--success>span{background:#37d67a;color:#07170e}
.ryme-support-notice--error{border-color:rgba(255,77,77,.34);background:rgba(255,77,77,.07)}
.ryme-support-notice--error>span{background:#ff6464;color:#220606}
.ryme-support-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ryme-support-info-card{display:flex;flex-direction:column;align-items:flex-start;min-height:252px;padding:23px;border:1px solid var(--support-border);border-radius:20px;background:var(--support-surface)}
.ryme-support-info-card h3{margin:18px 0 8px;font-size:18px}
.ryme-support-info-card p{margin:0 0 20px;color:var(--support-muted);line-height:1.65;font-size:14px}
.ryme-support-info-card a{margin-top:auto;color:var(--support-text)!important;font-size:13px;font-weight:900}
.ryme-support-info-card a:hover{opacity:.72}
.ryme-support-back{display:flex;justify-content:space-between;gap:18px;margin-top:58px;padding-top:24px;border-top:1px solid var(--support-border)}
.ryme-support-back a{color:var(--support-muted)!important;font-size:13px;font-weight:800}
.ryme-support-back a:hover{color:var(--support-text)!important}

/* Theme-specific support surfaces. Light is the only intentionally white theme. */
html[data-theme="light"] .ryme-support{--support-surface:#fff;--support-surface-2:#f6f6f4;--support-border:#deded9;--support-text:#141414;--support-muted:#686864}
html[data-theme="light"] .ryme-support-hero{background:linear-gradient(145deg,#fff,#f1f1ee);box-shadow:0 24px 80px rgba(20,20,20,.08)}
html[data-theme="light"] .ryme-support-hero__glow{background:radial-gradient(circle,rgba(82,113,255,.15),rgba(82,113,255,0) 68%)}
html[data-theme="light"] .ryme-support-hero__button,html[data-theme="light"] .ryme-support-submit{border-color:#111;background:#111;color:#fff!important}

/* RYME mode follows the actual dark/electric-blue storefront instead of inheriting Light mode. */
html[data-theme="ryme"] .ryme-support{--support-surface:#0b0d14;--support-surface-2:#101522;--support-border:#2d3852;--support-text:#f7f8ff;--support-muted:#9aa5bd}
html[data-theme="ryme"] .ryme-support-hero{background:radial-gradient(circle at 82% 0%,rgba(82,113,255,.18),transparent 34%),linear-gradient(145deg,#101522,#080a10);box-shadow:0 28px 84px rgba(0,0,0,.4),0 0 0 1px rgba(82,113,255,.04)}
html[data-theme="ryme"] .ryme-support-hero__glow{background:radial-gradient(circle,rgba(82,113,255,.24),rgba(82,113,255,0) 68%)}
html[data-theme="ryme"] .ryme-support-hero__button,html[data-theme="ryme"] .ryme-support-submit{border-color:#5271ff;background:#5271ff;color:#fff!important;box-shadow:0 12px 30px rgba(82,113,255,.24)}
html[data-theme="ryme"] .ryme-support-option:hover{border-color:#5271ff;box-shadow:0 18px 42px rgba(0,0,0,.28)}

/* Prevent WordPress/page wrappers from painting a white sheet behind Support. */
.ryme-support-page-main,.ryme-support-page-entry,.ryme-support-page-entry>.entry-content{background:transparent!important;color:inherit!important}
html[data-theme="dark"] .ryme-support-page-main,html[data-theme="ryme"] .ryme-support-page-main{background:var(--bg)!important}

@media(max-width:900px){
  .ryme-support{padding-top:28px}
  .ryme-support-options,.ryme-support-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ryme-support-contact{grid-template-columns:1fr;gap:24px}
  .ryme-support-contact__intro{position:static}
}
@media(max-width:640px){
  .ryme-support{width:min(100% - 28px,1180px);padding:18px 0 64px}
  .ryme-support-hero{min-height:360px;padding:55px 20px;border-radius:22px}
  .ryme-support-hero h1{letter-spacing:-.045em}
  .ryme-support-section{padding-top:54px}
  .ryme-support-section__head{display:block}
  .ryme-support-section__head>p{margin-top:12px}
  .ryme-support-options,.ryme-support-info-grid{grid-template-columns:1fr}
  .ryme-support-option{min-height:96px}
  .ryme-support-form-wrap{padding:18px;border-radius:20px}
  .ryme-support-form__row{grid-template-columns:1fr}
  .ryme-support-faq summary{font-size:15px}
  .ryme-support-faq__answer{padding-right:44px}
  .ryme-support-info-card{min-height:220px}
  .ryme-support-back{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .ryme-support *{scroll-behavior:auto!important;transition:none!important}
}