/*
Theme Name: Believe in Hair
Theme URI: https://believeinhair.com
Description: Block theme for the Believe in Hair store (WooCommerce).
Author: Believe in Hair
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: believeinhair
*/

/* Header, footer and storefront chrome: assets/css/storefront.css. */
.bih-icon-link { display: inline-flex; color: inherit; }

/* Visually hidden, still announced (WordPress convention; block themes do not ship it). */
.screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { clip-path: none; height: auto; width: auto; margin: 0; padding: 12px 16px; z-index: 100000; background: var(--wp--preset--color--scheme-2-bg); color: var(--wp--preset--color--scheme-2-text); }

/* Page, blog and special templates (Task 13) */
.bih-page { overflow-wrap: break-word; }
.bih-faq details { border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent); padding: 12px 0; }
.bih-faq summary { cursor: pointer; font-weight: 600; min-height: 44px; display: list-item; padding: 10px 0; }
.bih-faq__category { margin-top: 40px; }
.bih-pill-terms a { display: inline-block; padding: 4px 12px; border: 1px solid currentColor; border-radius: 999px; color: inherit; text-decoration: none; line-height: 1.6; }
.bih-pill-terms .wp-block-post-terms__separator { display: inline-block; width: 6px; overflow: hidden; vertical-align: middle; color: transparent; }
.bih-article-educational__meta { gap: 8px; }
.bih-article-educational__meta p { margin: 0; }
.bih-article-educational__author { margin-top: 40px; }
.bih-blog__card { height: 100%; }
.bih-blog__card .wp-block-post-title { margin: 0; }
.bih-blog__card .wp-block-post-title a { color: inherit; text-decoration: none; }
.bih-coming-soon > * { max-width: 640px; width: 100%; }
.bih-coming-soon a { color: inherit; }

/* Front page sections: assets/css/home.css. */