/*
Theme Name: Time Restoration
Theme URI: https://timerestoration.com
Description: Child theme for Time Restoration, LLC (Kadence). Presentation only; approved custom-CSS exceptions are logged in docs/custom-css-log.md.
Author: Purpose Proxy
Template: kadence
Version: 1.0.0
*/

/* --- #1 Home banner scroll arrow (user, 2026-09-18): the old site's gold arrow bounced at the bottom of the
   100vh video banner. Position + looping animation have no block setting; everything else (icon, size, colour,
   link) is the Kadence Icon block's own. Applied via the block's Additional CSS Class = tr-scroll-down. --- */
.kb-row-layout-wrap:has(> .kt-row-column-wrap .tr-scroll-down) { position: relative; }
.tr-scroll-down { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 50px; height: 50px; z-index: 5; animation: tr-bounce 1s infinite; }
@keyframes tr-bounce { 0% { bottom: 5px; } 25%, 75% { bottom: 15px; } 50% { bottom: 20px; } 100% { bottom: 0; } }

/* --- #2 Home banner logo (2026-09-18): the old site's #hide-me rule shrank the logo lock-up away 5 s after load
   (animation: cssAnimation 2s ease-out 5s forwards) so the video plays uncovered. Timed animation has no block
   setting. Applied via the Image block's Additional CSS Class = tr-banner-logo. --- */
.tr-banner-logo { animation: tr-logo-hide 2s ease-out 5s forwards; transform-origin: center; }
@keyframes tr-logo-hide { to { opacity: 0; transform: scale(0.6); visibility: hidden; } }

/* --- #3 Gravity Forms submit = brown (user, 2026-09-18). The form's submit inherits the global translucent-black button;
   Gravity Forms' own styling would need hex colours, so one palette rule here. --- */
.gform_wrapper .gform_button { background: var(--global-palette5); }
.gform_wrapper .gform_button:hover, .gform_wrapper .gform_button:focus { background: var(--global-palette10); }

/* --- #4 Form field text (user, 2026-09-18): Kadence colours inputs with palette3, which is the cream on this palette —
   unreadable on the white fields. No Customizer control exists for input text colour. --- */
.gform_wrapper input:not([type="submit"]):not([type="button"]), .gform_wrapper textarea, .gform_wrapper select,
.gform_wrapper input:not([type="submit"]):not([type="button"]):focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus { color: var(--global-palette7); }
.gform_wrapper ::placeholder { color: var(--global-palette5); opacity: 1; }