/*
 Theme Name:   Dekoro Child
 Theme URI:    https://wordpress.com
 Description:  This is a child theme for Dekoro
 Author:       Goalthemes
 Author URI:   #
 Template:     dekoro
 Version:      1.0.0
 Text Domain:  dekoro-child
*/

/* ---------- Valero Home customisations ---------- */
/* Logo: wider wordmark than the demo logo, so size by width */
.logo img, .elementor-widget-dekoro_logo .logo img { width: 168px; height: auto; }
@media (min-width: 1200px) {
  .logo img, .elementor-widget-dekoro_logo .logo img { width: 210px; }
}
body .goal-footer .logo img { width: 180px; height: auto; }
@media (min-width: 1200px) { body .goal-footer .logo img { width: 200px; } }
body .header-mobile .logo img, body .offcanvas-menu .logo img { width: 160px; height: auto; }

/* Newsletter (Contact Form 7 in the footer, styled like the original Mailchimp form) */
.vh-newsletter .wpcf7 { width: 100%; }
.vh-newsletter .wpcf7-form p { margin: 0; }
.vh-newsletter .input-group { display: flex; flex-wrap: nowrap; align-items: flex-start; width: 100%; }
.vh-newsletter .input-group .form-input { flex: 1 1 auto; }
.vh-newsletter .wpcf7-form-control-wrap { display: block; }
.vh-newsletter .input-group-btn .btn i { margin-left: 8px; }
.vh-newsletter .wpcf7-spinner { position: absolute; margin: 14px 0 0 8px; }
.vh-newsletter .wpcf7-not-valid-tip { color: #ffb4b4; font-size: 13px; margin-top: 6px; }
.vh-newsletter .wpcf7 form .wpcf7-response-output { margin: 14px 0 0; padding: 10px 16px; border-radius: 8px; color: #fff; font-size: 14px; }
.vh-newsletter .wpcf7 form.sent .wpcf7-response-output { border-color: #f0c429; }
@media (max-width: 575px) {
  .vh-newsletter .input-group { flex-wrap: wrap; gap: 10px; }
  .vh-newsletter .input-group .form-input, .vh-newsletter .input-group-btn { flex: 1 1 100%; width: 100%; }
  .vh-newsletter .input-group-btn .btn { width: 100%; }
}
/* Footer "Need help?" email keeps its natural case */
body .goal-footer .elementor-element-1fd8918 .elementor-heading-title { text-transform: none; font-size: 20px; word-break: break-word; }
body .goal-footer .elementor-element-1fd8918 .elementor-heading-title { text-transform: none !important; }
.vh-newsletter .input-group-btn .btn:focus, .vh-newsletter .input-group-btn .btn:active { background-color: var(--dekoro-theme-color, #f0c429); border-color: var(--dekoro-theme-color, #f0c429); color: #222; }
@media (max-width: 575px) {
  body .vh-newsletter .input-group-btn .btn { margin-left: 0; margin-right: 0; }
}

/* Contact form: stop Bootstrap row gutters causing sideways scroll on phones (2026-10-30) */
@media (max-width: 767px) {
  .contact-us .row { margin-left: 0; margin-right: 0; }
  .contact-us .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
}
/* About/Contact: full-width rows and the testimonial slider poke ~15px past the viewport (2026-10-30) */
.about-page #main-container, .contact-page #main-container, .about-page .site-main, .contact-page .site-main { overflow-x: clip; }
