/* ============================================================
   REDDSOL CAREERS — plugin styles
   ------------------------------------------------------------
   Scoped under .reddsol-openings so these variables and rules
   can't leak into or collide with the rest of your theme.
   If your site already loads the main Reddsol styles.css with
   the same color variables and class names, these rules simply
   confirm the same look — no conflict either way.
   ============================================================ */

.reddsol-openings{
  --paper: #FFFFFF;
  --paper-dim: #FBEAEB;
  --ink: #201A1A;
  --ink-soft: #5C4E4E;
  --gold: #C1272D;
  --gold-deep: #8C1D22;
  --teal: #7A1418;
  --line: #F3D7D8;
  --white: #FFFFFF;
  --body: 'Inter', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', monospace;

  font-family: var(--body);
  color: var(--ink);
}

.reddsol-openings .btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:999px;text-decoration:none;
  font-weight:600;font-size:15px;transition:transform .15s ease, background .15s ease;
  border:none;cursor:pointer;
}
.reddsol-openings .btn-primary{background:var(--gold);color:#fff;}
.reddsol-openings .btn-primary:hover{background:var(--gold-deep);transform:translateY(-1px);}
.reddsol-openings .btn-outline{border:1.5px solid var(--ink);color:var(--ink);background:none;}
.reddsol-openings .btn-outline:hover{background:var(--ink);color:var(--paper);}

.reddsol-openings.openings{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white);}
.reddsol-openings .opening-row{border-top:1px solid var(--line);}
.reddsol-openings .opening-row:first-child{border-top:none;}
.reddsol-openings .opening-row h4{font-family:var(--body);font-weight:600;font-size:16px;margin:0;}
.reddsol-openings .opening-row .meta{font-size:13px;color:var(--ink-soft);font-family:var(--mono);display:block;margin-top:4px;}

.reddsol-openings .opening-header-static{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 26px;flex-wrap:wrap;
}
.reddsol-openings .opening-toggle{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  width:100%;padding:22px 26px;border:none;background:none;cursor:pointer;
  font-family:inherit;text-align:left;color:inherit;flex-wrap:wrap;
}
.reddsol-openings .opening-toggle:hover{background:var(--paper-dim);}
.reddsol-openings .opening-chevron{flex-shrink:0;color:var(--ink-soft);transition:transform .18s ease;}
.reddsol-openings .opening-row.is-open .opening-chevron{transform:rotate(180deg);color:var(--teal);}
.reddsol-openings .opening-row.is-open .opening-toggle{background:var(--paper-dim);}

.reddsol-openings .opening-panel{padding:0 26px 26px;}
.reddsol-openings .opening-panel .opening-desc{font-size:14px;color:var(--ink-soft);margin:0 0 16px;max-width:60ch;}
.reddsol-openings .opening-panel .opening-desc p{margin:0 0 12px;}
.reddsol-openings .opening-panel .opening-desc ul,
.reddsol-openings .opening-panel .opening-desc ol{margin:0 0 12px;padding-left:22px;}
.reddsol-openings .opening-panel .btn-primary{padding:10px 22px;font-size:14px;}

.reddsol-openings .opening-empty{
  background:var(--white);border:1px dashed var(--line);border-radius:16px;
  padding:44px 30px;text-align:center;
}
.reddsol-openings .opening-empty p{color:var(--ink-soft);}

@media (prefers-reduced-motion: reduce){
  .reddsol-openings *{transition:none!important;}
}