/*
Theme Name:     Frost Child
Theme URI:      https://jonimms.com/
Author:         Jon Imms
Author URI:     https://jonimms.com/
Description:    A minimalist WordPress FSE theme powered by Frost and customized for Jon Imms.
Template:       frost
Version:        1.0.0
Requires at least: 6.0
Tested up to: 6.6
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    frost-child
*/

/* -- Header -- */
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 999;
}

/* -- Navigation -- */
/* Nav links default + hover */
.wp-block-navigation a {
    transition: transform 0.2s ease, color 0.2s ease;
    text-decoration: none;
}

/* Hover grow effect */
.wp-block-navigation a:hover {
    transform: scale(1.1);
}

/* Active/current menu item */
.wp-block-navigation__container .wp-block-navigation-item.current-menu-item > a,
.wp-block-navigation__container .wp-block-navigation-item.current_page_item > a,
.wp-block-navigation__container .wp-block-navigation-item.current-menu-ancestor > a {
    color: #cd595c; /* or your preferred active color */
    font-weight: 600;
}

.wp-block-navigation a.active {
    color: #cd595c;
    font-weight: 600;
    transform: scale(1.1);
}

[id] {
    scroll-margin-top: 160px; /* compensate for the sticky header height */
}


/* -- Footer -- */


/* -- Content -- */
#experience .wp-block-column {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    background-color: transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

#experience .wp-block-column:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Remove styles from empty columns */
#experience .wp-block-column:empty {
    border: none;
    padding: 0;
    background: none;
    box-shadow: none;
}

/* -- Custom Styles -- */

article .wp-block-button__link {
    background-color: black;
}
.wp-block-button__link {
    transition: transform 0.2s ease;
}

.wp-block-button__link:hover {
    transform: scale(1.05);
}
.wp-block-button__link:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

@media all and (max-width: 1200px) {

    .wp-block-uagb-taxonomy-list, .wp-block-query {
        padding-left: 20px;
        padding-right: 20px;
    }
}