.ivakop-kalendar-wrap{--iv-border:#e4e7eb;--iv-muted:#667085;max-width:1180px;margin:30px auto;font-family:inherit;color:#1d2939}.ivakop-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.ivakop-heading h2{font-size:clamp(28px,4vw,42px);margin:0 0 8px}.ivakop-heading p{margin:0;color:var(--iv-muted)}.ivakop-legend{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.ivakop-legend span{display:flex;align-items:center;gap:8px;font-weight:600}.ivakop-legend i{width:14px;height:14px;border-radius:50%;display:inline-block}.ivakop-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;border:1px solid var(--iv-border);border-radius:16px;background:#fff;align-items:end}.ivakop-filters label,.ivakop-sub-grid label{display:flex;flex-direction:column;gap:7px;font-weight:600}.ivakop-filters select,.ivakop-filters input,.ivakop-sub-grid select,.ivakop-sub-grid input{width:100%;min-height:46px;border:1px solid #ccd2d9;border-radius:10px;padding:8px 12px;background:#fff}.ivakop-reset,.ivakop-primary,.ivakop-month-nav button{border:0;border-radius:10px;cursor:pointer}.ivakop-reset{min-height:46px;padding:0 16px;background:#eef2f6}.ivakop-filters>.ivakop-reset{justify-self:start}.ivakop-month-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0 14px;font-size:20px}.ivakop-month-nav button{width:38px;height:38px;font-size:24px}.ivakop-calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--iv-border);border-radius:16px;overflow:hidden;background:#fff}.ivakop-day-name{padding:10px;text-align:center;font-size:12px;font-weight:700;background:#f8fafc}.ivakop-day{min-height:112px;padding:8px;border-top:1px solid var(--iv-border);border-right:1px solid var(--iv-border);position:relative}.ivakop-day:nth-child(7n){border-right:0}.ivakop-day.is-out{background:#fafafa;color:#98a2b3}.ivakop-date-number{font-weight:700;margin-bottom:5px}.ivakop-event{display:block;padding:5px 7px;border-radius:7px;margin:4px 0;font-size:11px;line-height:1.25;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ivakop-event[data-type="plastic"]{color:#272727}.ivakop-upcoming,.ivakop-map-section,.ivakop-subscribe{margin-top:34px}.ivakop-upcoming h3,.ivakop-map-section h3,.ivakop-subscribe h3{font-size:24px;margin-bottom:12px}.ivakop-result{display:grid;grid-template-columns:18px minmax(150px,1.2fr) minmax(120px,1fr) auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--iv-border)}.ivakop-result-settlements,.ivakop-result-note{grid-column:2/-1;color:#667085;line-height:1.45}.ivakop-result-settlements strong{color:#475467}.ivakop-result-dot{width:12px;height:12px;border-radius:50%}.ivakop-empty{padding:20px;background:#f8fafc;border-radius:12px;color:var(--iv-muted)}#ivakop-map{height:420px;border-radius:16px;overflow:hidden;border:1px solid var(--iv-border)}.ivakop-subscribe{padding:24px;border-radius:18px;background:#f8fafc}.ivakop-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.ivakop-subscribe fieldset{border:0;padding:0;margin:18px 0}.ivakop-subscribe legend{font-weight:700;margin-bottom:9px}.ivakop-check{display:inline-flex;align-items:center;gap:7px;margin:0 16px 10px 0}.ivakop-check span{width:13px;height:13px;border-radius:50%;background:var(--waste-color)}.ivakop-privacy{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--iv-muted);margin:14px 0}.ivakop-primary{background:#1BB35A;color:#fff;padding:13px 20px;font-weight:700}.ivakop-primary:disabled{opacity:.55}.ivakop-msg{margin-top:12px;padding:10px 12px;border-radius:8px}.ivakop-msg.ok{background:#e8f5e9}.ivakop-msg.err{background:#ffebee}@media(max-width:800px){.ivakop-filters{grid-template-columns:1fr 1fr}.ivakop-sub-grid{grid-template-columns:1fr}.ivakop-calendar{font-size:12px}.ivakop-day{min-height:80px;padding:4px}.ivakop-event{font-size:9px;padding:3px}.ivakop-result{grid-template-columns:14px 1fr}.ivakop-result>*:nth-child(3),.ivakop-result>*:nth-child(4){grid-column:2}}@media(max-width:520px){.ivakop-filters{grid-template-columns:1fr}.ivakop-calendar{overflow-x:auto}.ivakop-day-name{padding:6px 2px}.ivakop-day{min-height:66px}.ivakop-event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ivakop-result{font-size:14px}}

.ivakop-settlements{margin-top:12px;padding:17px 20px;border-radius:12px;background:#1BB35A;border:1px solid #1BB35A;line-height:1.55;color:#fff;box-shadow:0 4px 14px rgba(21,91,53,.14)}.ivakop-settlements strong{display:block;margin-bottom:6px;color:#fff;font-weight:700}.ivakop-settlements span{color:#fff}

.ivakop-unsubscribe-box{margin-top:28px;padding-top:24px;border-top:1px solid #e5e7eb}.ivakop-unsubscribe-box h4{margin:0 0 8px}.ivakop-unsubscribe-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ivakop-unsubscribe-form label{flex:1 1 280px}.ivakop-unsubscribe-form input{width:100%;box-sizing:border-box}.ivakop-unsubscribe-form .ivakop-msg{flex-basis:100%}

.ivakop-settlement-search input[type="search"]{appearance:auto}.ivakop-settlement-search{min-width:0}

.ivakop-subscribe-settlements{grid-column:1/-1;padding:17px 20px;border:1px solid #1BB35A;border-radius:12px;background:#1BB35A;line-height:1.55;color:#fff;box-shadow:0 4px 14px rgba(21,91,53,.14)}.ivakop-subscribe-settlements strong{display:block;margin-bottom:6px;color:#fff;font-weight:700}.ivakop-subscribe-settlements span{color:#fff}

/* Reset button: dedicated full-width row, explicitly left aligned. */
.ivakop-filters>.ivakop-reset-row{grid-column:1/-1;width:100%;display:flex;justify-content:flex-start;align-items:center;text-align:left;margin:2px 0 0;padding:0}.ivakop-filters>.ivakop-reset-row .ivakop-reset{display:inline-flex;width:auto;max-width:max-content;margin:0 auto 0 0;align-items:center;justify-content:center}

/* Desktop filter layout: settlement on its own full-width row. */
@media(min-width:801px){.ivakop-filters>.ivakop-settlement-search{grid-column:1/-1}.ivakop-filters>label:not(.ivakop-settlement-search){grid-column:auto}}

/* 1.5.5: Search is a separate full-width block directly below the waste legend. */
.ivakop-settlement-search-wrap{margin:0 0 14px;padding:18px;border:1px solid var(--iv-border);border-radius:16px;background:#fff}
.ivakop-settlement-search-wrap .ivakop-settlement-search{display:flex;flex-direction:column;gap:7px;font-weight:600;margin:0}
.ivakop-settlement-search-wrap input[type="search"]{width:100%;min-height:46px;border:1px solid #ccd2d9;border-radius:10px;padding:8px 12px;background:#fff;box-sizing:border-box}
@media(min-width:801px){.ivakop-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 1.6.0 – Push notifications */
.ivakop-push-box .ivakop-primary{margin-right:10px}.ivakop-push-box #ivakop-push-unsubscribe{margin-top:8px}.ivakop-push-box .ivakop-msg{display:block}
@media(max-width:520px){.ivakop-push-box .ivakop-primary,.ivakop-push-box #ivakop-push-unsubscribe{width:100%;margin:8px 0 0}}

/* 1.6.3 – highlighted settlement panels. High specificity prevents theme/plugin overrides. */
.ivakop-kalendar-wrap #ivakop-settlements.ivakop-settlements,
.ivakop-kalendar-wrap #ivakop-subscribe-settlements.ivakop-subscribe-settlements,
.ivakop-kalendar-wrap #ivakop-push-settlements.ivakop-subscribe-settlements{
    background:#1BB35A !important;
    background-color:#1BB35A !important;
    color:#ffffff !important;
    border-color:#1BB35A !important;
}
.ivakop-kalendar-wrap #ivakop-settlements.ivakop-settlements *,
.ivakop-kalendar-wrap #ivakop-subscribe-settlements.ivakop-subscribe-settlements *,
.ivakop-kalendar-wrap #ivakop-push-settlements.ivakop-subscribe-settlements *{
    color:#ffffff !important;
}
.ivakop-kalendar-wrap #ivakop-settlements[hidden],
.ivakop-kalendar-wrap #ivakop-subscribe-settlements[hidden],
.ivakop-kalendar-wrap #ivakop-push-settlements[hidden]{
    display:none !important;
}

.ivakop-helper-note{margin:8px 0 14px;color:#475467;font-size:14px;line-height:1.5}
.ivakop-day-legend{margin:0 0 14px;padding:14px 16px;border:1px solid var(--iv-border);border-radius:14px;background:#fff}
.ivakop-day-legend>strong{display:block;margin-bottom:10px}
.ivakop-day-legend-items{display:flex;flex-wrap:wrap;gap:10px 16px}
.ivakop-day-legend-items span{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.ivakop-day-legend-items i{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}

.ivakop-day-legend-btn{appearance:none;border:1px solid #e4e7eb;background:#fff;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:600;color:#344054;cursor:pointer;transition:.18s ease}
.ivakop-day-legend-btn:hover{border-color:#98a2b3;transform:translateY(-1px)}
.ivakop-day-legend-btn.is-active{border-color:#1BB35A;box-shadow:0 0 0 2px rgba(27,179,90,.16)}
.ivakop-day-legend-btn i{width:14px;height:14px;border-radius:50%;display:inline-block;flex:0 0 14px}

/* 1.7.0 clickable day legend */
.ivakop-day-legend-items{display:flex;flex-wrap:wrap;gap:10px 12px}
.ivakop-day-legend .ivakop-day-legend-btn{
  min-height:38px;
  border-width:2px !important;
  border-style:solid !important;
  border-radius:999px !important;
  padding:8px 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  opacity:.88;
  pointer-events:auto !important;
  position:relative;
  z-index:2;
}
.ivakop-day-legend .ivakop-day-legend-btn:hover{opacity:1;transform:translateY(-1px)}
.ivakop-day-legend .ivakop-day-legend-btn.is-active{
  opacity:1;
  outline:3px solid rgba(27,179,90,.25) !important;
  outline-offset:2px;
}
.ivakop-day-legend .ivakop-day-legend-btn i{
  width:10px !important;height:10px !important;border-radius:50% !important;display:inline-block !important;flex:0 0 10px !important;
}

/* Veće flat outline oznake vrsta otpada */
.ivakop-kalendar-wrap .ivakop-legend{
  gap:12px;
  margin:24px 0 18px;
}
.ivakop-kalendar-wrap .ivakop-waste-legend-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:1px solid #d0d5dd;
  border-radius:999px;
  background:#fff;
  font-weight:700;
  line-height:1.2;
  min-height:44px;
  box-sizing:border-box;
}
.ivakop-kalendar-wrap .ivakop-waste-icon{
  width:28px;
  height:28px;
  min-width:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f8fafc;
  color:var(--waste-color);
}
.ivakop-kalendar-wrap .ivakop-waste-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ivakop-kalendar-wrap .ivakop-waste-label{
  color:#27352E;
}
@media(max-width:520px){
  .ivakop-kalendar-wrap .ivakop-legend{gap:8px}
  .ivakop-kalendar-wrap .ivakop-waste-legend-item{
    width:100%;
    justify-content:flex-start;
    padding:9px 12px;
  }
}

/* 1.7.7 icon visibility fix */
.ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-icon{
  display:inline-flex !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--waste-color) !important;
  visibility:visible !important;
  opacity:1 !important;
}
.ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-icon svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
  max-width:none !important;
  max-height:none !important;
  visibility:visible !important;
  opacity:1 !important;
  fill:none !important;
  stroke:currentColor !important;
}
.ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-icon svg path{
  fill:none !important;
  stroke:currentColor !important;
}

/* 1.7.7 – legenda bez pill/gumb izgleda */
.ivakop-kalendar-wrap .ivakop-legend{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin:24px 0 18px;
}
.ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-legend-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  cursor:default !important;
}
.ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--waste-color) !important;
}
.ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-icon svg{
  width:24px !important;
  height:24px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.ivakop-kalendar-wrap .ivakop-waste-label{
  font-weight:700;
  color:#27352E;
}

/* Outline ikone u listi Nadolazeći odvozi */
.ivakop-result-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--waste-color);
}
.ivakop-result-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ivakop-result{
  grid-template-columns:32px minmax(150px,1.2fr) minmax(120px,1fr) auto;
}
@media(max-width:800px){
  .ivakop-result{grid-template-columns:30px 1fr}
}
@media(max-width:520px){
  .ivakop-kalendar-wrap .ivakop-legend{gap:12px 18px}
  .ivakop-kalendar-wrap .ivakop-legend .ivakop-waste-legend-item{width:auto !important}
}
