/*
Theme Name:   Engitech Child
Theme URI:    http://wpdemo.archiwp.com/engitech/
Description:  Make your modifications to [Parent Theme] in this Engitech child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.net/
Template:     engitech
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  engitech-child
*/

/* =Theme customization starts here
------------------------------------------------------- */
.elementor-2274 .elementor-element.elementor-element-bca1ad3:hover .icon-main svg {
  fill: white;
}

.elementor-2274 .elementor-element.elementor-element-5f1c553:hover .icon-main svg {
	fill: white;	
}

#ourpartners img {
	filter: grayscale(1);
	opacity: 0.5;
	max-height: 140px;
	max-width: 210px;
}

#ourpartners img:hover {
	filter: grayscale(0);
	opacity: 1;

}


.ot-accordions .acc-item .acc-toggle {
	background: #17375E;
}

.elementor-5497 .elementor-element.elementor-element-47f46421 .acc-item:not(.current) .acc-toggle:hover {
    color: #FFDC13;
}

.elementor-5497 .elementor-element.elementor-element-47f46421 .acc-item:not(.current):hover .acc-toggle i {
    color: #FFDC13;
}

#linkedin-button, #instagram-button, #facebook-button, #youtube-button, #x-button, #tiktok-button {
    cursor: pointer;
  }

#portal-form,
#cloud-form {
  display: none;
}

#portal-card {
  cursor: pointer;
  position: relative;
}

.contact-card.active {
  background-color: #17375E !important;
}







/* MAILCHIMP SUBSCRIBE */


#subscribe-inner-form {
  display: flex;
  justify-content: center;
  /* izbaci width: 100%; */
  padding: 0px 0; /* ako želiš vertikalni razmak */
  box-sizing: border-box;
  width: auto; /* ili samo ukloni */
}

#subscribe-fields {
  display: flex;
  width: 500px; /* fiksna širina */
  max-width: 90vw; /* responsivno */
  margin: 0 auto; /* centriraj ovaj blok */
  box-sizing: border-box;
}

/* Input polje */
#subscribe-fields input[type="email"] {
  flex: 1;
  background-color: white;
  border: 1px solid #17375E;
  border-right: none; /* ukloni border desno da se spoji sa buttonom */
  padding: 12px 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #17375E;
  box-sizing: border-box;
  outline: none;
}

/* Placeholder boja */
#subscribe-fields input[type="email"]::placeholder {
  color: #bfbfbf; /* svetlo siva */
  font-weight: 700;
}

/* Dugme */
#subscribe-button {
  background-color: #FFDC13;
  border: 1px solid #17375E;
  border-left: none; /* ukloni border levo da se spoji sa inputom */
  color: #17375E;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 0 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
  outline: none;
}

/* Dugme hover efekat */
#subscribe-button:hover {
  background-color: #17375E;
}

/* Ikonica strelice unutar buttona */
#subscribe-button i {
  font-style: normal; /* ako treba možeš zameniti sa nekom SVG ikonicom ili FontAwesome */
}

#subscribe-button:hover i {
  color: white;
}

/* Uklanjanje margina i paddinga koji mogu praviti razmak */
#subscribe-fields input[type="email"],
#subscribe-button {
  margin: 0;
  height: 50px; /* ista visina za input i button */
  line-height: normal;
}






/* MOBILE MENU */

/* Osnovna boja menija i podmenija */
.hfe-nav-menu .hfe-menu-item,
.hfe-nav-menu .hfe-sub-menu-item {
  background-color: #17375E !important;
  color: #fff !important; /* osnovni tekst bel */
}

/* Hover za sve stavke */
.hfe-nav-menu .hfe-menu-item:hover,
.hfe-nav-menu .hfe-sub-menu-item:hover {
  color: #FFDC13 !important;
}

/* Žuti tekst za aktivnu stavku - bilo da je parent ili child */
.hfe-nav-menu li.current-menu-item > a.hfe-menu-item,
.hfe-nav-menu li.current-menu-item > a.hfe-sub-menu-item {
  color: #FFDC13 !important;
}

/* Žuti tekst za roditeljski link ako je aktivna neka podstranica */
.hfe-nav-menu li.current-menu-ancestor > div.hfe-has-submenu-container > a.hfe-menu-item,
.hfe-nav-menu li.current-menu-parent > div.hfe-has-submenu-container > a.hfe-menu-item {
  color: #FFDC13 !important;
}