/* Dark mode overrides for Magazin Bölümü Bileşeni */

:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine {
  --magazine-surface: #151515;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__feature {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12));
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__thumb {
  background: rgba(255, 255, 255, 0.1);
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__thumb-placeholder {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__list-item {
  background: rgba(255, 255, 255, 0.06);
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__list-title {
  color: #e6e6e6;
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__list-item:hover,
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__list-item:focus-within {
  background: rgba(255, 255, 255, 0.12);
}
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__more:hover,
:is(body.dark, html.dark, [data-theme="dark"]) .pressgpt-magazine__more:focus {
  box-shadow: 0 10px 18px rgba(228, 17, 143, 0.25);
}