/*
Theme Name: Larkspur Commerce
Template: blocksy
Version: 1.0.0
Text Domain: larkspur-commerce
*/


/* === COLOR PALETTE === */
:root{--theme-palette-color-1:#000;--theme-palette-color-2:#333;--theme-palette-color-3:#1a1a1a;--theme-palette-color-4:#000;--theme-palette-color-5:#e5e5e5;--theme-palette-color-6:#f8f8f8;--theme-palette-color-7:#fff;--theme-palette-color-8:#fff;--theme-text-color:#1a1a1a;--theme-headings-color:#000;--theme-link-initial-color:#000;--theme-link-hover-color:#555;--theme-border-color:#e5e5e5;--theme-button-text-initial-color:#fff;--theme-button-background-initial-color:#000;--theme-button-background-hover-color:#333;--theme-form-field-border-initial-color:#ccc;--theme-form-field-border-focus-color:#000;--theme-selection-background-color:#000;--background-color:#fff;--theme-content-spacing:1em}
body{background:#fff!important;font-family:"Assistant",-apple-system,sans-serif!important}

/* === HEADER === */
.ct-header [data-id="logo"] .site-title{font-size:20px!important;font-weight:700!important;letter-spacing:3px!important;text-transform:uppercase!important}
.ct-header [data-row*="middle"]{background-color:#fff!important;border-bottom:1px solid #e5e5e5!important;height:70px!important}
.ct-header [data-id="menu"]>ul{display:flex!important;align-items:center!important;gap:6px!important}
.ct-header [data-id="menu"]>ul>li>a{text-transform:uppercase!important;font-size:12px!important;font-weight:500!important;letter-spacing:1.2px!important;padding:6px 14px!important;color:#1a1a1a!important}
.ct-header [data-id="menu"]>ul>li>a:hover{color:#000!important}

/* === CART & ACCOUNT SVG ICONS === */
.ct-header [data-id="menu"]>ul>li.menu-cart-link{margin-left:auto!important}
.ct-header [data-id="menu"]>ul>li.menu-cart-link>a,
.ct-header [data-id="menu"]>ul>li.menu-account-link>a{font-size:0!important;padding:6px 10px!important}
.ct-header [data-id="menu"]>ul>li.menu-cart-link>a::after{
    content:"";
    display:inline-block;
    width:20px;height:20px;
    background:currentColor;
    mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.5%27%3E%3Cpath d=%27M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z%27/%3E%3Cline x1=%273%27 y1=%276%27 x2=%2721%27 y2=%276%27/%3E%3Cpath d=%27M16 10a4 4 0 01-8 0%27/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.5%27%3E%3Cpath d=%27M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z%27/%3E%3Cline x1=%273%27 y1=%276%27 x2=%2721%27 y2=%276%27/%3E%3Cpath d=%27M16 10a4 4 0 01-8 0%27/%3E%3C/svg%3E") center/contain no-repeat;
}
.ct-header [data-id="menu"]>ul>li.menu-account-link>a::after{
    content:"";
    display:inline-block;
    width:20px;height:20px;
    background:currentColor;
    mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.5%27%3E%3Cpath d=%27M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2%27/%3E%3Ccircle cx=%2712%27 cy=%277%27 r=%274%27/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271.5%27%3E%3Cpath d=%27M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2%27/%3E%3Ccircle cx=%2712%27 cy=%277%27 r=%274%27/%3E%3C/svg%3E") center/contain no-repeat;
}

/* === PRODUCT GRID === */
.products .product,[data-products] .product{box-shadow:none!important;border:none!important;background:transparent!important;border-radius:0!important;padding:0!important;margin-bottom:48px!important}
.products .product figure,[data-products] .product figure{margin-bottom:14px!important;border-radius:0!important;overflow:hidden!important}
.products .product img,[data-products] .product img{border-radius:0!important;transition:transform .5s ease!important;aspect-ratio:3/4!important;object-fit:cover!important}
.products .product:hover img{transform:scale(1.05)!important}
.woocommerce-loop-product__title,[data-products] .woocommerce-loop-product__title{font-size:13px!important;font-weight:400!important;text-transform:none!important;color:#1a1a1a!important;margin-bottom:2px!important;padding:0!important;line-height:1.5!important;letter-spacing:0!important}
.products .product .price,[data-products] .product .price{font-size:13px!important;font-weight:400!important;color:#1a1a1a!important;margin-top:2px!important}
.products .product .price del{color:#999!important;font-weight:400!important;margin-right:6px!important}
.products .product .price ins{text-decoration:none!important;font-weight:400!important}
.products .product .onsale,[data-products] .product .onsale{background:#000!important;color:#fff!important;font-size:10px!important;padding:4px 9px!important;border-radius:0!important;font-weight:600!important;left:10px!important;top:10px!important;letter-spacing:.5px!important;text-transform:uppercase!important}
.products .product .entry-meta,.products .product .ct-woo-card-extra,.products .product .ct-woo-card-stock,
.products .product .button,.products .product .add_to_cart_button{display:none!important}

/* === SHOP PAGE === */
.woocommerce-products-header__title{display:none!important}
.woo-listing-top{justify-content:flex-end!important;margin-bottom:36px!important;border:none!important;padding:12px 0!important}
.woo-listing-top .woocommerce-result-count{display:none!important}
.woo-listing-top .orderby{font-size:13px!important;border:1px solid #e5e5e5!important;border-radius:0!important;padding:8px 14px!important;background:#fff!important;color:#1a1a1a!important}
.ct-breadcrumbs{display:none!important}
#main{padding-top:0!important}
.entry-header{margin-bottom:0!important}

/* === CATEGORY PAGE TITLE === */
.woocommerce-products-header .page-title{font-size:24px!important;font-weight:600!important;text-align:center!important;margin:50px 0 40px!important;text-transform:uppercase!important;letter-spacing:2px!important}

/* === FOOTER === */
.larkspur-footer-inner{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:50px!important;text-align:left!important;max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}
.larkspur-footer-inner h4{font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;margin-bottom:20px!important;color:#000!important}
.larkspur-footer-inner a,.larkspur-footer-inner p{font-size:13px!important;color:#555!important;line-height:2.2!important;display:block!important;text-decoration:none!important;margin:0!important}
.larkspur-footer-inner a:hover{color:#000!important}

/* === SINGLE PRODUCT PAGE === */
.single-product .product .entry-summary .product_title{font-size:24px!important;font-weight:600!important}
.single-product .product .entry-summary .price{font-size:18px!important;font-weight:400!important}
.single-product .product .entry-summary .price del{color:#999!important}
.single-product button.single_add_to_cart_button{background:#000!important;color:#fff!important;border-radius:0!important;text-transform:uppercase!important;letter-spacing:1px!important;font-weight:600!important;padding:14px 40px!important}

/* === RESPONSIVE === */
@media(max-width:768px){
    .hero-banner h1{font-size:32px!important;letter-spacing:3px!important}
    .hero-banner p{font-size:15px!important}
    .hero-banner{min-height:380px!important}
    .larkspur-footer-inner{grid-template-columns:1fr!important;gap:30px!important}
    .ct-header [data-id="menu"]>ul>li>a{font-size:10px!important;padding:4px 8px!important;letter-spacing:.5px!important}
}

/* === PAGINATION === */
.woocommerce-pagination .page-numbers li .page-numbers{color:#1a1a1a!important;border:1px solid #e5e5e5!important;border-radius:0!important;padding:8px 14px!important;font-size:13px!important}
.woocommerce-pagination .page-numbers li .page-numbers.current{background:#000!important;color:#fff!important;border-color:#000!important}


/* Preserve navigation and legibility at all viewport sizes. */
.hero-banner h1{color:#fff!important}
.ct-header [data-id="menu"]>ul>li.menu-cart-link>a,.ct-header [data-id="menu"]>ul>li.menu-account-link>a{font-size:11px!important;padding:6px!important}
.ct-header [data-id="menu"]>ul>li.menu-cart-link>a::after,.ct-header [data-id="menu"]>ul>li.menu-account-link>a::after{display:none}
.ct-header [data-id="menu"]>ul>li>a{padding:6px 9px!important}
.larkspur-footer-inner p a{display:inline!important;overflow-wrap:anywhere}
.single-product .woocommerce-tabs .panel{overflow-x:auto}
.single-product .product-details{overflow-x:auto;max-width:100%}
.single-product .product-details img{max-width:100%;height:auto}
.single-product .entry-summary{min-width:0}
.larkspur-pending{padding:18px 22px;border:1px solid #e5e5e5;margin:20px 0;background:#f8f8f8}
@media(max-width:999px){.ct-header [data-row*="middle"]{--height:70px!important}.hero-banner h1{font-size:32px!important;letter-spacing:3px!important}}
@media(max-width:479px){.ct-container{width:calc(100% - 32px)}.products{--grid-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important}.hero-banner{min-height:380px!important}.larkspur-footer-inner{padding:0 24px!important}}
.hero-section{background:#fff!important}
.hero-section .page-title{font-size:16px!important;font-weight:400!important;color:#1a1a1a!important}
body{--theme-palette-color-1:#000;--theme-palette-color-2:#333;--theme-palette-color-3:#1a1a1a;--theme-palette-color-4:#000;--theme-palette-color-5:#e5e5e5;--theme-button-background-initial-color:#000;--theme-button-background-hover-color:#333;--theme-form-field-border-focus-color:#000}
.single-product .onsale{background:#000!important;border-radius:0!important}
