/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/*TE sakrivanje adrese tj bio od autora na single listing*/
.author-bio-listing{
	display:none;
}


form.sign-in-form .form-group input {
	font-weight:400;
}


/*TE na single listingu kod nabrajanja troskova, cena tj label sece description pa sam label cene pomerio na gore sa 15 na 4px*/
.menu-price-btn{
	top:4px !important;
}

#results{
      font-size: 17px;
    font-weight: 700;
    padding: 16px;
    text-align: center;
    color: #ffffff;
    background-color: #4CAF50; /* Zelena boja */
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    text-transform: uppercase;
}

.lowerDiv{
    padding-top:30px;
}

.org{
    padding-top:11px;
}


#cost-calculator {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

#input-section {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

#results-section {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}


.styled-select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    background-color: #f9f9f9;
    appearance: none; /* Uklanja strelice pretraživača */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%204%205%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M2%200L0%202h4L2%200z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
}

.styled-select:focus {
    border-color: #4CAF50; /* Fokus boja */
    box-shadow: 0 0 4px rgba(76, 175, 80, 0.6);
    outline: none;
}


@media screen and (max-width: 768px) {
    #cost-calculator {
        flex-direction: column; /* Raspored elemenata jedan ispod drugog */
        gap: 10px; /* Manji razmak između sekcija */
    }

    #input-section, #results-section{
        width: 100%; /* Punih 100% širine */
        padding: 15px;
        box-shadow: none; /* Ukloni senku za manju distrakciju na mobilnom */
    }
    
     #results-section{
          order: 2; /* Prikazuje rezultate prvo */
     }
     
     #input-section{
          order: 1; 
     }

    #results {
        font-size: 20px; /* Manji font za mobilni */
        padding: 15px;
    }

    .styled-select {
        font-size: 14px; /* Manji font u select poljima */
        padding: 8px 12px; /* Smanjeni padding */
    }

    h4 {
        font-size: 18px; /* Manji font za naslove */
    }

    #info-section {
        font-size: 12px; /* Manji font za informativni tekst */
        line-height: 1.4;
        order: 3 !important;
    }
}