/* ============================================================
   ally_monday -- template-level refinements.
   Previously a blanket, !important-heavy patch layer from the self-serve
   Studio editor (flat accent-color swap, a stray lavender WCU background,
   and a pile of redundant/contradictory per-module rules). Cleared during
   the premium design pass -- the real fixes now live in their owning
   moretech-*.css file (that is the template's own architecture: one
   source of truth per module, see each file's own header). Only the one
   rule with no single module owner stays here.
   ============================================================ */

/* Alternating tint on repeated form-module slots so consecutive contact
   forms don't run together as one flat block. */
.form-module[data-form-slot="2"],
.form-module[data-form-slot="4"],
.form-module[data-form-slot="6"] {
    background-color: var(--mt-surface-alt);
}

/* ------------------------------------------------------------
   Footer -- shared platform component (web/includes/footer.php,
   styled by 02-layout.css), skinned per-template via the standard
   body.tpl-{template} hook rather than editing the shared file.
   Two real gaps found live: the hover/glow colour was
   --mt-brand-primary, which is near-invisible against this footer's
   own dark background; and .footer-social-link has no styling
   anywhere in the shared CSS at all (bare, unbadged icons).
   ------------------------------------------------------------ */
body.tpl-plusfab_industrial .site-footer::before {
    background: linear-gradient(to right, transparent, var(--mt-accent), transparent);
}

body.tpl-plusfab_industrial .footer-links a:hover,
body.tpl-plusfab_industrial .site-footer a:hover {
    color: var(--mt-accent);
}

body.tpl-plusfab_industrial .footer-social {
    display: flex;
    gap: var(--mt-space-3);
}

body.tpl-plusfab_industrial .footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--mt-radius-full);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #C5CBD0; /* brushed steel (was a blue-tinted grey) */
    transition: background-color var(--mt-duration-normal) var(--mt-ease-default),
                border-color var(--mt-duration-normal) var(--mt-ease-default),
                color var(--mt-duration-normal) var(--mt-ease-default),
                transform var(--mt-duration-normal) var(--mt-ease-default);
}

body.tpl-plusfab_industrial .footer-social-link:hover {
    background: var(--mt-accent);
    border-color: var(--mt-accent);
    color: #ffffff;
    transform: translateY(-2px);
}

body.tpl-plusfab_industrial .site-footer .btn-success {
    box-shadow: 0 8px 20px -8px rgba(34, 197, 94, 0.5);
}

/* ------------------------------------------------------------
   PlusFab final design review (2026-10-01) -- minimal corrections for
   SHARED modules on inner pages (these modules have no template-owned
   CSS file; the shared files are untouched).
   ------------------------------------------------------------ */

/* Form module, dark theme + boxed layout: the section's dark theme sets
   near-white text, but the boxed layout puts the fields on a WHITE card
   (form-module.css), so labels and the secondary button inherited
   near-white-on-white and were practically invisible (Service Request
   page). Graphite text inside the white card; 2px corners, no shadow. */
body.tpl-plusfab_industrial .form-module--dark.form-module--boxed .form-module__inner {
    color: #16191C;
    border-radius: 2px;
    box-shadow: none;
}

/* Content block button: pill -> the PlusFab 6px graphite button. */
body.tpl-plusfab_industrial .cb-btn {
    border-radius: var(--mt-radius-sm, 6px);
    font-family: var(--mt-font-heading);
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: none;
}

/* Products (Shop / product pages): rounded SaaS cards, pill buttons and
   pill tags -> the PlusFab panel geometry. Geometry/elevation only. */
body.tpl-plusfab_industrial .prd-card,
body.tpl-plusfab_industrial .prdd-gallery,
body.tpl-plusfab_industrial .prdd-main-img,
body.tpl-plusfab_industrial .prdd-info {
    border-radius: 2px;
    box-shadow: none;
}
body.tpl-plusfab_industrial .prd-card-thumb { border-radius: 0; }
body.tpl-plusfab_industrial .prd-card-cta,
body.tpl-plusfab_industrial .prd-card-link,
body.tpl-plusfab_industrial .prdd-action a,
body.tpl-plusfab_industrial .prdd-action .btn {
    border-radius: var(--mt-radius-sm, 6px);
    box-shadow: none;
}
body.tpl-plusfab_industrial .prd-card-type,
body.tpl-plusfab_industrial .prd-badge,
body.tpl-plusfab_industrial .prdd-cat,
body.tpl-plusfab_industrial .prdd-chip {
    border-radius: 2px;
}