/* ------------------------------------------------------------------
   Camry - small corrections on top of the theme CSS.
   Loaded last so it wins. Icon sizes are NOT touched - they render at
   the theme's own 25px.
   ------------------------------------------------------------------ */

/* Footer social icons - belt and braces.

   The real cause of the disappearing Instagram icon was a class-name
   collision, fixed in build.py: the export rewrote every inline style=""
   into a per-page class "sr-inline-<n>", numbered independently in each
   page's stylesheet. The shared footer carried the homepage's numbering,
   so on /our-products/ the Instagram <svg> picked up that page's
   .sr-inline-23 - "position:relative; padding:30px" - which burst a 25px
   icon out of its 25px box and hid it. The shared nav and footer no
   longer carry those classes.

   This rule stays as a guard for a second, smaller problem: the list
   items carry "wow animate__animated animate__fadeInUp" with
   data-wow-delay="0.5s", and animate.css sets animation-fill-mode:both,
   so before the animation starts the icon sits a full height lower at
   opacity 0. Footer icons do not need a scroll reveal, so it is
   cancelled for them only - every other .wow element is left alone. */
/* Contact form response box.

   Contact Form 7's stylesheet gives .wpcf7-response-output a 2px blue
   border and relies on "form.init" to hide it until there is something
   to say. The AJAX rewrite dropped the wpcf7 form classes, so the empty
   box sat under the Submit button as a blue line. Hide it by default;
   contact.js sets display:block inline (and its own colour) when it has
   a message, which beats this rule without needing !important. */
#camryFormMsg {
    display: none;
}

.icon-li.animate__animated,
.icon-li.wow {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
    visibility: visible !important;
}