/* ===== style.css ===== */
/*
Theme Name: FreePuzzleKids.com
Theme URI: https://freepuzzlekids.com/
Author: Free Puzzle Kids
Description: A bright, animated WordPress theme for Free Puzzle Kids.
Version: 1.4.1
Text Domain: freepuzzlekids-com
*/
:root{--blue:#063d8f;--yellow:#ffd227;--pink:#f3429a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff;font-family:Arial,Helvetica,sans-serif;background:#049ee8 url('assets/background.webp') center/cover fixed;overflow-x:hidden}.fpk-sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.fpk-float{position:absolute;font-size:clamp(42px,6vw,86px);filter:drop-shadow(0 12px 10px #07539d80);animation:fpk-drift 9s ease-in-out infinite}.fpk-f1{left:7%;top:24%;animation-delay:-3s}.fpk-f2{right:8%;top:18%;animation-delay:-5s}.fpk-f3{left:42%;top:15%;font-size:42px;animation-delay:-1s}.fpk-f4{right:38%;bottom:13%;font-size:46px;animation-delay:-6s}@keyframes fpk-drift{50%{transform:translate(20px,-32px) rotate(13deg)}}.fpk-header{position:relative;z-index:3;height:108px;display:flex;align-items:center;justify-content:space-between;padding:12px 5.5%;gap:24px;background:linear-gradient(180deg,#073e9355,transparent)}.fpk-brand img{display:block;width:138px;filter:drop-shadow(0 5px 5px #063d8f80)}.fpk-nav{display:flex;gap:clamp(18px,4vw,60px)}.fpk-nav a,.fpk-nav-cta{color:#fff;text-transform:uppercase;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:.04em;text-shadow:0 3px 0 var(--blue)}.fpk-nav a:hover{text-decoration:underline}.fpk-nav-cta{padding:13px 23px;background:var(--pink);border:3px solid #fff;border-radius:99px;text-shadow:none;box-shadow:0 5px 0 #a81869}.fpk-view{min-height:calc(100vh - 108px);padding:7vh 7vw 9vh}.fpk-hero-copy{max-width:800px;padding-top:7vh}.fpk-eyebrow{margin:0 0 13px;font-size:clamp(12px,1.3vw,16px);font-weight:900;letter-spacing:.09em}.fpk-hero h1,.fpk-intro h2,.fpk-parents h2{margin:0;color:#fff;font-size:clamp(49px,6.3vw,94px);line-height:.93;letter-spacing:-.055em;text-shadow:0 5px 0 var(--blue),0 13px 22px #04397670}.fpk-lead{max-width:650px;font-size:clamp(18px,2.1vw,28px);font-weight:800;line-height:1.28;text-shadow:0 3px 0 var(--blue)}.fpk-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.fpk-button{display:inline-flex;align-items:center;gap:16px;border:4px solid #fff;border-radius:99px;padding:15px 25px;color:var(--blue);font-size:18px;font-weight:900;text-decoration:none;box-shadow:0 6px 0 #07529a}.fpk-button span{font-size:25px}.fpk-yellow{background:var(--yellow)}.fpk-text-link{color:#fff;font-size:16px;font-weight:900;text-decoration:underline;text-shadow:0 2px 0 var(--blue)}.fpk-quick{display:flex;gap:18px;margin-top:7vh}.fpk-quick a{min-width:160px;color:var(--blue);background:#ffffffde;border:3px solid #fff;border-radius:24px;padding:14px 18px;font-weight:900;text-decoration:none;box-shadow:0 6px 0 #063d8f55;transition:.2s}.fpk-quick a:hover,.fpk-card:hover{transform:translateY(-7px) rotate(1deg)}.fpk-quick span{margin-right:9px;font-size:26px}.fpk-intro{max-width:830px}.fpk-intro h2{font-size:clamp(46px,6vw,84px)}.fpk-intro>p:last-child{font-size:20px;font-weight:800}.fpk-filters{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 24px}.fpk-filter{padding:11px 17px;border:2px solid #fff;border-radius:99px;background:#ffffffc9;color:var(--blue);font:900 14px Arial;cursor:pointer}.fpk-filter.is-selected{background:var(--yellow);box-shadow:0 4px 0 #a96800}.fpk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:18px}.fpk-card{min-height:205px;display:flex;flex-direction:column;justify-content:space-between;border:3px solid #fff;border-radius:29px;padding:21px;color:var(--blue);text-decoration:none;box-shadow:0 8px 0 #063d8f66;transition:.2s}.fpk-card .fpk-icon{font-size:47px}.fpk-card h3{margin:8px 0 3px;font-size:23px}.fpk-card p{margin:0;font-size:14px;font-weight:800}.fpk-card small{font-size:13px;font-weight:900;text-transform:uppercase}.fpk-tone-0{background:#ffd227}.fpk-tone-1{background:#f3429a;color:#fff}.fpk-tone-2{background:#31b1ff;color:#fff}.fpk-tone-3{background:#a6df17}.fpk-tone-4{background:#fff}.fpk-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.fpk-learning-grid article{min-height:330px;padding:32px;border:3px solid #fff;border-radius:35px;background:#063d8fbb}.fpk-learning-grid article:nth-child(2){background:#f3429acc}.fpk-learning-grid article:nth-child(3){background:#109ee4d9}.fpk-learning-grid span{font-size:62px}.fpk-learning-grid h3{font-size:28px;margin:18px 0 8px}.fpk-learning-grid p{font-weight:700;line-height:1.4}.fpk-learning-grid a{display:inline-block;margin-top:12px;color:#fff;font-weight:900}.fpk-parent-card{display:flex;align-items:center;gap:45px;max-width:1020px;margin:4vh auto;padding:55px;border:4px solid #fff;border-radius:48px;background:#063d8fbd}.fpk-shield{font-size:110px}.fpk-parent-card>div{max-width:620px}.fpk-parent-card p:last-of-type{font-size:19px;font-weight:700;line-height:1.5}.fpk-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 7vw;background:#063d8fdb;border-top:2px solid #ffffff6b}.fpk-footer img{width:115px}.fpk-footer p,.fpk-footer a{font-size:14px;font-weight:800;color:#fff}.fpk-footer a{color:var(--yellow)}@media(max-width:750px){.fpk-header{height:87px;padding:7px 4%;gap:10px}.fpk-brand img{width:88px}.fpk-nav{gap:11px}.fpk-nav a{font-size:11px}.fpk-nav-cta{display:none}.fpk-view{min-height:calc(100vh - 87px);padding:8vh 7vw}.fpk-hero-copy{padding-top:4vh}.fpk-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fpk-quick a{min-width:0;padding:10px 5px;font-size:12px}.fpk-quick span{display:block;margin:0;font-size:24px}.fpk-actions{flex-direction:column;align-items:flex-start}.fpk-learning-grid{grid-template-columns:1fr}.fpk-parent-card{flex-direction:column;align-items:flex-start;gap:10px;padding:30px}.fpk-shield{font-size:80px}.fpk-footer{flex-wrap:wrap}}



/* ===== FPK SIMPLE HEADER CART ===== */



.fpk-simple-cart {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 44px;

    height: 44px;

    margin-left: 10px;

    margin-right: 8px;

    text-decoration: none;

    flex-shrink: 0;

}



.fpk-simple-cart-icon {

    font-size: 24px;

    line-height: 1;

}



.fpk-simple-cart-count {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 18px;

    height: 18px;

    padding: 0 4px;

    border-radius: 20px;

    background: #ff4d5a;

    color: #fff;

    font-size: 11px;

    font-weight: 700;

    line-height: 18px;

    text-align: center;

}



@media (max-width: 750px) {

    .fpk-simple-cart {

        width: 38px;

        height: 38px;

        margin-left: 4px;

        margin-right: 4px;

    }



    .fpk-simple-cart-icon {

        font-size: 21px;

    }

}




/* ===== FPK DESKTOP HEADER ALIGNMENT 2026-08-17 ===== */
@media (min-width: 751px) {

    /* Lleva el menú hacia la derecha sin afectar móvil */
    .fpk-nav {
        margin-left: auto;
    }

    /* Carrito un poco más grande en escritorio */
    .fpk-simple-cart {
        width: 52px;
        height: 52px;
        margin-left: 14px;
        margin-right: 10px;
    }

    .fpk-simple-cart-icon {
        font-size: 30px;
    }

    .fpk-simple-cart-count {
        top: 0;
        right: 0;
    }
}

/* ===== FPK DESKTOP HEADER ALIGNMENT V2 ===== */
@media (min-width: 751px) {

    /* El logo queda a la izquierda y todo lo demás se agrupa a la derecha */
    .fpk-header {
        justify-content: flex-start !important;
    }

    .fpk-brand {
        margin-right: auto !important;
    }

    .fpk-nav {
        margin-left: 0 !important;
        margin-right: 8px !important;
    }

    /* Carrito ligeramente más grande */
    .fpk-simple-cart {
        width: 54px !important;
        height: 54px !important;
        margin-left: 8px !important;
        margin-right: 10px !important;
    }

    .fpk-simple-cart-icon {
        font-size: 31px !important;
    }
}

/* ===== FPK FORCE DESKTOP MENU RIGHT ===== */
@media (min-width: 751px) {

    .fpk-header {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    .fpk-brand {
        flex: 0 0 auto !important;
    }

    .fpk-nav {
        margin-left: auto !important;
        margin-right: 12px !important;
        display: flex !important;
        justify-content: flex-end !important;
        gap: 28px !important;
    }

    .fpk-simple-cart {
        flex: 0 0 54px !important;
        width: 54px !important;
        height: 54px !important;
        margin: 0 10px 0 0 !important;
    }

    .fpk-simple-cart-icon {
        font-size: 31px !important;
    }

    .fpk-nav-cta {
        flex: 0 0 auto !important;
    }
}

/* ===== FPK DESKTOP HEADER FINAL RIGHT POSITION ===== */
@media (min-width: 751px) {

    .fpk-header {
        padding-left: 5.5% !important;
        padding-right: 1.5% !important;
        justify-content: flex-start !important;
    }

    .fpk-brand {
        margin-right: auto !important;
    }

    .fpk-nav {
        margin-left: 0 !important;
        margin-right: 10px !important;
        gap: 28px !important;
    }

    .fpk-simple-cart {
        width: 54px !important;
        height: 54px !important;
        margin-left: 5px !important;
        margin-right: 8px !important;
    }

    .fpk-simple-cart-icon {
        font-size: 31px !important;
    }
}
/* FPK FOOTER LEGAL LAYOUT */
.fpk-footer-info{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.fpk-footer-info .fpk-footer-email{display:block}
.fpk-footer-legal{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.fpk-footer-legal a{display:block;line-height:1.3}
.fpk-footer-legal span{display:none}
@media(max-width:750px){.fpk-footer-info{width:100%;align-items:center}.fpk-footer-legal{align-items:center}}

/* FPK HEADER SEARCH AND RESULTS */
.fpk-header-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-left: 8px;
  transition: width .2s ease;
}

.fpk-header-search:focus-within {
  width: 190px;
}

.fpk-header-search-input {
  width: 100%;
  height: 46px;
  padding: 0 43px 0 14px;
  border: 2px solid #dbe5ff;
  border-radius: 999px;
  background: #fff;
  color: #172554;
  font: inherit;
  opacity: 0;
  cursor: pointer;
  transition: opacity .2s ease, border-color .2s ease;
}

.fpk-header-search:focus-within .fpk-header-search-input {
  opacity: 1;
  cursor: text;
  border-color: #4169e1;
}

.fpk-header-search-button {
  position: absolute;
  right: 0;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #173b8f;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(20, 45, 100, .14);
}

.fpk-header-search-button:hover,
.fpk-header-search-button:focus-visible {
  background: #fce000;
}

.fpk-search-page {
  width: min(1180px, calc(100% - 32px));
  margin: 40px auto 70px;
}

.fpk-search-heading {
  padding: clamp(28px, 5vw, 55px);
  border-radius: 28px;
  background: linear-gradient(135deg, #eef5ff, #fff8cd);
  text-align: center;
}

.fpk-search-eyebrow,
.fpk-search-type {
  color: #3157b7;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fpk-search-heading h1 {
  margin: 8px 0 22px;
  color: #102a6b;
}

.fpk-search-page-form {
  display: flex;
  width: min(680px, 100%);
  margin: 0 auto;
  gap: 10px;
}

.fpk-search-page-form input {
  min-width: 0;
  flex: 1;
  padding: 14px 18px;
  border: 2px solid #cbd9ff;
  border-radius: 999px;
  background: #fff;
  color: #172554;
  font: inherit;
}

.fpk-search-page-form button,
.fpk-search-empty-links a {
  padding: 14px 22px;
  border: 0;
  border-radius: 999px;
  background: #173b8f;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.fpk-search-count {
  margin: 28px 0 16px;
  color: #52617e;
  font-weight: 700;
}

.fpk-search-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.fpk-search-card {
  overflow: hidden;
  border: 1px solid #e0e7f7;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(25, 48, 98, .09);
}

.fpk-search-card-image {
  display: block;
  aspect-ratio: 16 / 10;
  background: #eef4ff;
}

.fpk-search-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fpk-search-card-content {
  padding: 20px;
}

.fpk-search-card h2 {
  margin: 5px 0 10px;
  font-size: 21px;
  line-height: 1.25;
}

.fpk-search-card h2 a {
  color: #102a6b;
  text-decoration: none;
}

.fpk-search-excerpt {
  color: #55627b;
  line-height: 1.6;
}

.fpk-search-open {
  display: inline-block;
  margin-top: 14px;
  color: #173b8f;
  font-weight: 800;
}

.fpk-search-pagination {
  margin-top: 34px;
  text-align: center;
}

.fpk-search-empty {
  padding: 55px 20px;
  text-align: center;
}

.fpk-search-empty-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 900px) {
  .fpk-search-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fpk-header-search:focus-within {
    width: 150px;
  }
}

@media (max-width: 620px) {
  .fpk-header-search {
    width: 42px;
    height: 42px;
    margin-left: 2px;
  }

  .fpk-header-search:focus-within {
    width: 135px;
  }

  .fpk-header-search-input {
    height: 42px;
    padding-left: 11px;
    font-size: 14px;
  }

  .fpk-header-search-button {
    width: 42px;
    height: 42px;
  }

  .fpk-search-page-form {
    flex-direction: column;
  }

  .fpk-search-results {
    grid-template-columns: 1fr;
  }
}

/* FPK ACCESSIBLE BREADCRUMBS */
.fpk-breadcrumbs {
  width: min(1180px, calc(100% - 32px));
  margin: 12px auto 0;
  color: #52617e;
  font-size: 14px;
}

.fpk-breadcrumbs ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 9px 14px;
  list-style: none;
  border: 1px solid #e4eaf8;
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
}

.fpk-breadcrumbs li {
  display: flex;
  align-items: center;
  min-width: 0;
}

.fpk-breadcrumbs li:not(:last-child)::after {
  content: "›";
  margin-left: 7px;
  color: #8b98af;
  font-weight: 800;
}

.fpk-breadcrumbs a {
  color: #3157b7;
  font-weight: 700;
  text-decoration: none;
}

.fpk-breadcrumbs a:hover,
.fpk-breadcrumbs a:focus-visible {
  text-decoration: underline;
}

.fpk-breadcrumbs [aria-current="page"] {
  display: inline-block;
  overflow: hidden;
  max-width: 520px;
  color: #52617e;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 620px) {
  .fpk-breadcrumbs {
    width: min(100% - 20px, 1180px);
    margin-top: 8px;
    font-size: 13px;
  }

  .fpk-breadcrumbs ol {
    padding: 8px 11px;
  }

  .fpk-breadcrumbs [aria-current="page"] {
    max-width: 190px;
  }
}

/* FPK ARTICLE WIDTH START */
/* Amplía exclusivamente los artículos del blog */
body.single-post .fpk-view {
    padding-left: 4vw;
    padding-right: 4vw;
}

body.single-post .fpk-parent-card {
    display: block;
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto;
    margin-right: auto;
}

body.single-post .fpk-entry-content {
    width: 100%;
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
}

body.single-post .fpk-entry-content > .wp-block-group,
body.single-post .fpk-entry-content > .is-layout-constrained {
    width: 100%;
    max-width: 1070px !important;
}

body.single-post .fpk-entry-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 750px) {
    body.single-post .fpk-view {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    body.single-post .fpk-parent-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 28px 20px;
        border-radius: 30px;
    }

    body.single-post .fpk-entry-content,
    body.single-post .fpk-entry-content > .wp-block-group,
    body.single-post .fpk-entry-content > .is-layout-constrained {
        max-width: 100% !important;
    }
}
/* FPK ARTICLE WIDTH END */


/* ===== backgrounds.css ===== */
/* Desktop uses the wide illustrated world. Mobile switches to the portrait illustration. */
@media (max-width: 750px) {
  body {
    background-image: url('assets/background-mobile.webp');
    background-position: center top;
    background-size: cover;
    background-attachment: scroll;
  }
}


/* ===== performance-assets.css ===== */
/* Modern image files keep the same visuals with substantially fewer bytes. */
body {
  background-image: url('assets/background.webp');
}
@media (max-width: 750px) {
  body { background-image: url('assets/background-mobile.webp'); }
}


/* ===== header-logo-fix.css ===== */
/* The issue only occurs on phones: the old mobile width overrode the image
   width but left its HTML height intact, stretching this square logo. */
@media (max-width: 750px) {
  .fpk-brand {
    align-items: center;
    display: flex;
    flex-basis: 70px;
    height: 70px;
    justify-content: center;
    width: 70px;
  }

  .fpk-header .fpk-brand > img {
    display: block;
    height: 70px !important;
    max-height: 70px;
    max-width: 70px;
    object-fit: contain;
    object-position: center;
    width: 70px !important;
  }
}


/* ===== home-shadows.css ===== */
/* Home only: keep every piece of content readable over the illustrated sky. */
.fpk-editor-home :is(h1, h2, h3, h4, h5, h6, p, li, figcaption, .wp-block-button__link) {
  text-shadow: 0 3px 0 rgba(4, 57, 112, .82), 0 7px 15px rgba(0, 38, 91, .48);
}

/* Cards and buttons already have their own visual treatment: keep their copy crisp. */
.fpk-editor-home :is(.fpk-card, .wp-block-button, button) :is(h1, h2, h3, h4, h5, h6, p, li, small, span, a),
.fpk-editor-home :is(.wp-block-button__link, button) {
  text-shadow: none;
}

.fpk-editor-home .fpk-card {
  border-radius: 22px;
  box-shadow: 0 9px 0 rgba(4, 58, 133, .46), 0 18px 30px rgba(0, 39, 97, .36);
}

.fpk-editor-home :is(iframe, video, .wp-block-video video, img) {
  border-radius: 18px;
  box-shadow: 0 8px 0 rgba(4, 58, 133, .42), 0 16px 28px rgba(0, 39, 97, .35);
}

/* Do not add a frame around card icons or group containers. */
.fpk-editor-home .fpk-card img,
.fpk-editor-home :is(.wp-block-group, .wp-block-columns, .wp-block-cover, .wp-block-media-text, .wp-block-embed, figure) {
  box-shadow: none;
}

@media (max-width: 750px) {
  .fpk-editor-home .fpk-card {
    box-shadow: 0 6px 0 rgba(4, 58, 133, .44), 0 12px 22px rgba(0, 39, 97, .32);
  }
}


/* ===== heading-3d.css ===== */
/* Decorative layer only: H1/H2 content, sizing and layout are untouched. */
/* The Puffy style is designed to echo the rounded, inflated blue letters in the reference image. */
body h1,body h2{color:var(--fpk-heading-3d)!important;font-family:var(--fpk-heading-font)!important;font-weight:800!important;letter-spacing:.015em!important;line-height:1.03!important;-webkit-text-stroke:1px rgba(255,255,255,.22);text-shadow:0 1px 0 rgba(255,255,255,.78),0 2px 0 var(--fpk-heading-3d-shadow),0 3px 0 var(--fpk-heading-3d-shadow),0 4px 0 var(--fpk-heading-3d-shadow),0 7px 10px rgba(1,42,105,.34),0 12px 20px rgba(1,42,105,.16)}
body.fpk-heading-puffy h1,body.fpk-heading-puffy h2{letter-spacing:.01em!important;text-shadow:0 -1px 1px rgba(255,255,255,.28),0 1px 0 rgba(255,255,255,.85),0 2px 0 var(--fpk-heading-3d-shadow),0 3px 0 var(--fpk-heading-3d-shadow),0 5px 0 var(--fpk-heading-3d-shadow),0 8px 12px rgba(1,42,105,.3),0 15px 23px rgba(1,42,105,.14)}
body.fpk-heading-bubble h1,body.fpk-heading-bubble h2{letter-spacing:.03em!important;text-shadow:0 1px 0 rgba(255,255,255,.82),0 3px 0 var(--fpk-heading-3d-shadow),0 6px 0 var(--fpk-heading-3d-shadow),0 9px 13px rgba(1,42,105,.3)}
body.fpk-heading-toy h1,body.fpk-heading-toy h2{font-weight:400!important;letter-spacing:.035em!important;-webkit-text-stroke:1.2px rgba(255,255,255,.32);text-shadow:0 1px 0 rgba(255,255,255,.75),0 3px 0 var(--fpk-heading-3d-shadow),0 6px 0 var(--fpk-heading-3d-shadow),0 10px 14px rgba(1,42,105,.32)}
body.fpk-heading-block h1,body.fpk-heading-block h2{font-weight:400!important;letter-spacing:.04em!important;text-shadow:0 1px 0 rgba(255,255,255,.7),0 2px 0 var(--fpk-heading-3d-shadow),0 4px 0 var(--fpk-heading-3d-shadow),0 7px 11px rgba(1,42,105,.3)}
body .fpk-hero-copy h1,body .fpk-home-games h1{letter-spacing:.005em!important}
@media(max-width:520px){body h1,body h2{-webkit-text-stroke:.6px rgba(255,255,255,.2);text-shadow:0 1px 0 rgba(255,255,255,.62),0 2px 0 var(--fpk-heading-3d-shadow),0 3px 0 var(--fpk-heading-3d-shadow),0 5px 8px rgba(1,42,105,.3)}}


/* ===== navigation-mobile.css ===== */

@media (max-width:750px){

  .fpk-header{gap:8px;padding-left:4%;padding-right:4%}

  .fpk-brand img{width:72px}

  .fpk-nav{gap:8px}

  .fpk-nav a{font-size:10px}

}



/* ===== cards.css ===== */
/* Compact, readable game catalog. Values are adjustable in Customize → Game Cards. */
.fpk-editor-content{max-width:var(--fpk-card-max-width,1300px);margin:0 auto}.fpk-home-games{margin-top:56px}.fpk-grid{grid-template-columns:repeat(var(--fpk-card-columns,5),minmax(0,1fr));gap:var(--fpk-card-gap,16px);max-width:var(--fpk-card-max-width,1300px);margin-left:auto;margin-right:auto}.fpk-card{min-width:0}@media(max-width:1020px){.fpk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.fpk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fpk-card{min-height:175px;padding:15px}.fpk-card h3{font-size:18px}.fpk-card p{font-size:12px}.fpk-card .fpk-icon{font-size:38px}}

/* The three navigation pages keep the colorful theme design while their text stays editable in Gutenberg. */
.fpk-editor-page{padding-top:6vh}.fpk-editor-page .fpk-editor-content> .wp-block-group{max-width:1080px;margin-left:auto;margin-right:auto}.fpk-editor-page h1{margin:0;color:#fff;font-size:clamp(49px,6.3vw,94px);line-height:.93;letter-spacing:-.055em;text-shadow:0 5px 0 var(--blue),0 13px 22px #04397670}.fpk-editor-page h2{color:#fff;text-shadow:0 3px 0 var(--blue)}.fpk-editor-page .wp-block-group>p:not(.fpk-eyebrow){font-size:clamp(18px,2.1vw,25px);font-weight:800;line-height:1.35;text-shadow:0 3px 0 var(--blue)}.fpk-editor-page .wp-block-button__link{display:inline-flex;align-items:center;border:4px solid #fff;border-radius:99px;padding:15px 25px;background:var(--yellow);color:var(--blue);font-size:18px;font-weight:900;box-shadow:0 6px 0 #07529a}.fpk-editor-games .fpk-home-games{margin-top:0}.fpk-editor-learn .wp-block-columns{max-width:1080px;gap:20px;margin-top:38px}.fpk-editor-learn .wp-block-column{min-height:300px;padding:31px;border:3px solid #fff;border-radius:35px;background:#063d8fbb}.fpk-editor-learn .wp-block-column:nth-child(2){background:#f3429acc}.fpk-editor-learn .wp-block-column:nth-child(3){background:#109ee4d9}.fpk-editor-learn .wp-block-column h2{margin-top:0;font-size:28px}.fpk-editor-learn .wp-block-column p{font-weight:700;line-height:1.4}.fpk-editor-parents .fpk-editor-content> .wp-block-group{position:relative;max-width:1020px;margin-top:4vh;padding:55px 55px 55px 210px;border:4px solid #fff;border-radius:48px;background:#063d8fbd}.fpk-editor-parents .fpk-editor-content> .wp-block-group:before{content:'🛡️';position:absolute;left:52px;top:50%;font-size:110px;transform:translateY(-50%)}.fpk-editor-parents .wp-block-group>p:not(.fpk-eyebrow){max-width:620px;font-size:19px}.fpk-editor-parents h1{font-size:clamp(46px,5.5vw,82px)}@media(max-width:750px){.fpk-editor-page{padding-top:8vh}.fpk-editor-learn .wp-block-columns{display:block}.fpk-editor-learn .wp-block-column{margin-bottom:16px;min-height:0}.fpk-editor-parents .fpk-editor-content> .wp-block-group{padding:125px 30px 30px}.fpk-editor-parents .fpk-editor-content> .wp-block-group:before{left:30px;top:68px;font-size:75px;transform:none}}


/* ===== card-customization.css ===== */
.fpk-card .fpk-icon img {
  display: block;
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 3px 2px rgba(6, 61, 143, .25));
}
.fpk-card .fpk-cartoon-thumb {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 17px;
  background: linear-gradient(135deg, #ffcf2c, #f3439b 48%, #29b3f1);
  font-size: 31px;
  box-shadow: 0 4px 0 rgba(6, 61, 143, .32);
}