/* solidcos-support (Kontakt, Kundservice, Vanliga frågor, Mina ärenden): temat stylar BARA pluginens scs-*-klasser,
   flödena och markupen är pluginets (Madhawa). Källa: night/info/theme_scs.css. Laddas efter pluginens support.css. */
.scs-support{
  --scs-accent:#111315; --scs-accent-600:#2a2f34; --scs-on-accent:#ffffff; --scs-ring:rgba(17,19,21,.16);
  --scs-surface:#ffffff; --scs-surface-2:#f5f6f7; --scs-tint:#f5f6f7;
  --scs-text:#111315; --scs-muted:#5b636c; --scs-border:#e3e6e9;
  --scs-radius:10px; --scs-radius-sm:6px; --scs-shadow:none; --scs-shadow-lg:none;
  --scs-in-bubble:#ffffff; --scs-out-bubble:#eceef0;
  max-width:none; font-family:'Instrument Sans',system-ui,sans-serif; font-size:15px;
}
.scs-guest-page{padding:0}
.scs-support h1,.scs-support h2,.scs-support h3,.scs-support .scs-choice strong{font-family:'Archivo',system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
.scs-support h2{font-size:22px;margin:0 0 16px}
.scs-support a{color:var(--scs-text);text-decoration:underline;text-decoration-color:var(--scs-border);text-underline-offset:3px}
.scs-support a:hover{text-decoration-color:var(--scs-text)}
.scs-support .scs-choice,.scs-support a.scs-item,.scs-support .scs-back,.scs-support .scs-phone a{text-decoration:none}
.scs-support .scs-back{color:var(--scs-muted);font-weight:500}
.scs-support .scs-back:hover{color:var(--scs-text)}
.scs-support button,.scs-support .button,.scs-support input[type="submit"]{border-radius:4px;box-shadow:none;font-weight:500}
.scs-support .scs-choice:hover,.scs-support a.scs-item:hover{transform:none;border-color:var(--scs-text)}
.scs-support .scs-choice{padding:22px}
.scs-support .scs-choice .scs-ic{width:44px;height:44px;border-radius:10px;color:var(--scs-text)}
.scs-support .scs-choice strong{font-size:18px}
.scs-support .scs-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}
.scs-support .scs-phone{margin-top:0}
.scs-support .scs-guest-login{margin-top:8px}
.scs-support input,.scs-support select,.scs-support textarea{background:#fff;font-size:16px}
.scs-support .scs-card{padding:24px}
.scs-support .scs-step.active .scs-step-dot,.scs-support .scs-step.done .scs-step-dot{background:var(--scs-text);border-color:var(--scs-text)}
.scs-support .scs-step.active::before,.scs-support .scs-step.done::before{background:var(--scs-text)}
/* statusar utan färgkoder: ink = nytt, resten neutrala (inget grönt) */
.scs-support .scs-st-new{background:#111315;color:#fff}
.scs-support .scs-st-open{background:#fff;color:#111315;box-shadow:inset 0 0 0 1px #111315}
.scs-support .scs-st-replied{background:#eceef0;color:#111315}
.scs-support .scs-st-waiting{background:#fff;color:#5b636c;box-shadow:inset 0 0 0 1px #b5bcc3}
.scs-support .scs-st-closed{background:#f5f6f7;color:#5b636c}
.scs-support .scs-note.success,.scs-support .scs-note.error{background:var(--scs-surface-2);border-color:var(--scs-border);border-left:3px solid var(--scs-text)}
.scs-support .scs-upload-errors p{background:var(--scs-surface-2);color:var(--scs-text);border-left:3px solid var(--scs-text)}
.scs-support .scs-upload-remove:hover{color:var(--scs-text)}
.scs-support .scs-ann{background:var(--scs-surface-2);border:1px solid var(--scs-border);border-left:3px solid var(--scs-text);color:var(--scs-text)}
.scs-support .scs-ann-body div{color:var(--scs-muted)}
.scs-support .scs-ann-ic{background:#fff}
.scs-support .scs-ann-x{background:none;color:var(--scs-muted);box-shadow:none}
.scs-support .scs-ann-x:hover{background:#fff;color:var(--scs-text)}
.scs-support .scs-faq-cats{columns:1}
.scs-support .scs-faq-cat-title{font-size:20px;font-weight:800;margin:0 0 10px}
.scs-support .scs-faq{box-shadow:none}
.scs-support .scs-faq-item summary{padding:16px 18px;font-weight:600}
.scs-support .scs-faq-answer{padding:0 18px 18px;white-space:normal;line-height:1.65}
.scs-support .scs-faq-cat{margin-bottom:28px;scroll-margin-top:16px}
.scs-support .scs-suggest,.scs-support .scs-pager-btn,.scs-support .scs-tablewrap{box-shadow:none}
.scs-support .scs-pager-btn:hover:not(:disabled){color:var(--scs-text)}
.scs-support .scs-table th{font-family:'JetBrains Mono',monospace;font-weight:600}
.scs-support .scs-chat{background:var(--scs-surface-2)}
.scs-support .scs-bubble{box-shadow:none}
.scs-support .scs-video-ph{display:grid;place-items:center;aspect-ratio:16/9;max-width:44rem;background:var(--scs-surface-2);border-radius:6px;margin:.75rem 0;color:var(--scs-muted);font:600 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
/* /tema: solidcos-support */

/* ramen runt modulens sidor (inc/support.php): undersidornas första rubrik blir sidans h1, i samma storlek som övriga infosidor */
.ipc.mod--title .scs-support>.scs-back{margin-bottom:6px}
.ipc.mod--title .scs-support h1{margin:0 0 18px;font:800 clamp(30px,4vw,42px)/1.05 'Archivo',system-ui,sans-serif;letter-spacing:-.02em}
.ipc.mod--hub .scs-support>h2:first-child,.ipc.mod--hub .scs-support>h2:first-of-type{margin-top:26px}
.ipc.mod .scs-guest-page .scs-support{margin:0}
@media (max-width:700px){
  .scs-support .scs-choices{grid-template-columns:minmax(0,1fr)}
  .scs-support .scs-choice{padding:18px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center}
  .scs-support .scs-choice .scs-ic{grid-row:1 / span 2}
  .scs-support .scs-card{padding:18px}
}
/* orderlistor (steg 2): tabellen scrollar i sin ruta i stället för att trycka ut sidan */
.scs-support,.scs-support .scs-card,.scs-guest-page{min-width:0;max-width:100%}
.scs-support .scs-tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.woocommerce-MyAccount-content{min-width:0}
@media (max-width:700px){.scs-support .scs-table td,.scs-support .scs-table th{padding:10px 8px}.scs-support .scs-table td:nth-child(n+4){white-space:nowrap}}

/* Mitt konto → Kundservice, startvyn (inc/support.php): kontaktpanel, korten i rutnät, "Dina ärenden" bred, ordergenväg. */
.scs-support .scs-hub-intro,.scs-support .scs-hub-outro{display:none} /* portalens egna intro-/avslutningstexter ("test") hör inte hemma här (Jonas 10-27) */
.hgsp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:center;margin:0 0 22px;padding:22px 24px;border-radius:12px;background:var(--ink,#111315);color:#fff}
.hgsp .mono{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:6px}
.hgsp__t b{display:block;font:800 21px/1.2 'Archivo',system-ui,sans-serif;margin-bottom:6px}
.hgsp__t>span:last-child{opacity:.75;font-size:14px}
.hgsp__c{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hgsp__c li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}
.hgsp__c li:last-child{border-bottom:0;padding-bottom:0}
.hgsp__c small{font-size:12px;opacity:.65}
.hgsp__c a,.hgsp__c span{color:#fff;font-weight:600;text-decoration:none;word-break:break-word}
.hgsp__c a:hover{text-decoration:underline}
.woocommerce-MyAccount-content .scs-support .scs-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.woocommerce-MyAccount-content .scs-support .scs-phone{display:none} /* telefonen står redan i kontaktpanelen */
.woocommerce-MyAccount-content .scs-support .scs-choice{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;padding:18px}
.woocommerce-MyAccount-content .scs-support .scs-choice .scs-ic{grid-row:1/3;margin:0}
.woocommerce-MyAccount-content .scs-support .scs-choice strong{font-size:16px;margin:0}
.woocommerce-MyAccount-content .scs-support .scs-choice>span:last-child{font-size:13.5px;color:var(--scs-muted)}
.woocommerce-MyAccount-content .scs-support .scs-choice[href*="/requests"],.woocommerce-MyAccount-content .scs-support .scs-choice[href*="arenden"]{grid-column:1/-1;background:var(--scs-surface-2)}
.hgsp-ord{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:6px 0 0;padding:18px 20px;border:1px solid var(--line,#e3e6e9);border-radius:12px}
.hgsp-ord b{display:block;margin-bottom:2px}
.hgsp-ord span{color:var(--mut,#5b636c);font-size:14px}
.hgsp-ord .pill{flex:none}
@media (max-width:760px){
  .hgsp{grid-template-columns:minmax(0,1fr);padding:18px}
  .hgsp__c li{grid-template-columns:90px minmax(0,1fr)}
  .woocommerce-MyAccount-content .scs-support .scs-choices{grid-template-columns:minmax(0,1fr)}
  .hgsp-ord{flex-direction:column;align-items:flex-start}
}

/* Mitt konto → Kundservice (Jonas 2026-11-12): pluginets .scs-support{margin:0 auto} gjorde modulen smal och centrerad i kontots
   rutnät (366 av 926 px). Här fyller den kolumnen och börjar vid vänsterkanten som övriga kontosidor. */
.woocommerce-MyAccount-content>.scs-support{margin-left:0;margin-right:0;width:100%;max-width:none}
.woocommerce-MyAccount-content>.scs-support .scs-search{max-width:420px}
/* Headset-ikonen vid "Kundservice" i kontomenyn låg på kanten (pluginets right:0) – samma inre marginal som texten. */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--support a::after{right:12px}