@charset "UTF-8";
/* ===========================================================================
   infohub.cookies.css  —  piškotki (Home/Cookies)
   ---------------------------------------------------------------------------
   Naloži se ZA infohub.landing.css, infohub.legal.css (glava) in
   infohub.terms.css (oštevilčene vrstice .ih-tc-row / .ih-tc-num).
   Velikosti so v pikslih (Bootstrap 3 ima html{font-size:10px}).
   =========================================================================== */

/* piškotek v glavi: tanjša črta, da so pike vidne */
.ih-ck-hero svg{ stroke-width:1.8; }

/* ---------------------------------------------------------------------------
   ŠIROKE VRSTICE (1–3): brez kartice s povzetkom, vsebina čez vso širino
   ------------------------------------------------------------------------ */

@media (min-width:992px){
  .ih-tc-row.ih-ck-wide,
  .ih-tc-row.ih-ck-info{ grid-template-columns:64px minmax(0,1fr); }
}
.ih-lp .ih-ck-wide .ih-tc-body p{ max-width:92ch; }

/* kartice in tabela se začnejo pod številko (poravnano z levim robom) */
.ih-ck-types,
.ih-ck-tablewrap{ grid-column:1 / -1; }

/* ---------------------------------------------------------------------------
   2 · VRSTE PIŠKOTKOV — tri kartice
   predpona .ih-lp zaradi `.ih-lp ul{margin:0;padding:0}`
   ------------------------------------------------------------------------ */

.ih-lp .ih-ck-types{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
@media (min-width:768px){
  .ih-lp .ih-ck-types{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
}
.ih-ck-types li{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:20px;
  border-radius:18px;
  background:#f6faf3;
  border:1px solid #e6efdf;
}
.ih-lp .ih-ck-types .ih-lp-icircle{
  flex:none;
  margin:0;
  width:56px;
  height:56px;
  background:var(--ih-mint);
  box-shadow:0 0 0 5px #fff;
}
.ih-lp .ih-ck-types .ih-lp-icircle svg{ width:30px; height:30px; stroke-width:2.2; }
.ih-lp .ih-ck-types h3{
  font-size:16px;
  font-weight:800;
  line-height:1.25;
  color:var(--ih-green-950);
  hyphens:auto;
}
.ih-lp .ih-ck-types p{
  margin-top:6px;
  font-size:14px;
  line-height:1.5;
  color:#4a5a6a;
}
@media (min-width:768px) and (max-width:1199px){
  .ih-ck-types li{ flex-direction:column; }
}

/* ---------------------------------------------------------------------------
   3 · TABELA PIŠKOTKOV
   izniči splošna pravila iz OurStylesBase / OurStyles2 / Bootstrap:
   table{table-layout:fixed}, th{background:#c9e3e8 !important},
   tbody td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis},
   #cookieTable td{white-space:pre-wrap}, code{color:#c7254e …}
   ------------------------------------------------------------------------ */

.ih-ck-tablewrap{
  margin-top:4px;
  border:1px solid #dde8e6;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.ih-ck .ih-ck-table{
  width:100%;
  margin:0;
  table-layout:auto;
  border-collapse:collapse;
  font-size:14px;
  line-height:1.45;
}
.ih-ck .ih-ck-table th{
  background:#e3f0f2 !important;
  color:var(--ih-green-950);
  font-weight:800;
  text-align:left;
  padding:12px 16px;
  border:0;
  border-bottom:1px solid #d3e3e4;
  white-space:nowrap;
}
.ih-ck .ih-ck-table td,
.ih-ck #cookieTable td{
  padding:11px 16px;
  color:#3a4a5c;
  vertical-align:top;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-wrap:normal;
  border:0;
  border-top:1px solid #eaf0ee;
}
.ih-ck .ih-ck-table tbody tr:first-child td{ border-top:0; }
.ih-ck .ih-ck-table th + th,
.ih-ck .ih-ck-table td + td{ border-left:1px solid #eaf0ee; }
.ih-ck .ih-ck-table tbody tr:hover td{ background:#f7fbf5; }
.ih-ck .ih-ck-table code{
  padding:0;
  background:none;
  color:var(--ih-green-950);
  font-family:inherit;
  font-size:inherit;
  font-weight:500;
  word-break:break-all;
}
@media (min-width:768px){
  .ih-ck .ih-ck-table td:nth-child(1){ width:22%; }
  .ih-ck #cookieTable td:nth-child(3),
  .ih-ck #cookieTable td:nth-child(4){ width:1%; white-space:nowrap; }
  .ih-ck .ih-ck-table code{ word-break:normal; overflow-wrap:anywhere; }
}

/* ozki zasloni: vsaka vrstica je kartica, oznake stolpcev iz data-label */
@media (max-width:767px){
  .ih-ck-tablewrap{ border:0; border-radius:0; overflow:visible; background:none; }
  .ih-ck .ih-ck-table,
  .ih-ck .ih-ck-table tbody,
  .ih-ck .ih-ck-table tr,
  .ih-ck .ih-ck-table td{ display:block; width:100%; }
  .ih-ck .ih-ck-table thead{
    position:absolute;
    width:1px; height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }
  .ih-ck .ih-ck-table tr{
    margin-top:12px;
    border:1px solid #dde8e6;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
  }
  .ih-ck .ih-ck-table tr:first-child{ margin-top:0; }
  .ih-ck .ih-ck-table td,
  .ih-ck .ih-ck-table td + td{
    display:grid;
    grid-template-columns:minmax(84px,34%) minmax(0,1fr);
    gap:10px;
    padding:9px 14px;
    border:0;
    border-top:1px solid #eef3f0;
  }
  .ih-ck .ih-ck-table td:first-child{ background:#e3f0f2; border-top:0; }
  .ih-ck .ih-ck-table td::before{
    content:attr(data-label);
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--ih-green-700);
    padding-top:2px;
  }
  .ih-ck .ih-ck-table tbody tr:hover td{ background:inherit; }
  .ih-ck .ih-ck-table tbody tr:hover td:first-child{ background:#e3f0f2; }
}

/* ---------------------------------------------------------------------------
   4–7 · KRAJŠI ČLENI: številka z ikono pod njo
   ------------------------------------------------------------------------ */

.ih-ck-numwrap{
  position:relative;
  width:60px;
  height:88px;
}
.ih-ck-badge{
  position:absolute;
  left:22px;
  top:44px;
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--ih-mint);
  color:var(--ih-green-700);
  box-shadow:0 0 0 4px #fff;
}
.ih-ck-badge svg{ width:24px; height:24px; }
.ih-lp .ih-ck-info .ih-tc-body p{ max-width:110ch; }

@media (max-width:575px){
  .ih-ck-numwrap{ width:44px; height:70px; }
  .ih-ck-numwrap .ih-tc-num{ width:44px; height:44px; font-size:19px; }
  .ih-ck-badge{ left:16px; top:34px; width:36px; height:36px; }
  .ih-ck-badge svg{ width:20px; height:20px; }
  .ih-ck-types li{ padding:16px; }
}