/* واجهة أرشيف البكالوريا المضغوطة بهوية أزرار المواد. */
.bac-archive .bac-archive-head{
  max-width:1100px;
  margin:0 auto 18px;
  padding:20px 22px;
  border-radius:20px;
  background:linear-gradient(180deg,#fbfefc,#f6fbf8);
  box-shadow:none;
}
.bac-archive .bac-kicker{padding:5px 10px;font-size:.75rem}
.bac-archive .bac-archive-head h2{
  margin:10px 0 4px;
  font-size:clamp(1.35rem,2.3vw,1.72rem);
  line-height:1.55;
}
.bac-archive .bac-archive-head p{font-size:.9rem;line-height:1.7}
.bac-archive .bac-index-tabs{margin-top:16px}
.bac-archive .bac-tab-switcher{
  width:min(540px,100%);
  margin-bottom:16px;
  padding:4px;
  gap:4px;
  border-radius:15px;
}
.bac-archive .bac-tab-switcher button{
  min-height:42px;
  padding:6px 10px;
  border-radius:11px;
  font-size:.9rem;
}
.bac-archive .bac-year-grid-modern{gap:9px 12px}
.bac-archive .bac-year-grid-modern .bac-year-card{
  --year-accent:#f59e0b;
  position:relative;
  min-height:72px;
  height:72px;
  justify-content:center;
  gap:0;
  padding:6px 82px 6px 18px;
  overflow:hidden;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fafcfb);
  box-shadow:0 5px 15px rgba(15,23,42,.035);
}
.bac-archive .bac-year-grid-modern .bac-year-card::before{
  content:"";
  position:absolute;
  inset-block:9px;
  inset-inline-end:0;
  width:3px;
  border-radius:3px 0 0 3px;
  background:var(--year-accent);
}
.bac-archive .bac-year-grid-modern .bac-year-card:nth-child(4n+2){--year-accent:#3182ce}
.bac-archive .bac-year-grid-modern .bac-year-card:nth-child(4n+3){--year-accent:#8b5cf6}
.bac-archive .bac-year-grid-modern .bac-year-card:nth-child(4n+4){--year-accent:#10a06e}
.bac-archive .bac-year-grid-modern .bac-year-card:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 19px rgba(7,148,100,.08);
}
.bac-archive .bac-year-grid-modern .bac-year-card .bac-year-icon{
  position:absolute;
  right:0;
  inset-block:0;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:0 15px 15px 0;
  background:linear-gradient(145deg,#69717d,#565e69);
  color:#fff;
  font-size:1rem;
  font-weight:900;
}
.bac-archive .bac-year-grid-modern .bac-year-card strong{
  width:100%;
  font-size:.94rem;
  line-height:1.45;
  text-align:center;
}
.bac-archive .bac-legacy-year-card{padding-right:82px;padding-left:18px}
.bac-archive .bac-legacy-year-card::before{background:#94a3b8}
.bac-archive .bac-legacy-year-card .bac-year-icon{
  background:linear-gradient(145deg,#69717d,#565e69)!important;
  color:#fff!important;
}
.bac-archive .bac-legacy-divider{margin:21px 0 12px}
html[data-theme=dark] .bac-archive .bac-year-grid-modern .bac-year-card{
  background:linear-gradient(180deg,#242a31,#20252c);
  border-color:#3d4b45;
}
html[data-theme=dark] .bac-archive .bac-year-grid-modern .bac-year-card>i{background:#15382b;color:#67d9a8}
.bac-archive .bac-stream-years-grid{gap:9px 12px}
.bac-archive .bac-stream-year-card{
  position:relative;
  min-height:72px;
  height:72px;
  justify-content:center;
  padding:6px 82px 6px 18px;
  overflow:hidden;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fafcfb);
  box-shadow:0 5px 15px rgba(15,23,42,.035);
}
.bac-archive .bac-stream-year-icon{
  position:absolute;
  right:0;
  inset-block:0;
  width:72px!important;
  min-width:72px!important;
  height:72px!important;
  display:grid!important;
  place-items:center;
  border-radius:0 15px 15px 0!important;
  background:linear-gradient(145deg,#69717d,#565e69)!important;
  color:#fff!important;
  font-weight:900;
}
.bac-archive .bac-stream-year-copy{align-items:center;text-align:center}
.bac-archive .bac-stream-year-card>i{display:none}
.bac-stream-hub-grid .bac-stream-copy{justify-content:center}
@media(max-width:575.98px){
  .bac-archive .bac-archive-head{padding:16px 14px;border-radius:17px;margin-bottom:14px}
  .bac-archive .bac-archive-head h2{font-size:1.25rem}
  .bac-archive .bac-archive-head p{font-size:.82rem}
  .bac-archive .bac-tab-switcher{margin-bottom:12px}
  .bac-archive .bac-tab-switcher button{min-height:40px;padding:5px 4px;font-size:.78rem;gap:5px}
  .bac-archive .bac-tab-switcher button i{font-size:.9rem}
  .bac-archive .bac-year-grid-modern{grid-template-columns:1fr;gap:8px}
  .bac-archive .bac-year-grid-modern .bac-year-card{height:64px;min-height:64px;padding:5px 66px 5px 12px;border-radius:14px}
  .bac-archive .bac-year-grid-modern .bac-year-card .bac-year-icon{width:60px;height:64px;border-radius:0 13px 13px 0;font-size:.86rem}
  .bac-archive .bac-year-grid-modern .bac-year-card strong{font-size:.86rem}
  .bac-archive .bac-stream-year-card{height:64px;min-height:64px;padding:5px 66px 5px 12px;border-radius:14px}
  .bac-archive .bac-stream-year-icon{width:60px!important;min-width:60px!important;height:64px!important;border-radius:0 13px 13px 0!important;font-size:.86rem}
}