/*
 Theme Name: GP PlayCute Child
 Theme URI: https://play-cute.com/
 Description: Child theme for GeneratePress.
 Author: Echigu
 Version: 1.0.0
 Template: generatepress
 Text Domain: gp-playcute-child
*/
:root{--primary:#8b5cf6;--accent:#06b6d4;--secondary:#10b981;--tertiary:#f59e0b;--text:#0f172a;--text-light:#64748b;--bg:#ffffff;--card:#fafafa;--radius:12px;--shadow:0 4px 20px rgba(2,6,23,.08),0 1px 3px rgba(0,0,0,.05);--gradient-primary:linear-gradient(145deg,var(--primary),var(--accent));--gradient-border:linear-gradient(white,white) padding-box,linear-gradient(135deg,var(--primary),var(--accent)) border-box;--hover-lift:0 20px 50px rgba(2,6,23,.15),0 0 40px rgba(139,92,246,.25),0 0 0 1px rgba(139,92,246,.1);--bg-1:#f8faff;--bg-2:#eef2ff;--ink:#0f172a;--muted:#56617a;--lime:#22c55e;--amber:#f59e0b;--pink:#f472b6;--blue:#60a5fa;--radius-soft:14px;--content-maxw:1200px;--header-h:80px} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;background:radial-gradient(1000px 600px at 12% -10%,rgba(124,58,237,.06),rgba(124,58,237,0)),linear-gradient(180deg,var(--bg-1),var(--bg-2))} a{color:var(--primary);text-decoration:none} img{max-width:100%;height:auto;display:block} .container{width:min(100% - 32px,var(--content-maxw));margin-inline:auto} #masthead,.site-header,.ast-header-wrap,.main-header-bar,.ast-main-header-wrap,.ast-above-header,.ast-below-header{display:none !important;visibility:hidden !important;height:0 !important;overflow:hidden !important} .pc-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px);background:rgba(255,255,255,.55);border-bottom:1px solid rgba(15,23,42,.06)} .admin-bar .pc-header{top:32px } @media (max-width:782px){.admin-bar .pc-header{top:46px } } .pc-header__bar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px} .brand{display:flex;align-items:center;gap:10px;line-height:1;font-weight:800 } .brand__logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#8b5cf6,#06b6d4);display:grid;place-items:center;color:#fff;font-weight:900} .brand .custom-logo{height:32px;width:auto } .nav .menu{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none } .nav .menu>li>a{display:inline-flex;align-items:center;height:auto;padding:10px 16px;color:#334155;font-weight:700;border-radius:8px;transition:all .2s ease} .nav .menu>li>a:hover{color:#0f172a;background:rgba(139,92,246,.08);transform:translateY(-1px)} .nav .menu>li.menu-cta>a{height:44px !important;padding:0 16px !important;background:linear-gradient(145deg,var(--primary),var(--accent)) !important;color:#fff !important;border-radius:12px;font-weight:800;transition:all .25s ease;border:2px solid transparent;background-clip:padding-box;position:relative;box-shadow:0 0 0 rgba(245,158,11,0)} .nav .menu>li.menu-cta>a::before{content:'';position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,var(--amber),#eab308);opacity:0;transition:opacity .25s ease;z-index:-1} .nav .menu-cta>a:hover::before{opacity:1 } .nav .menu-cta>a:hover{box-shadow:0 0 16px rgba(245,158,11,.55);transform:translateY(-1px)} .pc-hero-bg{background:radial-gradient(1200px 600px at 80% -10%,rgba(34,211,238,.15),transparent 60%),radial-gradient(900px 500px at 20% -20%,rgba(124,58,237,.18),transparent 60%)} .hero{padding:clamp(36px,6.5vw,88px) 0 32px;text-align:center } .hero__badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;font-weight:800;background:#10b98120;color:#065f46;border:1px solid #10b98155} .hero__title{font-weight:900;font-size:clamp(40px,7vw,72px);margin:14px 0 10px;color:#0f172a } .hero__desc{max-width:920px;margin:0 auto 20px;color:#475569;font-size:clamp(16px,2.2vw,20px) } .hero__btn,.hero .cta{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;font-weight:900;box-shadow:var(--shadow);border:2px solid transparent;position:relative;transition:all .25s ease;overflow:hidden} .hero__btn::before,.hero .cta::before{content:'';position:absolute;inset:-2px;border-radius:16px;z-index:-1;background:linear-gradient(135deg,var(--primary),var(--accent),var(--amber));opacity:0;transition:opacity .25s ease} .hero__btn::after,.hero .cta::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .45s ease} .hero__btn:hover::before,.hero .cta:hover::before{opacity:1 } .hero__btn:hover::after,.hero .cta:hover::after{width:260px;height:260px } .hero__btn:hover,.hero .cta:hover{box-shadow:0 0 22px rgba(34,197,94,.55),0 0 28px rgba(139,92,246,.35);transform:translateY(-2px) scale(1.02)} .hero__btn:focus-visible,.hero .cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px } .hero__logo-fallback{width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-weight:900;font-size:28px;box-shadow:0 4px 12px rgba(139,92,246,.25),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;margin:0 auto 16px} .hero__logo-fallback::after{content:'';position:absolute;inset:0;border-radius:16px;background:linear-gradient(145deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease} .hero__logo-fallback:hover::after{opacity:1} .sig{padding:40px 0 40px } .sig__panel{background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(34,211,238,.18));border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);position:relative} .sig__header{display:flex;align-items:center;gap:14px;margin-bottom:10px;position:relative } .sig__logo{width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#8b5cf6,#06b6d4);display:grid;place-items:center;color:#fff;font-weight:900} .sig__title{margin:0;font-weight:900;font-size:28px } .sig__sub{margin:2px 0 0;color:#475569 } .sig__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px } .sig__card{background:var(--card);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-soft);padding:16px;box-shadow:var(--shadow)} .sig__card h3{margin:4px 0 6px;font-size:16px } .sig__card p{margin:0;color:#475569;font-size:14px } .sig__header{display:grid !important;grid-template-columns:76px 1fr !important;align-items:start !important;gap:18px !important;margin-bottom:16px !important;text-align:left !important} .sig__header>.sig__logo{flex:0 0 76px !important;width:76px !important;height:76px !important;margin:0 !important} .sig__panel{padding-top:36px !important;position:relative !important} .sig__badge{position:absolute !important;top:10px !important;right:16px !important;z-index:5 !important} .coming-soon,.sig__soon,.card__soon{background:#fef3c7 !important;color:#7a2e0a !important;border-radius:999px !important;font-weight:900 !important;line-height:1 !important;white-space:nowrap !important;text-transform:uppercase;letter-spacing:0.5px;display:inline-block} .coming-soon--signature,.sig__soon{border:2px solid #facc15 !important;padding:8px 12px !important;font-size:14px !important;position:absolute !important;right:16px !important;top:16px !important;z-index:5 !important} .coming-soon--card,.card__soon{border:1px solid #facc15 !important;padding:6px 12px !important;font-size:11px !important;box-shadow:0 2px 8px rgba(0,0,0,0.1)} .sig__cards{display:grid !important;gap:14px !important;grid-template-columns:1fr !important;max-width:none !important} @media (min-width:900px){.sig__cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important} } @media (min-width:1200px){.sig__cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } .sig__card{height:100% !important} .section-title{text-align:center;font-weight:900;font-size:clamp(24px,3.8vw,36px);margin:48px 0 28px;color:#0f172a;position:relative;padding-bottom:12px} .section-title{text-align:center;font-weight:900;font-size:clamp(24px,3.8vw,36px);margin:48px 0 28px;color:#0f172a;position:relative;padding-bottom:12px} .section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px} .separator{height:2px;margin:60px 0;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),rgba(34,211,238,.3),transparent);position:relative} .games3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;row-gap:24px;margin-bottom:40px } .games4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;row-gap:24px;margin-bottom:40px } .card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,255,.95)),var(--card);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;transition:all .3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden} .card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);transition:all .6s ease;opacity:0} .card:hover::before{opacity:1;animation:shine 1.5s ease-in-out} @keyframes shine {0% {transform:translateX(-100%) translateY(-100%) rotate(45deg)} 100% {transform:translateX(100%) translateY(100%) rotate(45deg)} } .card:hover{border:2px solid transparent;background:var(--gradient-border);box-shadow:var(--hover-lift);transform:translateY(-6px) scale(1.03)} .card__badge{display:flex;justify-content:center;margin-top:12px} .card--upcoming{background:linear-gradient(135deg,rgba(254,243,199,.45),rgba(255,248,220,.95)),linear-gradient(135deg,rgba(245,158,11,.08),rgba(255,255,255,.98));border:1px solid rgba(245,158,11,.25);position:relative;overflow:hidden} .card--upcoming::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,158,11,.1),transparent);transition:left 1.5s ease} .card--upcoming:hover::after{left:100%} .card--upcoming:hover{background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#f59e0b,#d97706) border-box;box-shadow:0 20px 50px rgba(2,6,23,.15),0 0 35px rgba(245,158,11,.4),0 0 0 1px rgba(245,158,11,.2);transform:translateY(-6px) scale(1.03)} .card--puzzle{background:linear-gradient(135deg,rgba(220,252,231,.5),rgba(240,253,244,.96)),linear-gradient(135deg,rgba(34,197,94,.08),rgba(255,255,255,.98));border:1px solid rgba(34,197,94,.28);position:relative} .card--word{background:linear-gradient(135deg,rgba(254,243,199,.5),rgba(255,251,235,.96)),linear-gradient(135deg,rgba(245,158,11,.08),rgba(255,255,255,.98));border:1px solid rgba(245,158,11,.28);position:relative} .card--casual{background:linear-gradient(135deg,rgba(253,228,242,.52),rgba(253,242,248,.96)),linear-gradient(135deg,rgba(236,72,153,.08),rgba(255,255,255,.98));border:1px solid rgba(236,72,153,.28);position:relative} .card--puzzle:hover{background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#22c55e,#16a34a) border-box;box-shadow:0 20px 50px rgba(2,6,23,.15),0 0 35px rgba(34,197,94,.45),0 0 0 1px rgba(34,197,94,.2);transform:translateY(-6px) scale(1.03)} .card--word:hover{background:linear-gradient(white,white) padding-box,linear-gradient(135deg,var(--amber),#eab308) border-box;box-shadow:0 20px 50px rgba(2,6,23,.15),0 0 35px rgba(245,158,11,.45),0 0 0 1px rgba(245,158,11,.2);transform:translateY(-6px) scale(1.03)} .card--casual:hover{background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#ec4899,#db2777) border-box;box-shadow:0 20px 50px rgba(2,6,23,.15),0 0 35px rgba(236,72,153,.45),0 0 0 1px rgba(236,72,153,.2);transform:translateY(-6px) scale(1.03)} .card__head{display:flex;align-items:center;gap:14px;margin-bottom:12px;position:relative} .card__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(145deg,var(--primary),var(--accent));box-shadow:0 4px 12px rgba(139,92,246,.25),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden} .card__icon::after{content:'';position:absolute;inset:0;border-radius:14px;background:linear-gradient(145deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease} .card:hover .card__icon::after{opacity:1} .card__title{font-size:19px;font-weight:900;margin:0;color:#0f172a;line-height:1.3} .card__desc{color:#64748b;margin:8px 0 16px;font-size:15px;line-height:1.5} .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px} .tag{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(15,23,42,.08);transition:all .2s ease;position:relative;overflow:hidden} .tag::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .2s ease} .tag:hover::before{opacity:1} .tag--blue{background:linear-gradient(135deg,#dbeafe,#e0ecff);color:#1e3a8a;border-color:#93c5fd} .tag--green{background:linear-gradient(135deg,#dcfce7,#f0fdf4);color:#14532d;border-color:#86efac} .tag--yellow{background:linear-gradient(135deg,#fef3c7,#fffbeb);color:#7a5004;border-color:#fcd34d} .tag--pink{background:linear-gradient(135deg,#fce7f3,#fdf2f8);color:#9d174d;border-color:#f9a8d4} .tag--orange{background:linear-gradient(135deg,#ffedd5,#fff7ed);color:#7c2d12;border-color:#fdba74} .tag--new{background:linear-gradient(135deg,#ecfccb,#f7fee7);color:#3f6212;position:relative;border-color:#a3e635} .tag--new::after{content:'';width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#84cc16,#65a30d);position:absolute;right:-2px;top:-2px;box-shadow:0 0 0 2px white} .feed4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 22px;row-gap:24px;margin-bottom:40px} .article{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)} .thumb{aspect-ratio:16/9;background:linear-gradient(145deg,var(--primary),var(--accent));border-radius:12px } .meta{display:flex;gap:10px;align-items:center;color:#64748b;font-size:13px } .cta{margin:40px 0 60px } .cta__wrap{background:linear-gradient(90deg,var(--pink),var(--primary));color:#fff;border-radius:var(--radius);padding:clamp(20px,4vw,42px);box-shadow:var(--shadow);text-align:center} .cta .cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;font-weight:900;border:2px solid transparent;position:relative;transition:all .25s ease;overflow:hidden} .cta .cta-btn::before{content:'';position:absolute;inset:-2px;border-radius:16px;z-index:-1;background:linear-gradient(135deg,var(--primary),var(--accent),var(--amber));opacity:0;transition:opacity .25s ease} .cta .cta-btn::after{content:'';position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .45s ease} .cta .cta-btn:hover::before{opacity:1 } .cta .cta-btn:hover::after{width:250px;height:250px } .cta .cta-btn:hover{box-shadow:0 0 22px rgba(34,197,94,.55),0 0 28px rgba(139,92,246,.35);transform:translateY(-2px) scale(1.02)} .cta .cta-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px } .pc-footer{background:#0f172a;color:#cbd5e1;padding:48px 0 32px;margin-top:48px } .pc-footer a{color:#cbd5e1;transition:color .2s ease } .pc-footer a:hover{color:#fff } .footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;align-items:start } .f-brand p{color:#ffffff;font-size:14px;margin-top:8px;line-height:1.5 } .f-links h3,.f-games h3,.f-contact h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px } .f-menu{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0 } .f-menu li a{font-size:14px;display:block;padding:2px 0;color:#ffffff } .f-social{display:flex;gap:12px;margin-bottom:12px } .f-social a{font-size:20px;display:inline-block;transition:transform .2s ease } .f-social a:hover{transform:scale(1.1) } .f-contact p{color:#ffffff;font-size:14px;margin:0 } .f-copy{grid-column:1/-1;text-align:center;font-size:14px;color:#ffffff;margin-top:24px;padding-top:24px;border-top:1px solid #334155 } .footer-widget{margin-bottom:16px } .footer-widget-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 12px } .footer-widget ul{list-style:none;margin:0;padding:0 } .footer-widget ul li{margin-bottom:8px } .footer-widget ul li a{color:#cbd5e1;font-size:14px;display:block;padding:2px 0;transition:color .2s ease } .footer-widget ul li a:hover{color:#fff } .footer-widget .social-menu{display:flex;gap:12px;list-style:none;margin:0;padding:0 } .footer-widget .social-menu li a{font-size:20px;display:inline-block;transition:transform .2s ease } .footer-widget .social-menu li a:hover{transform:scale(1.1) } @media (max-width:1200px){.games4,.feed4{grid-template-columns:repeat(3,1fr);row-gap:120px;margin-bottom:120px} } @media (max-width:900px){.sig__grid{grid-template-columns:1fr 1fr} .games3{grid-template-columns:1fr 1fr;row-gap:100px;margin-bottom:100px} .footer__grid{grid-template-columns:repeat(4,1fr);gap:24px} } @media (max-width:660px){.nav .menu{display:none } .sig__grid,.games3,.games4,.feed4{grid-template-columns:1fr;row-gap:80px;margin-bottom:80px} .footer__grid{grid-template-columns:1fr 1fr;gap:16px;text-align:center;font-size:12px} .f-social{justify-content:center} .card__badge{margin-top:8px} .coming-soon--card,.card__soon{padding:4px 10px;font-size:10px} } @media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important} }

.pc-game-sidebar { display: grid; gap: 18px; }

.pc-card{
  background:#fff;
  border:1px solid #e6e8ef;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.pc-cover img{ width:100%; height:auto; display:block; }

.pc-card-body{ padding:16px; }
.pc-title{ margin:0 0 4px; font-size:18px; line-height:1.2; }
.pc-subtitle{ margin:0 0 12px; font-size:13px; opacity:.75; }

.pc-buttons{ display:grid; gap:10px; margin:10px 0 14px; }
.pc-btn{
  display:inline-flex;
  justify-content:center;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid #dfe3ee;
  text-decoration:none;
  font-weight:700;
}
.pc-btn-primary{ border-color:transparent; }

.pc-meta{ padding-top:12px; border-top:1px dashed #e6e8ef; display:grid; gap:8px; }
.pc-meta-row{ display:flex; justify-content:space-between; gap:12px; }
.pc-k{ opacity:.7; font-weight:700; font-size:13px; }
.pc-v{ font-weight:800; font-size:13px; }

.pc-note{ margin:12px 0 0; font-size:12px; opacity:.7; }

.pc-widget{ background:#fff; border:1px solid #e6e8ef; border-radius:16px; padding:14px; }
.pc-widget-title{ margin:0 0 10px; font-size:16px; }
/* Force base button styling (also applies to Official Website) */
.pc-buttons .pc-btn {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
}

/* Keep primary looking like a button too */
.pc-buttons .pc-btn.pc-btn-primary {
  text-decoration: none !important;
}
.pc-game-sidebar.widget {
  margin-bottom: 24px;
}
.pc-related {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.pc-related-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
}

.pc-related-list {
  display: grid;
  gap: 10px;
}

.pc-game-sidebar a.pc-related-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  border-radius: 14px;
  text-decoration: none !important;
  font-weight: 700;

  /* gradient look */
  background: linear-gradient(135deg, rgba(99,102,241,.18), rgba(34,211,238,.18));
  border: 1px solid rgba(0,0,0,.10);
}
.pc-game-sidebar a.pc-related-btn:hover {
  transform: translateY(-1px);
}

/* =========================================
   DOCS CATEGORY ARCHIVE -> turn rows into cards
   Works on: taxonomy doc_category OR docs wrapper
========================================= */

/* Grid wrapper */
body.tax-doc_category .pc-docs-list,
body.tax-doc_category .pc-docs-items,
body.category .pc-docs-wrap .pc-docs-list,
body.category .pc-docs-wrap .pc-docs-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Responsive */
@media (max-width: 1100px) {
  body.tax-doc_category .pc-docs-list,
  body.tax-doc_category .pc-docs-items,
  body.category .pc-docs-wrap .pc-docs-list,
  body.category .pc-docs-wrap .pc-docs-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  body.tax-doc_category .pc-docs-list,
  body.tax-doc_category .pc-docs-items,
  body.category .pc-docs-wrap .pc-docs-list,
  body.category .pc-docs-wrap .pc-docs-items {
    grid-template-columns: 1fr;
  }
}

/* Each item becomes a "card" */
body.tax-doc_category .pc-docs-list > *,
body.tax-doc_category .pc-docs-items > *,
body.category .pc-docs-wrap .pc-docs-list > *,
body.category .pc-docs-wrap .pc-docs-items > * {
  background: #fff;
  border: 1px solid rgba(20, 30, 60, 0.08);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 14px 40px rgba(20, 30, 60, 0.10);
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 170px;
}

/* If the whole card is a link */
body.tax-doc_category .pc-docs-list > a,
body.tax-doc_category .pc-docs-items > a,
body.category .pc-docs-wrap .pc-docs-list > a,
body.category .pc-docs-wrap .pc-docs-items > a {
  text-decoration: none;
  color: inherit;
}

/* Title + excerpt tidy */
body.tax-doc_category .pc-docs-list h2,
body.tax-doc_category .pc-docs-items h2,
body.category .pc-docs-wrap .pc-docs-list h2,
body.category .pc-docs-wrap .pc-docs-items h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
body.tax-doc_category .pc-docs-list p,
body.tax-doc_category .pc-docs-items p,
body.category .pc-docs-wrap .pc-docs-list p,
body.category .pc-docs-wrap .pc-docs-items p {
  margin: 0;
  color: rgba(20, 30, 60, 0.75);
}

/* Push "Updated + Open" area to bottom if your markup has a right/actions section */
body.tax-doc_category .pc-docs-row__right,
body.tax-doc_category .pc-docs-actions,
body.tax-doc_category .pc-doc-actions,
body.category .pc-docs-wrap .pc-docs-row__right,
body.category .pc-docs-wrap .pc-docs-actions,
body.category .pc-docs-wrap .pc-doc-actions {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
}

/* Make sure buttons don't stretch weirdly */
body.tax-doc_category .pc-docs-list .pc-btn,
body.tax-doc_category .pc-docs-items .pc-btn,
body.category .pc-docs-wrap .pc-docs-list .pc-btn,
body.category .pc-docs-wrap .pc-docs-items .pc-btn {
  width: auto;
}

/* Docs: disable sticky header / sticky panels (scoped to docs only) */
body.post-type-archive-pc_doc .site-header,
body.tax-pc_doc_category .site-header,
body.single-pc_doc .site-header {
  position: relative !important;
  top: auto !important;
}

/* Docs: disable sticky side panels (left/right) if any of them are sticky */
body.single-pc_doc .pc-docs-nav,
body.single-pc_doc .pc-docs-toc,
body.single-pc_doc .pc-docs-sidebar,
body.tax-pc_doc_category .pc-docs-nav,
body.tax-pc_doc_category .pc-docs-toc,
body.tax-pc_doc_category .pc-docs-sidebar {
  position: static !important;
  top: auto !important;
}

/* =========================
   Play Cute custom header nav
   Fix submenu bullet + dropdown
   ========================= */

.pc-header .menu,
.pc-header .menu ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* Top-level menu layout */
.pc-header .menu {
  display: flex;
  align-items: center;
  gap: 26px;
}

.pc-header .menu > li {
  position: relative; /* anchor for dropdown */
}

/* Links */
.pc-header .menu a {
  text-decoration: none;
}

/* --- Desktop dropdown behavior (so mobile can still see submenu without JS) --- */
@media (min-width: 992px) {

  /* hide submenu by default */
  .pc-header .menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
    padding: 10px 0;
    z-index: 9999;
  }

  /* show submenu on hover/focus */
  .pc-header .menu li:hover > .sub-menu,
  .pc-header .menu li:focus-within > .sub-menu {
    display: block;
  }

  /* submenu item spacing */
  .pc-header .menu .sub-menu a {
    display: block;
    padding: 10px 14px;
    white-space: nowrap;
  }
}