/* ==========================================================================
   custom.css — your own overrides
   --------------------------------------------------------------------------
   Loaded last, after style.css and responsive.css, so anything here wins.

   Keep your edits in THIS file. style.css and responsive.css get replaced
   whenever a fix is applied — which is how the earlier Turnstile spacing was
   lost. This file is never shipped, so it survives.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Cloudflare Turnstile — spacing only
   --------------------------------------------------------------------------
   The widget renders inside a CLOSED shadow root, so its background, text and
   border cannot be styled from here. Cloudflare exposes only
   data-theme="light|dark|auto" — deliberately, so a page cannot disguise the
   widget as something else.

   A navy plate behind it was tried and looked worse: the widget does not fill
   its own box, so the plate showed as a border rather than a background.
   Spacing is all that is left, and it is enough.
   -------------------------------------------------------------------------- */

.cf-turnstile {
    margin-block-start: 18px;
    margin-block-end: 8px;
}

.site-footer .cf-turnstile {
    margin-block-start: 16px;
    margin-block-end: 4px;
}

@media (max-width: 400px) {
    .cf-turnstile {
        transform: scale(.92);
        transform-origin: left top;
    }

    [dir="rtl"] .cf-turnstile {
        transform-origin: right top;
    }
}
