/* This is the original customized content at Appearance --> Customize */
/* ============================ */
/* Global Mobile H1 Fix         */
/* ============================ */

/* Allow H1s to stay large, but prevent broken word wrapping */
@media (max-width: 768px) {
    h1 {
        font-size: clamp(40px, 8vw, 48px) !important;
        /* Explanation:
           - Minimum: 24px (readable baseline)
           - Fluid: 8% of viewport width (keeps them big on mobile)
           - Maximum: 48px (so they don’t get absurdly tall) */
        line-height: 1.2em !important;  /* Keeps multi-line titles readable */
        word-break: keep-all !important; /* Prevents breaking in the middle of words */
        hyphens: auto !important;        /* Allows natural hyphenation if needed */
    }
}

/* ============================ */
/* Moved from Code Snippets     */
/* ============================ */




/* ============================ */
/* Buttons and Links Styling */
/* ============================ */



/* ============================ */
/* Hidden Elements */
/* ============================ */

/* Hides product metadata on single product pages */
.woocommerce-js div.product .product_meta {
    display: none; /* Removes the element from view */
}

/* Hides the "View Cart" success message */
.woocommerce-message {
    display: none; /* Removes the element from view */
}

/* Hides breadcrumbs from single blog posts */
.entry-meta {
    display: none; /* Removes the element from view */
}


/* ============================ */
/* Quantity Input Styling */
/* ============================ */

/* Hides spin buttons in WooCommerce quantity inputs */
.woocommerce-js .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce-js .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* Removes spin buttons in WebKit browsers */
    margin: 0; /* Removes default margin */
}

.woocommerce-js .quantity input[type="number"] {
    -moz-appearance: textfield; /* Removes spin buttons in Firefox */
}

/* ============================ */
/* Wishlist Styling */
/* ============================ */

/* Styles for wcmamtx_intro_text1 */
.wcmamtx_intro_text1 {
    font-family: 'Aleo', serif !important; /* Uses Aleo font */
    font-weight: bold !important; /* Makes the text bold */
    font-size: 1.2em !important; /* Sets font size to 1.2em */
    color: #201F1D !important; /* Dark brown color */
    background-color: transparent !important; /* Removes background color */
}


/* ============================
   OLD Wishlist Counter Styling
   ============================ */
.wishlist_products_counter_number {
    position: absolute;
    background: #FF3737;
    color: white;
    padding-block: 0;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: bold;
    width: 15px;
    height: 15px;
    left: 10px;
}
/* ============================ */

/* This was from post 2583 originally — the store page */

/*I added this CSS to make sure the buttons were present */

.woocommerce ul.products li.product.desktop-align-left .star-rating,
.woocommerce-page ul.products li.product.desktop-align-left .star-rating {
    display: none;
}