/*
Theme Name: MediaCo 2024
Theme URI: https://alley.com/
Author: Alley
Author URI: https://alley.com/
Description: MediaCo Holdings core theme.
Version: 1.0
Requires at least: 6.4
Tested up to: 6.4
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: mediaco-2024
*/

/* CSS Resets */
@layer reset {
  /*
   * Remove all the styles of the "User-Agent-Stylesheet", except for certain
   * properties necessary for accessibility and/or layout.
   *
   * The `:where()` pseudo-class is used to reduce the specificity of `:not()`
   * so these styles are easily overridden.
   *
   * https://elad2412.github.io/the-new-css-reset/
   */
  *:where(
    /*
     * 1. Replaced elements.
     * 2. Omit SVGs so they render as expected.
     * 3. Lists are reset further down.
     */
    :not(iframe, canvas, img, video, audio, use):not(svg, svg *, symbol *):not(ol, ul):not(td-songhistory)
  ) {
    all: unset;

    cursor: revert;
    display: revert;
    outline: revert;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  /*
   * Using `:focus-within` prevents smooth scrolling while jumping through browser
   * in-page search results.
   *
   * https://piccalil.li/blog/a-modern-css-reset/
   */
  @media (prefers-reduced-motion: no-preference) {
    html:focus-within {
      scroll-behavior: smooth;
    }
  }

  img,
  picture {
    display: block;
    height: auto;
    max-width: 100%;

    /* Footer tracking images. */
    &[height='0'] {
      height: 0;
    }
  }

  figure {
    margin: 0;
  }

  ol,
  ul {
    margin: 0;
    padding: 0;
  }

  /*
   * Remove list styles on ul, ol elements with a list role, which suggests
   * default styling will be removed.
   *
   * https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
   */
  ul[role='list'],
  ol[role='list'] {
    font-size: inherit;
    line-height: inherit;
    list-style: none;
  }

  svg {
    display: block;
    pointer-events: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  button,
  input,
  select,
  textarea {
    font: inherit;
  }

  input[type='checkbox'] {
    appearance: revert;
  }

  b,
  strong {
    font-weight: 700;
  }

  em,
  i {
    font-style: italic;
  }

  del,
  s {
    text-decoration: line-through;
  }

  abbr {
    border-bottom: 1px dotted currentColor;
    cursor: help;
    text-decoration: none;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  code {
    font-family: var(--wp--preset--font-family--ibm-plex-mono, monospace);
  }
}

/* Homepage */
.home .site-main,
.home .wp-block-post-content {
  @media (max-width: 781px) {
    margin-block-start: 0;
  }
}