/*
Theme Name: MacXPC
Theme URI: https://macxpc.com
Author: MacXPC
Description: Hax PC screenshot style software download WordPress theme.
Version: 1.1
Text Domain: macxpc
*/

:root{
  --hax-bg:#eef3f9;
  --hax-card:#ffffff;
  --hax-border:#dfe7f2;
  --hax-text:#17233d;
  --hax-muted:#708096;
  --hax-faint:#9aa8bc;
  --hax-blue:#0ea5e9;
  --hax-blue2:#0284c7;
  --hax-green:#10b981;
  --hax-pink:#f472b6;
  --hax-purple:#8b5cf6;
  --hax-shadow:0 8px 22px rgba(33,48,78,.08);
  --hax-shadow-hover:0 14px 30px rgba(33,48,78,.13);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0!important;background:var(--hax-bg)!important;color:var(--hax-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:13px!important;line-height:1.5!important} body.dark-mode{background:var(--hax-bg)!important;color:var(--hax-text)!important} a{text-decoration:none!important;color:inherit} img{max-width:100%;display:block} ul{margin:0;padding:0;list-style:none}.hax-container,.container{width:100%!important;max-width:1040px!important;margin:0 auto!important;padding:0 18px!important}.site-main{min-height:calc(100vh - 240px)!important;padding:0!important;background:var(--hax-bg)!important}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px}

/* Header */
.site-header.hax-header,.site-header{position:sticky!important;top:0!important;z-index:999!important;background:#f8fbff!important;border-bottom:1px solid #dce6f2!important;box-shadow:0 1px 0 rgba(30,50,90,.03)!important;height:44px!important;color:#1d2940!important}.admin-bar .site-header.hax-header{top:32px!important}.header-inner{height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}.site-logo.hax-logo,.site-logo{display:flex!important;align-items:center!important;gap:7px!important;font-size:13px!important;font-weight:800!important;color:#168bd2!important;white-space:nowrap}.site-logo .logo-mark{width:20px!important;height:20px!important;border-radius:5px!important;background:#0ea5e9!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;line-height:1!important}.primary-nav{flex:1!important;display:flex!important;justify-content:flex-start!important;min-width:0}.primary-nav ul{display:flex!important;align-items:center!important;gap:3px!important;list-style:none!important}.primary-nav li{position:relative!important}.primary-nav>ul>li>a{display:flex!important;align-items:center!important;padding:7px 7px!important;border-radius:6px!important;font-size:10px!important;font-weight:700!important;color:#202b41!important;white-space:nowrap!important;line-height:1!important}.primary-nav>ul>li>a:after{content:'';display:inline-block;width:5px;height:5px;margin-left:4px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg)}.primary-nav>ul>li:hover>a{background:#eef4fb!important;color:#0a7fca!important}.primary-nav .sub-menu{position:absolute!important;left:0!important;top:100%!important;background:#fff!important;border:1px solid var(--hax-border)!important;border-radius:10px!important;box-shadow:var(--hax-shadow-hover)!important;min-width:170px!important;padding:6px!important;display:none!important}.primary-nav li:hover>.sub-menu{display:block!important}.primary-nav .sub-menu a{display:block!important;padding:8px 10px!important;font-size:11px!important;color:#2d3950!important;border-radius:6px!important}.header-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-shrink:0}.header-search{position:relative!important;margin:0!important}.header-search input{width:145px!important;height:25px!important;padding:6px 10px 6px 27px!important;background:#fff!important;border:1px solid #d6e0ec!important;border-radius:16px!important;font-size:10px!important;outline:none!important;color:#233149!important}.header-search input:focus{width:165px!important;border-color:#8bc7ee!important}.header-search i{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;font-size:9px!important;color:#8393a8!important}.icon-btn{width:25px!important;height:25px!important;border:none!important;border-radius:50%!important;background:transparent!important;color:#38455f!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.icon-btn:hover{background:#eef4fb!important;color:#0ea5e9!important}.mobile-menu-toggle{display:none!important}.mobile-drawer{position:fixed!important;inset:0!important;background:rgba(0,0,0,.35)!important;z-index:1000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.mobile-drawer.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.mobile-drawer-panel{position:absolute!important;right:0!important;top:0!important;width:280px!important;height:100%!important;background:#fff!important;padding:20px!important;transform:translateX(100%)!important;transition:.25s!important;overflow-y:auto!important}.mobile-drawer.open .mobile-drawer-panel{transform:translateX(0)!important}

/* Hero */
.hero-section{padding:28px 0 8px!important}.hero-grid{display:grid!important;grid-template-columns:1.58fr 1fr!important;gap:16px!important;align-items:stretch!important}.hero-main,.hero-side-card{background:#fff!important;border:1px solid var(--hax-border)!important;border-radius:14px!important;box-shadow:var(--hax-shadow)!important}.hero-main{min-height:244px!important;padding:34px 22px!important;display:flex!important;gap:18px!important;align-items:center!important}.hero-main .app-icon{width:64px!important;height:64px!important;border-radius:14px!important;background:#f1f6fc!important;padding:8px!important;flex-shrink:0!important;box-shadow:0 8px 18px rgba(43,60,95,.08)}.hero-main .app-icon img,.hero-side-card .app-icon img,.app-card .app-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important}.hero-body h2{font-size:18px!important;line-height:1.22!important;margin:4px 0 8px!important;color:#142039!important}.hero-body p{font-size:11.5px!important;line-height:1.45!important;color:#6e7890!important;margin:0 0 12px!important;max-width:430px}.hero-side{display:grid!important;grid-template-rows:1fr 1fr!important;gap:16px!important}.hero-side-card{display:flex!important;align-items:center!important;gap:14px!important;padding:18px!important;min-height:114px!important}.hero-side-card .app-icon{width:46px!important;height:46px!important;border-radius:12px!important;background:#f3f7fc!important;padding:6px!important;flex-shrink:0!important}.hero-side-body h3{font-size:12px!important;line-height:1.25!important;margin:5px 0!important;color:#16223a!important;font-weight:800!important}.hero-tags,.hero-side-tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.badge{display:inline-flex!important;align-items:center!important;gap:3px!important;font-size:8px!important;line-height:1!important;padding:4px 8px!important;border-radius:99px!important;text-transform:uppercase!important;font-weight:800!important}.badge-featured{background:#10b981!important;color:#fff!important}.badge-cat,.badge-cat[data-cat]{background:#ddf7ee!important;color:#0f9b61!important}.meta-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;font-size:10px!important;color:#7f8da4!important;margin:4px 0 12px!important}.btn,.btn-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:18px!important;background:linear-gradient(90deg,#0ea5e9,#17b6bd)!important;color:#fff!important;border:none!important;box-shadow:0 8px 18px rgba(14,165,233,.25)!important;padding:9px 18px!important;font-size:11px!important;font-weight:800!important}

/* Cards */
.section-title{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:900!important;margin:18px 0 13px!important;color:#18243e!important}.section-title svg{width:16px!important;height:16px!important;color:#0ea5e9!important}.content-with-sidebar,.content-with-sidebar.no-sidebar{display:block!important;grid-template-columns:1fr!important;gap:0!important}.site-sidebar,.sidebar,.widget-area{display:none!important}.card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;padding-bottom:20px!important}.app-card{min-height:206px!important;padding:17px 16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;border-radius:9px!important;border:1px solid #dfe7f2!important;background:#fff!important;box-shadow:var(--hax-shadow)!important;gap:8px!important;position:relative!important;overflow:hidden!important}.app-card:hover{transform:translateY(-3px)!important;box-shadow:var(--hax-shadow-hover)!important}.app-card .app-icon{width:56px!important;height:56px!important;border-radius:12px!important;background:#f3f7fc!important;padding:7px!important;margin:0 auto 3px!important}.app-card h3{font-size:11.3px!important;line-height:1.25!important;font-weight:800!important;min-height:28px!important;margin:0!important;color:#17233d!important}.app-card h3 a{color:#17233d!important}.app-card h3 a:hover{color:#0ea5e9!important}.tag-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;min-height:18px!important}.tag-row .date,.app-card .updated{font-size:9px!important;color:#8998ad!important}.app-card .updated,.app-card .downloads{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important}.app-card .downloads{font-size:9.5px!important;color:#16a34a!important;font-weight:800!important}.btn-download{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:29px!important;border-radius:15px!important;font-size:9.5px!important;font-weight:800!important;margin-top:auto!important;border:1px solid #a9c9ff!important;background:#eaf2ff!important;color:#2f6fed!important}.btn-download.style-green{border-color:#9be8bc!important;background:#e8fff1!important;color:#16a34a!important}.btn-download.style-pink{border-color:#ffc0d8!important;background:#fff0f7!important;color:#e11d6f!important}.btn-download.style-purple{border-color:#d6b8ff!important;background:#f4ecff!important;color:#8b3fe0!important}.btn-download.style-blue{border-color:#a9d8ff!important;background:#edf8ff!important;color:#0ea5e9!important}.card-grid .app-card:nth-child(4n+1){border-color:#cfe1ff!important}.card-grid .app-card:nth-child(4n+2){border-color:#cdeedb!important}.card-grid .app-card:nth-child(4n+3){border-color:#f8a6c8!important;box-shadow:0 0 0 2px rgba(225,29,111,.08),var(--hax-shadow)!important}.card-grid .app-card:nth-child(4n+4){border-color:#ffc0d8!important;background:#fff7fb!important}.card-grid .app-card:nth-child(4n+3)::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#fb4ba1,#17aec5)}

/* Pagination */
.pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:15px 0 64px!important}.pagination .page-numbers{min-width:26px!important;height:26px!important;padding:0 9px!important;border-radius:50px!important;background:#fff!important;border:1px solid #e1e8f2!important;color:#718096!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:800!important;box-shadow:0 4px 10px rgba(35,50,80,.06)!important}.pagination .page-numbers.current{background:#0ea5e9!important;color:#fff!important;border-color:#0ea5e9!important}.pagination .next,.pagination .prev{border-radius:14px!important;min-width:48px!important}

/* Footer */
.site-footer.hax-footer,.site-footer{background:#fff!important;border-top:2px solid #128ee2!important;margin-top:0!important;padding:32px 0 18px!important;box-shadow:none!important;color:#334155!important}.footer-grid{display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:70px!important;align-items:start!important}.footer-brand{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:900!important;color:#0ea5e9!important;margin-bottom:9px!important}.footer-brand .logo-mark{width:20px!important;height:20px!important;border-radius:5px!important;background:#0ea5e9!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important}.footer-desc{max-width:360px!important;font-size:10px!important;line-height:1.65!important;color:#6f7d92!important;margin:0!important}.footer-links{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:11px 42px!important}.footer-links a{font-size:10px!important;color:#334155!important;font-weight:600!important}.footer-links a:hover{color:#0ea5e9!important}.hax-footer-bottom{border-top:1px solid #e2e9f2!important;margin-top:26px!important;padding-top:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#8190a5!important;font-size:9.5px!important}.back-to-top{background:#fff!important;border:1px solid #dfe7f2!important;border-radius:18px!important;padding:6px 12px!important;color:#607086!important;font-size:10px!important;box-shadow:0 5px 14px rgba(33,48,78,.07)!important}

/* Single/page basics */
.single-wrapper,.page-wrapper,.archive-wrapper{max-width:900px!important;margin:28px auto!important;background:#fff!important;border:1px solid var(--hax-border)!important;border-radius:14px!important;box-shadow:var(--hax-shadow)!important;padding:26px!important}.single-wrapper h1,.page-wrapper h1,.archive-title{font-size:24px!important;line-height:1.25!important;color:#142039!important}.entry-content{font-size:14px!important;color:#334155!important}.entry-content p{margin:0 0 16px!important}.entry-content a{color:#0ea5e9!important}

@media (max-width:900px){.hax-container,.container{max-width:100%!important;padding:0 14px!important}.primary-nav{display:none!important}.mobile-menu-toggle{display:flex!important}.hero-grid{grid-template-columns:1fr!important}.hero-main{min-height:auto!important}.hero-side{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.card-grid{grid-template-columns:repeat(3,1fr)!important}.footer-grid{grid-template-columns:1fr!important;gap:22px!important}}@media (max-width:640px){.header-search input{width:120px!important}.hero-main{flex-direction:column!important;text-align:center!important;padding:24px 18px!important}.hero-side{grid-template-columns:1fr!important}.card-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.footer-links{grid-template-columns:1fr!important}.hax-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}}@media (max-width:420px){.card-grid{grid-template-columns:1fr!important}.header-search{display:none!important}}
.footer-top{display:grid!important;grid-template-columns:1.4fr 1fr!important;gap:70px!important;align-items:start!important}.footer-brand{display:block!important}.footer-brand .footer-logo{margin-bottom:9px!important}.footer-brand p{max-width:360px!important;font-size:10px!important;line-height:1.65!important;color:#6f7d92!important;margin:8px 0 0!important;font-weight:400!important}.footer-links-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:11px 42px!important}.footer-links-grid a{font-size:10px!important;color:#334155!important;font-weight:600!important}.footer-links-grid a:hover{color:#0ea5e9!important}.footer-bottom{border-top:1px solid #e2e9f2!important;margin-top:26px!important;padding-top:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#8190a5!important;font-size:9.5px!important}@media(max-width:900px){.footer-top{grid-template-columns:1fr!important;gap:22px!important}}@media(max-width:640px){.footer-links-grid{grid-template-columns:1fr!important}.footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}}