/*
 * Hand-written theme CSS that lives outside Tailwind (no rebuild needed).
 * Loaded on every page after the compiled Tailwind file (logmatic-css).
 */

/* Footer and pre-footer CTA: same background and type colours as the "How it works" section
   (diagonal #0F172B > #162456 > #0F172B gradient with the glow image, white text).
   Contrast on #162456: white 14.8:1, rgba(255,255,255,.72) 8.3:1; on #0F172B 17.8:1 and 10:1 (WCAG AAA). */
.logmatic-footer-area {
    background-color: #0f172b;
    background-image: url('../images/how-it-works-gradients.png'), linear-gradient(to bottom right, #0F172B 0%, #162456 50%, #0F172B 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: right 56px top, 0 0;
    background-size: min(64rem, 100%) 100%, 100% 100%;
}
.logmatic-footer-bar { border-top: 1px solid rgba(255, 255, 255, .12); }
.logmatic-footer-copy { color: #fff; }
.logmatic-footer-menu a { color: #fff; }
.logmatic-footer-legal a,
.logmatic-footer-meta,
.logmatic-footer-meta a { color: rgba(255, 255, 255, .72); }
.logmatic-footer-menu a:hover,
.logmatic-footer-menu a:focus-visible,
.logmatic-footer-legal a:hover,
.logmatic-footer-legal a:focus-visible,
.logmatic-footer-meta a:hover,
.logmatic-footer-meta a:focus-visible {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Product page "Product description" block: variation descriptions from the
   product import use h3 / ul / p, which Tailwind's reset would otherwise flatten. */
.woocommerce-product-details__short-description > * + * { margin-top: .75em; }
.woocommerce-product-details__short-description h3 {
    margin-top: 1.5em;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--color-black-1, #010101);
}
.woocommerce-product-details__short-description ul { list-style: disc; padding-left: 1.25em; }
.woocommerce-product-details__short-description ol { list-style: decimal; padding-left: 1.25em; }
.woocommerce-product-details__short-description li + li { margin-top: .25em; }
.woocommerce-product-details__short-description strong { color: var(--color-black-1, #010101); font-weight: 600; }

/* Shop "All" tab dot: truck blue + agri orange. */
.logmatic-shop-dot-all { background: linear-gradient(90deg, #1c398e 50%, #f9a025 50%); }

/* Home "What it does": icons (with their coloured tile) 50% larger than the old 45/50px. */
.logmatic-issue-icon { width: 67.5px; height: 67.5px; }
@media (min-width: 1024px) { .logmatic-issue-icon { width: 75px; height: 75px; } }

/* Home "What it does": SEO paragraphs under the four items. */
.logmatic-seo-text { max-width: 860px; margin: 40px auto 0; text-align: center; font-size: 14px; line-height: 1.6; color: var(--color-grey-text-1, #686868); }
.logmatic-seo-text p + p { margin-top: 1em; }
@media (min-width: 1024px) { .logmatic-seo-text { font-size: 16px; } }