/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Resetovanje ili prilagođavanje stilova za "Cream" temu */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div > div.b2bking_bulkorder_form_cream_main_container.b2bking_filters_closed {
    display: flex !important; /* Fleksibilno poravnanje elemenata unutar ovog kontejnera */
    flex-direction: column; /* Može biti "row" ili "column" zavisno od potrebnog rasporeda */
    gap: 15px; /* Razmak između elemenata unutar ovog kontejnera */
    padding: 20px; /* Dodaj unutrašnje margine */
    background-color: #fff; /* Postavi pozadinsku boju po potrebi */
    border: 1px solid #ddd; /* Dodaj ivicu ako je potrebno */
    box-sizing: border-box; /* Uključi padding i margine u ukupne dimenzije */
    width: 100%; /* Osiguraj da kontejner zauzme punu širinu */
}

/* Promena pozadine za glavni kontejner */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div {
    background-color: #f8f8f8; /* Svetlo siva pozadina */
    color: #333; /* Tamnosivi tekst */
}

/* Promena pozadine za gornji deo forme */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div > div.b2bking_bulkorder_form_container_top {
    background-color: #000; /* Tamna pozadina */
    color: #fff; /* Bela boja teksta */
}

/* Promena pozadine za sadržaj forme */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div > div.b2bking_bulkorder_form_container_content {
    background-color: #ffffff; /* Bela pozadina */
}

/* Promena pozadine i boje teksta za header u formi */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div > div.b2bking_bulkorder_form_container_content > div.b2bking_bulkorder_form_container_content_header {
    background-color: #333; /* Tamna pozadina */
    color: #fff; /* Bela boja teksta */
}

/* Promena stilova za input polja */
.b2bking_bulkorder_form_container_content_line input[type="text"],
.b2bking_bulkorder_form_container_content_line input[type="number"] {
    background-color: #ffffff; /* Bela pozadina input polja */
    color: #333; /* Tamnosivi tekst */
    border: 1px solid #ccc; /* Svetlosiva ivica */
    padding: 5px; /* Unutrašnje margine */
    border-radius: 5px; /* Zaobljeni uglovi */
    box-sizing: border-box; /* Uključi padding u širinu */
}

/* Promena boje za subtotal */
.b2bking_bulkorder_form_container_content_line_subtotal {
    color: #000; /* Crna boja teksta za subtotal */
}

/* Promena pozadine za live search rezultate */
.b2bking_bulkorder_form_container_content_line_livesearch .b2bking_livesearch_product_result {
    background-color: #f8f8f8; /* Svetlosiva pozadina */
    border-bottom: 1px solid #ddd; /* Siva ivica između rezultata */
}

.b2bking_bulkorder_form_container_content_line_livesearch .b2bking_livesearch_product_result:hover {
    background-color: #e0e0e0; /* Tamnija siva pri hover-u */
}
/* Promena boje teksta u belu za "Pretraži po" i selekt polje */
.b2bking_bulkorder_form_container_content_header_product,
.b2bking_bulkorder_form_container_content_header_product select {
    color: #fff; /* Bela boja teksta */
}

/* Promena boje teksta u belu za količinu (qty) header */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div > div.b2bking_bulkorder_form_container_content > div.b2bking_bulkorder_form_container_content_header > div.b2bking_bulkorder_form_container_content_header_qty {
    color: #fff; /* Bela boja teksta */
}

/* Promena boje teksta u belu za subtotal header */
#b2bking_myaccount_bulkorder_container > div.b2bking_bulkorder_container_final > div > div.b2bking_bulkorder_form_container_content > div.b2bking_bulkorder_form_container_content_header > div.b2bking_bulkorder_form_container_content_header_subtotal {
    color: #fff; /* Bela boja teksta */
}
/* Postavljanje crne boje teksta za sve rezultate pretrage */
.b2bking_bulkorder_form_container_content_line_livesearch,
.b2bking_bulkorder_form_container_content_line_livesearch div {
    color: #000 !important; /* Crna boja teksta */
}

/* Postavljanje crne boje teksta za sve unutar rezultata pretrage */
.b2bking_bulkorder_form_container_content_line_livesearch .b2bking_livesearch_product_result {
    color: #000 !important; /* Crna boja teksta */
}

/* Hover efekat za pozadinu i boju teksta */
.b2bking_bulkorder_form_container_content_line_livesearch .b2bking_livesearch_product_result:hover {
    background-color: #e0e0e0 !important; /* Blago tamnija pozadina pri hover-u */
    color: #000 !important; /* Crna boja teksta pri hover-u */
}
/* Promena boje teksta na crnu u input polju */
.b2bking_bulkorder_form_container_content_line_qty.b2bking_bulkorder_form_container_content_line_qty_classic {
    color: #000 !important; /* Crna boja teksta */
    background-color: #ffffff; /* Bela pozadina za bolji kontrast */
    border: 1px solid #ccc; /* Svetlosiva ivica */
    padding: 5px; /* Unutrašnje margine */
    font-size: 16px; /* Veličina fonta */
}
/* Promena boje pozadine za element sa klasom 'b2bking_myaccount_individual_conversation_top' */
.b2bking_myaccount_individual_conversation_top {
    background-color: #000 !important; /* Crna pozadina */
}
/* Proširenje elementa sa klasom 'b2bking_bulkorder_form_container_content_header' */
.b2bking_bulkorder_form_container_content_header {
    width: 100%; /* Postavi širinu na 100% od roditeljskog elementa */
    padding: 10px 20px; /* Dodaj padding za bolji razmak unutar elementa */
    box-sizing: border-box; /* Osiguraj da padding ne utiče na ukupnu širinu */
}

/* Prilagođeni stilovi za Contact Form 7 */

/* Kontejner forme */
.wpcf7-form {
    max-width: 600px;
    margin: 0 auto;
    background-color: #ffffff; /* Bela pozadina */
    padding: 30px;
    border: 1px solid #dddddd; /* Svetlo sivi okvir */
}

/* Naslovi polja */
.wpcf7-form p {
    margin-bottom: 10px;
    color: #000000; /* Crni tekst */
    font-weight: bold;
}

/* Etikete */
.wpcf7-form label {
    display: block;
    margin-bottom: 15px;
    color: #000000; /* Crni tekst */
    font-size: 16px;
}

/* Polja za unos */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="file"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #cccccc; /* Svetlo sivi okvir */
    border-radius: 4px;
    background-color: #f5f5f5; /* Svetlo siva pozadina */
    color: #000000; /* Crni tekst */
    font-size: 16px;
}

/* Fokus na poljima za unos */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="file"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #999999; /* Tamniji sivi okvir na fokus */
    background-color: #ffffff; /* Bela pozadina na fokus */
    outline: none;
}

/* Radio dugmad i checkbox */
.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
    margin-right: 5px;
}

/* Dugme za slanje */
.wpcf7-form input[type="submit"] {
    background-color: #000000; /* Crno dugme */
    color: #ffffff; /* Beli tekst */
    padding: 14px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
}

/* Hover efekat na dugmetu za slanje */
.wpcf7-form input[type="submit"]:hover {
    background-color: #333333; /* Tamno sivo na hover */
}

/* Poruke o greškama i uspehu */
.wpcf7-form .wpcf7-response-output {
    margin-top: 20px;
    padding: 15px;
    border-radius: 4px;
    font-size: 16px;
}

.wpcf7-form .wpcf7-mail-sent-ok {
    background-color: #d4edda; /* Svetlo zelena pozadina */
    color: #155724; /* Tamno zeleni tekst */
}

.wpcf7-form .wpcf7-validation-errors {
    background-color: #f8d7da; /* Svetlo crvena pozadina */
    color: #721c24; /* Tamno crveni tekst */
}

/* Responzivnost za mobilne uređaje */
@media (max-width: 480px) {
    .wpcf7-form {
        padding: 20px;
    }

    .wpcf7-form input[type="submit"] {
        width: 100%;
        padding: 14px;
    }
}