/*
 * Theme Name: BlueCollar
 * Theme URI: http://preview.lsvr.sk/bluecollar
 * Text Domain: bluecollar
 * Description: Handyman & Renovation Business WordPress Theme
 * Version: 2.7.15
 * Author: LSVRthemes
 * Author URI: http://themeforest.net/user/LSVRthemes/portfolio
 * Tags: threaded-comments, translation-ready, featured-images, custom-logo, custom-menu, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, footer-widgets, full-width-template, rtl-language-support
 * License: http://themeforest.net/licenses
 * License URI: http://themeforest.net/licenses
 *//* -----------------------------------------------------------------------------

	This theme's CSS is coded with SASS (http://sass-lang.com/).

	DO NOT make changes to this file, nor to any other file in the theme.
	Any sort of code customization should be done via Child Theme.
	https://codex.wordpress.org/Child_Themes

	SASS source files can be found in assets/sass folder.
	However, the proper way to examine the CSS is to use
	object inspector tool of your browser on the live site.

----------------------------------------------------------------------------- */

/* Fancy select */
.handyman-contact-form {
  max-width: 500px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

.handyman-contact-form label {
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
  color: #333;
}

.handyman-contact-form .input-field,
.handyman-contact-form .fancy-select select,
.handyman-contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.3s ease;
}

.handyman-contact-form .input-field:focus,
.handyman-contact-form textarea:focus,
.handyman-contact-form .fancy-select select:focus {
  border-color: #25D366; /* зеленый WhatsApp стиль */
  outline: none;
  box-shadow: 0 0 5px rgba(37,211,102,0.5);
}

.handyman-contact-form .fancy-select {
  position: relative;
}

.handyman-contact-form .fancy-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url('data:image/svg+xml;utf8,<svg fill="gray" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;
  background-size: 16px;
  cursor: pointer;
}

.handyman-contact-form .btn-submit {
  display: inline-block;
  background-color: #25D366;
  color: #fff !important;
  font-weight: bold;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.handyman-contact-form .btn-submit:hover {
  background-color: #1ebe57;
}

/* .handyman-contact-form textarea {
  resize: vertical;
  min-height: 120px;
} */
.handyman-contact-form textarea {
  width: 60%;
  min-height: 80px; /* начальная высота */
  max-height: 400px; /* максимум, чтобы не занимало слишком много места */
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.5;
  resize: none; /* запрет ручного изменения размера */
  overflow: hidden; /* скрываем скролл */
  transition: all 0.2s ease;
}