.elementor-9759 .elementor-element.elementor-element-6dba7b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9759 .elementor-element.elementor-element-6dba7b9:not(.elementor-motion-effects-element-type-background), .elementor-9759 .elementor-element.elementor-element-6dba7b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2f99c1a );}.elementor-9759 .elementor-element.elementor-element-1cb23fa .elementor-heading-title{font-family:"Signika", Sans-serif;font-size:70px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-9759 .elementor-element.elementor-element-8d3ab4c{font-family:"Signika", Sans-serif;font-size:32px;font-weight:700;}.elementor-9759 .elementor-element.elementor-element-0209146{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9759 .elementor-element.elementor-element-a703e35{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-9759 .elementor-element.elementor-element-a703e35.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9759 .elementor-element.elementor-element-2cec7f5{width:var( --container-widget-width, 50% );max-width:50%;margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-9759 .elementor-element.elementor-element-2cec7f5 img{width:100%;}@media(max-width:1024px){.elementor-9759 .elementor-element.elementor-element-a703e35{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-9759 .elementor-element.elementor-element-2cec7f5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-9759 .elementor-element.elementor-element-2cec7f5.elementor-element{--align-self:center;}.elementor-9759 .elementor-element.elementor-element-2cec7f5 img{width:100%;}}@media(min-width:768px){.elementor-9759 .elementor-element.elementor-element-6dba7b9{--content-width:85%;}.elementor-9759 .elementor-element.elementor-element-0209146{--width:100%;}}@media(max-width:767px){.elementor-9759 .elementor-element.elementor-element-6dba7b9{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9759 .elementor-element.elementor-element-1cb23fa{text-align:center;}.elementor-9759 .elementor-element.elementor-element-1cb23fa .elementor-heading-title{font-size:40px;}.elementor-9759 .elementor-element.elementor-element-8d3ab4c{text-align:center;font-size:20px;}.elementor-9759 .elementor-element.elementor-element-0209146{--width:95%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9759 .elementor-element.elementor-element-a703e35{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-9759 .elementor-element.elementor-element-a703e35.elementor-element{--align-self:center;}}/* Start custom CSS for shortcode, class: .elementor-element-a703e35 *//* Scope na konkretni Elementor widget */
.elementor-element-a703e35 .wpcf7-form {
  --sg-green: #43ad55;        /* po želji promijeni nijansu */
  --sg-green-dark: #2f8e45;
  --sg-gray-700: #00000080;     /* sivi tekst za labele */
  --sg-gray-500: #888888;     /* placeholderi */
  --sg-border: #e0e0e0;
}

/* 1) Labele (“Ime, Kontakt broj…”) – siva boja */
.elementor-element-a703e35 .wpcf7-form p > label {
  color: var(--sg-gray-700);
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

/* 2) Sva standardna input polja: samo donja linija, bez radiusa, transparentna pozadina */
.elementor-element-a703e35 .wpcf7-form input[type="text"],
.elementor-element-a703e35 .wpcf7-form input[type="email"],
.elementor-element-a703e35 .wpcf7-form input[type="tel"] {
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--sg-border);
  border-radius: 0;
  background: transparent;
  padding: 20px 0;
  outline: none;
  box-shadow: none;
  color: #222; /* tekst unosa */
}

/* Placeholderi sivi */
.elementor-element-a703e35 .wpcf7-form input::placeholder,
.elementor-element-a703e35 .wpcf7-form textarea::placeholder {
  color: var(--sg-gray-500);
  opacity: 1;
}

/* Fokus efekt – zelena donja linija */
.elementor-element-a703e35 .wpcf7-form input[type="text"]:focus,
.elementor-element-a703e35 .wpcf7-form input[type="email"]:focus,
.elementor-element-a703e35 .wpcf7-form input[type="tel"]:focus {
  border-bottom-color: var(--sg-green);
}

/* 3) Checkbox – veći + zelena kvačica */
.elementor-element-a703e35 .wpcf7-form input[type="checkbox"] {
  width: 22px;
  height: 22px;
  accent-color: var(--sg-green);   /* moderna, čista opcija */
  margin-right: 8px;
  margin-left: -15px;
  transform: translateY(4px);
}

/* Tekst uz checkbox poravnaj i razmakni */
.elementor-element-a703e35 .wpcf7-form .wpcf7-acceptance,
.elementor-element-a703e35 .wpcf7-form .wpcf7-acceptance + * {
  line-height: 4;
}

/* 4) Textarea “Poruka” – bijela pozadina + radius 20, svoj border */
.elementor-element-a703e35 .wpcf7-form textarea {
  width: 100%;
  background: #ffffff;
  border: 1px solid var(--sg-border);
  border-radius: 20px;
  padding: 14px 16px;
  min-height: 160px;
  outline: none;
  box-shadow: none;
  color: #222;
  /* poništi pravilo “samo donja linija” ako ga nasljeđuje */
  border-bottom-width: 1px !important;
}

.elementor-element-a703e35 .wpcf7-form textarea:focus {
  border-color: var(--sg-green);
}

/* 5) Gumb Pošalji – zeleni, zaobljen, bijeli tekst */
.elementor-element-a703e35 .wpcf7-form input[type="submit"] {
  background: var(--sg-green);
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  padding: 12px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.05s ease;
}

.elementor-element-a703e35 .wpcf7-form input[type="submit"]:hover {
  background: var(--sg-green-dark);
}

.elementor-element-a703e35 .wpcf7-form input[type="submit"]:active {
  transform: translateY(1px);
}

/* Disabled stanje (dok se forma inicijalizira ili validira) */
.elementor-element-a703e35 .wpcf7-form input[type="submit"][disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Spinner malo odmakni od gumba */
.elementor-element-a703e35 .wpcf7-spinner {
  margin-left: 10px;
}





/* Response output poruke */
.wpcf7-response-output {
  border-radius: 12px;              /* zaobljeni rubovi */
  font-family: 'Signika', sans-serif; /* font Signika */
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 15px;
}

/* Uspješno poslano */
.wpcf7-form.sent .wpcf7-response-output {
  background: #e7f9ef;
  border: 1px solid #43ad55;
  color: #2f7d44;
}

/* Greška slanja */
.wpcf7-form.failed .wpcf7-response-output {
  background: #fdecea;
  border: 1px solid #e74c3c;
  color: #b83227;
}

/* Validacijske greške (npr. prazno obavezno polje) */
.wpcf7-form.invalid .wpcf7-response-output {
  background: #fff8e6;
  border: 1px solid #f0ad4e;
  color: #8a6d3b;
}







/* Linkovi u CF7 checkbox tekstu */
.wpcf7-form a {
  color: #43ad55;               /* osnovna zelena */
  text-decoration: none;        /* makne podcrtavanje */
  font-weight: 600;             /* malo bold */
  transition: color 0.2s ease;
}

/* Hover – tamnija zelena */
.wpcf7-form a:hover {
  color: #2f7d3e;
     /* ako želiš naglasiti na hover */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Signika';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://smartgarden.hr/wp-content/uploads/2025/12/Signika-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Signika';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://smartgarden.hr/wp-content/uploads/2025/12/Signika-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */