/* Pak Super - "Steel Index" post-body styles.
   Elementor widgets carry their own custom CSS; this file styles the
   Gutenberg content rendered by the theme-post-content widget. */

:root{
  --ps-paper:#E9EDF1; --ps-plate:#F8FAFC; --ps-ink:#0E141B; --ps-ink2:#1B242F;
  --ps-mid:#5A6673;  --ps-line:#CFD7E0; --ps-acc:#1B3BD1;
}

/* ---------- post body ---------- */
.paksuper-body{font-family:"IBM Plex Sans",system-ui,sans-serif;color:#2B3541}
.paksuper-body>*:first-child{margin-top:0}
.paksuper-body p{font-size:16px;line-height:1.7;color:#2B3541;margin:0 0 14px}
.paksuper-body h2{font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;
  line-height:1.14;font-size:31px;color:var(--ps-ink);margin:48px 0 16px}
.paksuper-body h3{font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;
  line-height:1.14;font-size:20px;color:var(--ps-ink);margin:32px 0 10px}
.paksuper-body a{color:var(--ps-acc)}

/* feature lists run in two columns, hairline separated */
.paksuper-body ul.wp-block-list{list-style:none;margin:0 0 24px;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.paksuper-body ul.wp-block-list li{font-size:15px;line-height:1.55;color:#2B3541;
  padding:12px 0 12px 22px;position:relative;border-bottom:1px solid var(--ps-line)}
.paksuper-body ul.wp-block-list li:before{content:"";position:absolute;left:0;top:19px;
  width:9px;height:2px;background:var(--ps-acc)}

/* ---------- install procedure (core/columns) ---------- */
.paksuper-body .wp-block-columns.apk-proc{gap:1px;background:var(--ps-line);
  border-top:3px solid var(--ps-ink);margin:24px 0 32px;flex-wrap:nowrap}
.paksuper-body .apk-proc .wp-block-column{background:var(--ps-plate);padding:24px;margin:0}
.paksuper-body .apk-proc p.pc-n{font-size:12px;font-weight:700;color:var(--ps-acc);
  letter-spacing:.08em;margin:0 0 6px}
.paksuper-body .apk-proc h3{font-size:17px;margin:0 0 12px}
.paksuper-body .apk-proc ol{list-style:none;counter-reset:ps;margin:0;padding:0}
.paksuper-body .apk-proc ol li{font-size:14px;line-height:1.55;color:#2B3541;
  padding:7px 0 7px 24px;position:relative;counter-increment:ps;border:0}
.paksuper-body .apk-proc ol li:before{content:counter(ps);position:absolute;left:0;top:7px;
  font-size:11px;font-weight:700;color:var(--ps-mid);width:auto;height:auto;background:none}

/* ---------- FAQ accordion (core/details) ---------- */
.paksuper-body .wp-block-details{background:var(--ps-plate);border-bottom:1px solid var(--ps-line);
  margin:0;padding:0}
.paksuper-body .wp-block-details:first-of-type{border-top:2px solid var(--ps-ink)}
.paksuper-body .wp-block-details summary{cursor:pointer;list-style:none;padding:16px 20px;
  font-weight:700;font-size:16px;color:var(--ps-ink);display:flex;justify-content:space-between;
  align-items:center;gap:16px;transition:color .15s}
.paksuper-body .wp-block-details summary::-webkit-details-marker{display:none}
.paksuper-body .wp-block-details summary::marker{content:""}
.paksuper-body .wp-block-details summary:hover{color:var(--ps-acc)}
.paksuper-body .wp-block-details summary:after{content:"+";font-size:22px;font-weight:400;
  color:var(--ps-acc);flex:0 0 auto;line-height:1}
.paksuper-body .wp-block-details[open] summary{color:var(--ps-acc)}
.paksuper-body .wp-block-details[open] summary:after{content:"\2212"}
.paksuper-body .wp-block-details p{font-size:15px;line-height:1.7;padding:0 20px 18px;margin:0}

/* ---------- loop card helpers ---------- */
.ps-strip{overflow-x:auto;scroll-snap-type:x mandatory}
.ps-strip .elementor-grid{grid-auto-flow:column!important}

/* Elementor's load-more anchor is an empty element that still takes space */
.e-load-more-anchor{display:none!important}

@media(max-width:1024px){
  .paksuper-body .wp-block-columns.apk-proc{flex-wrap:wrap}
}
@media(max-width:767px){
  .paksuper-body h2{font-size:24px;margin:32px 0 14px}
  .paksuper-body ul.wp-block-list{grid-template-columns:1fr}
  .paksuper-body .apk-proc .wp-block-column{flex-basis:100%!important}
}

/* ---------- header responsive ---------- */
@media(max-width:1024px){
  .ps-search{display:none!important}
  .ps-hdr{flex-wrap:nowrap!important}
  .ps-nav{flex:0 0 auto!important;width:auto!important;margin-left:auto!important}
}
@media(max-width:767px){
  .ps-hdr{padding-left:16px!important;padding-right:16px!important}
  .hfe-nav-menu__toggle{color:#fff!important}
  /* HFE's collapsed dropdown keeps the desktop width unless pinned */
  .ps-nav .hfe-nav-menu__layout-horizontal .hfe-nav-menu{width:100%!important}
}

/* ---------- carousel: Swiper writes inline slide widths that can exceed the
   viewport on first paint; a stylesheet !important beats a plain inline style ---------- */
.ps-car .elementor-image-carousel-wrapper,
.ps-car .swiper{width:100%!important;max-width:100%!important;overflow:hidden!important}
.ps-car .swiper-slide{width:100%!important;max-width:100%!important;margin-right:0!important}
.ps-car .swiper-slide-inner,
.ps-car figure{width:100%!important;margin:0!important}
.ps-car .swiper-slide img{width:100%!important;max-width:100%!important;height:auto!important}

/* ---------- newest-games index row responsive ----------
   children order: 1 logo, 2 name, 3 rating, 4 size, 5 votes, 6 bonus, 7 get */
@media(max-width:1024px){
  .ps-idx > *:nth-child(5){display:none!important}   /* votes */
}
@media(max-width:767px){
  .ps-idx{gap:12px!important;padding:12px!important}
  .ps-idx > *:nth-child(3),
  .ps-idx > *:nth-child(4),
  .ps-idx > *:nth-child(5),
  .ps-idx > *:nth-child(7){display:none!important}
  .ps-idx > *:nth-child(2){flex:1 1 auto!important;width:auto!important;min-width:0!important}
  .ps-idx > *:nth-child(6){flex:0 0 100px!important;width:100px!important}
}
/* single-post masthead and stats on small screens */
@media(max-width:1024px){
  .ps-stats{flex-wrap:wrap!important}
  .ps-stats > *{flex:1 1 33%!important;width:33%!important;border-left:0!important;padding-left:0!important}
  .ps-rail{position:static!important;flex:1 1 100%!important;width:100%!important}
}
@media(max-width:767px){
  .ps-stats > *{flex:1 1 50%!important;width:50%!important}
}

/* ---------- hello-elementor ships a bare a{color:#c36}; retire it site-wide ---------- */
a{color:var(--ps-acc)}
.ps-hdr a,
.ps-ftr a,
.ps-hdr .elementor-heading-title a,
.ps-ftr .elementor-heading-title a{color:#fff!important}
.ps-ftr .ft a:hover{color:#7E96FF!important}

/* ---------- search results ---------- */
.ps-searchhead .elementor-heading-title{color:#fff!important}
.ps-searchwrap .elementor-search-form__container{background:var(--ps-ink2)!important;border-radius:2px!important;overflow:hidden!important}
.ps-searchwrap .elementor-search-form__input{color:#fff!important;padding:13px 16px!important;background:transparent!important;font-size:14px!important}
.ps-searchwrap .elementor-search-form__input::placeholder{color:#7C8899!important}
.ps-searchwrap .elementor-search-form__submit{background:var(--ps-acc)!important;color:#fff!important;font-weight:700!important;padding:0 22px!important;border-radius:0!important}
.ps-noresults{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16px;color:var(--ps-mid)}

/* search empty state */
.ps-empty{font-family:"IBM Plex Sans",system-ui,sans-serif;border-top:2px solid var(--ps-ink);padding:32px 0 8px}
.ps-empty-h{font-size:22px!important;font-weight:700;color:var(--ps-ink);margin:0 0 8px!important}
.ps-empty-b{font-size:15px!important;line-height:1.7;color:var(--ps-mid);margin:0!important}
.ps-empty-b a{color:var(--ps-acc);font-weight:700}