/*
Theme Name: Craplo Digital Store
Theme URI: https://craplo.com/
Author: Craplo
Description: Easy-to-use, mobile-first digital product storefront with WooCommerce support.
Version: 1.3.8
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: craplo-store
*/
:root{--bg:#080F27;--surface:#111D40;--surface2:#17264D;--ink:#F6F7FF;--muted:#AAB8DC;--line:#293B70;--navy:#0C205B;--blue:#1948B6;--orange:#FF6A13;--orange2:#FF8A28;--green:#4DD6A2;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "DM Sans",system-ui,sans-serif;padding-bottom:78px}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:Poppins,"DM Sans",sans-serif;line-height:1.17;margin:0 0 .65rem;letter-spacing:-.025em}.wrap{max-width:1120px;margin:auto;padding:0 17px}.site-head{background:#10276D;color:#fff;padding:14px 0 20px;border-radius:0 0 25px 25px}.head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 23px Poppins,sans-serif}.site-brand img{width:43px;height:43px;object-fit:contain;border-radius:12px;background:#fff;padding:2px}.site-brand .custom-logo{max-height:46px;width:auto;background:transparent;padding:0}.site-brand .craplo-default-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:3px;flex:0 0 46px}.site-brand-name{white-space:nowrap}.head-actions{display:flex;gap:8px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:43px;border:0;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:20px}.icon-btn sup{position:absolute;top:-5px;right:-4px;background:var(--orange);border-radius:50%;min-width:20px;height:20px;text-align:center;font-size:11px;line-height:20px}.search-form{display:flex;gap:7px;background:#fff;border-radius:15px;padding:5px 5px 5px 15px;min-height:56px}.search-form input[type=search]{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#101A3A;font:16px "DM Sans",sans-serif}.search-form button,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border:0;background:var(--orange);color:#fff!important;border-radius:12px;padding:12px 17px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.search-form button:hover,.button:hover,.woocommerce a.button:hover{background:var(--orange2);color:#fff}.nav-menu{display:flex;gap:15px;flex-wrap:wrap;padding-top:12px}.nav-menu a{color:#fff;text-decoration:none;font-weight:600}.hero{margin:18px auto 22px;border-radius:25px;background:linear-gradient(130deg,#0D286E 0%,#1746AD 100%);color:#fff;padding:28px 23px;position:relative;overflow:hidden;min-height:270px;display:flex;align-items:center}.hero:after{content:"";position:absolute;right:-55px;top:-48px;width:245px;height:245px;border-radius:50%;background:var(--orange)}.hero-copy{position:relative;z-index:2;max-width:64%}.eyebrow{display:inline-block;font-size:11px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#BFD0FF}.dark-eyebrow{color:#7E9CF3}.hero h1{font-size:clamp(31px,5vw,48px);font-weight:800;margin:10px 0}.hero p{margin:0 0 18px;color:#E1E8FF;font-size:16px;max-width:440px}.hero-button{padding:13px 17px}.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;font-size:11px;color:#D8E4FF}.hero-visual{position:absolute;right:25px;top:50%;transform:translateY(-50%);width:150px;height:150px;z-index:1;display:flex;align-items:center;justify-content:center}.hero-art{width:100%;height:100%;object-fit:contain;border-radius:22px;background:#fff;padding:7px}.hero-logo-placeholder{flex-direction:column;color:#0C2C7B;font:800 23px Poppins,sans-serif;text-align:center}.hero-logo-placeholder .orange{color:var(--orange)}.hero-logo-placeholder small{font:700 8px "DM Sans",sans-serif;letter-spacing:.25em;margin-top:4px}.floating-card{position:absolute;background:#fff;color:#10276D;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:800;box-shadow:0 8px 24px #0003;white-space:nowrap}.floating-one{left:-25px;top:7px}.floating-two{right:-15px;bottom:0}.quick-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 27px}.quick-benefits>div{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:12px 9px;min-width:0}.benefit-icon{font-size:20px}.quick-benefits strong,.quick-benefits small{display:block}.quick-benefits strong{font-size:11px}.quick-benefits small{font-size:9px;color:var(--muted);line-height:1.3;margin-top:3px}.section{padding:20px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:17px}.section-heading h2{font-size:25px;margin:4px 0 5px}.section-intro{color:var(--muted);margin:0;font-size:14px}.view-all{font-size:12px;font-weight:800;text-decoration:none;color:#FF9A5B;white-space:nowrap;padding-bottom:5px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{display:flex;align-items:center;gap:10px;min-width:0;padding:14px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;transition:transform .15s,border-color .15s}.category-card:hover,.category-card:focus{transform:translateY(-2px);border-color:#5577D6;outline:none}.category-icon{display:flex;align-items:center;justify-content:center;flex:0 0 39px;height:39px;border-radius:12px;background:#1C326B;font-size:20px}.category-name{font-size:13px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.category-arrow{margin-left:auto;color:#FF9959;font-size:18px}.category-all{background:#10276D}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:10px;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.product-card>a{text-decoration:none}.product-thumb{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:12px;background:linear-gradient(135deg,#0B2A7A,#14A0FF);margin-bottom:10px}.product-placeholder{aspect-ratio:1.12;border-radius:12px;margin-bottom:10px;padding:12px;display:flex;align-items:flex-end;color:#fff;font:800 17px/1.2 Poppins,sans-serif;background:linear-gradient(135deg,#0B2A7A,#14A0FF)}.product-blue{background:linear-gradient(135deg,#1644A7,#18A0FF)}.product-orange{background:linear-gradient(135deg,#FF6A13,#FFB62D)}.product-green{background:linear-gradient(135deg,#087F66,#D9C62C)}.product-tag{color:#AABFFF;font-size:9px;font-weight:800;letter-spacing:.12em;margin:0 0 5px}.product-card h3{font-size:14px;margin:0 0 5px}.product-card p{color:var(--muted);font-size:12px;line-height:1.45;margin:0 0 8px}.product-card .price{font:800 20px Poppins,sans-serif;margin-top:auto;padding:7px 0 10px}.product-card .price del{font-size:12px;color:var(--muted)}.product-card .price ins{text-decoration:none}.product-card .button{display:flex;text-align:center;padding:10px;font-size:12px}.demo-note{color:var(--muted);font-size:12px;margin-top:12px}.creator-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(130deg,#112B75,#1A47A7);border-radius:22px;padding:23px;margin:22px 0;overflow:hidden}.creator-callout>div:first-child{max-width:76%}.creator-callout h2{font-size:25px;margin:7px 0}.creator-callout p{color:#D2DEFF;font-size:14px;margin:0 0 15px}.callout-shapes{font-size:42px;color:var(--orange);display:flex;flex-direction:column;line-height:1}.callout-shapes span:nth-child(2){color:#92AFFF}.callout-shapes span:nth-child(3){color:#FFD166}.faq-grid{display:grid;grid-template-columns:1fr;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px}.faq-item summary{font-weight:800;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--orange);font-size:20px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);font-size:14px;margin:12px 0 0}.site-footer{text-align:center;color:var(--muted);padding:25px 0 20px;font-size:12px}.site-footer a{color:var(--muted)}.mobile-tabs{position:fixed;z-index:30;left:0;right:0;bottom:0;background:#102047;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tabs .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:7px;padding-bottom:5px}.mobile-tabs a{text-align:center;text-decoration:none;font-size:11px;font-weight:800;color:var(--muted);padding:3px}.mobile-tabs span{display:block;font-size:21px;line-height:1.3;margin-bottom:2px}.mobile-tabs a:first-child{color:var(--orange)}.content-panel,.page-content{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:20px;margin:18px auto}.entry-title{font-size:30px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:var(--surface);border:1px solid var(--line);padding:10px;border-radius:17px;display:flex;flex-direction:column}.woocommerce ul.products li.product a img{border-radius:12px}.woocommerce ul.products li.product .price{color:#fff;font-weight:800}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-weight:800;font-size:14px}.woocommerce div.product,.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{background:var(--surface);padding:18px;border-radius:16px}.woocommerce div.product .product_title{font-size:28px}.woocommerce-message,.woocommerce-info{border-top-color:var(--orange)}.woocommerce-message:before,.woocommerce-info:before{color:var(--orange)}.woocommerce-breadcrumb{color:var(--muted);font-size:13px;margin:8px 0 14px}.woocommerce .quantity .qty{min-height:42px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);color:#fff}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:#0B1532;color:#fff;border:1px solid var(--line);border-radius:9px;padding:12px}.woocommerce table.shop_table{border-color:var(--line)}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)}.nav-menu a:hover,.site-footer a:hover{color:var(--orange)}@media(min-width:700px){body{padding-bottom:0}.wrap{padding-left:24px;padding-right:24px}.hero{padding:36px;min-height:320px}.hero-copy{max-width:62%}.hero-visual{right:55px;width:200px;height:200px}.quick-benefits{gap:15px}.quick-benefits>div{padding:16px}.quick-benefits strong{font-size:14px}.quick-benefits small{font-size:12px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{padding:12px}.product-card h3{font-size:16px}.product-card p{font-size:13px}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-callout{padding:34px}.creator-callout h2{font-size:32px}.mobile-tabs{display:none}}@media(max-width:390px){.hero{padding:20px 17px;min-height:255px}.hero-copy{max-width:68%}.hero-visual{right:9px;width:104px;height:104px}.hero h1{font-size:29px}.hero-points{display:block}.hero-points span{display:block}.quick-benefits{gap:6px}.quick-benefits>div{padding:9px 6px;display:block;text-align:center}.benefit-icon{display:block;margin-bottom:4px}.quick-benefits strong{font-size:10px}.quick-benefits small{font-size:8px}.section-heading{align-items:start}.section-heading h2{font-size:22px}.view-all{font-size:10px}.product-placeholder{font-size:15px}.creator-callout{padding:18px}.creator-callout>div:first-child{max-width:82%}.callout-shapes{font-size:30px}}

/* v1.3.1: functional hamburger menu and checkout quick link */
/* Reliable slide-open mobile navigation */
.menu-toggle{font-size:22px;cursor:pointer;font-family:system-ui,sans-serif;touch-action:manipulation}
.menu-drawer[hidden]{display:none!important}
.menu-drawer{display:none;flex-direction:column;gap:0;margin-top:12px;padding:8px;background:#0B1944;border:1px solid #293B70;border-radius:16px}
.menu-drawer.is-open{display:flex!important}
.menu-drawer a{display:block;width:100%;padding:12px 13px;border-radius:10px;color:#fff;text-decoration:none;font-weight:700;border-bottom:1px solid #293B70}
.menu-drawer a:last-child{border-bottom:0}
.menu-drawer a:hover,.menu-drawer a:focus{background:#172D68;color:#FF9A5B}
@media(min-width:700px){.menu-drawer.is-open{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:8px 18px}.menu-drawer a{width:auto;border-bottom:0}}
.mobile-tabs a:nth-child(3){color:#FF9A5B}

/* v1.3.5: category-only hamburger menu and mobile bottom bar */
.menu-section-title{display:block;color:#BFD0FF;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:10px 13px 6px}
.menu-drawer .menu-category-link{border-bottom:1px solid #293B70}
.menu-drawer .menu-checkout-link{margin-top:8px;background:#FF6A13;border-radius:10px;border-bottom:0}
.menu-drawer.is-open{display:flex!important;flex-direction:column;align-items:stretch;gap:0}
.mobile-tabs{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99999!important;padding-bottom:max(env(safe-area-inset-bottom, 0px), 6px)!important}
.mobile-tabs .wrap{padding-top:6px!important;padding-bottom:5px!important;min-height:64px}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important}
@media(min-width:700px){body{padding-bottom:0!important}.mobile-tabs{display:none!important}}

/* v1.3.6: product shelf and category visibility */
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.category-card{min-width:0;display:flex;align-items:center;gap:10px}
.product-grid,.products,.woocommerce ul.products{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px!important;
}
.product-card,.woocommerce ul.products li.product{min-width:0!important;width:auto!important;margin:0!important;float:none!important}
.product-card img,.woocommerce ul.products li.product img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
@media(max-width:520px){
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .category-card{padding:13px 10px}
 .category-name{overflow-wrap:anywhere}
 .product-grid,.products,.woocommerce ul.products{
   display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
   scroll-snap-type:x mandatory!important;padding:0 0 12px!important;
   -webkit-overflow-scrolling:touch;gap:12px!important;
 }
 .product-card,.woocommerce ul.products li.product{
   flex:0 0 72%!important;max-width:72%!important;scroll-snap-align:start;
 }
 .section-heading{align-items:flex-start;gap:8px}
 .section-heading .view-all{white-space:nowrap;font-size:12px}
}
/* Keep category menu hidden until the hamburger is pressed */
.menu-drawer[hidden]{display:none!important}
.menu-drawer:not(.is-open){display:none!important}
.menu-drawer.is-open{display:flex!important;flex-direction:column;align-items:stretch;gap:0}

/* v1.3.7 category cards and product shelf polish */
.category-grid .category-card{min-height:76px}
.category-card .category-name{font-weight:700}
.category-card .category-icon{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#20376f}
.woocommerce .woocommerce-breadcrumb{color:#b7c5e9}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#f5f7ff;font-weight:700}
.woocommerce ul.products li.product .price{color:#ff9a5b!important;font-weight:800}
.woocommerce ul.products li.product .button{background:#ff6a13!important;color:white!important;border-radius:12px!important}