/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy-child
 */



/* Stilizacija za prikaz nekratina u archive properties */
.property-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
    width: 100%;
}


@media (max-width: 768px) {
    .property-grid {
        grid-template-columns: 1fr;
    }

    .property-title {
        word-break: break-word;
        white-space: normal;
    }
}

/* Stilizacija za kartice nekretnine */
.property-item {
	display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

.property-item:hover {
    transform: translateY(-10px);
}

/* Thumbnail */
.property-thumbnail {
    position: relative;
    width: 100%;
}

/* Istaknuto bedž */
.property-featured-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(to bottom, var(--theme-palette-color-1) 0%, var(--theme-palette-color-2) 100%);
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
}

/* TAGS */
.property-tags {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 5px;
}

.tag {
    background: #003566;
    color: white;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
}

.transaction {
    background: linear-gradient(to bottom, #b74134 0%, #812e23 100%);
}

.type {
    background: linear-gradient(to bottom, #496f86 0%, #2f4c5a 100%);
}

/* Lokacija */
.property-location {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}
	
	
/* Informacije o nekretnini */
.property-info {
    flex-grow: 1;
    display: flex; /* Dodaj flex */
    flex-direction: column; /* Postavi sve unutra u vertikalni raspored */
    padding: 15px;
    text-align: left;
}


/* Meta podaci */
.property-meta {
	margin-top: auto;
    display: flex;
    justify-content: space-around;
    padding: 10px;
	background: linear-gradient(to bottom, var(--theme-palette-color-6) 0%, var(--theme-palette-color-5) 100%);
    border-radius: 0 0 10px 10px;
}

.property-info-text  {
	color: var(--theme-palette-color-3);
	font-weight: bold;
}	

.property-info-icon {
    width: clamp(16px, 2vw, 20px);
    height: clamp(16px, 2vw, 20px);
    object-fit: contain; /* Održava proporcije ikone */
	filter: brightness(0) saturate(100%) sepia(1) hue-rotate(10deg) brightness(1.1);
}

	/* Poruka kada nema pronađenih nekretnina*/
.no-properties-message {
	font-size: clamp(16px, 2vw, 14px);
    text-align: center;
    color: #666;
    margin: 40px 0;

    opacity: 0;
    animation: fadeIn 0.4s ease-in forwards;
}

.property-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .property-item {
        width: 100%;
    }