/* Identitatea comună a rețelei ARSC (specificația Eduard, 12-11-2026; referința arsc.ro/site-nou).
   Un singur loc pentru culori, font, raze și componenta „Rețeaua ARSC”.
   Se încarcă DUPĂ stilurile site-ului; schimbă doar aspectul, nu structura. */

@font-face { font-family: 'Sora'; src: url('/fonts/Sora-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('/fonts/Sora-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('/fonts/Sora-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Sora'; src: url('/fonts/Sora-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }

:root {
  --c-bg: #F8F7F3;
  --c-surface: #FFFEFC;
  --c-surface-alt: #F0EEE7;
  --c-text: #111317;
  --c-muted: #4A4F57;
  --c-orange: #FF6A00;
  --c-orange-hover: #E85F00;
  --c-orange-text: #B84A00;
  --c-orange-soft: #FFF0E5;
  --c-border: #D9D7D0;
  --c-on-orange: #111317;
  --font-arsc: 'Sora', Arial, Helvetica, sans-serif;
  --r-btn: 4px;
  --r-card: 8px;
}

/* Componenta „Rețeaua ARSC”: <details class="arsc-retea">, merge la click, atingere și tastatură fără JS. */
.arsc-retea { position: relative; display: inline-block; font-family: var(--font-arsc); font-size: 14px; line-height: 1.4; }
.arsc-retea > summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  font-weight: 600; color: inherit; padding: 6px 0; border-radius: 2px;
}
.arsc-retea > summary::-webkit-details-marker { display: none; }
.arsc-retea > summary::after {
  content: ''; width: 7px; height: 7px; margin-top: -3px;
  border-right: 2px solid var(--c-orange); border-bottom: 2px solid var(--c-orange);
  transform: rotate(45deg); transition: transform 160ms ease;
}
.arsc-retea[open] > summary::after { transform: rotate(-135deg); margin-top: 3px; }
.arsc-retea > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.arsc-retea__panou {
  position: absolute; z-index: 1000; min-width: 240px; margin: 6px 0 0; padding: 8px;
  background: var(--c-surface); color: var(--c-text); border: 1px solid var(--c-border);
  border-radius: var(--r-card); box-shadow: 0 12px 32px rgba(17, 19, 23, .10); list-style: none;
}
.arsc-retea--sus .arsc-retea__panou { bottom: 100%; margin: 0 0 6px; }
.arsc-retea--dreapta .arsc-retea__panou { right: 0; }
.arsc-retea__panou li { margin: 0; padding: 0; }
.arsc-retea__panou a {
  display: block; padding: 8px 10px; border-radius: var(--r-btn);
  color: var(--c-text) !important; text-decoration: none; font-weight: 400;
}
.arsc-retea__panou a:hover, .arsc-retea__panou a:focus-visible { background: var(--c-orange-soft); color: var(--c-text); }
.arsc-retea__panou a[aria-current="page"] { font-weight: 600; }
.arsc-retea__panou a span { display: block; font-size: 13px; color: var(--c-muted); }
.arsc-apartenenta { font-family: var(--font-arsc); font-size: 13px; font-weight: 600; letter-spacing: .02em; }