/*
Theme Name: BHCXOEM
Theme URI: 
Author: Elaine Malone
Author URI: https://marketingmalone.com
Description: A block theme built for the new xoelainemalone (10 Feb 2026)
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bhcxoem
*/

p.is-style-handwriting {
    font-family: var(--wp--preset--font-family--la-belle-aurore), cursive;
    font-size: 30px;
    text-transform: lowercase;
    color: var(--wp--preset--color--soft-denim);
}

p.is-style-eyebrow {
    font-size: var(--wp--preset--font-size--x-small);
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--wp--preset--color--terracotta);
    display: block;
}

.wp-block-post-featured-image img {
    border-radius: 8px;
    border: 1px solid var(--wp--preset--color--subtle-greige);
}

/* Emoji Style for Paragraph Blocks */
p.is-style-emoji {
    font-size: 2rem;
    line-height: 1.5;
}

/* Card Style for Group Blocks */
.wp-block-group.is-style-card {
    padding: 2.25rem;
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--subtle-greige);
    border-radius: 8px;
}

/* Hub Card Base Style - Using !important to fight core layout padding */
.wp-block-group.is-style-hub-card {
    padding: 2.5rem 2rem;
    background-color: var(--wp--preset--color--oat);
    border: 1px solid var(--wp--preset--color--subtle-greige);
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Hub Card Hover State */
.wp-block-group.is-style-hub-card:hover {
    transform: translateY(-4px);
    border-color: var(--wp--preset--color--soft-denim);
}

.wp-block-group.is-style-hub-card a {
    text-decoration: none;
}

/* Force standard formatting on all Separator blocks */
hr.wp-block-separator {
    border: none;
    border-top: 1px solid var(--wp--preset--color--subtle-greige);
    background: transparent;
    opacity: 1;
}

/* 1. Make the designated container the anchor point */
.clickable-card {
    position: relative;
}

/* 2. Stretch the link inside to cover the entire box */
.clickable-card a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* 3. Safegaurd: If you ever DO need a second link in the same card, give it this class so it sits on top of the invisible layer */
.clickable-card .secondary-link {
    position: relative;
    z-index: 2;
}

/* Remove default list styling for categories block in blog posts */
.blog .wp-block-categories {
    list-style: none;
    padding: 0;
}
.blog .wp-block-categories li {
    margin-bottom: 0.5rem;
}
.blog .wp-block-categories li a {
    text-decoration: underline;
}