/* WordPress-only additions on top of the Reel prototype CSS (base.css + reel.css). */

/* The home sections' colours apply on any page a block is placed on */
.dir-reel main { --q-bg: #000; --q-fg: #fff; --q-muted: #a3a3a3; --q-line: rgba(255,255,255,.16); }
.dir-reel { --q-space: clamp(104px, 12vw, 176px); }
@media (max-width: 640px) { .dir-reel { --q-space: 72px; } }

/* Logged-in admin bar sits above the fixed header */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Contact form: spam trap hidden from people, error note */
.cf__hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cf__alert { margin-bottom: 1.2rem; padding: .8rem 1rem; border-left: 2px solid #c0392b; background: #fbeeec; color: #7a1f14; font-size: .95rem; }

/* Instagram feed plugin output inside our section */
.q-ig__feed { margin-top: 2rem; }

/* Text section block */
.text-sec .sec-head + .text-sec__body { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.text-sec__body { max-width: 44rem; }
.text-sec__link { margin-top: 2rem; }

/* E.G. Instagram Feed plugin inside this theme (classes added via eg_ig_classes) */
.dir-reel .eg-ig { --eg-ig-max: none; }
.dir-reel .eg-ig__intro { color: var(--q-muted); opacity: 1; }
.dir-reel .eg-ig__tile { background: #1a1a1a; }
.dir-reel .eg-ig__ext { font-size: .85em; }