/*
Theme Name: Blank Canvas
Theme URI: https://wordpress.com/theme/blank-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Blank Canvas is a minimalist theme, designed for single-page websites. Its single post and page layouts have no header, navigation menus, or widgets by default, so the page you design in the WordPress editor is the same page you'll see on the front end. The theme's default styles are conservative, relying on simple sans-serif fonts and a subtle blue highlight color. Blank Canvas is ready for your customizations.
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: seedlet
Text Domain: blank-canvas
Tags: one-column, accessibility-ready, custom-colors, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready

Blank Canvas WordPress Theme, (C) 2021 Automattic, Inc.
Blank Canvas is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Blank Canvas is derived from Seedlet. 2020-2021 Automattic
Seedlet is distributed under the terms of the GNU GPL v2 or later.

Images from stocksnap.io
License: CC0
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
Used as block pattern images.

Image from foodiesfeed.com
License: CC0
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
Used as block pattern image.

Hamburger Icon from Noto Emoji
License: Apache License 2.0
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
Modified and used as a block pattern image.
*/

@import "variables.css";

/* Remove extra margin from articles on single post pages. */

.single .site-main > article,
.page .site-main > article {
	margin-bottom: 0;
}

/* Remove some top padding if the first block on the page is a full-width image, cover, media & text, or group block. */

.single.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

/* Remove some bottom padding if the last block on the page is a full-width image, cover, media & text, or group block. */

.page.hide-site-footer .entry-content > .wp-block-image.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-cover.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-site-footer .entry-content > .wp-block-group.has-background.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-image.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-cover.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-group.has-background.alignfull:last-child {
	margin-bottom: calc(-1 * var(--global--spacing-vertical));
}

/* Center-align headers and footers. */

.entry-header,
.page-title,
.entry-footer,
.site-info,
.footer-menu {
	text-align: center;
}

.site-header{
	padding-bottom:0;
	padding-top:0;
}

body{
	background:#fff;
}
/* ════════════════════════════════════════════════════════════════
   WOOCOMMERCE — Shop / Cart / Checkout
   These pages render through header-content.php + WooCommerce's own
   templates, so by default they inherit header-content.php's embedded
   sitewide dark reset (body{background:#08080f}) plus Seedlet's own
   WooCommerce stylesheet, whose selectors are all scoped under the
   `#page` ID (e.g. `body[class*="woocommerce"] #page .site-content
   a.button`) — an ID beats any number of classes, so overrides here
   need !important on the properties Seedlet actually sets (color,
   background, border, padding, border-radius). This reskins shop/
   cart/checkout to match the Zerest white design system used on the
   homepage (see index.css / #zr-home), scoped to body.woocommerce-page
   so other WP pages (Manual, Contact Us, Privacy, etc.) are unaffected.
   ════════════════════════════════════════════════════════════════ */

body.woocommerce-page {
    --zh-bg: #ffffff;
    --zh-bg-soft: #f4f5f7;
    --zh-ink: #12141a;
    --zh-ink-mid: rgba(18, 20, 26, .62);
    --zh-ink-soft: rgba(18, 20, 26, .42);
    --zh-ink-faint: rgba(18, 20, 26, .16);
    --zh-line: rgba(18, 20, 26, .10);
    --zh-accent: #2c3ef0;
    --zh-accent-hover: #212fc7;
    --zh-accent-soft: rgba(44, 62, 240, .07);
    --zh-accent-soft2: rgba(44, 62, 240, .13);
    --zh-accent-border: rgba(44, 62, 240, .28);
    --zh-r-md: 16px;

    background: var(--zh-bg) !important;
    color: var(--zh-ink);
}
body.woocommerce-page,
body.woocommerce-page * {
    font-family: 'Outfit', system-ui, sans-serif;
}

/* ---- Shop archive (classic product loop) ---- */
body.woocommerce-page .woocommerce-breadcrumb { color: var(--zh-ink-soft) !important; font-size: 13px; margin-bottom: 24px }
body.woocommerce-page .woocommerce-breadcrumb a { color: var(--zh-ink-mid) !important }
body.woocommerce-page .woocommerce-products-header__title { color: var(--zh-ink) !important; font-weight: 500 }
body.woocommerce-page .woocommerce-result-count,
body.woocommerce-page .woocommerce-ordering select {
    color: var(--zh-ink-mid) !important;
    font-size: 13px;
}
body.woocommerce-page .woocommerce-ordering select {
    border: 1px solid var(--zh-line) !important;
    border-radius: 8px !important;
    background: var(--zh-bg) !important;
    padding: 8px 12px !important;
}

body.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 24px;
    list-style: none;
    margin: 32px 0 0;
    padding: 0;
    max-width: 900px;
}
body.woocommerce-page ul.products::before,
body.woocommerce-page ul.products::after {
    content: none !important;
    display: none !important;
}
body.woocommerce-page ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    clear: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
    order: 0 !important;
    background: var(--zh-bg-soft) !important;
    border: 1px solid var(--zh-line) !important;
    border-radius: var(--zh-r-md) !important;
    padding: 20px 20px 24px !important;
    position: relative;
    transition: border-color .2s, transform .2s;
}
body.woocommerce-page ul.products li.product:hover {
    border-color: var(--zh-accent-border) !important;
    transform: translateY(-4px);
}
body.woocommerce-page ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    border-radius: calc(var(--zh-r-md) - 6px) !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
body.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
    border-bottom: none !important;
    text-decoration: none !important;
}
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    color: var(--zh-ink) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 16px 0 6px !important;
}
body.woocommerce-page ul.products li.product .price,
body.woocommerce-page ul.products li.product .price bdi,
body.woocommerce-page ul.products li.product .woocommerce-Price-amount {
    color: var(--zh-ink-mid) !important;
    font-size: 14px !important;
}
body.woocommerce-page ul.products li.product .price ins,
body.woocommerce-page ul.products li.product .price ins .woocommerce-Price-amount {
    text-decoration: none !important;
    color: var(--zh-accent) !important;
    font-weight: 600 !important;
}
body.woocommerce-page ul.products li.product .price del,
body.woocommerce-page ul.products li.product .price del .woocommerce-Price-amount {
    color: var(--zh-ink-faint) !important;
    opacity: 1 !important;
}
body.woocommerce-page ul.products li.product .onsale {
    background: #fff !important;
    color: var(--zh-ink) !important;
    border: 1.5px solid var(--zh-ink) !important;
    font-weight: 600;
    font-size: 12px;
    border-radius: 999px !important;
    top: 12px;
    right: 12px;
    left: auto;
    min-height: auto;
    min-width: auto;
    line-height: 1;
    padding: 7px 12px !important;
}
body.woocommerce-page ul.products li.product .button.add_to_cart_button {
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    background: var(--zh-accent) !important;
    border: 1px solid var(--zh-accent) !important;
    color: #fff !important;
    padding: 12px 24px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    transition: background .2s, transform .2s;
}
body.woocommerce-page ul.products li.product .button.add_to_cart_button:hover {
    background: var(--zh-accent-hover) !important;
    transform: translateY(-2px);
}

/* AJAX add-to-cart replaces/adds this link next to the Add to cart button
   on the shop archive — Seedlet's raw defaults (chunky padding, 4px
   radius, #007cba) otherwise leak through unstyled, clashing with the
   pill-button design used everywhere else on the site. */
body.woocommerce-page ul.products li.product a.added_to_cart.wc-forward {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    background: transparent !important;
    border: 1px solid var(--zh-line) !important;
    color: var(--zh-ink-mid) !important;
    padding: 12px 24px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    transition: border-color .2s, color .2s;
}
body.woocommerce-page ul.products li.product a.added_to_cart.wc-forward:hover {
    border-color: var(--zh-accent) !important;
    color: var(--zh-ink) !important;
}

/* ---- Single product page ---- */
body.woocommerce-page .product_meta {
    display: none !important;
}
body.woocommerce-page .entry.product > .onsale {
    background: #fff !important;
    color: var(--zh-ink) !important;
    border: 1.5px solid var(--zh-ink) !important;
    font-weight: 600;
    font-size: 12px;
    border-radius: 999px !important;
    min-height: auto;
    min-width: auto;
    line-height: 1;
    padding: 7px 12px !important;
}
body.woocommerce-page .summary.entry-summary .price,
body.woocommerce-page .summary.entry-summary .price .woocommerce-Price-amount {
    color: var(--zh-ink-mid) !important;
}
body.woocommerce-page .summary.entry-summary .price ins,
body.woocommerce-page .summary.entry-summary .price ins .woocommerce-Price-amount {
    text-decoration: none !important;
    color: var(--zh-accent) !important;
    font-weight: 600 !important;
}
body.woocommerce-page .summary.entry-summary .price del,
body.woocommerce-page .summary.entry-summary .price del .woocommerce-Price-amount {
    color: var(--zh-ink-faint) !important;
    opacity: 1 !important;
}
body.woocommerce-page .single_add_to_cart_button.button {
    background: var(--zh-accent) !important;
    border: 1px solid var(--zh-accent) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    transition: background .2s, transform .2s;
}
body.woocommerce-page .single_add_to_cart_button.button:hover {
    background: var(--zh-accent-hover) !important;
    transform: translateY(-2px);
}

/* ---- Cart & Checkout (WooCommerce Blocks) ---- */
body.woocommerce-page .wc-block-cart,
body.woocommerce-page .wc-block-checkout {
    color: var(--zh-ink-mid);
}
body.woocommerce-page .wc-block-components-shipping-rates-control__package,
body.woocommerce-page .wc-block-components-address-card,
body.woocommerce-page .wc-block-components-radio-control-accordion-option {
    border-color: var(--zh-line) !important;
    background: var(--zh-bg-soft) !important;
    border-radius: var(--zh-r-md) !important;
}

/* Cart line-items table and the (often-empty) express-payment slot read as
   stray grey boxes against the rest of the page's white background — drop
   the card treatment and use a plain row divider under each line item
   instead. */
body.woocommerce-page .wc-block-cart-items {
    background: transparent !important;
    border: none !important;
}
body.woocommerce-page .wc-block-cart-items__row td {
    border-bottom: 1px solid var(--zh-line) !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
body.woocommerce-page .wc-block-cart-items__row:last-child td {
    border-bottom: none !important;
}
body.woocommerce-page .wc-block-components-express-payment {
    background: transparent !important;
    border: none !important;
}

/* The sitewide nav (header-content.php) is `position:fixed` and ~67-71px
   tall at every breakpoint, floating over page content rather than
   pushing it down — every WooCommerce page needs its own top clearance
   or the fixed nav visually crops/overlaps the first thing on the page.
   84px matches the scroll-margin-top already used for this exact purpose
   on the home page's anchor-linked sections (see home.css). Cart/Checkout
   additionally had no breathing room at all before this. */
body.woocommerce-page .wc-block-cart,
body.woocommerce-page .wc-block-checkout,
body.woocommerce-page article.wide-max-width {
    margin-top: 84px;
}

/* WooCommerce Blocks pins the "Proceed to Checkout" button to the bottom
   of the viewport on narrow screens (.wc-block-cart__submit-container,
   position:fixed) — without reserved space beneath the cart content, it
   overlaps and hides part of the last line item (price/quantity). */
@media (max-width: 768px) {
    body.woocommerce-page .wc-block-cart {
        padding-bottom: 100px;
    }
}
body.woocommerce-page .wc-block-components-radio-control__option {
    border-color: var(--zh-ink) !important;
    background: var(--zh-bg-soft) !important;
    border-radius: var(--zh-r-md) !important;
}
body.woocommerce-page .wc-block-checkout__payment-method {
    border-color: var(--zh-line) !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* Order summary / cart totals — flat, no boxed panels: subtotal,
   shipping, "Add coupons", and the totals footer are plain rows,
   not nested bordered/rounded cards. */
body.woocommerce-page .wc-block-components-panel,
body.woocommerce-page .wc-block-components-totals-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Order summary card (checkout sidebar + cart totals) — its own
   padded white-on-soft-gray card, with breathing room between the
   product row, the coupon panel, and the totals list beneath it. */
body.woocommerce-page .wc-block-components-order-summary,
body.woocommerce-page .wc-block-components-sidebar .wc-block-components-panel {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 20px 4px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}
body.woocommerce-page .wc-block-components-totals-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}
body.woocommerce-page .wc-block-components-order-summary-item {
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--zh-line) !important;
}
body.woocommerce-page .wc-block-components-order-summary-item:last-child {
    border-bottom: none !important;
}
body.woocommerce-page .wc-block-components-order-summary-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
body.woocommerce-page .wc-block-components-order-summary-item__image {
    flex: none !important;
    width: 84px !important;
    height: 84px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: visible;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--zh-bg-soft);
}
body.woocommerce-page .wc-block-components-order-summary-item__image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 10px !important;
}
body.woocommerce-page .wc-block-components-order-summary-item__description,
body.woocommerce-page .wc-block-components-order-summary-item__total-price {
    width: 100% !important;
}
body.woocommerce-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding: 0 !important;
}
body.woocommerce-page .wc-block-components-order-summary-item__total-price {
    margin-top: 6px;
}
body.woocommerce-page .wc-block-components-totals-item {
    padding: 12px 0 !important;
    color: var(--zh-ink-mid) !important;
}
body.woocommerce-page .wc-block-components-totals-footer-item {
    padding-top: 16px !important;
    margin-top: 4px !important;
    border-top: 1px solid var(--zh-line) !important;
}

body.woocommerce-page .wc-block-cart-item__product-name,
body.woocommerce-page .wc-block-components-checkout-step__title,
body.woocommerce-page .wc-block-cart__totals-title,
body.woocommerce-page .wc-block-components-title,
body.woocommerce-page label,
body.woocommerce-page h1, body.woocommerce-page h2, body.woocommerce-page h3 {
    color: var(--zh-ink) !important;
}
body.woocommerce-page .wc-block-components-product-price,
body.woocommerce-page .wc-block-components-totals-item,
body.woocommerce-page .wc-block-components-order-summary-item {
    color: var(--zh-ink-mid) !important;
}
body.woocommerce-page .wc-block-components-product-price__value.is-discounted,
body.woocommerce-page .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
    color: var(--zh-accent) !important;
    font-weight: 600 !important;
}
body.woocommerce-page .wc-block-components-sale-badge,
body.woocommerce-page .wc-block-components-product-badge {
    background: var(--zh-accent) !important;
    color: #fff !important;
    border: none !important;
}

body.woocommerce-page .wc-block-components-quantity-selector {
    border: 1px solid var(--zh-line) !important;
    border-radius: 999px !important;
    background: var(--zh-bg) !important;
}
body.woocommerce-page .wc-block-components-quantity-selector__button {
    color: var(--zh-ink-mid) !important;
}
body.woocommerce-page .wc-block-cart-item__remove-link {
    color: var(--zh-ink-soft) !important;
}

body.woocommerce-page .wc-block-components-text-input input,
body.woocommerce-page .wc-block-components-address-form input,
body.woocommerce-page .wc-block-checkout select,
body.woocommerce-page .wc-block-components-combobox-control input {
    background: var(--zh-bg) !important;
    border: 1px solid var(--zh-line) !important;
    border-radius: 8px !important;
    color: var(--zh-ink) !important;
}
body.woocommerce-page .wc-block-components-text-input label {
    color: var(--zh-ink-soft) !important;
}
body.woocommerce-page .wc-block-components-text-input.is-active label,
body.woocommerce-page .wc-block-components-text-input.is-focused label {
    color: var(--zh-accent) !important;
}

body.woocommerce-page .wc-block-components-radio-control__input {
    accent-color: var(--zh-accent);
}

body.woocommerce-page .wc-block-components-button.contained,
body.woocommerce-page .wc-block-cart__submit-button,
body.woocommerce-page .wc-block-components-checkout-place-order-button {
    background: var(--zh-accent) !important;
    border: 1px solid var(--zh-accent) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 14px 24px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    transition: background .2s, transform .2s;
}
body.woocommerce-page .wc-block-components-button.contained:hover {
    background: var(--zh-accent-hover) !important;
    transform: translateY(-2px);
}

body.woocommerce-page .wc-block-components-checkout-return-to-cart-button,
body.woocommerce-page .wc-block-components-panel__button {
    color: var(--zh-accent-hover) !important;
}

/* ---- "X has been added to your cart" notice ---- */
body.woocommerce-page .woocommerce-message {
    background: var(--zh-bg-soft) !important;
    color: var(--zh-ink) !important;
    border: 1px solid var(--zh-line) !important;
    border-radius: var(--zh-r-md) !important;
    padding: 16px 20px !important;
    margin: 0 0 24px !important;
    font-size: 14px !important;
    list-style: none !important;
}
body.woocommerce-page .woocommerce-message::before {
    color: var(--zh-accent) !important;
}
body.woocommerce-page .woocommerce-message a.button.wc-forward {
    background: var(--zh-accent) !important;
    border: 1px solid var(--zh-accent) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    float: none !important;
    margin-left: 12px;
}
body.woocommerce-page .woocommerce-message a.button.wc-forward:hover {
    background: var(--zh-accent-hover) !important;
}