/*
 Theme Name:   EM Child
 Theme URI:    https://em.co.ua/
 Description:  Child theme for em.co.ua — based on Soledad 8.4.2 (PenciDesign)
 Author:       em.co.ua dev
 Template:     soledad-multiconcept-blogmagazine-wp-theme/soledad
 Version:      1.0.0
 Text Domain:  em-child
*/

/* Custom styles go here */

/*
 * Task 02 — SEO/keyword text block on category pages.
 *
 * This is WooCommerce's native term (category) description, output by
 * Soledad's own hook chain: penci_woocommerce_before_main_content() /
 * woocommerce_after_shop_loop (position toggled by the Customizer setting
 * "penci_archive_move_desc" — NOT touched here, visual-only task) wrapping
 * core woocommerce_taxonomy_archive_description(). Markup:
 *   <div class="post-entry pc-proterm-description">
 *     <div class="term-description"> ...editor-authored h1/p/ul/a... </div>
 *   </div>
 * Text, links and URLs inside are never modified — styling only.
 *
 * Values: 13px vs. the theme's 14px body base (main.css) so it actually
 * reads smaller; color reuses the theme's own muted/meta token
 * (--pcmeta-cl, #888888) instead of a new gray, for consistency with the
 * rest of the site.
 *
 * !important note: the link color rule below needs it. Soledad's
 * Customizer outputs a dynamically-generated inline <style> block in
 * <head> (the "penci-custom-style" block — see typography.css's own
 * inventory comment for the same mechanism) containing a huge grouped
 * selector list that includes plain "a" AND ".post-entry a" with
 * "color: rgb(255,127,0)" (the site's accent orange). ".post-entry a"
 * has the exact same specificity as our ".term-description a" (one
 * class + one element), and that inline block is printed later in
 * <head> than this stylesheet, so on a plain cascade it wins. Confirmed
 * via computed-style + matched-CSSRules inspection (Playwright), not
 * guessed — no other property on this element is affected, only color.
 */
.term-description {
    max-width: 700px;
    color: var(--pcmeta-cl, #888888);
}
.term-description h1,
.term-description h2,
.term-description h3 {
    font-size: 16px;
    color: var(--pcmeta-cl, #888888);
}
.term-description p,
.term-description li {
    font-size: 13px;
    line-height: 1.7;
    color: var(--pcmeta-cl, #888888);
}
.term-description a {
    color: var(--pcmeta-cl, #888888) !important;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    opacity: 0.7;
}
.term-description a:hover {
    opacity: 1;
}
@media (max-width: 767px) {
    .term-description {
        max-width: 100%;
    }
}

/*
 * Task 07's original fix lived here: CSS-only equal-height/aligned-button
 * rules scoped to Soledad's stock ".penci-soledad-product.standard" card in
 * the "related products" block. Superseded by task 04, which gives the
 * related-products loop the SAME shared card as the shop/category archive
 * (see catalog.php's `wc_get_template_part` filter + assets/css/catalog.css)
 * instead of patching Soledad's card with CSS — the prompt for 04 explicitly
 * asks for one card in all three places (archive, category, "related"), not
 * three variants of the same idea. Soledad's own card is no longer rendered
 * in that block, so those rules would be dead weight; removed rather than
 * left commented out.
 */

.container {
    padding: 0 20px;
}