/*

Theme Name: Kombi 2000

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: askosmac

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

.hero-contact-form input[type="text"],
.hero-contact-form input[type="tel"],
.hero-contact-form input[type="number"],
.hero-contact-form select,
.hero-contact-form input[type="email"],
.hero-contact-form textarea{
	border: 1px solid #577C8E3D;
	box-shadow: none;
	margin-bottom: 16px;
	border-radius: 6px !important;
	width: 100%;
}


.hero-contact-form input[type="submit"]{
	padding: 12px 30px;
	border-radius: 50px;
	margin-left: auto;
	display: flex;
	background-color: var( --e-global-color-332724a );
}

.hero-contact-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type="text"],
.hero-contact-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type="tel"],
.hero-contact-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type="email"],
.hero-contact-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) textarea{
	margin-bottom: 32px;
}

.hero-contact-form .wpcf7-not-valid-tip{
	position: absolute;
	top: 32px;
	font-size: 14px;
}

.hero-contact-form .wpcf7-spinner{
	display: none;
}

form:has(.hero-contact-form) .wpcf7-response-output{
	background: var( --e-global-color-d49ac81 );
	border-color: var( --e-global-color-d49ac81 ) !important;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 0;
}

.hero-contact-form .wpcf7-acceptance .wpcf7-list-item-label,
.hero-contact-form .wpcf7-acceptance .wpcf7-list-item-label a{
	color: #FFF;
}

.half-left,
.half-right{
	max-width: calc((var(--content-width) - 10px) / 2);
}

.half-left{
	margin-left: auto;
}

.footer-link a{
	color: #7C7C7C !important;
}

.elementor-headline.e-animated .before{
	font-weight: 600;
	font-style: Demi;
	font-size: 22px;
	line-height: 100%;
}

.elementor-headline.e-animated .after{
	color: var( --e-global-color-d49ac81 );
	font-weight: 400;
	font-size: 38.37px;
	line-height: 100%;
}

.pogosta-vprasanja{
	position: relative;
}

.pogosta-vprasanja:before,
.pogosta-vprasanja:after{
	position: absolute;
	bottom: -10px;
	content: '';
	pointer-events: none;
	z-index: -1;
}

.pogosta-vprasanja:before{
	background: url(assets/faq-2.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 565px;
	height: 467px;
	left: 0;
	top: unset;
}

.pogosta-vprasanja:after{
	background: url(assets/faq-1.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 586px;
	height: 700px;
	right: 0;
}

@media (max-width: 767px){
	.half-left,
	.half-right{
		max-width: 100%;
	}
	.pogosta-vprasanja{
		overflow: hidden;
	}
	
	.pogosta-vprasanja:after{
		display: none;
	}
	
	.pogosta-vprasanja:before{
		background-image: url(assets/mobile-footer.webp);
		width: 100%;
		height: 200px;
		background-size: 100% 100%;
	}
}






























.hero-contact-form .elementor-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}

.hero-contact-form .elementor-row br{
	display: none;
}

.hero-contact-form .elementor-row p{
	margin: 0;
	width: 100%;
}

.hero-contact-form .elementor-column.elementor-col-50 {
  width: calc(50% - 8px);
}

.hero-contact-form .elementor-column.elementor-col-100 {
  width: 100%;
}

/* Label styling */
.hero-contact-form label {
  display: block;
  font-weight: 500;
  color: #fff; /* white text */
  font-size: 14px;
  margin-bottom: 4px; /* less spacing than before */
}

/* Input, select, and textarea fields */
.hero-contact-form .elementor-field,
.hero-contact-form .wpcf7-form-control {
  width: 100%;
  color: #000;
  border: none;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  transition: all 0.2s ease;
}

/* Focus state */
.hero-contact-form .elementor-field:focus,
.hero-contact-form .wpcf7-form-control:focus {
  outline: none;
  box-shadow: 0 0 0 2px #83aa34; /* accent color on focus */
}

/* Submit button styling */
.hero-contact-form .elementor-button {
  background: #83aa34;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hero-contact-form .elementor-button:hover {
  background: #99c143;
}

/* GDPR text */
.hero-contact-form .wpcf7-acceptance {
  color: #ccc;
  font-size: 13px;
	padding: 0;
}

.hero-contact-form .wpcf7-acceptance .wpcf7-list-item{
	margin: 0;
}

/* Responsive - one field per row on mobile */
@media (max-width: 767px) {
  .hero-contact-form .elementor-column.elementor-col-50 {
    width: 100%;
  }
}