/*
Theme Name: Songfacts 2025
Theme URI: https://alley.com/
Template: pcm-2024
Author: Alley
Author URI: https://alley.com/
Description: A block-based child theme for the Songfacts.com blog.
Version: 1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pcm-2024
*/

/* Site Header */
.menu-toggle__button {
  color: var(--wp--preset--color--gray);

  &:hover,
  &:focus {
    color: var(--wp--preset--color--black);
  }
}

.wp-block-savage-platform-theme-navigation[data-location='header'] .menu-item a {
  font-size: var(--wp--custom--typography--font-size--base);
  font-weight: var(--wp--custom--typography--font-weight--normal, 400);
  text-transform: uppercase;
}

.entry-header.entry-header--hero {
  background-color: var(--wp--preset--color--secondary) !important;

  .wp-block-post-title {
    color: inherit;
  }

  .entry-header__meta {
    @media (max-width: 63.9375rem) {
        border-top-color: var(--wp--preset--color--white);
    }
  }
}

/* Homepage */
.is-style-post-list .wp-block-post-template .wp-block-post {
  /* stylelint-disable-next-line selector-max-compound-selectors */
  .wp-block-post-featured-image {
    --featured-image-size: 100px;
    flex: 0 1 var(--featured-image-size);
    height: auto;
    width: var(--featured-image-size);

    @container post-template-container (width >= 600px) {
      --featured-image-size: 200px;
    }

    @container post-template-container (width >= 1024px) {
      --featured-image-size: 300px;
    }
  }

  /* stylelint-disable-next-line selector-max-compound-selectors */
  .wp-block-wp-curate-post {
    flex-direction: row;
  }
}

/* Site Footer */
.wp-block-savage-platform-theme-navigation[data-location='footer'] .menu-item a {
  display: inline-block;
  font-size: var(--wp--custom--typography--font-size--sm);
  font-weight: var(--wp--custom--typography--font-weight--normal, 400);
  padding-block: 0.75rem;
}

/* Block overrides */
.wp-block-button.is-style-link .wp-block-button__link {
  border: 0;
}

.wp-block-savage-platform-post-primary-term a {
  color: var(--wp--preset--color--primary-darkest);

  &:hover,
  &:focus {
    color: var(--wp--preset--color--primary-darkest);
    text-decoration: underline;
  }
}

.wp-block-heading.is-style-latest {
  color: var(--wp--custom--color--text--base);

  &::before {
    display: none;
  }
}