/*
Theme Name: Agile Themes Shop
Theme URI: https://agilethemes.com/
Description: The agilethemes.com shop look: a calm child theme of Twenty Twenty-Five ("Paper and Ink"). Site theme, not a product.
Author: AGILE LLC
Author URI: https://agilethemes.com
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agilethemes-shop
*/

/* Visible focus everywhere, not only where the parent sets it. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
}

/* Theme cards. */
.agile-card { height: 100%; box-sizing: border-box; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 10px; }
.agile-card .wp-block-post-featured-image img { border-radius: 6px; border: 1px solid var(--wp--preset--color--accent-6); }
.agile-card .wp-block-post-title a { text-decoration: none; }
.agile-card .wp-block-post-title a:hover { text-decoration: underline; }
.agile-card .wp-block-buttons { margin-top: auto; }
.agile-kind { margin: 0; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; color: var(--wp--preset--color--accent-3); }
.wp-block-read-more { font-weight: 600; }

/* Prices: on cards and product pages (bound to the product; empty when no price is set). */
.agile-price { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.agile-price-terms { margin: 0; color: var(--wp--preset--color--accent-4); }
.agile-price:empty, .agile-price-terms:empty { display: none; }
.agile-price-row { margin-block: var(--wp--preset--spacing--30); }
.agile-bundle-line { margin-top: var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--large); }

/* Lists with check marks (feature lists). */
.is-style-agile-checks { list-style: none; padding-left: 0; }
.is-style-agile-checks li { position: relative; padding-left: 1.8rem; margin-bottom: 0.5rem; }
.is-style-agile-checks li::before { content: ""; position: absolute; left: 0.2rem; top: 0.45em; width: 0.45rem; height: 0.8rem; border: solid var(--wp--preset--color--accent-1); border-width: 0 3px 3px 0; transform: rotate(45deg); }

/* Screens: a thin frame so light screenshots don't melt into the paper. */
.is-style-agile-frame img { border: 1px solid var(--wp--preset--color--accent-6); border-radius: 8px; box-shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 8px 24px rgb(0 0 0 / 6%); }

/* "Draft" notice on pages waiting for review. */
.agile-draft-note { border-left: 4px solid var(--wp--preset--color--accent-3); padding: 0.75rem 1rem; background: var(--wp--preset--color--accent-5); }

/* Footer build link: muted, still 4.5:1. */
.agile-build { color: var(--wp--preset--color--accent-4); font-size: 0.875rem; }

/* FAQ summaries are buttons: make them look clickable. */
.wp-block-details summary { cursor: pointer; font-weight: 600; }

/* Placeholders read as hints (forms.md). */
::placeholder { font-style: italic; }