/* ============================================================
   PFN Front-End Polish v1.5
   1. Community poll — retired, never rendered
   2. Mobile legibility — minimum readable text sizes
   3. Footer partner logos — equal size, legible, visible on mobile
   ============================================================ */

/* ---- 1. Community poll ---- */
.pfn-poll,.pfn-poll-v2,.pfn-poll-card,.pfn-poll-header,.pfn-poll-question,
.pfn-poll-options,.pfn-poll-footer,.pfn-poll-status,.pfn-poll-total,
.pfn-poll-voters,.pfn-poll-opt-bar,.pfn-poll-opt-label,.pfn-poll-opt-pct,
#pfn-poll,[id^="pfn-poll"],[class^="pfn-poll"],[class*=" pfn-poll"]{
  display:none !important;visibility:hidden !important;
  height:0 !important;max-height:0 !important;margin:0 !important;
  padding:0 !important;border:0 !important;overflow:hidden !important;
}

/* ---- 2. Mobile legibility (text only, no layout rules) ---- */
@media (max-width:820px){
  html{ -webkit-text-size-adjust:100%; }
  body{ font-size:16px; line-height:1.62; }
  .entry-content,.entry-content p,.entry-content li,.entry-content blockquote,
  article p,article li,.post-content p,.post-content li{
    font-size:16px; line-height:1.62;
  }
  figcaption,.wp-block-image figcaption,
  .entry-meta,.post-meta,.byline,.entry-footer,
  .breadcrumb,.breadcrumbs,.comment-metadata,.says{
    font-size:13px; line-height:1.5;
  }
  .entry-content table,.wp-block-table table,
  .entry-content td,.entry-content th{ font-size:14px; line-height:1.45; }
  .entry-content h1{ font-size:26px; line-height:1.22; }
  .entry-content h2{ font-size:22px; line-height:1.25; }
  .entry-content h3{ font-size:18px; line-height:1.3;  }
  .entry-content h4{ font-size:16px; line-height:1.35; }
}

/* ---- 3. Footer partners — light cards on a dark footer ----
   Logos were rendering at wildly different sizes (Lapak 120x36,
   Kinguin squeezed to 36x17) against a near-black background, so
   dark brand marks disappeared. Each partner now sits on a light
   tile, which is how partner logos are normally presented and
   means any logo reads clearly regardless of its own colours. */

.pfn-partners-col{
  display:block !important;
  visibility:visible !important;
  min-width:160px;
}

.pfn-partners-col a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:52px;
  margin:0 0 10px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:10px !important;
  background:#f4f6fa !important;
  color:#14181f !important;
  font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  text-decoration:none;
  box-shadow:0 1px 3px rgba(0,0,0,.35);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.pfn-partners-col a:hover{
  background:#ffffff;
  border-color:#ff6a3d;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(255,106,61,.28);
}

/* Every logo gets the same box AND its own light backing plate.
   Backing the image itself (rather than only the link) means the logo
   stays legible even where another rule overrides the link background. */
.pfn-partners-col a img{
  width:auto !important;
  height:auto !important;
  max-width:120px !important;
  max-height:30px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 auto;
  opacity:1 !important;
  filter:none !important;
  background:#ffffff !important;
  padding:6px 10px !important;
  border-radius:6px !important;
  box-sizing:content-box !important;
}

/* emoji + wordmark fallbacks: give the text a light plate too */
.pfn-partners-col a{
  -webkit-text-fill-color:#14181f;
}
.pfn-partners-col a:not(:has(img)){
  background:#f4f6fa !important;
  color:#14181f !important;
}

/* text / emoji fallbacks read as proper labels on the light tile */
.pfn-partners-col a:not(:has(img)){
  color:#14181f;
  letter-spacing:.2px;
}

/* the PARTNERS heading, so the column does not look orphaned */
.pfn-partners-col > *:first-child{
  margin-bottom:12px !important;
}

/* ---- Partners on mobile: visible, side by side ---- */
@media (max-width:820px){
  /* the theme hides the whole footer column on phones — unhide the
     one containing partners, without touching the others */
  .footer-col:has(.pfn-partners-col){
    display:block !important;
    width:100% !important;
  }
  .pfn-partners-col{
    display:block !important;
    width:100% !important;
    margin-top:20px;
  }
  .pfn-partners-col a{
    display:inline-flex !important;
    width:auto;
    min-width:150px;
    min-height:48px;
    margin:0 8px 8px 0;
  }
  .pfn-partners-col a img{
    max-width:112px !important;
    max-height:26px !important;
  }
}


/* ---- 4. Footer social icons ----
   Facebook, Instagram and YouTube are inline SVGs with brand fills.
   Steam is a dark PNG on a transparent background, so it vanished
   against the dark circle. Force it white to match the others. */
.footer-socials a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:50%;
  transition:transform .15s ease, background .15s ease;
}
.footer-socials a:hover{ transform:translateY(-2px); }

/* The Steam PNG is a solid dark shape, so inverting it produced a
   white blob. Hide the bitmap and draw the real Steam mark with a
   CSS mask instead, so it matches the inline SVGs beside it. */
.footer-socials a img{
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  position:absolute !important;
}

.footer-socials a:has(img){
  position:relative;
}
.footer-socials a:has(img)::after{
  content:"";
  width:20px; height:20px;
  background-color:#ffffff;
  opacity:.92;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center;  mask-position:center;
  -webkit-mask-size:contain;     mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.979 0C5.678 0 .511 4.86 0 11.032l6.447 2.665c.545-.373 1.206-.59 1.917-.59.063 0 .126.002.19.005l2.874-4.154v-.06c0-2.508 2.04-4.548 4.548-4.548 2.507 0 4.547 2.04 4.547 4.548 0 2.507-2.04 4.548-4.547 4.548h-.105l-4.088 2.922c0 .052.004.105.004.157 0 1.884-1.532 3.416-3.416 3.416-1.653 0-3.036-1.185-3.35-2.751L.973 15.363C2.421 20.446 7.102 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.606 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.979 0C5.678 0 .511 4.86 0 11.032l6.447 2.665c.545-.373 1.206-.59 1.917-.59.063 0 .126.002.19.005l2.874-4.154v-.06c0-2.508 2.04-4.548 4.548-4.548 2.507 0 4.547 2.04 4.547 4.548 0 2.507-2.04 4.548-4.547 4.548h-.105l-4.088 2.922c0 .052.004.105.004.157 0 1.884-1.532 3.416-3.416 3.416-1.653 0-3.036-1.185-3.35-2.751L.973 15.363C2.421 20.446 7.102 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.606 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z'/%3E%3C/svg%3E");
}
.footer-socials a:has(img):hover::after{ opacity:1; }

/* ---- 5. Partner plates: identical width AND identical logo height ----
   max-height let each logo settle at its own scale (Lapak 150x41,
   Kinguin 56x12). Fixing the height and letting width follow the
   aspect ratio makes every logo the same visual weight. */
.pfn-partners-col a{
  width:170px !important;
  min-height:56px !important;
  justify-content:center !important;
  align-items:center !important;
}
.pfn-partners-col a img{
  height:26px !important;
  width:auto !important;
  max-width:138px !important;
  max-height:26px !important;
  min-height:26px !important;
  object-fit:contain !important;
  margin:0 auto !important;
  padding:7px 12px !important;
}

@media (max-width:820px){
  .pfn-partners-col a{
    width:auto !important;
    min-width:160px;
  }
}


/* ---- 6. Retired affiliate partner ----
   LapakGaming pays out only to an Indonesian e-wallet, so it was dropped.
   One legacy card still renders from a snippet we could not locate; hide
   it rather than keep hunting. Remove this rule if the partner returns. */
.pfn-aff-card-lapak,
[class*="pfn-aff-card-lapak"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}