/*
 Theme Name:   Astra Child
 Theme URI:    http://example.com/astra-child/
 Description:  Astra Child Theme
 Author:       Antigravity
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
*/

/* GLOBAL BODY BACKGROUND */
body {
    background-color: #f7f9fc !important;
}

/* THE CARD CONTAINER (The Article) */
article.page,
.ast-article-single {
    background: #ffffff !important;
    max-width: 900px;
    margin: clamp(16px, 4vh, 40px) auto !important;
    padding: clamp(24px, 4vw, 60px) !important;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e1e1e1;
}

/* HEADER STYLE (Make site title link blue) */
.site-title a {
    color: #004494 !important;
}

/* TYPOGRAPHY IN THE CARD */
h2.wp-block-heading {
    border-bottom: 2px solid #004494;
    padding-bottom: 12px;
    margin-bottom: 30px;
    color: #333;
    display: inline-block;
}

p {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #444;
}

/* Product screenshots */
.magic-crayon-screenshots h1,
.magic-crayon-screenshots h2,
.magic-crayon-screenshots h3,
.magic-crayon-screenshots h4 {
    margin-top: 0;
}

.magic-crayon-screenshots figure.wp-block-image {
    margin: 18px 0;
}

.magic-crayon-screenshots img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid #eee;
}

.magic-crayon-hero {
    margin: 0 0 20px 0;
}

.magic-crayon-hero img {
    width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid #eee;
}

/* BUSINESS SCOPE EMPHASIS */
p strong {
    color: #004494;
}

/* HIDE FOOTER BORDER BUT KEEP ICP VISIBLE */
.site-footer {
    background: transparent !important;
    border-top: none !important;
}

.site-footer-icp {
    text-align: center;
    padding: 10px 0;
    font-size: 13px !important;
    color: #999 !important;
    margin-top: 10px;
}

.site-footer-icp__sep {
    display: inline-block;
    margin: 0 10px;
    color: inherit;
}

.site-footer-mps__icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    vertical-align: -2px;
}