/* =========================
   MetaPlay Mockup Foundation
   ========================= */

:root {
  --mp-bg: #080B14;
  --mp-header: #050812;
  --mp-surface: #111827;
  --mp-surface-2: #151F33;
  --mp-text: #F5F7FA;
  --mp-muted: #94A3B8;
  --mp-line: rgba(255,255,255,.08);
  --mp-cyan: #8B5CF6;
  --mp-purple: #7C3AED;
  --mp-container: 1320px;
}

/* Full page background */
html,
body,
.site,
.body-wrapper,
.body-innerwrapper,
#sp-main,
#sp-main-body,
#sp-component,
main,
section {
  background: var(--mp-bg) !important;
  color: var(--mp-text) !important;
}

/* Remove unwanted bars */
#sp-top-bar,
#sp-section-1,
#sp-title {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Main spacing */
#sp-main-body {
  padding: 0 !important;
  margin: 0 !important;
}

/* Container */
.container {
  max-width: var(--mp-container) !important;
}

/* Header */
#sp-header {
  background: rgba(5, 8, 18, .96) !important;
  border-bottom: 1px solid var(--mp-line) !important;
  box-shadow: 0 14px 45px rgba(0,0,0,.45) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#sp-header .container-inner {
  min-height: 76px !important;
}

/* Logo */
.logo,
.logo a,
#sp-logo a {
  color: var(--mp-text) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase !important;
}

#sp-logo img {
  max-height: 44px !important;
}

/* Menu */
.sp-megamenu-parent {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  color: var(--mp-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  padding: 30px 12px 24px !important;
  transition: color .2s ease !important;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
  color: var(--mp-cyan) !important;
}

.sp-megamenu-parent > li > a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  margin-top: 7px;
  background: linear-gradient(90deg, var(--mp-cyan), var(--mp-purple));
  transition: width .2s ease;
}

.sp-megamenu-parent > li.active > a::after,
.sp-megamenu-parent > li:hover > a::after {
  width: 100%;
}

/* Header icons / burger */
#sp-header a {
  color: var(--mp-muted) !important;
}

#sp-header a:hover {
  color: var(--mp-cyan) !important;
}

.burger-icon > span {
  background: var(--mp-text) !important;
}

/* Search */
#sp-header input[type="search"],
#sp-header input[type="text"] {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--mp-line) !important;
  color: var(--mp-text) !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
}

#sp-header input::placeholder {
  color: var(--mp-muted) !important;
}

/* Premium background glow */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,216,255,.07), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(124,58,237,.07), transparent 30%);
  z-index: -1;
}

/* Empty homepage placeholder area */
.blog-featured {
  min-height: 70vh;
}

/* Buttons */
.btn,
button,
input[type="submit"] {
  border-radius: 999px !important;
}

/* FORCE METAPLAY BLACK BACKGROUND */
html,
body,
.site,
.body-wrapper,
.body-innerwrapper,
#sp-main,
#sp-main-body,
#sp-component,
#sp-title,
#sp-section-1,
#sp-section-2,
#sp-section-3,
#sp-section-4,
#sp-section-5,
section,
main,
.container,
.container-inner,
.row,
.sp-column,
.blog-featured {
  background: #03050b !important;
  background-color: #03050b !important;
  color: #f5f7fa !important;
}

#sp-top-bar,
#sp-section-1,
#sp-title {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#sp-header {
  background: #03050b !important;
  background-color: #03050b !important;
}

#sp-main-body,
#sp-main,
main {
  padding: 0 !important;
  margin: 0 !important;
}

/* Full-height layout only on homepage */
body.itemid-101 #sp-main-body,
body.itemid-101 #sp-main,
body.itemid-101 main {
  min-height: calc(100vh - 76px) !important;
}

body::before,
body::after {
  display: none !important;
}

/* Header cleanup */
#sp-header{
    border:0 !important;
    border-bottom:none !important;
    box-shadow:none !important;
}


/* Hide burger/menu bar on desktop, show only on mobile */
#offcanvas-toggler,
.offcanvas-toggler-right,
.offcanvas-toggler-left {
  display: none !important;
}

@media (max-width: 991px) {
  #offcanvas-toggler,
  .offcanvas-toggler-right,
  .offcanvas-toggler-left {
    display: flex !important;
  }
}

/* ===== MetaPlay Theme Switcher ===== */

.mp-theme-toggle {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  color: #f5f7fa !important;
  border-radius: 999px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 14px;
  cursor: pointer;
  font-size: 18px;
  transition: all .2s ease;
}

.mp-theme-toggle:hover {
  border-color: #8B5CF6 !important;
  color: #8B5CF6 !important;
  transform: translateY(-1px);
}

html[data-theme="light"] body,
html[data-theme="light"] .site,
html[data-theme="light"] .body-wrapper,
html[data-theme="light"] .body-innerwrapper,
html[data-theme="light"] #sp-main,
html[data-theme="light"] #sp-main-body,
html[data-theme="light"] #sp-component,
html[data-theme="light"] section,
html[data-theme="light"] main,
html[data-theme="light"] .container,
html[data-theme="light"] .container-inner,
html[data-theme="light"] .row,
html[data-theme="light"] .sp-column,
html[data-theme="light"] .blog-featured {
  background: #f5f7fb !important;
  background-color: #f5f7fb !important;
  color: #0b1020 !important;
}

html[data-theme="light"] #sp-header {
  background: rgba(255,255,255,.92) !important;
}

html[data-theme="light"] .logo,
html[data-theme="light"] .logo a,
html[data-theme="light"] #sp-logo a {
  color: #0b1020 !important;
}

html[data-theme="light"] .sp-megamenu-parent > li > a,
html[data-theme="light"] .sp-megamenu-parent > li > span,
html[data-theme="light"] #sp-header a {
  color: #334155 !important;
}

html[data-theme="light"] .sp-megamenu-parent > li.active > a,
html[data-theme="light"] .sp-megamenu-parent > li:hover > a,
html[data-theme="light"] #sp-header a:hover {
  color: #0066ff !important;
}

html[data-theme="light"] .mp-theme-toggle {
  background: #ffffff !important;
  color: #0b1020 !important;
  border-color: rgba(15,23,42,.12) !important;
}

/* ===== MetaPlay SVG Theme Switcher v2 ===== */
.mp-theme-toggle {
  position: relative;
  width: 54px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  margin-left: 16px;
  padding: 0 !important;
  cursor: pointer;
  overflow: hidden;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.mp-theme-toggle::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8B5CF6, #7c3aed);
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
  box-shadow: 0 0 18px rgba(139,92,246,.30);
}

.mp-theme-toggle svg {
  position: absolute;
  top: 6px;
  width: 16px;
  height: 16px;
  z-index: 2;
  transition: opacity .2s ease, transform .25s ease;
}

.mp-theme-toggle .mp-icon-sun {
  left: 7px;
  opacity: .35;
  color: #fbbf24;
}

.mp-theme-toggle .mp-icon-moon {
  right: 7px;
  opacity: 1;
  color: #dbeafe;
}

html[data-theme="light"] .mp-theme-toggle {
  background: #fff !important;
  border-color: rgba(15,23,42,.14) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.08);
}

html[data-theme="light"] .mp-theme-toggle::before {
  transform: translateX(24px);
  background: linear-gradient(135deg, #facc15, #fb923c);
  box-shadow: 0 0 18px rgba(250,204,21,.35);
}

html[data-theme="light"] .mp-theme-toggle .mp-icon-sun {
  opacity: 1;
}

html[data-theme="light"] .mp-theme-toggle .mp-icon-moon {
  opacity: .35;
}

/* ===== Theme transition + fixed black header ===== */

html,
body,
.site,
.body-wrapper,
.body-innerwrapper,
#sp-main,
#sp-main-body,
#sp-component,
section,
main,
.container,
.container-inner,
.row,
.sp-column,
.blog-featured {
  transition:
    background-color .35s ease,
    background .35s ease,
    color .35s ease,
    border-color .35s ease;
}

/* Header always black, even in light mode */
#sp-header,
html[data-theme="light"] #sp-header {
  background: #03050b !important;
  background-color: #03050b !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] #sp-header .logo,
html[data-theme="light"] #sp-header .logo a,
html[data-theme="light"] #sp-header #sp-logo a,
html[data-theme="light"] #sp-header .sp-megamenu-parent > li > a,
html[data-theme="light"] #sp-header .sp-megamenu-parent > li > span,
html[data-theme="light"] #sp-header a {
  color: #f5f7fa !important;
}

html[data-theme="light"] #sp-header .sp-megamenu-parent > li.active > a,
html[data-theme="light"] #sp-header .sp-megamenu-parent > li:hover > a,
html[data-theme="light"] #sp-header a:hover {
  color: #8B5CF6 !important;
}

/* Light background only below header */
html[data-theme="light"] body,
html[data-theme="light"] .site,
html[data-theme="light"] .body-wrapper,
html[data-theme="light"] .body-innerwrapper,
html[data-theme="light"] #sp-main,
html[data-theme="light"] #sp-main-body,
html[data-theme="light"] #sp-component,
html[data-theme="light"] section,
html[data-theme="light"] main,
html[data-theme="light"] .container,
html[data-theme="light"] .container-inner,
html[data-theme="light"] .row,
html[data-theme="light"] .sp-column,
html[data-theme="light"] .blog-featured {
  background: #f5f7fb !important;
  background-color: #f5f7fb !important;
  color: #0b1020 !important;
}


/* ===== FIX HEADER AFTER LIGHT MODE ===== */

html[data-theme="light"] #sp-header,
html[data-theme="light"] #sp-header .container,
html[data-theme="light"] #sp-header .container-inner,
html[data-theme="light"] #sp-header .row,
html[data-theme="light"] #sp-header .sp-column,
html[data-theme="light"] #sp-logo,
html[data-theme="light"] #sp-menu {
  background: #03050b !important;
  background-color: #03050b !important;
}

#sp-header,
#sp-header .container,
#sp-header .container-inner,
#sp-header .row,
#sp-header .sp-column,
#sp-logo,
#sp-menu {
  background: #03050b !important;
  background-color: #03050b !important;
}

html[data-theme="light"] #sp-main,
html[data-theme="light"] #sp-main-body,
html[data-theme="light"] #sp-component,
html[data-theme="light"] main,
html[data-theme="light"] section:not(#sp-header),
html[data-theme="light"] .blog-featured {
  background: #f5f7fb !important;
  background-color: #f5f7fb !important;
}


/* ===== FULL WIDTH BLACK HEADER FIX ===== */

#sp-header {
  width: 100% !important;
  max-width: none !important;
  background: #03050b !important;
  background-color: #03050b !important;
}

#sp-header > .container,
#sp-header .container {
  max-width: 1320px !important;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="light"] #sp-header {
  background: #03050b !important;
  background-color: #03050b !important;
}

html[data-theme="light"] #sp-header > .container,
html[data-theme="light"] #sp-header .container {
  background: transparent !important;
  background-color: transparent !important;
}

/* Μην αφήνεις το light mode να βάφει τα inner header blocks */
html[data-theme="light"] #sp-header .container-inner,
html[data-theme="light"] #sp-header .row,
html[data-theme="light"] #sp-header .sp-column,
html[data-theme="light"] #sp-logo,
html[data-theme="light"] #sp-menu {
  background: transparent !important;
  background-color: transparent !important;
}


/* ===== HEADER ALIGNMENT FIX ===== */

#sp-header {
  height: 82px !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

#sp-header .container,
#sp-header .container-inner,
#sp-header .row {
  height: 82px !important;
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

#sp-logo,
#sp-menu,
#sp-logo .sp-column,
#sp-menu .sp-column {
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

#sp-logo img {
  max-height: 52px !important;
  width: auto !important;
  display: block !important;
}

.sp-megamenu-parent {
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.sp-megamenu-parent > li {
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 82px !important;
}

.mp-theme-toggle {
  flex: 0 0 auto !important;
  align-self: center !important;
  margin-top: 0 !important;
}


/* ===== HEADER SPACING + UNDERLINE FIX ===== */

#sp-header .container {
  max-width: 1320px !important;
}

#sp-header .container-inner,
#sp-header .row {
  width: 100% !important;
  justify-content: space-between !important;
}

#sp-logo {
  flex: 0 0 auto !important;
  margin-right: 48px !important;
}

#sp-menu {
  flex: 1 1 auto !important;
}

#sp-menu .sp-column {
  justify-content: flex-end !important;
  gap: 22px !important;
}

.sp-megamenu-parent {
  gap: 24px !important;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 82px !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.sp-megamenu-parent > li > a::after {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 14px !important;
  margin: 0 auto !important;
}

.mp-theme-toggle {
  margin-left: 18px !important;
}


/* ===== Restore Helix spacing ===== */

#sp-logo{
    margin-right:90px !important;
}

.sp-megamenu-parent{
    gap:0 !important;
}

.sp-megamenu-parent > li{
    margin:0 18px !important;
}

.sp-megamenu-parent > li > a{
    padding:0 !important;
    line-height:normal !important;
}

#sp-menu .sp-column{
    gap:0 !important;
}

.mp-theme-toggle{
    margin-left:40px !important;
}


@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap");

.sp-megamenu-parent > li > a{
    font-family:"Manrope",sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}


/* ===== MetaPlay Menu Font + Premium Underline ===== */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&display=swap");

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  font-family: "Manrope", sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

/* kill previous underline */
.sp-megamenu-parent > li > a::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 13px !important;
  width: 0 !important;
  height: 3px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #8B5CF6, #7c3aed) !important;
  box-shadow: 0 0 14px rgba(139,92,246,.40) !important;
  transform: translateX(-50%) !important;
  transition: width .22s ease, opacity .22s ease !important;
  opacity: 0 !important;
}

.sp-megamenu-parent > li.active > a::after,
.sp-megamenu-parent > li:hover > a::after {
  width: 28px !important;
  opacity: 1 !important;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
  color: #8B5CF6 !important;
}


/* ===== MetaPlay Menu Size ===== */

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
}

.sp-megamenu-parent > li {
    margin: 0 20px !important;
}


/* ===== MetaPlay Premium Menu Animation ===== */

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    position: relative !important;
    transition:
        color .22s ease,
        transform .22s ease,
        text-shadow .22s ease !important;
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a {
    transform: translateY(-2px);
    color: #8B5CF6 !important;
    text-shadow: 0 0 10px rgba(139,92,246,.30);
}

.sp-megamenu-parent > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg,#8B5CF6,#8B5CF6);
    transform: translateX(-50%);
    opacity: 0;
    box-shadow: 0 0 14px rgba(139,92,246,.40);
    transition:
        width .22s ease,
        opacity .22s ease;
}

.sp-megamenu-parent > li:hover > a::after,
.sp-megamenu-parent > li.active > a::after{
    width:30px;
    opacity:1;
}


/* ===== MetaPlay Premium Menu Animation ===== */

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    position: relative !important;
    transition:
        color .22s ease,
        transform .22s ease,
        text-shadow .22s ease !important;
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a {
    transform: translateY(-2px);
    color: #8B5CF6 !important;
    text-shadow: 0 0 10px rgba(139,92,246,.30);
}

.sp-megamenu-parent > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg,#8B5CF6,#8B5CF6);
    transform: translateX(-50%);
    opacity: 0;
    box-shadow: 0 0 14px rgba(139,92,246,.40);
    transition:
        width .22s ease,
        opacity .22s ease;
}

.sp-megamenu-parent > li:hover > a::after,
.sp-megamenu-parent > li.active > a::after{
    width:30px;
    opacity:1;
}


@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span{
    font-family:"Outfit",sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
}


/* ===== Premium Header Glow ===== */

#sp-header{
    position:sticky;
    top:0;
    z-index:9999;
    overflow:visible !important;
}

/* λεπτή φωτεινή γραμμή */
#sp-header::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(108,92,231,.18) 15%,
        rgba(168,85,247,.28) 50%,
        rgba(108,92,231,.18) 85%,
        transparent 100%
    );

    box-shadow:
        0 0 8px rgba(168,85,247,.20),
        0 0 14px rgba(108,92,231,.10);

    pointer-events:none;
}


/* ===== MetaPlay Menu Colors ===== */

/* Dark Theme */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span{
    color:#F8FAFC !important;
    opacity:.88;
    transition:
        color .22s ease,
        opacity .22s ease,
        transform .22s ease,
        text-shadow .22s ease;
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a{
    color:#FFFFFF !important;
    opacity:1;
    text-shadow:0 0 10px rgba(139,92,246,.25);
}

/* Light Theme */
html[data-theme="light"] .sp-megamenu-parent > li > a,
html[data-theme="light"] .sp-megamenu-parent > li > span{
    color:#FFFFFF !important;
    opacity:.88;
}

html[data-theme="light"] .sp-megamenu-parent > li:hover > a,
html[data-theme="light"] .sp-megamenu-parent > li.active > a{
    color:#FFFFFF !important;
    opacity:1;
}


/* ===== White menu text on Dark Theme ===== */

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    color: #FFFFFF !important;
}


/* ===== FORCE WHITE HEADER MENU TEXT ===== */

#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span,
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li:hover > a,
body #sp-header .sp-megamenu-parent > li > a,
body #sp-header .sp-megamenu-parent > li > span {
    color: #ffffff !important;
    opacity: 1 !important;
}

html[data-theme="light"] #sp-header .sp-megamenu-parent > li > a,
html[data-theme="light"] #sp-header .sp-megamenu-parent > li > span,
html[data-theme="light"] #sp-header .sp-megamenu-parent > li.active > a,
html[data-theme="light"] #sp-header .sp-megamenu-parent > li:hover > a {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* ===== Mobile Offcanvas Burger ===== */

/* desktop hidden */
#offcanvas-toggler,
.offcanvas-toggler-right,
.offcanvas-toggler-left {
  display: none !important;
}

/* mobile visible */
@media (max-width: 991px) {
  #offcanvas-toggler,
  .offcanvas-toggler-right,
  .offcanvas-toggler-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: 16px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
  }

  .burger-icon {
    width: 22px !important;
    height: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  .burger-icon > span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    opacity: 1 !important;
  }

  /* hide desktop menu on mobile */
  .sp-megamenu-parent {
    display: none !important;
  }

  /* keep logo/header aligned */
  #sp-header,
  #sp-header .container,
  #sp-header .container-inner,
  #sp-header .row,
  #sp-logo,
  #sp-menu,
  #sp-logo .sp-column,
  #sp-menu .sp-column {
    height: 76px !important;
    min-height: 76px !important;
    align-items: center !important;
  }

  #sp-logo img {
    max-height: 46px !important;
  }
}

/* Offcanvas panel style */
.offcanvas-menu {
  background: #03050b !important;
  color: #ffffff !important;
}

.offcanvas-menu .offcanvas-inner,
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  color: #ffffff !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover {
  color: #8B5CF6 !important;
}

.close-offcanvas {
  color: #ffffff !important;
}

/* ===== Fix mobile burger icon ===== */

@media (max-width: 991px) {
  #offcanvas-toggler {
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.06) !important;
  }

  #offcanvas-toggler .burger-icon {
    position: relative !important;
    width: 22px !important;
    height: 16px !important;
    display: block !important;
  }

  #offcanvas-toggler .burger-icon span {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    opacity: 1 !important;
  }

  #offcanvas-toggler .burger-icon span:nth-child(1) {
    top: 0 !important;
  }

  #offcanvas-toggler .burger-icon span:nth-child(2) {
    top: 7px !important;
  }

  #offcanvas-toggler .burger-icon span:nth-child(3) {
    top: 14px !important;
  }

  .mp-theme-toggle {
    margin-right: 76px !important;
  }
}


/* ===== Mobile header tools alignment ===== */

@media (max-width: 991px) {
  #sp-header {
    position: relative !important;
  }

  .mp-theme-toggle {
    position: absolute !important;
    right: 78px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 10001 !important;
  }

  #offcanvas-toggler {
    right: 22px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 0 18px rgba(139,92,246,.10) !important;
  }

  #offcanvas-toggler:hover {
    border-color: rgba(139,92,246,.42) !important;
    box-shadow: 0 0 20px rgba(139,92,246,.20) !important;
  }

  #offcanvas-toggler .burger-icon {
    width: 20px !important;
    height: 14px !important;
  }

  #offcanvas-toggler .burger-icon span {
    width: 20px !important;
    height: 1.6px !important;
    background: #f8fafc !important;
    border-radius: 999px !important;
  }

  #offcanvas-toggler .burger-icon span:nth-child(1) {
    top: 0 !important;
  }

  #offcanvas-toggler .burger-icon span:nth-child(2) {
    top: 6px !important;
  }

  #offcanvas-toggler .burger-icon span:nth-child(3) {
    top: 12px !important;
  }

  #sp-logo img {
    max-height: 48px !important;
  }
}

/* ===== Minimal Mobile Burger ===== */

@media (max-width:991px){

#offcanvas-toggler{
    width:32px !important;
    height:32px !important;
    right:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
}

#offcanvas-toggler:hover{
    background:transparent !important;
    box-shadow:none !important;
}

#offcanvas-toggler .burger-icon{
    width:22px !important;
    height:16px !important;
}

#offcanvas-toggler .burger-icon span{
    width:22px !important;
    height:2px !important;
    background:#ffffff !important;
    border-radius:999px !important;
}

#offcanvas-toggler .burger-icon span:nth-child(1){
    top:1px !important;
}

#offcanvas-toggler .burger-icon span:nth-child(2){
    top:7px !important;
}

#offcanvas-toggler .burger-icon span:nth-child(3){
    top:13px !important;
}

.mp-theme-toggle{
    right:62px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
}

}


/* ===== Raise burger icon ===== */

@media (max-width:991px){

#offcanvas-toggler{
    top: calc(50% - 3px) !important;
}

#offcanvas-toggler .burger-icon{
    position: relative !important;
    top: -2px !important;
}

}


/* ===== Offcanvas Close Button ===== */

.close-offcanvas{
    position:absolute !important;
    top:22px !important;
    right:22px !important;

    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#ffffff !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:300 !important;

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    opacity:.95 !important;

    z-index:999999 !important;

    transition:all .2s ease;
}

.close-offcanvas:hover{
    color:#A855F7 !important;
    transform:rotate(90deg);
}

.close-offcanvas svg,
.close-offcanvas i{
    color:#ffffff !important;
    fill:#ffffff !important;
}


/* ===== Replace offcanvas close box with clean X ===== */

.close-offcanvas {
  position: absolute !important;
  top: 26px !important;
  right: 24px !important;
  width: 34px !important;
  height: 34px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: transparent !important;
}

.close-offcanvas::before,
.close-offcanvas::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 26px !important;
  height: 2px !important;
  background: #ffffff !important;
  border-radius: 999px !important;
  transform-origin: center !important;
}

.close-offcanvas::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.close-offcanvas::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.close-offcanvas svg,
.close-offcanvas i,
.close-offcanvas span {
  display: none !important;
}


/* ===== MetaPlay Search Icon + Overlay ===== */

.mp-search-toggle {
  width: 34px;
  height: 34px;
  margin-left: 22px;
  border: 0;
  background: transparent;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: .92;
  transition: opacity .2s ease, transform .2s ease, color .2s ease;
}

.mp-search-toggle:hover {
  opacity: 1;
  transform: translateY(-1px);
  color: #8B5CF6;
}

.mp-search-toggle svg {
  width: 24px;
  height: 24px;
}

.mp-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background:
    radial-gradient(circle at 50% 0%, rgba(139,92,246,.12), transparent 34%),
    rgba(3,5,11,.96);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 120px 24px 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .24s ease;
}

.mp-search-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}

.mp-search-box {
  width: min(760px, 100%);
  transform: translateY(-12px);
  transition: transform .24s ease;
}

.mp-search-overlay.is-open .mp-search-box {
  transform: translateY(0);
}

.mp-search-close {
  position: absolute;
  top: 28px;
  right: 32px;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
}

.mp-search-close::before,
.mp-search-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 2px;
  background: #ffffff;
  border-radius: 999px;
}

.mp-search-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.mp-search-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mp-search-title {
  color: #ffffff;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 18px;
  opacity: .65;
}

.mp-search-input {
  width: 100%;
  height: 68px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  color: #ffffff;
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  padding: 0 24px;
  outline: none;
  box-shadow: 0 22px 70px rgba(0,0,0,.38);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.mp-search-input:focus {
  border-color: rgba(139,92,246,.65);
  box-shadow:
    0 22px 70px rgba(0,0,0,.38),
    0 0 26px rgba(139,92,246,.18);
}

.mp-search-input::placeholder {
  color: rgba(255,255,255,.42);
}

@media (max-width: 991px) {
  .mp-search-toggle {
    display: none !important;
  }

  .mp-search-overlay {
    padding-top: 92px;
  }

  .mp-search-input {
    height: 60px;
    font-size: 18px;
    border-radius: 18px;
  }
}


/* ===== MetaPlay Live Search Results ===== */

.mp-search-results {
  margin-top: 22px;
  display: grid;
  gap: 12px;
}

.mp-search-result {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mp-search-result:hover {
  transform: translateY(-2px);
  border-color: rgba(139,92,246,.45);
  background: rgba(139,92,246,.10);
  color: #fff;
}

.mp-search-thumb {
  width: 86px;
  height: 58px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(108,92,231,.35), rgba(168,85,247,.18));
  object-fit: cover;
}

.mp-search-category {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 5px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #d8ccff;
  background: rgba(139,92,246,.14);
  border: 1px solid rgba(139,92,246,.22);
}

.mp-search-result-title {
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.mp-search-result-excerpt {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.55);
}

.mp-search-empty {
  margin-top: 18px;
  color: rgba(255,255,255,.55);
  font-family: "Outfit", sans-serif;
}

@media (max-width: 600px) {
  .mp-search-result {
    grid-template-columns: 68px 1fr;
  }

  .mp-search-thumb {
    width: 68px;
    height: 52px;
  }
}

/* ===== Mobile Offcanvas Search Button ===== */

.mp-offcanvas-search {
  width: 100%;
  margin: 58px 0 22px;
  padding: 15px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.055);
  color: #ffffff;
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.mp-offcanvas-search:hover {
  border-color: rgba(139,92,246,.45);
  background: rgba(139,92,246,.10);
  transform: translateY(-1px);
}

.mp-offcanvas-search svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
  opacity: .9;
}

.mp-offcanvas-search span {
  color: rgba(255,255,255,.82);
}


/* ===== Enable title position as MetaPlay Hero area ===== */

#sp-section-1 {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #03050b !important;
}

#sp-title {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #03050b !important;
}

#sp-title .sp-column {
  background: transparent !important;
}


/* ===== MetaPlay Hero Position Fix ===== */

#sp-section-1,
#sp-title,
#sp-title .sp-column {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #03050b !important;
  background-color: #03050b !important;
}

#sp-section-1 .row {
  margin: 0 !important;
}

#sp-title {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}



/* ===== MetaPlay Global Font ===== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body,
button,
input,
textarea,
select {
    font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}


/* ===== Fix empty Helix main gap under MetaPlay homepage ===== */
body.itemid-101 main#sp-main{
    min-height:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    display:none !important;
    overflow:hidden !important;
}

body.itemid-101 #sp-main-body{
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
}

body.itemid-101 .mp-newsletter{
    margin-bottom:40px !important;
}


/* ===== MetaPlay News Archive ===== */

.mp-news-archive{
    max-width:1180px;
    margin:0 auto;
    padding:34px 18px 60px;
}

.mp-news-header{
    margin-bottom:24px;
}

.mp-news-header h1{
    font-size:42px;
    line-height:1;
    margin:0 0 10px;
    text-transform:uppercase;
    letter-spacing:-1px;
    color:#fff;
}

.mp-news-header p{
    margin:0;
    color:#b9b9c8;
    font-size:15px;
}

.mp-news-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin:22px 0 28px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.mp-news-filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.mp-news-filters a,
.mp-news-sort{
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.035);
    color:#fff;
    padding:10px 15px;
    border-radius:7px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
    transition:.18s ease;
}

.mp-news-filters a:hover,
.mp-news-filters a.active{
    background:linear-gradient(135deg,#7b2cff,#b025ff);
    border-color:transparent;
    color:#fff;
}

.mp-news-sort{
    color:#d7d7e5;
    white-space:nowrap;
}

.mp-news-list{
    display:flex;
    flex-direction:column;
}

.mp-news-row{
    display:grid;
    grid-template-columns:320px 1fr 34px;
    gap:26px;
    align-items:center;
    padding:22px 0;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.mp-news-thumb{
    display:block;
    overflow:hidden;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.12);
    background:#111;
    aspect-ratio:16/9;
}

.mp-news-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .25s ease, filter .25s ease;
}

.mp-news-row:hover .mp-news-thumb img{
    transform:scale(1.045);
    filter:brightness(1.08);
}

.mp-news-body h2{
    margin:9px 0 8px;
    font-size:24px;
    line-height:1.18;
    letter-spacing:-.3px;
}

.mp-news-body h2 a{
    color:#fff;
    text-decoration:none;
}

.mp-news-body h2 a:hover{
    color:#b56cff;
}

.mp-news-body p{
    margin:0 0 12px;
    color:#c9c9d3;
    font-size:15px;
    line-height:1.55;
}

.mp-news-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:6px 9px;
    border-radius:5px;
    color:#fff;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.3px;
    background:#8b35ff;
}

.mp-news-badge.xbox{background:#ff8b1a;}
.mp-news-badge.nintendo{background:#ff3b30;}
.mp-news-badge.playstation{background:#246bff;}
.mp-news-badge.pc{background:#20b7ff;}
.mp-news-badge.industry{background:#777;}
.mp-news-badge.games{background:#8b35ff;}

.mp-news-meta{
    display:flex;
    gap:9px;
    align-items:center;
    color:#aaaabc;
    font-size:13px;
}

.mp-news-arrow{
    color:#fff;
    font-size:42px;
    text-decoration:none;
    opacity:.8;
    transition:.18s ease;
}

.mp-news-row:hover .mp-news-arrow{
    color:#b56cff;
    transform:translateX(4px);
    opacity:1;
}

.mp-news-pagination{
    margin-top:28px;
    display:flex;
    justify-content:center;
}

.mp-news-pagination .pagination{
    gap:8px;
}

.mp-news-pagination a,
.mp-news-pagination span{
    border-radius:6px !important;
}

@media(max-width:900px){
    .mp-news-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .mp-news-row{
        grid-template-columns:220px 1fr;
        gap:18px;
    }

    .mp-news-arrow{
        display:none;
    }

    .mp-news-body h2{
        font-size:20px;
    }
}

@media(max-width:650px){
    .mp-news-archive{
        padding:26px 14px 45px;
    }

    .mp-news-header h1{
        font-size:34px;
    }

    .mp-news-row{
        grid-template-columns:1fr;
        gap:12px;
    }

    .mp-news-thumb{
        width:100%;
    }

    .mp-news-body h2{
        font-size:21px;
    }

    .mp-news-filters a{
        padding:9px 11px;
        font-size:11px;
    }
}


/* ===== News archive refinements ===== */

.mp-news-row{
    grid-template-columns:360px 1fr 34px !important;
    gap:28px !important;
}

.mp-news-thumb{
    border-radius:12px !important;
}

.mp-news-body h2{
    font-size:25px !important;
    max-width:760px;
}

.mp-news-body p{
    max-width:820px;
}

@media(max-width:900px){
    .mp-news-row{
        grid-template-columns:240px 1fr !important;
    }
}

@media(max-width:650px){
    .mp-news-row{
        grid-template-columns:1fr !important;
    }
}


/* ===== News archive typography + real sort ===== */

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&display=swap");

.mp-news-header h1{
    font-family:"Rajdhani", system-ui, sans-serif !important;
    font-weight:700 !important;
    font-size:46px !important;
    letter-spacing:.5px !important;
}

.mp-news-sort{
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}

.mp-news-sort select{
    appearance:none;
    -webkit-appearance:none;
    background:rgba(255,255,255,.035);
    color:#fff;
    border:1px solid rgba(255,255,255,.22);
    border-radius:7px;
    padding:11px 38px 11px 15px;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    cursor:pointer;
    background-image:linear-gradient(45deg, transparent 50%, #b56cff 50%),linear-gradient(135deg, #b56cff 50%, transparent 50%);
    background-position:calc(100% - 18px) 50%, calc(100% - 13px) 50%;
    background-size:5px 5px,5px 5px;
    background-repeat:no-repeat;
}

.mp-news-sort select:hover{
    border-color:#b56cff;
}

.mp-news-sort select option{
    background:#090b12;
    color:#fff;
}


/* ===== MetaPlay News v2 ===== */

.mp-news-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.mp-news-filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.mp-news-filters a{
    padding:8px 16px !important;
    font-size:11px !important;
    border-radius:8px !important;
    letter-spacing:.4px;
    font-weight:700;
}

.mp-news-sort{
    display:flex !important;
    align-items:center;
    gap:10px;
}

.mp-news-sort::after{
    content:"";
}

.mp-news-sort-icons{
    display:flex;
    gap:8px;
}

.mp-news-view{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    cursor:pointer;
    transition:.2s;
    color:#fff;
}

.mp-news-view:hover{
    background:#8b35ff;
    border-color:#8b35ff;
}

.mp-news-row{
    padding:26px 0 !important;
}

.mp-news-thumb{
    box-shadow:0 10px 25px rgba(0,0,0,.35);
}

.mp-news-body h2{
    font-size:22px !important;
    line-height:1.25;
    margin-bottom:10px;
}

.mp-news-meta{
    font-size:13px;
    opacity:.75;
}

.mp-news-arrow{
    font-size:48px !important;
    color:#9b9b9b !important;
}

.mp-news-row:hover .mp-news-arrow{
    color:#b56cff !important;
}


/* ===== News archive grid/list toggle ===== */

.mp-news-tools{
    display:flex;
    align-items:center;
    gap:12px;
}

.mp-news-view-toggle{
    display:flex;
    gap:8px;
}

.mp-view-btn{
    width:38px;
    height:38px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.035);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.18s ease;
}

.mp-view-btn:hover,
.mp-view-btn.active{
    background:linear-gradient(135deg,#7b2cff,#b025ff);
    border-color:transparent;
}

.mp-grid-icon{
    width:18px;
    height:18px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:4px;
}

.mp-grid-icon::before,
.mp-grid-icon::after{
    content:"";
    display:block;
    background:#fff;
    box-shadow:10px 0 0 #fff, 0 10px 0 #fff, 10px 10px 0 #fff;
    width:4px;
    height:4px;
    border-radius:1px;
}

.mp-list-icon{
    width:20px;
    height:14px;
    display:block;
    position:relative;
}

.mp-list-icon::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:3px;
    background:#fff;
    border-radius:2px;
    box-shadow:0 6px 0 #fff, 0 12px 0 #fff;
}

/* Grid mode */

.mp-news-list.mp-news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.mp-news-list.mp-news-grid .mp-news-row{
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    gap:14px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    overflow:hidden;
    background:rgba(255,255,255,.025);
}

.mp-news-list.mp-news-grid .mp-news-thumb{
    width:100%;
    border-radius:0 !important;
    border:0;
}

.mp-news-list.mp-news-grid .mp-news-body{
    padding:0 16px 18px;
}

.mp-news-list.mp-news-grid .mp-news-body h2{
    font-size:19px !important;
}

.mp-news-list.mp-news-grid .mp-news-body p{
    font-size:14px;
}

.mp-news-list.mp-news-grid .mp-news-arrow{
    display:none;
}

@media(max-width:950px){
    .mp-news-list.mp-news-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:650px){
    .mp-news-tools{
        width:100%;
        justify-content:space-between;
    }

    .mp-news-list.mp-news-grid{
        grid-template-columns:1fr;
    }
}


/* ===== Fix News toolbar controls ===== */

.mp-news-tools{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
}

/* Proper dark dropdown */
.mp-news-sort{
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}

.mp-news-sort select{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:156px !important;
    height:42px !important;
    background:#080a10 !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:8px !important;
    padding:0 42px 0 16px !important;
    font-size:13px !important;
    font-weight:800 !important;
    text-transform:none !important;
    cursor:pointer !important;
    box-shadow:none !important;
    outline:none !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #b56cff 50%),
        linear-gradient(135deg, #b56cff 50%, transparent 50%) !important;
    background-position:
        calc(100% - 18px) 18px,
        calc(100% - 13px) 18px !important;
    background-size:5px 5px,5px 5px !important;
    background-repeat:no-repeat !important;
}

.mp-news-sort select:hover,
.mp-news-sort select:focus{
    border-color:#9b35ff !important;
}

/* Browser dropdown options */
.mp-news-sort select option{
    background:#101219 !important;
    color:#fff !important;
}

/* View buttons cleaner */
.mp-news-view-toggle{
    display:flex !important;
    gap:8px !important;
}

.mp-view-btn{
    width:42px !important;
    height:42px !important;
    border-radius:10px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    background:#080a10 !important;
    color:#fff !important;
    box-shadow:none !important;
    padding:0 !important;
}

.mp-view-btn:hover{
    border-color:#9b35ff !important;
    background:rgba(155,53,255,.18) !important;
}

.mp-view-btn.active{
    background:linear-gradient(135deg,#7b2cff,#b025ff) !important;
    border-color:transparent !important;
}

/* Cleaner grid icon */
.mp-grid-icon{
    width:18px !important;
    height:18px !important;
    display:grid !important;
    grid-template-columns:repeat(2,7px) !important;
    grid-template-rows:repeat(2,7px) !important;
    gap:4px !important;
}

.mp-grid-icon::before{
    content:"" !important;
    width:7px !important;
    height:7px !important;
    background:#fff !important;
    border-radius:2px !important;
    box-shadow:11px 0 0 #fff, 0 11px 0 #fff, 11px 11px 0 #fff !important;
}

.mp-grid-icon::after{
    display:none !important;
}

/* Cleaner list icon */
.mp-list-icon{
    width:20px !important;
    height:16px !important;
    position:relative !important;
    display:block !important;
}

.mp-list-icon::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:1px !important;
    width:20px !important;
    height:3px !important;
    background:#fff !important;
    border-radius:3px !important;
    box-shadow:0 6px 0 #fff, 0 12px 0 #fff !important;
}

/* Keep toolbar aligned */
.mp-news-toolbar{
    align-items:center !important;
}

@media(max-width:700px){
    .mp-news-toolbar{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .mp-news-tools{
        width:100% !important;
        justify-content:space-between !important;
    }
}


/* News sort dropdown typography */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap");

.mp-news-sort select{
    font-family:"Inter",sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

.mp-news-sort select option{
    font-family:"Inter",sans-serif !important;
    font-weight:500 !important;
}


/* News sort polish */

.mp-news-sort select{
    padding:0 28px 0 14px !important;   /* πριν ήταν ~34-42px */
    background-position:
        calc(100% - 13px) 17px,
        calc(100% - 9px) 17px !important;
    background-size:4px 4px,4px 4px !important;
}

/* Λευκό βελάκι */
.mp-news-sort select{
    background-image:
        linear-gradient(45deg, transparent 50%, #ffffff 50%),
        linear-gradient(135deg, #ffffff 50%, transparent 50%) !important;
}


/* Fine tune sort dropdown spacing */

.mp-news-sort select{
    padding-left:18px !important;
}


/* Move "Newest First" slightly to the right */

.mp-news-sort select{
    padding-left:22px !important;
}


/* Move "Newest First" slightly to the right */

.mp-news-sort select{
    padding-left:28px !important;
}


/* Force sort text spacing */
.mp-news-toolbar .mp-news-tools .mp-news-sort select#mpNewsSort{
    padding-left:24px !important;
    text-indent:0 !important;
}


/* Force sort text spacing */
.mp-news-toolbar .mp-news-tools .mp-news-sort select#mpNewsSort{
    padding-left:20px !important;
    text-indent:0 !important;
}


/* Move dropdown arrow left */

.mp-news-toolbar .mp-news-tools .mp-news-sort select#mpNewsSort{
    background-position:
        calc(100% - 18px) 17px,
        calc(100% - 14px) 17px !important;
}


/* ===== News pagination + bottom spacing fix ===== */

.mp-news-archive{
    padding-bottom:28px !important;
}

.mp-news-pagination{
    margin-top:26px !important;
    margin-bottom:10px !important;
}

.mp-news-pagination ul.pagination{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}

.mp-news-pagination .page-item{
    margin:0 !important;
}

.mp-news-pagination .page-link,
.mp-news-pagination .page-item span{
    min-width:38px !important;
    height:38px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#0b0d14 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#fff !important;

    border-radius:8px !important;
    font-weight:800 !important;
    font-size:14px !important;
    line-height:1 !important;
    box-shadow:none !important;
}

.mp-news-pagination .page-link:hover{
    background:rgba(155,53,255,.18) !important;
    border-color:#9b35ff !important;
    color:#fff !important;
}

.mp-news-pagination .page-item.active .page-link,
.mp-news-pagination .page-item.active span{
    background:linear-gradient(135deg,#ff4b1f,#ff2f00) !important;
    border-color:transparent !important;
    color:#fff !important;
}

.mp-news-pagination .page-item.disabled .page-link,
.mp-news-pagination .page-item.disabled span{
    opacity:.45 !important;
    background:#0b0d14 !important;
    color:#aaa !important;
}

/* reduce huge empty area before footer */
body.view-category #sp-main-body,
body.com-content.view-category #sp-main-body{
    padding-bottom:20px !important;
}

body.view-category .mp-news-archive + *,
body.com-content.view-category .mp-news-archive + *{
    margin-top:0 !important;
}

#sp-footer,
#sp-bottom{
    margin-top:0 !important;
}


/* ===== Hard fix News pagination colors ===== */

.mp-news-pagination nav,
.mp-news-pagination ul,
.mp-news-pagination li{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.mp-news-pagination .page-link,
.mp-news-pagination .page-item > a,
.mp-news-pagination .page-item > span{
    background:#0b0d14 !important;
    background-image:none !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#fff !important;
}

.mp-news-pagination .page-link span,
.mp-news-pagination .page-link i,
.mp-news-pagination .page-item > span span{
    color:#fff !important;
}

.mp-news-pagination .page-item.active .page-link,
.mp-news-pagination .page-item.active > span{
    background:#ff3d18 !important;
    background-image:none !important;
    border-color:#ff3d18 !important;
    color:#fff !important;
}

.mp-news-pagination .page-item:not(.active) .page-link:hover,
.mp-news-pagination .page-item:not(.active) > a:hover{
    background:#141722 !important;
    border-color:#9b35ff !important;
    color:#fff !important;
}

/* ===== Kill category archive bottom dead space ===== */

body.com-content.view-category #sp-main-body{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

body.com-content.view-category #sp-main-body .container,
body.com-content.view-category #sp-main-body .container-inner,
body.com-content.view-category #sp-component,
body.com-content.view-category #sp-component .sp-column,
body.com-content.view-category main,
body.com-content.view-category .article-list,
body.com-content.view-category .blog{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    min-height:0 !important;
}

body.com-content.view-category .mp-news-archive{
    padding-bottom:18px !important;
    margin-bottom:0 !important;
}

body.com-content.view-category .mp-news-pagination{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* If Helix adds empty bottom section spacing */
body.com-content.view-category #sp-bottom,
body.com-content.view-category #sp-footer{
    margin-top:0 !important;
}


/* ===== News page force dark + kill empty bottom space ===== */

body.itemid-102,
body.itemid-102 #sp-main-body,
body.itemid-102 #sp-component,
body.itemid-102 main,
body.itemid-102 .body-innerwrapper{
    background:#03050b !important;
    min-height:0 !important;
}

body.itemid-102 #sp-main-body{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}

body.itemid-102 .mp-news-archive{
    background:#03050b !important;
    color:#fff !important;
    padding-bottom:24px !important;
}

body.itemid-102 .mp-news-body h2,
body.itemid-102 .mp-news-body h2 a,
body.itemid-102 .mp-news-body p,
body.itemid-102 .mp-news-meta{
    color:#fff !important;
}

body.itemid-102 #sp-footer{
    display:none !important;
}

/* Pagination final clean */
body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    background:#090b12 !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:none !important;
}

body.itemid-102 .mp-news-pagination .active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    background:#ff3d18 !important;
    border-color:#ff3d18 !important;
    color:#fff !important;
}

body.itemid-102 .mp-news-pagination .disabled .page-link,
body.itemid-102 .mp-news-pagination .disabled > span{
    background:#141821 !important;
    color:rgba(255,255,255,.35) !important;
    opacity:1 !important;
}


/* ===== News pagination mockup style ===== */

body.itemid-102{
    background:#03050b !important;
}

body.itemid-102 #sp-footer,
body.itemid-102 #sp-bottom{
    background:#03050b !important;
    border:0 !important;
}

body.itemid-102 #sp-footer .container-inner{
    border-top:0 !important;
    padding:0 !important;
}

body.itemid-102 #sp-footer1,
body.itemid-102 #sp-footer1 .sp-column{
    min-height:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
}

.mp-view-more-news{
    max-width:820px;
    height:56px;
    margin:34px auto 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;

    border:1px solid rgba(168,70,255,.75);
    border-radius:8px;
    background:rgba(120,40,255,.05);

    color:#b837ff !important;
    font-size:20px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
    text-decoration:none !important;
    transition:.2s ease;
}

.mp-view-more-news:hover{
    background:rgba(168,70,255,.14);
    border-color:#b837ff;
    color:#d36cff !important;
}

.mp-view-more-arrow{
    font-size:22px;
    line-height:1;
    transform:translateY(-2px);
}

/* Clean Joomla pagination */
.mp-news-pagination{
    margin:0 auto 18px !important;
    padding:0 !important;
}

.mp-news-pagination ul.pagination{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:22px !important;
    margin:0 !important;
    padding:0 !important;
}

.mp-news-pagination .page-item{
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
}

.mp-news-pagination .page-link,
.mp-news-pagination .page-item > span{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;

    color:rgba(255,255,255,.78) !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1 !important;
    border-radius:8px !important;
}

.mp-news-pagination .page-link:hover{
    color:#b837ff !important;
    background:rgba(168,70,255,.10) !important;
}

.mp-news-pagination .page-item.active .page-link,
.mp-news-pagination .page-item.active > span{
    background:#8b35ff !important;
    color:#fff !important;
    border-radius:8px !important;
    box-shadow:0 0 18px rgba(139,53,255,.35) !important;
}

.mp-news-pagination .page-item.disabled .page-link,
.mp-news-pagination .page-item.disabled > span{
    opacity:.22 !important;
    color:#fff !important;
    background:transparent !important;
}

/* Make icon arrows clean */
.mp-news-pagination .fas,
.mp-news-pagination span[class*="fa-"]{
    color:inherit !important;
    font-size:16px !important;
}

/* remove weird bottom bars/empty line */
body.itemid-102 #sp-main-body{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    min-height:0 !important;
}

body.itemid-102 .mp-news-archive{
    padding-bottom:18px !important;
    margin-bottom:0 !important;
    border-bottom:0 !important;
}


/* ===== Final pagination spacing + softer buttons ===== */

body.itemid-102 .mp-news-pagination{
    margin-top:34px !important;
    padding-top:0 !important;
    margin-bottom:28px !important;
}

body.itemid-102 .mp-news-list{
    margin-bottom:0 !important;
}

body.itemid-102 .mp-news-list .mp-news-row:last-child{
    border-bottom:0 !important;
    padding-bottom:26px !important;
}

body.itemid-102 .mp-news-pagination ul.pagination{
    gap:18px !important;
}

body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.025) !important;
    color:rgba(255,255,255,.78) !important;
    box-shadow:none !important;
}

body.itemid-102 .mp-news-pagination .page-item.active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    background:#8b35ff !important;
    border-color:#8b35ff !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(139,53,255,.28) !important;
}

body.itemid-102 .mp-news-pagination .page-item.disabled .page-link,
body.itemid-102 .mp-news-pagination .page-item.disabled > span{
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(255,255,255,.07) !important;
    color:rgba(255,255,255,.25) !important;
}


/* ===== Elegant mockup-style News pagination ===== */

body.itemid-102 .mp-view-more-news{
    max-width:820px !important;
    height:58px !important;
    margin:38px auto 34px !important;
    border:1px solid rgba(166,70,255,.75) !important;
    border-radius:8px !important;
    background:rgba(120,40,255,.035) !important;
    color:#b84cff !important;
    box-shadow:0 0 24px rgba(139,53,255,.10) !important;
}

body.itemid-102 .mp-news-pagination{
    margin-top:0 !important;
    margin-bottom:52px !important;
}

body.itemid-102 .mp-news-pagination ul.pagination{
    gap:38px !important;
}

body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    color:rgba(255,255,255,.72) !important;
    font-size:22px !important;
    font-weight:700 !important;
    border-radius:0 !important;
}

body.itemid-102 .mp-news-pagination .page-link:hover{
    color:#b84cff !important;
    background:transparent !important;
}

body.itemid-102 .mp-news-pagination .page-item.active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:linear-gradient(135deg,#7b2cff,#b932ff) !important;
    color:#fff !important;
    border-radius:10px !important;
    box-shadow:0 0 22px rgba(139,53,255,.42) !important;
}

body.itemid-102 .mp-news-pagination .page-item.disabled .page-link,
body.itemid-102 .mp-news-pagination .page-item.disabled > span{
    opacity:.35 !important;
    color:rgba(255,255,255,.55) !important;
    background:transparent !important;
    border:0 !important;
}

body.itemid-102 .mp-news-pagination .fas,
body.itemid-102 .mp-news-pagination span[class*="fa-"]{
    font-size:18px !important;
    color:inherit !important;
}

/* Footer separator like mockup */
body.itemid-102 #sp-footer{
    border-top:1px solid rgba(166,70,255,.85) !important;
}

/* Remove side black blocks if footer is empty */
body.itemid-102 #sp-footer1,
body.itemid-102 #sp-footer1 .sp-column{
    background:transparent !important;
}


/* ===== Smaller elegant pagination ===== */

body.itemid-102 .mp-news-pagination ul.pagination{
    gap:24px !important;
}

body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    font-size:18px !important;
    font-weight:700 !important;
}

body.itemid-102 .mp-news-pagination .page-item.active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:8px !important;
    box-shadow:0 0 14px rgba(139,53,255,.30) !important;
}

body.itemid-102 .mp-news-pagination .fas,
body.itemid-102 .mp-news-pagination span[class*="fa-"]{
    font-size:15px !important;
}


/* ===== Pagination size refinement ===== */

body.itemid-102 .mp-news-pagination ul.pagination{
    gap:18px !important;
}

body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    font-size:16px !important;
    font-weight:600 !important;
}

body.itemid-102 .mp-news-pagination .page-item.active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;

    border-radius:7px !important;
    font-size:16px !important;

    box-shadow:0 0 10px rgba(139,53,255,.22) !important;
}

body.itemid-102 .mp-news-pagination .fas,
body.itemid-102 .mp-news-pagination span[class*="fa-"]{
    font-size:13px !important;
}


/* ===== Mockup pagination v2 ===== */

/* Remove boxes from everything */
body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    width:auto !important;
    min-width:auto !important;
    height:auto !important;
    padding:0 6px !important;

    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;

    font-size:16px !important;
    font-weight:600 !important;
    color:rgba(255,255,255,.78) !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Hover */
body.itemid-102 .mp-news-pagination .page-link:hover{
    background:transparent !important;
    color:#b84cff !important;
}

/* Active page only */
body.itemid-102 .mp-news-pagination .page-item.active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:8px !important;
    background:linear-gradient(135deg,#7b2cff,#b73dff) !important;
    color:#fff !important;

    box-shadow:0 0 12px rgba(139,53,255,.28) !important;
}

/* Previous / Next arrows */
body.itemid-102 .mp-news-pagination .page-item:first-child .page-link,
body.itemid-102 .mp-news-pagination .page-item:nth-child(2) .page-link,
body.itemid-102 .mp-news-pagination .page-item:nth-last-child(2) .page-link,
body.itemid-102 .mp-news-pagination .page-item:last-child .page-link{
    padding:0 2px !important;
    font-size:18px !important;
    color:rgba(255,255,255,.58) !important;
}

body.itemid-102 .mp-news-pagination .page-item:first-child .page-link:hover,
body.itemid-102 .mp-news-pagination .page-item:nth-child(2) .page-link:hover,
body.itemid-102 .mp-news-pagination .page-item:nth-last-child(2) .page-link:hover,
body.itemid-102 .mp-news-pagination .page-item:last-child .page-link:hover{
    color:#b84cff !important;
}

/* Disabled arrows */
body.itemid-102 .mp-news-pagination .page-item.disabled .page-link,
body.itemid-102 .mp-news-pagination .page-item.disabled > span{
    opacity:.25 !important;
    background:none !important;
    border:none !important;
}

/* Tighter spacing */
body.itemid-102 .mp-news-pagination ul.pagination{
    gap:16px !important;
}


/* ===== Pagination final: only first/last arrows + smaller ===== */

/* Hide previous and next arrows, keep first and last */
body.itemid-102 .mp-news-pagination .page-item:nth-child(2),
body.itemid-102 .mp-news-pagination .page-item:nth-last-child(2){
    display:none !important;
}

/* Smaller overall */
body.itemid-102 .mp-news-pagination ul.pagination{
    gap:14px !important;
}

body.itemid-102 .mp-news-pagination .page-link,
body.itemid-102 .mp-news-pagination .page-item > span{
    font-size:14px !important;
    font-weight:600 !important;
    padding:0 4px !important;
}

/* Smaller active page */
body.itemid-102 .mp-news-pagination .page-item.active .page-link,
body.itemid-102 .mp-news-pagination .page-item.active > span{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:7px !important;
    font-size:14px !important;
    box-shadow:0 0 9px rgba(139,53,255,.24) !important;
}

/* Smaller first/last arrows */
body.itemid-102 .mp-news-pagination .page-item:first-child .page-link,
body.itemid-102 .mp-news-pagination .page-item:last-child .page-link,
body.itemid-102 .mp-news-pagination .page-item:first-child > span,
body.itemid-102 .mp-news-pagination .page-item:last-child > span{
    font-size:14px !important;
    padding:0 3px !important;
    color:rgba(255,255,255,.52) !important;
}

body.itemid-102 .mp-news-pagination .fas,
body.itemid-102 .mp-news-pagination span[class*="fa-"]{
    font-size:12px !important;
}


/* ===== Remove boxes from pagination arrows only ===== */

body.itemid-102 .mp-news-pagination .page-item:first-child .page-link,
body.itemid-102 .mp-news-pagination .page-item:last-child .page-link,
body.itemid-102 .mp-news-pagination .page-item:first-child > span,
body.itemid-102 .mp-news-pagination .page-item:last-child > span{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    padding:0 4px !important;
    border-radius:0 !important;
    color:rgba(255,255,255,.55) !important;
}

body.itemid-102 .mp-news-pagination .page-item:first-child .page-link:hover,
body.itemid-102 .mp-news-pagination .page-item:last-child .page-link:hover{
    background:transparent !important;
    color:#b84cff !important;
}


/* ===== View More News elegant final ===== */

body.itemid-102 .mp-view-more-news{
    max-width:620px !important;
    height:42px !important;
    margin:28px auto 26px !important;
    gap:10px !important;

    border-radius:7px !important;
    border:1px solid rgba(168,70,255,.58) !important;
    background:rgba(120,40,255,.025) !important;

    font-size:14px !important;
    font-weight:850 !important;
    letter-spacing:.65px !important;

    box-shadow:0 0 14px rgba(139,53,255,.08) !important;
}

body.itemid-102 .mp-view-more-news:hover{
    background:rgba(168,70,255,.10) !important;
    border-color:rgba(184,76,255,.9) !important;
}

body.itemid-102 .mp-view-more-arrow{
    font-size:15px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
    display:inline-flex !important;
    align-items:center !important;
}

body.itemid-102 .mp-view-more-news.loading{
    opacity:.65 !important;
    pointer-events:none !important;
}


/* View More arrow alignment */
body.itemid-102 .mp-view-more-arrow{
    transform:translateY(-4px) !important;
    position:relative !important;
    top:-1px !important;
}


/* View More as button */
body.itemid-102 button.mp-view-more-news{
    appearance:none !important;
    -webkit-appearance:none !important;
    cursor:pointer !important;
    font-family:inherit !important;
}

body.itemid-102 .mp-view-more-arrow{
    position:relative !important;
    top:-4px !important;
}


/* ===== View More full width ===== */

body.itemid-102 .mp-view-more-news{
    width:100% !important;
    max-width:980px !important;
    height:48px !important;

    margin:30px auto 24px !important;
    padding:0 28px !important;

    border:1px solid rgba(168,70,255,.75) !important;
    border-radius:8px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
}

body.itemid-102 .mp-view-more-arrow{
    position:relative !important;
    top:-3px !important;
    margin-left:6px !important;
}


/* Hide Joomla pagination, keep it only for AJAX logic */
body.itemid-102 .mp-news-pagination{
    display:none !important;
}

/* View More final alignment */
body.itemid-102 .mp-view-more-news{
    width:100% !important;
    max-width:980px !important;
    height:48px !important;
    margin:30px auto 38px !important;
}

body.itemid-102 .mp-view-more-arrow{
    position:relative !important;
    top:-5px !important;
    margin-left:6px !important;
}


/* ===== View More hide state + append behavior fix ===== */

body.itemid-102 .mp-view-more-news.is-hidden{
    display:none !important;
}

body.itemid-102 .mp-news-list .mp-news-row{
    order:initial !important;
}


/* ===== Footer visible sitewide ===== */

#sp-footer,
#sp-bottom{
    display:block !important;
    visibility:visible !important;
}

body.itemid-102 #sp-footer{
    display:block !important;
    visibility:visible !important;
}

body.itemid-102 #sp-footer .container-inner{
    padding:30px 0 !important;
    border-top:1px solid rgba(166,70,255,.85) !important;
}

body.itemid-102 #sp-footer1,
body.itemid-102 #sp-footer1 .sp-column{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
}


/* ===== Global MetaPlay Footer ===== */

#sp-footer{
    background:#06080f !important;
    border-top:1px solid rgba(166,70,255,.85) !important;
    padding:0 !important;
}

#sp-footer .container{
    max-width:1280px !important;
}

#sp-footer .container-inner{
    padding:0 !important;
}

.mp-footer{
    padding:46px 0 24px;
    color:#d7d9e2;
}

.mp-footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:70px;
}

.mp-footer-brand h2{
    color:#fff;
    font-size:28px;
    font-weight:900;
    margin-bottom:14px;
}

.mp-footer-brand p{
    color:#c6cad6;
    line-height:1.7;
    max-width:380px;
}

.mp-footer-social{
    display:flex;
    gap:10px;
    margin-top:20px;
    flex-wrap:wrap;
}

.mp-footer-social a{
    padding:9px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#fff;
    text-decoration:none;
}

.mp-footer-col h3{
    color:#fff;
    margin-bottom:14px;
    font-size:13px;
    text-transform:uppercase;
}

.mp-footer-col a{
    display:block;
    margin-bottom:10px;
    color:#c6cad6;
    text-decoration:none;
}

.mp-footer-col a:hover,
.mp-footer-social a:hover{
    color:#b84cff;
}

.mp-footer-bottom{
    margin-top:36px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.10);
    display:flex;
    justify-content:space-between;
    color:#9ba0ad;
    font-size:13px;
}

@media(max-width:900px){
    .mp-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:34px;
    }
}

@media(max-width:600px){
    .mp-footer-grid{
        grid-template-columns:1fr;
    }

    .mp-footer-bottom{
        flex-direction:column;
        gap:10px;
    }
}


/* ===== Footer polish ===== */

/* Πιο λεπτή και διακριτική μωβ γραμμή */
#sp-footer{
    border-top:1px solid rgba(155,53,255,.35) !important;
}

/* Footer bottom */
.mp-footer-bottom{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
}

/* Το slogan τέρμα δεξιά */
.mp-footer-bottom span:last-child{
    margin-left:auto !important;
    text-align:right !important;
}

/* Copyright αριστερά */
.mp-footer-bottom span:first-child{
    margin-right:24px;
}

@media(max-width:768px){

    .mp-footer-bottom{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:10px;
    }

    .mp-footer-bottom span:last-child{
        margin-left:0 !important;
        text-align:left !important;
    }

}


/* ===== Footer final cleanup ===== */

/* όχι full-width purple line από το section */
#sp-footer{
    border-top:0 !important;
}

/* η μωβ γραμμή να μένει στο ίδιο πλάτος με το περιεχόμενο */
#sp-footer .container-inner{
    border-top:1px solid rgba(155,53,255,.38) !important;
}

/* bottom row σωστό μοίρασμα */
.mp-footer-bottom{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:24px !important;
    width:100% !important;
}

.mp-footer-bottom span:first-child{
    justify-self:start !important;
    text-align:left !important;
}

.mp-footer-bottom span:last-child{
    justify-self:end !important;
    text-align:right !important;
    margin-left:0 !important;
}

@media(max-width:768px){
    .mp-footer-bottom{
        grid-template-columns:1fr !important;
    }

    .mp-footer-bottom span:last-child{
        justify-self:start !important;
        text-align:left !important;
    }
}


/* ===== Footer bottom alignment ===== */

.mp-footer-bottom{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
}

.mp-footer-bottom span:first-child{
    margin-right:auto !important;
}

.mp-footer-bottom span:last-child{
    margin-left:auto !important;
    text-align:right !important;
    white-space:nowrap !important;
}


/* Footer bottom real two-column layout */
.mp-footer-bottom{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:24px !important;
}

.mp-footer-bottom span:last-child{
    margin-left:auto !important;
    text-align:right !important;
}


/* ===== News footer override cleanup ===== */

body.itemid-102 #sp-footer{
    border-top:0 !important;
}

body.itemid-102 #sp-footer .container-inner{
    border-top:1px solid rgba(155,53,255,.38) !important;
}

body.itemid-102 .mp-footer-bottom{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
    gap:24px !important;
}

body.itemid-102 .mp-footer-bottom span:first-child{
    margin-right:auto !important;
    text-align:left !important;
}

body.itemid-102 .mp-footer-bottom span:last-child{
    margin-left:auto !important;
    text-align:right !important;
    white-space:nowrap !important;
}


/* ===== FINAL footer bottom fix ===== */

.mp-footer-bottom{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
    gap:24px !important;
}

.mp-footer-copy{
    margin-right:auto !important;
    text-align:left !important;
}

.mp-footer-slogan{
    margin-left:auto !important;
    text-align:right !important;
    white-space:nowrap !important;
}

/* news footer same as everywhere */
body.itemid-102 #sp-footer{
    border-top:0 !important;
}

body.itemid-102 #sp-footer .container-inner{
    border-top:1px solid rgba(155,53,255,.38) !important;
}


/* ===== MetaPlay Review Article Layout ===== */

.mp-review-page{
    max-width:1240px;
    margin:0 auto;
    padding:0 20px 60px;
    color:#fff;
}

.mp-review-hero{
    position:relative;
    min-height:430px;
    border-radius:0 0 18px 18px;
    overflow:hidden;
    background:#080b12;
    margin-bottom:28px;
}

.mp-review-hero img{
    width:100%;
    height:430px;
    object-fit:cover;
    display:block;
    opacity:.82;
}

.mp-review-hero:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(3,5,10,.95),rgba(3,5,10,.45),rgba(3,5,10,.1));
}

.mp-review-hero-content{
    position:absolute;
    left:42px;
    bottom:42px;
    z-index:2;
    max-width:680px;
}

.mp-review-label{
    display:inline-block;
    background:#8b3dff;
    color:#fff;
    font-weight:800;
    font-size:12px;
    padding:7px 11px;
    border-radius:5px;
    margin-bottom:14px;
}

.mp-review-hero h1{
    font-size:46px;
    line-height:1.05;
    margin:0 0 12px;
    color:#fff;
    font-weight:900;
}

.mp-review-subtitle{
    font-size:20px;
    color:#b77cff;
    margin-bottom:22px;
}

.mp-review-meta{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    color:#d7d7e2;
    font-size:14px;
}

.mp-review-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:24px;
}

.mp-review-card{
    background:linear-gradient(180deg,rgba(15,20,32,.95),rgba(7,10,18,.98));
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    overflow:hidden;
}

.mp-review-section{
    padding:28px 32px;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.mp-review-section h2,
.mp-review-side h3{
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
    margin:0 0 18px;
    font-weight:900;
    border-left:3px solid #9b4dff;
    padding-left:10px;
}

.mp-review-section p{
    color:#e5e5ee;
    font-size:16px;
    line-height:1.75;
    margin:0 0 18px;
}

.mp-quick-review{
    display:grid;
    grid-template-columns:1fr 220px;
    gap:30px;
    align-items:center;
}

.mp-score-box{
    border:2px solid #9b4dff;
    box-shadow:0 0 28px rgba(155,77,255,.32);
    border-radius:8px;
    padding:24px 18px;
    text-align:center;
    background:rgba(10,10,20,.6);
}

.mp-score-box span{
    display:block;
    color:#b77cff;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.mp-score-box strong{
    display:block;
    font-size:76px;
    line-height:1;
    margin:10px 0;
    color:#fff;
}

.mp-score-box em{
    display:block;
    font-style:normal;
    color:#b77cff;
    font-size:18px;
    font-weight:900;
    letter-spacing:.12em;
}

.mp-review-bottom{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
}

.mp-review-bottom .mp-review-section{
    border-bottom:0;
    border-right:1px solid rgba(255,255,255,.1);
}

.mp-review-bottom .mp-review-section:last-child{
    border-right:0;
}

.mp-pros h2{color:#42ff77;}
.mp-cons h2{color:#ff4d4d;}

.mp-review-list{
    list-style:none;
    padding:0;
    margin:0;
}

.mp-review-list li{
    margin:0 0 12px;
    color:#e5e5ee;
    line-height:1.5;
}

.mp-pros li:before{
    content:"✓";
    color:#42ff77;
    font-weight:900;
    margin-right:9px;
}

.mp-cons li:before{
    content:"×";
    color:#ff4d4d;
    font-weight:900;
    margin-right:9px;
}

.mp-final-score{
    text-align:center;
    padding:26px;
    border-top:1px solid rgba(255,255,255,.1);
}

.mp-final-score small{
    color:#b77cff;
    font-weight:900;
    text-transform:uppercase;
}

.mp-final-score strong{
    display:block;
    font-size:42px;
    color:#fff;
    line-height:1.1;
}

.mp-final-score span{
    color:#b77cff;
    font-weight:900;
    letter-spacing:.12em;
}

.mp-review-side{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.mp-side-box{
    background:linear-gradient(180deg,rgba(15,20,32,.95),rgba(7,10,18,.98));
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    padding:18px;
}

.mp-side-box img{
    width:100%;
    border-radius:6px;
    margin-bottom:14px;
}

.mp-info-row{
    display:flex;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:10px 0;
    color:#dcdce6;
    font-size:14px;
}

.mp-info-row:last-child{
    border-bottom:0;
}

.mp-info-row strong{
    color:#fff;
    text-align:right;
}

.mp-related-item{
    display:grid;
    grid-template-columns:96px 1fr;
    gap:12px;
    margin-bottom:14px;
}

.mp-related-item img{
    height:58px;
    object-fit:cover;
    margin:0;
}

.mp-related-item strong{
    display:block;
    font-size:14px;
    color:#fff;
    line-height:1.3;
}

.mp-related-item span{
    display:block;
    font-size:13px;
    color:#bfc0ca;
    margin-top:4px;
}

.mp-review-button{
    display:block;
    text-align:center;
    background:linear-gradient(90deg,#6d28d9,#9b4dff);
    color:#fff !important;
    padding:14px;
    border-radius:6px;
    font-weight:900;
    text-decoration:none !important;
    margin-top:12px;
}

.mp-faq{
    margin-top:24px;
}

.mp-faq details{
    background:rgba(15,20,32,.95);
    border:1px solid rgba(255,255,255,.1);
    border-radius:6px;
    margin-bottom:8px;
    padding:14px 16px;
}

.mp-faq summary{
    cursor:pointer;
    color:#fff;
    font-weight:700;
}

.mp-faq p{
    color:#dcdce6;
    margin:12px 0 0;
}

@media(max-width:980px){
    .mp-review-grid{
        grid-template-columns:1fr;
    }

    .mp-quick-review{
        grid-template-columns:1fr;
    }

    .mp-review-bottom{
        grid-template-columns:1fr;
    }

    .mp-review-bottom .mp-review-section{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .mp-review-hero h1{
        font-size:34px;
    }
}

@media(max-width:600px){
    .mp-review-page{
        padding:0 14px 40px;
    }

    .mp-review-hero img{
        height:420px;
    }

    .mp-review-hero-content{
        left:22px;
        right:22px;
        bottom:28px;
    }

    .mp-review-section{
        padding:22px;
    }

    .mp-score-box strong{
        font-size:62px;
    }
}


/* ===== Review duplicate verdict cleanup ===== */

.mp-review-bottom{
    grid-template-columns:1fr 1fr !important;
}

.mp-review-bottom .mp-review-section:nth-child(2){
    border-right:0 !important;
}


/* ===== MetaPlay Review Visual Polish v2 ===== */

/* More premium dark base */
body,
.site,
.body-wrapper,
#sp-main-body{
    background:#050608 !important;
}

/* Wider review container */
.mp-review-page{
    max-width:1360px !important;
}

/* Remove rounded corners everywhere */
.mp-review-card,
.mp-side-box,
.mp-score-box,
.mp-review-button,
.mp-review-hero,
.mp-review-hero img,
.mp-review-side img,
.mp-faq details{
    border-radius:0 !important;
}

/* Flatter, darker panels */
.mp-review-card,
.mp-side-box{
    background:#090b10 !important;
    border:1px solid rgba(255,255,255,.06) !important;
    box-shadow:none !important;
}

/* Softer separators */
.mp-review-section{
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}

/* Deeper MetaPlay purple */
.mp-review-label,
.mp-review-button{
    background:#7c3aed !important;
    background-image:none !important;
    box-shadow:none !important;
}

.mp-review-section h2,
.mp-review-side h3{
    border-left-color:#7c3aed !important;
}

.mp-review-subtitle,
.mp-score-box span,
.mp-score-box em,
.mp-final-score small,
.mp-final-score span{
    color:#a855f7 !important;
}

/* Score box closer to mockup */
.mp-score-box{
    border:2px solid #7c3aed !important;
    background:#0b0d13 !important;
    box-shadow:none !important;
}

/* Buttons less toy-like */
.mp-review-button{
    border:0 !important;
    transition:.2s ease;
}

.mp-review-button:hover{
    background:#8b5cf6 !important;
}

/* Cinematic hero */
.mp-review-hero img{
    filter:brightness(.58) contrast(1.08) saturate(.9) !important;
}

/* Cleaner headings */
.mp-review-section h2,
.mp-review-side h3{
    font-size:15px !important;
    letter-spacing:.04em !important;
}

/* Tighter sidebar */
.mp-review-side{
    gap:14px !important;
}

/* Cleaner text rhythm */
.mp-review-section p{
    font-size:16px !important;
    line-height:1.75 !important;
}

/* Less childish purple glow on final score */
.mp-final-score{
    background:#090b10 !important;
    box-shadow:none !important;
}

/* Pros / Cons boxes flatter */
.mp-review-bottom .mp-review-section{
    background:#090b10 !important;
}

/* Sidebar images sharper and square */
.mp-side-box img{
    border-radius:0 !important;
}

/* Make Game Info feel closer to mockup */
.mp-info-row{
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    padding:11px 0 !important;
}

/* Main card spacing closer to mockup */
.mp-review-section{
    padding:26px 30px !important;
}

/* Hero less rounded bottom inherited from older CSS */
.mp-review-hero{
    border-radius:0 !important;
}


/* ===================================================
   MetaPlay Hero v3 (Closer to Mockup)
   =================================================== */

.mp-review-hero{
    min-height:460px !important;
    height:460px !important;
    overflow:hidden !important;
    position:relative !important;
}

.mp-review-hero img{

    width:100% !important;
    height:460px !important;

    object-fit:cover !important;

    /* μετακινεί την εικόνα λίγο αριστερά */
    object-position:center 38% !important;

    filter:
        brightness(.82)
        contrast(1.08)
        saturate(.92) !important;

}

/* Νέο gradient όπως στο mockup */

.mp-review-hero::after{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
90deg,

rgba(5,6,8,.82) 0%,

rgba(5,6,8,.62) 22%,

rgba(5,6,8,.18) 48%,

rgba(5,6,8,.04) 70%,

rgba(5,6,8,0) 100%
),

linear-gradient(

180deg,

rgba(5,6,8,.08) 0%,

rgba(5,6,8,.05) 45%,

rgba(5,6,8,.62) 100%

);

}

/* Μετακινεί όλο το κείμενο λίγο χαμηλότερα */

.mp-review-hero-content{

left:52px !important;

bottom:36px !important;

max-width:610px !important;

}

/* Μεγαλύτερος τίτλος */

.mp-review-hero h1{

font-size:62px !important;

line-height:.98 !important;

margin-bottom:18px !important;

letter-spacing:-.03em;

}

/* Subtitle */

.mp-review-subtitle{

font-size:19px !important;

line-height:1.55 !important;

max-width:560px !important;

margin-bottom:24px !important;

}

/* Meta info */

.mp-review-meta{

margin-top:8px;

gap:20px !important;

font-size:14px !important;

opacity:.95;

}

/* Review badge */

.mp-review-label{

padding:6px 12px !important;

font-size:11px !important;

font-weight:800;

background:#6d28d9 !important;

margin-bottom:20px !important;

}

/* Desktop only */

@media(min-width:1200px){

.mp-review-page{

max-width:1400px !important;

}

}


/* ===================================================
   MetaPlay Hero v4 - Elegant title / darker badge
   =================================================== */

/* πιο elegant hero τίτλος */
.mp-review-hero h1{
    font-size:46px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
    max-width:640px !important;
    margin-bottom:16px !important;
    text-shadow:0 3px 18px rgba(0,0,0,.55) !important;
}

/* λιγότερο τεράστιο hero text block */
.mp-review-hero-content{
    left:42px !important;
    bottom:42px !important;
    max-width:650px !important;
}

/* review badge χωρίς radius και πιο σκούρο μωβ */
.mp-review-label{
    border-radius:0 !important;
    background:#5b21b6 !important;
    color:#fff !important;
    padding:6px 11px !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    margin-bottom:18px !important;
    box-shadow:none !important;
}

/* λίγο πιο καθαρό meta text */
.mp-review-meta{
    font-size:13px !important;
    gap:18px !important;
    color:rgba(255,255,255,.9) !important;
}

/* λιγότερο γκριζάρισμα πάνω στην εικόνα */
.mp-review-hero img{
    filter:brightness(.76) contrast(1.06) saturate(.92) !important;
}

/* πιο ήπιο overlay για να μην πνίγει την εικόνα */
.mp-review-hero::after{
    background:
        linear-gradient(
            90deg,
            rgba(5,6,8,.78) 0%,
            rgba(5,6,8,.54) 24%,
            rgba(5,6,8,.18) 52%,
            rgba(5,6,8,.04) 78%,
            rgba(5,6,8,0) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5,6,8,.04) 0%,
            rgba(5,6,8,.02) 48%,
            rgba(5,6,8,.48) 100%
        ) !important;
}

/* λίγο χαμηλότερο hero, πιο κοντά σε editorial page */
.mp-review-hero{
    height:430px !important;
    min-height:430px !important;
}

.mp-review-hero img{
    height:430px !important;
}

/* mobile να μην γίνει τσίρκο */
@media(max-width:700px){
    .mp-review-hero h1{
        font-size:34px !important;
    }

    .mp-review-hero-content{
        left:22px !important;
        right:22px !important;
        bottom:28px !important;
    }
}


/* ===================================================
   MetaPlay Review Layout v5 - Mockup Match
   =================================================== */

:root{
    --mp-bg:#05070b;
    --mp-panel:#0b0f17;
    --mp-panel-2:#080b11;
    --mp-border:rgba(255,255,255,.075);
    --mp-purple:#6d28d9;
    --mp-purple-2:#8b5cf6;
    --mp-text:#ffffff;
    --mp-muted:#b8bdc9;
}

/* Page base */
body,
.site,
.body-wrapper,
#sp-main-body{
    background:var(--mp-bg) !important;
}

/* Container width closer to mockup */
.mp-review-page{
    max-width:1280px !important;
    padding:0 18px 70px !important;
}

/* HERO */
.mp-review-hero{
    height:390px !important;
    min-height:390px !important;
    margin-bottom:28px !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#05070b !important;
    border-bottom:1px solid rgba(109,40,217,.25) !important;
}

.mp-review-hero img{
    height:390px !important;
    width:100% !important;
    object-fit:cover !important;
    object-position:center 42% !important;
    filter:brightness(.72) contrast(1.06) saturate(.9) !important;
    border-radius:0 !important;
}

.mp-review-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        linear-gradient(
            90deg,
            rgba(5,7,11,.86) 0%,
            rgba(5,7,11,.68) 23%,
            rgba(5,7,11,.25) 52%,
            rgba(5,7,11,.06) 78%,
            rgba(5,7,11,0) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5,7,11,.02) 0%,
            rgba(5,7,11,.08) 55%,
            rgba(5,7,11,.72) 100%
        ) !important;
}

.mp-review-hero-content{
    left:42px !important;
    bottom:36px !important;
    max-width:680px !important;
}

.mp-review-label{
    border-radius:0 !important;
    background:var(--mp-purple) !important;
    color:#fff !important;
    padding:6px 11px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.03em !important;
    margin-bottom:18px !important;
    box-shadow:none !important;
}

.mp-review-hero h1{
    font-size:44px !important;
    line-height:1.06 !important;
    font-weight:800 !important;
    letter-spacing:-.03em !important;
    margin:0 0 14px !important;
    max-width:650px !important;
    text-shadow:0 4px 18px rgba(0,0,0,.65) !important;
}

.mp-review-subtitle{
    font-size:17px !important;
    line-height:1.5 !important;
    color:var(--mp-purple-2) !important;
    margin:0 0 18px !important;
    max-width:620px !important;
}

.mp-review-meta{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    font-size:12px !important;
    color:rgba(255,255,255,.88) !important;
}

/* Grid */
.mp-review-grid{
    grid-template-columns:minmax(0,1fr) 340px !important;
    gap:22px !important;
}

/* Panels */
.mp-review-card,
.mp-side-box{
    border-radius:0 !important;
    background:linear-gradient(180deg,var(--mp-panel),var(--mp-panel-2)) !important;
    border:1px solid var(--mp-border) !important;
    box-shadow:none !important;
}

.mp-review-section{
    padding:24px 28px !important;
    border-bottom:1px solid var(--mp-border) !important;
}

.mp-review-section h2,
.mp-review-side h3{
    font-size:14px !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.035em !important;
    font-weight:900 !important;
    border-left:3px solid var(--mp-purple-2) !important;
    padding-left:10px !important;
    margin:0 0 16px !important;
    color:#fff !important;
}

.mp-review-section p{
    font-size:15px !important;
    line-height:1.72 !important;
    color:#f1f2f6 !important;
}

/* Quick review */
.mp-quick-review{
    grid-template-columns:1fr 230px !important;
    gap:30px !important;
    align-items:center !important;
}

.mp-score-box{
    border-radius:0 !important;
    border:2px solid var(--mp-purple-2) !important;
    background:#080a10 !important;
    box-shadow:none !important;
    padding:24px 18px !important;
}

.mp-score-box span{
    color:var(--mp-purple-2) !important;
    font-size:13px !important;
    letter-spacing:.08em !important;
}

.mp-score-box strong{
    font-size:66px !important;
    font-weight:900 !important;
    line-height:.95 !important;
    margin:12px 0 !important;
}

.mp-score-box em{
    color:var(--mp-purple-2) !important;
    font-size:16px !important;
    letter-spacing:.14em !important;
}

/* Pros / Cons */
.mp-review-bottom{
    grid-template-columns:1fr 1fr !important;
}

.mp-review-bottom .mp-review-section{
    border-radius:0 !important;
    background:#080b11 !important;
    border-right:1px solid var(--mp-border) !important;
}

.mp-review-bottom .mp-review-section:nth-child(2){
    border-right:0 !important;
}

.mp-pros h2{
    color:#32ff77 !important;
}

.mp-cons h2{
    color:#ff4d5a !important;
}

.mp-review-list li{
    font-size:15px !important;
    margin-bottom:10px !important;
}

/* Final score flatter */
.mp-final-score{
    background:#080b11 !important;
    border-top:1px solid var(--mp-border) !important;
    padding:24px !important;
    box-shadow:none !important;
}

.mp-final-score small{
    color:var(--mp-purple-2) !important;
    font-size:12px !important;
    letter-spacing:.08em !important;
}

.mp-final-score strong{
    font-size:38px !important;
    font-weight:900 !important;
}

.mp-final-score span{
    color:var(--mp-purple-2) !important;
    font-size:13px !important;
    letter-spacing:.16em !important;
}

/* Sidebar */
.mp-review-side{
    gap:16px !important;
}

.mp-side-box{
    padding:16px !important;
}

.mp-side-box img{
    border-radius:0 !important;
    margin-bottom:14px !important;
}

.mp-info-row{
    padding:10px 0 !important;
    border-bottom:1px solid var(--mp-border) !important;
    font-size:13px !important;
    color:var(--mp-muted) !important;
}

.mp-info-row strong{
    color:#fff !important;
    font-weight:800 !important;
}

/* Buttons */
.mp-review-button{
    border-radius:0 !important;
    background:var(--mp-purple) !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    padding:13px 14px !important;
    margin-top:10px !important;
}

.mp-review-button:hover{
    background:#7c3aed !important;
}

/* Kill old rounded leftovers */
.mp-review-card *,
.mp-side-box *,
.mp-score-box,
.mp-review-button{
    border-radius:0 !important;
}

/* Responsive */
@media(max-width:980px){
    .mp-review-grid{
        grid-template-columns:1fr !important;
    }

    .mp-quick-review{
        grid-template-columns:1fr !important;
    }

    .mp-review-hero{
        height:420px !important;
        min-height:420px !important;
    }

    .mp-review-hero img{
        height:420px !important;
    }
}

@media(max-width:700px){
    .mp-review-page{
        padding:0 12px 50px !important;
    }

    .mp-review-hero-content{
        left:22px !important;
        right:22px !important;
        bottom:26px !important;
    }

    .mp-review-hero h1{
        font-size:32px !important;
    }

    .mp-review-section{
        padding:22px !important;
    }
}


/* ===================================================
   Hero almost original brightness
   =================================================== */

.mp-review-hero img{

    filter:
        brightness(1.08)
        contrast(1.03)
        saturate(1.02)
    !important;

}

/* Overlay πολύ πιο ελαφρύ */

.mp-review-hero::after{

    background:

    linear-gradient(
        90deg,

        rgba(5,7,11,.42) 0%,
        rgba(5,7,11,.22) 18%,
        rgba(5,7,11,.08) 34%,
        rgba(5,7,11,.02) 52%,
        rgba(5,7,11,0) 72%

    ),

    linear-gradient(

        180deg,

        rgba(5,7,11,0) 0%,
        rgba(5,7,11,.02) 72%,
        rgba(5,7,11,.22) 100%

    ) !important;

}


/* ===================================================
   Hero Cinematic Overlay v2
   =================================================== */

.mp-review-hero::after{

content:"";

position:absolute;

inset:0;

pointer-events:none;

background:

/* μεγάλο μαύρο κάτω αριστερά */

radial-gradient(

ellipse at bottom left,

rgba(5,7,11,.88) 0%,

rgba(5,7,11,.72) 22%,

rgba(5,7,11,.42) 40%,

rgba(5,7,11,.12) 58%,

transparent 74%

),

/* λίγο shadow αριστερά */

linear-gradient(

90deg,

rgba(5,7,11,.46) 0%,

rgba(5,7,11,.18) 22%,

rgba(5,7,11,.05) 42%,

transparent 62%

),

/* ελαφρύ κάτω */

linear-gradient(

180deg,

transparent 0%,

rgba(5,7,11,.05) 72%,

rgba(5,7,11,.30) 100%

);

}


/* ===================================================
   HERO OVERLAY V3 - MUCH STRONGER BOTTOM LEFT
   =================================================== */

.mp-review-hero::after{

content:"" !important;

position:absolute !important;

inset:0 !important;

pointer-events:none !important;

background:

/* ΜΕΓΑΛΟ μαύρο κάτω αριστερά */

radial-gradient(

circle at 12% 88%,

rgba(5,7,11,.98) 0%,

rgba(5,7,11,.95) 18%,

rgba(5,7,11,.86) 34%,

rgba(5,7,11,.65) 48%,

rgba(5,7,11,.35) 62%,

rgba(5,7,11,.12) 76%,

transparent 88%

),

/* σκιά αριστερά */

linear-gradient(

90deg,

rgba(5,7,11,.60) 0%,

rgba(5,7,11,.32) 22%,

rgba(5,7,11,.10) 42%,

transparent 62%

),

/* πολύ ελαφρύ κάτω */

linear-gradient(

180deg,

transparent 0%,

rgba(5,7,11,.05) 74%,

rgba(5,7,11,.18) 100%

)

!important;

}


/* ===================================================
   Hero Overlay v4 - Bottom Left Only
   =================================================== */

.mp-review-hero::after{

content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;

background:

radial-gradient(

ellipse 85% 75%

at 12% 96%,

rgba(5,7,11,.96) 0%,

rgba(5,7,11,.82) 22%,

rgba(5,7,11,.58) 38%,

rgba(5,7,11,.28) 52%,

rgba(5,7,11,.08) 64%,

transparent 74%

) !important;

}


/* ===================================================
   MetaPlay Review Typography v1
   =================================================== */

/* Hero title πιο elegant */
.mp-review-hero h1{
    font-size:42px !important;
    line-height:1.08 !important;
    font-weight:700 !important;
    letter-spacing:-.035em !important;
    max-width:650px !important;
    margin-bottom:14px !important;
}

/* Hero meta μικρότερο και πιο premium */
.mp-review-meta{
    font-size:12px !important;
    font-weight:500 !important;
    letter-spacing:.01em !important;
    color:rgba(255,255,255,.82) !important;
}

.mp-review-meta span{
    color:rgba(255,255,255,.82) !important;
}

/* Review badge πιο compact */
.mp-review-label{
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    padding:6px 10px !important;
}

/* Section titles */
.mp-review-section h2,
.mp-review-side h3{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.025em !important;
    margin-bottom:15px !important;
}

/* Main text πιο καθαρό */
.mp-review-section p{
    font-size:15px !important;
    line-height:1.78 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.88) !important;
    margin-bottom:16px !important;
}

/* Content headings μέσα στο article */
.mp-review-section > h2,
.mp-review-section h2{
    text-shadow:none !important;
}

/* Sidebar typography */
.mp-info-row{
    font-size:13px !important;
    line-height:1.45 !important;
}

.mp-info-row span{
    color:rgba(255,255,255,.68) !important;
    font-weight:500 !important;
}

.mp-info-row strong{
    font-size:13px !important;
    font-weight:700 !important;
    color:#fff !important;
}

/* Score typography */
.mp-score-box span{
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.09em !important;
}

.mp-score-box strong{
    font-size:62px !important;
    font-weight:800 !important;
    letter-spacing:-.04em !important;
}

.mp-score-box em{
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.13em !important;
}

/* Pros / Cons */
.mp-review-list li{
    font-size:14px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
}

/* Final score πιο μαζεμένο */
.mp-final-score small{
    font-size:12px !important;
    font-weight:800 !important;
}

.mp-final-score strong{
    font-size:34px !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

.mp-final-score span{
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.14em !important;
}

/* Buttons */
.mp-review-button{
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.025em !important;
}

/* Desktop fine-tuning */
@media(min-width:1200px){
    .mp-review-hero h1{
        font-size:44px !important;
    }
}

/* Mobile */
@media(max-width:700px){
    .mp-review-hero h1{
        font-size:32px !important;
        line-height:1.1 !important;
    }

    .mp-review-section p{
        font-size:14px !important;
    }
}



/* ===== Hero subtitle + meta polish ===== */

.mp-review-subtitle{
    display:block !important;
    color:#a855f7 !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    margin:0 0 18px !important;
    max-width:620px !important;
}

.mp-review-meta span{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:rgba(255,255,255,.86) !important;
}

/* ===================================================
   METAPLAY REVIEW STABLE RESTORE
   =================================================== */

.mp-review-page{
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 18px 70px !important;
}

.mp-review-hero{
    height:430px !important;
    min-height:430px !important;
    margin-bottom:28px !important;
    border-radius:0 !important;
    overflow:hidden !important;
    position:relative !important;
    background:#05070b !important;
}

.mp-review-hero img{
    width:100% !important;
    height:430px !important;
    object-fit:cover !important;
    object-position:center 42% !important;
    filter:brightness(1.03) contrast(1.04) saturate(.96) !important;
    border-radius:0 !important;
}

.mp-review-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:radial-gradient(
        ellipse 75% 70% at 10% 96%,
        rgba(5,7,11,.90) 0%,
        rgba(5,7,11,.76) 22%,
        rgba(5,7,11,.48) 38%,
        rgba(5,7,11,.22) 54%,
        rgba(5,7,11,.06) 68%,
        transparent 78%
    ) !important;
}

.mp-review-hero-content{
    position:absolute !important;
    left:42px !important;
    bottom:42px !important;
    z-index:2 !important;
    max-width:680px !important;
}

.mp-review-label{
    display:inline-block !important;
    border-radius:0 !important;
    background:#5b21b6 !important;
    color:#fff !important;
    padding:6px 11px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    margin-bottom:18px !important;
    box-shadow:none !important;
}

.mp-review-hero h1{
    font-size:44px !important;
    line-height:1.06 !important;
    font-weight:750 !important;
    letter-spacing:-.035em !important;
    margin:0 0 14px !important;
    max-width:650px !important;
    color:#fff !important;
}

.mp-review-subtitle{
    display:block !important;
    color:#a855f7 !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    margin:0 0 18px !important;
}

.mp-review-meta{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    font-size:12px !important;
    color:rgba(255,255,255,.86) !important;
}

.mp-review-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 340px !important;
    gap:22px !important;
}

.mp-review-card,
.mp-side-box{
    border-radius:0 !important;
    background:#090b10 !important;
    border:1px solid rgba(255,255,255,.075) !important;
    box-shadow:none !important;
}

.mp-review-section{
    padding:24px 28px !important;
    border-bottom:1px solid rgba(255,255,255,.075) !important;
}

.mp-review-section h2,
.mp-review-side h3{
    font-size:14px !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
    letter-spacing:.03em !important;
    border-left:3px solid #8b5cf6 !important;
    padding-left:10px !important;
    margin:0 0 16px !important;
    color:#fff !important;
}

.mp-review-section p{
    font-size:15px !important;
    line-height:1.75 !important;
    color:rgba(255,255,255,.9) !important;
}

.mp-quick-review{
    display:grid !important;
    grid-template-columns:1fr 230px !important;
    gap:30px !important;
    align-items:center !important;
}

.mp-score-box{
    border-radius:0 !important;
    border:2px solid #8b5cf6 !important;
    background:#080a10 !important;
    box-shadow:none !important;
    padding:24px 18px !important;
    text-align:center !important;
}

.mp-score-box span,
.mp-score-box em,
.mp-final-score small,
.mp-final-score span{
    color:#a855f7 !important;
    font-weight:900 !important;
}

.mp-score-box strong{
    display:block !important;
    font-size:62px !important;
    line-height:.95 !important;
    color:#fff !important;
}

.mp-review-bottom{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
}

.mp-review-bottom .mp-review-section{
    border-right:1px solid rgba(255,255,255,.075) !important;
    border-bottom:0 !important;
}

.mp-review-bottom .mp-review-section:nth-child(2){
    border-right:0 !important;
}

.mp-pros h2{color:#32ff77 !important;}
.mp-cons h2{color:#ff4d5a !important;}

.mp-review-list{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}

.mp-review-list li{
    font-size:14px !important;
    line-height:1.55 !important;
    margin-bottom:10px !important;
}

.mp-pros li:before{
    content:"✓";
    color:#32ff77;
    margin-right:8px;
    font-weight:900;
}

.mp-cons li:before{
    content:"×";
    color:#ff4d5a;
    margin-right:8px;
    font-weight:900;
}

.mp-final-score{
    text-align:center !important;
    background:#080b11 !important;
    border-top:1px solid rgba(255,255,255,.075) !important;
    padding:24px !important;
}

.mp-final-score strong{
    display:block !important;
    font-size:34px !important;
    color:#fff !important;
}

.mp-side-box{
    padding:16px !important;
}

.mp-side-box img{
    width:100% !important;
    border-radius:0 !important;
    margin-bottom:14px !important;
}

.mp-info-row{
    display:flex !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:10px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.075) !important;
    font-size:13px !important;
}

.mp-info-row span{
    color:rgba(255,255,255,.68) !important;
}

.mp-info-row strong{
    color:#fff !important;
    font-weight:800 !important;
    text-align:right !important;
}

.mp-review-button{
    display:block !important;
    text-align:center !important;
    border-radius:0 !important;
    background:#6d28d9 !important;
    color:#fff !important;
    text-decoration:none !important;
    padding:13px 14px !important;
    margin-top:10px !important;
    font-size:13px !important;
    font-weight:900 !important;
}

@media(max-width:980px){
    .mp-review-grid,
    .mp-quick-review{
        grid-template-columns:1fr !important;
    }
}

.mp-review-meta{
    gap:16px !important;
    font-size:13px !important;
    color:rgba(255,255,255,.78) !important;
}

.mp-review-meta span{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    color:rgba(255,255,255,.78) !important;
    font-weight:500 !important;
}

.mp-review-meta i{
    font-size:15px !important;
    color:rgba(255,255,255,.72) !important;
    line-height:1 !important;
}

.mp-review-meta b{
    color:rgba(255,255,255,.55) !important;
    font-weight:400 !important;
}
.mp-related-reviews .mp-related-item{
    display:grid !important;
    grid-template-columns:96px 1fr !important;
    gap:12px !important;
    align-items:center !important;
    margin-bottom:14px !important;
    text-decoration:none !important;
}

.mp-related-reviews .mp-related-item img{
    width:96px !important;
    height:58px !important;
    object-fit:cover !important;
    margin:0 !important;
    border-radius:0 !important;
}

.mp-related-reviews .mp-related-item strong{
    display:block !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
}

.mp-related-reviews .mp-related-item span{
    display:block !important;
    color:rgba(255,255,255,.62) !important;
    font-size:13px !important;
    line-height:1.35 !important;
    margin-top:4px !important;
}

/* ===================================================
   MetaPlay News Single Article
   =================================================== */

.mp-news-page{
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 18px 70px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 360px !important;
    gap:28px !important;
    color:#fff !important;
}

.mp-news-main{
    min-width:0 !important;
}

.mp-news-hero{
    position:relative !important;
    height:520px !important;
    overflow:hidden !important;
    background:#05070b !important;
    border:1px solid rgba(255,255,255,.075) !important;
    margin-bottom:26px !important;
}

.mp-news-hero img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    filter:brightness(.98) contrast(1.04) saturate(.98) !important;
}

.mp-news-hero:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        radial-gradient(ellipse 82% 75% at 12% 96%, rgba(5,7,11,.94) 0%, rgba(5,7,11,.76) 26%, rgba(5,7,11,.42) 48%, rgba(5,7,11,.12) 68%, transparent 80%),
        linear-gradient(180deg, transparent 0%, rgba(5,7,11,.10) 62%, rgba(5,7,11,.45) 100%) !important;
    pointer-events:none !important;
}

.mp-news-hero-content{
    position:absolute !important;
    left:30px !important;
    right:30px !important;
    bottom:30px !important;
    z-index:2 !important;
    max-width:780px !important;
}

.mp-news-label{
    display:inline-block !important;
    background:#5b21b6 !important;
    color:#fff !important;
    padding:7px 12px !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    margin-bottom:16px !important;
}

.mp-news-hero h1{
    font-size:44px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.035em !important;
    margin:0 0 14px !important;
    color:#fff !important;
}

.mp-news-subtitle{
    color:#a855f7 !important;
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    margin-bottom:18px !important;
    max-width:760px !important;
}

.mp-news-meta{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:14px !important;
    color:rgba(255,255,255,.82) !important;
    font-size:13px !important;
}

.mp-news-meta span{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
}

.mp-news-meta b{
    color:rgba(255,255,255,.48) !important;
    font-weight:400 !important;
}

.mp-news-content{
    background:#090b10 !important;
    border:1px solid rgba(255,255,255,.075) !important;
    padding:34px 36px !important;
}

.mp-news-content h2{
    font-size:32px !important;
    line-height:1.18 !important;
    color:#fff !important;
    margin:34px 0 16px !important;
    letter-spacing:-.025em !important;
}

.mp-news-content p{
    color:rgba(255,255,255,.9) !important;
    font-size:17px !important;
    line-height:1.82 !important;
    margin:0 0 20px !important;
}

.mp-news-sidebar{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
}

.mp-news-side-box{
    background:#090b10 !important;
    border:1px solid rgba(255,255,255,.075) !important;
    padding:18px !important;
}

.mp-news-side-box h3{
    font-size:15px !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
    letter-spacing:.03em !important;
    border-left:3px solid #8b5cf6 !important;
    padding-left:10px !important;
    margin:0 0 18px !important;
    color:#fff !important;
}

.mp-news-side-item{
    display:grid !important;
    grid-template-columns:105px 1fr !important;
    gap:13px !important;
    text-decoration:none !important;
    margin-bottom:16px !important;
    align-items:center !important;
}

.mp-news-side-item img{
    width:105px !important;
    height:62px !important;
    object-fit:cover !important;
}

.mp-news-side-item strong{
    display:block !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.32 !important;
    font-weight:800 !important;
}

.mp-news-side-item span{
    display:block !important;
    margin-top:5px !important;
    color:rgba(255,255,255,.58) !important;
    font-size:12px !important;
}

.mp-news-review-item{
    display:grid !important;
    grid-template-columns:26px 92px 1fr !important;
    gap:11px !important;
    text-decoration:none !important;
    margin-bottom:15px !important;
    align-items:center !important;
}

.mp-news-rank{
    width:24px !important;
    height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#7c3aed !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.mp-news-review-item img{
    width:92px !important;
    height:54px !important;
    object-fit:cover !important;
}

.mp-news-review-item strong{
    display:block !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}

.mp-news-review-item div span{
    color:#facc15 !important;
    font-size:12px !important;
    margin-top:4px !important;
    display:block !important;
}

.mp-news-button{
    display:block !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#fff !important;
    border:1px solid #7c3aed !important;
    padding:14px !important;
    margin-top:18px !important;
    font-size:13px !important;
    font-weight:900 !important;
    background:transparent !important;
}

.mp-news-button:hover{
    background:#7c3aed !important;
}

@media(max-width:980px){
    .mp-news-page{
        grid-template-columns:1fr !important;
    }

    .mp-news-hero{
        height:460px !important;
    }

    .mp-news-hero h1{
        font-size:34px !important;
    }
}