/* ============================================================
   SEC-386 — Blog (single post) overrides for the redesign/home
   and section blocks placed inside an article.

   Loaded ONLY on is_singular('post') (see functions.php → psec_scripts),
   and every selector is additionally scoped to `.article`, so:
     • normal pages / the home page are never affected;
     • the blog sidebar (.blog-aside) is never affected;
     • block paddings change only when the block sits inside a post.
   ============================================================ */

/* 1) Outer left/right padding = 0.
   The article already provides its own container, so the block
   containers must not add their own horizontal padding/centering. */
.article .h-container,
.article .home-container,
.article .home-container--full {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/* Dark "Remaining questions?" form: it has width:calc(100% + 30px) +
   negative margin on small screens — keep it inside the column. */
.article .order-security {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* 2) Vertical rhythm.
   Homepage sections use huge gaps (.section margin-bottom:200px / 130px,
   .home-services padding:120px 0 80px). Inside an article they only need
   a normal block gap. */
.article .section,
.article .home-promotions,
.article .home-services,
.article .home-consult,
.article .service-cards {
    margin: 40px 0;
    padding-top: 0;
    padding-bottom: 0;
}

.article .section:last-child,
.article .home-promotions:last-child,
.article .home-services:last-child,
.article .home-consult:last-child,
.article .service-cards:last-child {
    margin-bottom: 0;
}

/* 3) Consult-form title.
   The article heading rule `.article-section .article h2 { margin:60px 0 20px }`
   (specificity 0,2,1) injects top/bottom margins that break the form heading,
   which by design (home.css) has margin:0 and relies on a flex gap. Neutralise
   it — selector must out-specify (0,2,1), hence the full .article-section chain
   (0,3,0). Blog-only. */
.article-section .article .home-consult__form-title {
    margin-top: 0;
    margin-bottom: 0;
}

/* 4) Form padding in blog: the homepage form-wrapper uses padding:100px 104px,
   which is far too much inside the narrow article column. Match the dark
   "Remaining questions?" form instead (.order-security: 70px 30px desktop,
   60px 15px on small screens). Blog-only. */
.article .home-consult__form-wrapper,
.article .order-security{
    padding: 35px 30px;
}
@media (max-width: 575px) {
    .article .home-consult__form-wrapper,
    .article .order-security{
        padding: 15px 15px;
    }
}

/* 5) Promo cards — 16:9 rectangle inside the article (client feedback 01.07).
   The global rule pins a rigid height (340px desktop / 260px mobile) that made
   the card square/portrait and its content overflow the narrow article column.
   Inside the article: drop the rigid height (-> auto) and give the card a 16:9
   aspect-ratio instead, so it's a landscape rectangle and grows to its content
   if needed (no overflow). Blog-only; the home page keeps its 340px sizing. */
.article .home-promotions__item {
    height: auto;
    aspect-ratio: 21 / 9;
}

/* 6) Service cards — restore the original explicit height inside the article
   (client feedback 01.07). Their content (.service-cards__content / __goto) is
   absolutely positioned, so with the height removed the card collapses to 0 and
   disappears. Put back the original 340px — only for these cards, blog-only. */
.article .service-cards__card {
    height: 340px;
}
.article .home-consult__form-wrapper p,
.article .order-security__container p{
    margin-bottom: 0;
}
.article .home-consult__form-footer{
    margin-top: 40px;
}

.article .order-security__title{
    margin-bottom: 25px;
}