/*
 Theme Name:   Blocksy Child
 Theme URI:    https://creativethemes.com/blocksy/
 Description: Child tema za Blocksy
 Author:      Urban & Maestro
 Author URI:  https://kreativija.si
 Template:    blocksy
 Version:     1.0.0
 Text Domain: blocksy-child
*/

/* tvoj CSS spodaj */

.entry-header > :not(:first-child) {
  margin-top: 0 !important;
}

:is(.is-layout-flow, .is-layout-constrained) :where(h1, h2, h3, h4, h5, h6) {
  margin-block-end: 0 !important;
}

.card-content .entry-meta li {
  display: block;
  margin-bottom: 10px !important;
}



/* LOOP ponudnik da se ralikuje od storitev */


.entry-card.ponudnik {
	background-color: #f3f3f3 !important;
}




.ponudnik-storitve-wrap {
    margin-top: 50px;
}

.ponudnik-storitve-grid, .glavne-storitve-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
	margin-bottom: 50px;
	padding-top: 20px;
}

.storitev-kartica {
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
	box-shadow: 0px 50px 50px -50px rgba(0,0,0,0.13) !important;
}

.storitev-kartica:hover {
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

.storitev-slika img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    display: block !important;
}

.storitev-kartica img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    display: block !important;
}

.storitev-body {
    padding: 16px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.storitev-body h3 {
    margin: 0 0 10px !important;
    font-size: 18px !important;
}

.storitev-body p {
    flex: 1 !important;
    font-size: 14px !important;
    color: #555 !important;
}

.storitev-gumb {
    align-self: flex-start;
    padding: 8px 14px;
    background: #9a2125;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
}

.storitev-gumb:hover {
    background: #444444;
	color: #fff !important;
}




[data-archive="default"][data-cards="simple"] .entry-card {
  padding-bottom: 0 !important;
  border: 1px solid #eee !important;
}




/* NAVIGACIJA NA STORITVI - SEZNAM STORITEV REGIJ IN KRAJEV */


.az-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
}

.az-filter button {
    background: #f1f1f1;
	background: #FFF;
    border: 1px solid #8B4513;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 13px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.az-filter button:hover {
    background: #8B4513;
    border-color: #8B4513;
    color: #fff;
}

.az-filter button.active {
    background: #8B4513;
    border-color: #8B4513;
    color: #fff;
    font-weight: 600;
}

.kraj-count {
    color: #666;
    font-size: 12px;
    margin-left: 4px;
}


/* ===========================================
   🟦 Glavni wrapper
=========================================== */
.storitev-lokacije-wrapper {
    margin: 25px 0;
    padding: 25px;
    background: #f7f7f8;
    border-radius: 14px;
    border: 1px solid #e1e1e4;
}

/* ===========================================
   🟧 Regija blok
=========================================== */
.storitev-lokacija-regija {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.storitev-lokacija-regija:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ===========================================
   🟨 Naslov regije
=========================================== */
.storitev-lokacija-regija h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;
    letter-spacing: -0.3px;
}

/* ===========================================
   🟩 Kraji – lep seznam
=========================================== */
.storitev-lokacije-kraji {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 5px;
}

.storitev-lokacije-kraji li a {
    display: inline-block;
    background: #ffffff;
    padding: 7px 14px;
    border-radius: 8px;
    border: 1px solid #dedede;
    font-size: 15px;
    color: #333;
    transition: all 0.2s ease;
    text-decoration: none;
}

/* Hover efekti */
.storitev-lokacije-kraji li a:hover {
    background: #e9f5ff;
    border-color: #c1e6ff;
    color: #006bb9;
    transform: translateY(-1px);
}

/* ===========================================
   🟪 Mobile optimizacija
=========================================== */
@media (max-width: 600px) {
    .storitev-lokacije-wrapper {
        padding: 20px;
    }

    .storitev-lokacija-regija h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .storitev-lokacije-kraji li a {
        font-size: 14px;
        padding: 6px 12px;
    }
}










.vv-ponudniki-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, max-content));
  gap: 24px !important;
  justify-items: start !important; /* da se ne razteguje čez celo celico */
	padding-top: 20px;
}

.vv-ponudnik {
  display: block;
  gap: 15px;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
	max-width: 420px;
    transition: transform .2s ease, box-shadow .2s ease !important;
	box-shadow: 0px 50px 50px -50px rgba(0,0,0,0.13) !important;	
}

.vv-ponudnik:hover {
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}



.vv-ponudnik-thumb img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
}



.vv-ponudnik-img img {
  width: 90px;
  height: auto;
  border-radius: 8px;
}

.vv-ponudnik-title {
  margin: 0 0 8px;
}

.vv-tags {
  font-size: 13px;
  color: #666;
}



/* 📱 Tablet */
@media (max-width: 1024px){
  .vv-ponudniki-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

/* 📱 Mobile */
@media (max-width: 640px){
  .vv-ponudniki-grid{
    grid-template-columns:1fr;
  }
}


.vv-ponudnik-card {
  display: block;
  gap: 15px;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
	max-width: 420px;
    transition: transform .2s ease, box-shadow .2s ease !important;
	box-shadow: 0px 50px 50px -50px rgba(0,0,0,0.13) !important;	
}

.vv-ponudnik-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

.vv-ponudnik-body {
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.vv-ponudnik-title {
  font-size:1.2em;
  margin:0;
}

.vv-ponudnik-excerpt {
  color:#555;
  font-size:0.95em;
}

.vv-ponudnik-actions {
  margin-top:auto;
}

.vv-ponudnik-btn {
  display:inline-block;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  text-decoration:none;
  font-weight:600;
}



.seznam-krajev-wrap ul, .seznam-regij-wrap ul {
	padding-inline-start: 0 !important;
}

.seznam-regij-wrap {
	margin-bottom: 10px;
}

.seznam-krajev-wrap li {
	display: inline-block !important;
	font-size: 12px;
	padding: 2px 3px;
	border: 1px solid #ccc;
	margin: 3px;
}

.seznam-krajev-wrap li:hover {
	border: 1px solid #9a2125;
}


.seznam-regij-wrap li {
	display: inline-block !important;
	font-size: 14px;
	padding: 4px 6px;
	background-color: #f3f3f3;
	margin: 3px;
}

.seznam-regij-wrap li:hover {
	background-color: #ccc;
	color: #fff !important;
}

.seznam-regij-wrap a:hover {
	color: #fff !important;
}


/****** AJAX ISKALNIK  ******/

.ajax-search-wrap {
	position: relative;
	max-width: 100%;
	background-color: #fff;
	border-radius: 10px !important;
}

.ajax-search-input {
	width: 100%;
	padding: 30px 20px !important;
	font-size: 16px;
	border-radius: 10px !important;
}

.ajax-search-results {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	z-index: 9999;
	max-height: 300px;
	overflow-y: auto;
}

.ajax-search-item {
	display: block;
	padding: 10px 14px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
}

.ajax-search-item:hover {
	background: #f5f5f5;
}

.ajax-search-no {
	padding: 12px 14px;
	color: #999;
}


.post-navigation .item-label {
  display: none !important;
}




/****** PONUDNIK SINGLE ******/

.ponudnik-link {
	text-decoration: none;
	cursor: pointer;
	margin: 3px;
}

.ponudnik-link:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.ponudnik-extra h3 {
	margin-bottom: 0 !important;
}

.ponudnik-badges {
	margin-bottom: 15px;
}


/****** LOOP PONUDNIK ******/

.vv-ponudnik-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.vv-badge {
	background: #f2f2f2;
	padding: 4px 10px;
	border-radius: 10px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
}

.vv-badge:hover {
	background: #ddd;
	color: #000;
}



.vv-meta-line {
	display: flex;
	align-items: center;
	gap: 8px;
}

.vv-meta-icon {
	width: 20px !important;
	height: 20px !important;
	display: inline-block;
}

.vv-ponudnik-actions {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	height: auto !important;
	margin-top: 10px;
}

.vv-ponudnik-btn {
	display: inline-block !important;
	padding: 8px 16px;
	background: #9a2125;
	color: #fff !important;
	text-decoration: none;
	border-radius: 6px;
	font-size: 14px;
}

.vv-ponudnik-btn:hover {
	background: #444 !important;
}







/****** OBRAZEC PONUDNIK ******/


.vv-kontakt-obrazec-wrap {
	margin: 20px 0 40px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fafafa;
}

.vv-kontakt-obrazec input,
.vv-kontakt-obrazec textarea {
	width: 100%;
	margin-bottom: 10px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.vv-kontakt-obrazec button {
	background: #000;
	color: #fff;
	padding: 10px 18px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.vv-kontakt-obrazec-wrap {
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #e5e5e5;
	background: #fafafa;
	width: 100%;
}

.vv-kontakt-obrazec h4 {
	margin-bottom: 15px;
}

.vv-kontakt-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 12px;
}

.vv-kontakt-obrazec textarea {
	width: 100%;
	min-height: 120px;
	margin-bottom: 12px;
}

.vv-kontakt-obrazec input,
.vv-kontakt-obrazec textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.vv-kontakt-obrazec button {
	background: #000;
	color: #fff;
	border: none;
	padding: 12px 20px;
	border-radius: 4px;
	cursor: pointer;
}

@media (max-width: 600px) {
	.vv-kontakt-grid {
		grid-template-columns: 1fr;
	}
}