/* ═════════════════════════════════════════════════════════════════
   Brum Immigration — Static Site Polish Overrides
   Improvements beyond the original WordPress theme
   ═════════════════════════════════════════════════════════════════ */

/* ─── Form Input Improvements ────────────────────────────────── */
/* Make form fields more visible with subtle borders + focus states */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
  border: 1px solid #ccc !important;
  border-radius: 4px;
  padding: 12px 16px !important;
  font-size: 15px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  background-color: #fafafa;
}

.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
  border-color: #8b6f47 !important;
  box-shadow: 0 0 0 3px rgba(139, 111, 71, 0.15);
  outline: none;
  background-color: #fff;
}

/* Improve placeholder text appearance */
.wpcf7-form-control::placeholder {
  color: #999;
  font-style: italic;
}

/* Submit button polish */
.wpcf7-submit {
  background-color: #5f5346 !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 40px !important;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

.wpcf7-submit:hover {
  background-color: #8b6f47 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(95, 83, 70, 0.3);
}

.wpcf7-submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(95, 83, 70, 0.2);
}

/* ─── Navigation Link Hover Effects ──────────────────────────── */
/* Smoother hover transitions for top nav */
#Top_bar .menu > li > a {
  transition: color 0.25s ease !important;
}

/* ─── Footer Polish ──────────────────────────────────────────── */
/* Social icon hover effects */
.footer-area .icon-facebook:before,
.footer-area .icon-instagram:before,
.footer-area .icon-youtube-play:before,
.footer-area .fa-facebook-f:before,
.footer-area .fa-instagram:before,
.footer-area .fa-youtube:before {
  transition: color 0.25s ease, transform 0.25s ease;
}

.footer-area a:hover .icon-facebook:before,
.footer-area a:hover .icon-instagram:before,
.footer-area a:hover .icon-youtube-play:before,
.footer-area a:hover .fa-facebook-f:before,
.footer-area a:hover .fa-instagram:before,
.footer-area a:hover .fa-youtube:before {
  color: #f1e2c3 !important;
}

/* Back to top button smooth scroll */
#back_to_top {
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

#back_to_top:hover {
  transform: translateY(-3px);
}

/* ─── Smooth Scroll Behavior ─────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

/* ─── Accessibility Focus States ─────────────────────────────── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #8b6f47;
  outline-offset: 2px;
}

/* ─── CTA Button Polish ──────────────────────────────────────── */
/* "Get Started" button in header */
#Top_bar .action_button {
  transition: background-color 0.3s ease, transform 0.15s ease !important;
}

#Top_bar .action_button:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

/* ─── "Watch Video" button polish ────────────────────────────── */
.button-default a,
a.mfn-link {
  transition: background-color 0.3s ease, transform 0.15s ease, box-shadow 0.3s ease !important;
}

.button-default a:hover,
a.mfn-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* ─── Image Hover Effects ────────────────────────────────────── */
/* Subtle zoom on team/service images */
.image_frame .image_wrapper img {
  transition: transform 0.4s ease !important;
}

.image_frame:hover .image_wrapper img {
  transform: scale(1.03);
}

/* ─── Empty style attributes cleanup ─────────────────────────── */
/* The original WP theme leaves some empty style="" attributes which is harmless
   but we can ensure clean rendering */

/* ─── Print-friendly ─────────────────────────────────────────── */
@media print {
  #Top_bar,
  .footer-area,
  #back_to_top,
  .to-footer {
    display: none !important;
  }
  
  body {
    color: #000 !important;
    background: #fff !important;
  }
}