/*
Theme Name: Extendable Child
Theme URI:  https://yourwebsite.com/
Description: Child tema za Extendable
Author: Vanja Maric
Author URI: https://yourwebsite.com/
Template: extendable
Version: 1.0
*/

/* CONTACT FORM */
.wpcf7 {
    color: var(--wp--preset--color--foreground-alt); /* Boja teksta teme ili default boja */
	font-family: var(--wp--preset--font-family--gotu) !important;
}

.wpcf7 label {
    font-weight: bold;
    margin-bottom: 8px;
    color: inherit; /* Boja naslijeđena iz glavne teme */
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    width: 95%;
    padding: 10px;
    margin-bottom: 6px;
    border: 1px solid var(--primary-border-color, #ccc); /* Granica prema boji teme */
    border-radius: 4px;
    color: var(--primary-text-color, #333); /* Boja teksta unutar input polja */
    background-color: var(--input-background-color, #fff); /* Pozadinska boja unutar input polja */
}

.wpcf7 select.wpcf7-form-control {
    padding: 10px; /* Unutarnje margine */
    margin-bottom: 6px; /* Razmak ispod selecta */
    border: 1px solid #ccc; /* Granica oko selecta */
    border-radius: 4px; /* Zaobljeni kutovi */
    -webkit-appearance: none; /* Uklanja defaultni izgled u Webkit preglednicima */
    -moz-appearance: none; /* Uklanja defaultni izgled u Firefoxu */
    appearance: none; /* Uklanja defaultni izgled u svim preglednicima */
}

.wpcf7 input[type="submit"] {
    background-color: var(--wp--preset--color--foreground); /* Boja pozadine dugmeta prema temi */
    color: var(--button-text-color, white); /* Boja teksta na dugmetu */
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    background-color: var(--button-hover-background-color, #45a049); /* Tamnija boja kad se pređe mišem */
}

/* BUTTONS IN PRISER */
.wp-block-column {
  display: flex;
  flex-direction: column;
}

.wp-block-list {
  margin-bottom: 20px; /* Promenite broj 10px u željenu vrednost */
}

.wp-block-buttons {
  margin-top: auto;
}

.wp-block-separator {
  margin: 5px;
}

/* Podesite <h2> da bude centrirano */
.wp-block-column h2 {
  text-align: center; /* Centrirajte tekst unutar <h2> */
  width: 100%; /* Obezbedite da <h2> zauzima celu širinu, tako da centriranje bude tačno */
  margin: 0; /* Uklonite marginu oko <h2> ako je potrebno */
}